/*
Theme Name: Green Butterfly
Theme URI: http://www.rayanamad.com
Description: a very beautiful, clean and simple fixed width, 3-columns layout with the sidebars on the right.
Author: Ashkan
Author URI: http://www.rayanamad.com
Customized By: Charly Leetham
URI:  http://askcharlyleetham.com
*/

body
{
	font: 12px arial,verdana,sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: #D1EB67;
}
#page
{
	width: 1004px;
	margin: 0 auto;
}
#wrap
{
	clear: both;
	width: 1004px;
	padding: 0;
}
#content-container
{
	float: left;
	width: 1004px;
	padding: 0px;
	background: url(images/content-bg.gif) repeat-y center;
}
#content
{
	float: left;
	width: 1004px;
	padding: 0px;
	margin-left: 0px;
	position: relative;
        margin-top: -20px;
}
#header
{
	height: 456px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(images/header.jpg) no-repeat top center;
	float: none;
}
#header_title_box
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 11px;
	/*float: left;*/
	padding-top: 0px;
	padding-left: 0px;
	font-variant: small-caps;
        margin-left: 24px;
}

#header_title_box h1
{
	font: 40px gramond, 'times new roman';
	text-align: left;
/*	padding-left: 500px;
	padding-top: 80px;*/
	font-weight: bold;
}
#header h1, h1 a, h1 a:hover, h1 a:visited
{
	text-decoration: none;
	margin: 0;
	color: #CD7605;
}

#blogtitle {
           width:575px; 
           float:left;
}

.header_postbottom
{
	font-size: 10px;
	color: #183559;
	text-align: left;
	width: 600px;
	float: none;
	height: 40px;
	display: block;
	padding: 0;
	position: relative;
	background: url(images/headbottom.jpg) no-repeat left bottom;
}

.bartop
{
	width: 600px;
	height: 30px;
	color: #023804;
	padding-top: 0;
	background: url(images/post_top.gif) no-repeat center top;
}

#textbar {
       margin-left: 10px;
}

#topbar {
       float:left;
       margin-left:12px;
       margin-top:19px;
       background:transparent url(images/post_bg.gif) repeat-y scroll left center;
       width: 600px;
       height: 300px;
}


#topbar a {
       color:#000000;
}

#topbar a:hover {
       color: #000000;
       text-decoration:underline;
}

#topbarhead {
       background: url(images/post_top.gif) no-repeat scroll 0 0;
       width: 600px;
       height: 300px;
}

#topbarbase {
       background:transparent url(images/post_bottom.gif);
       width: 600px;
       height:6px;
       margin-top:270px;
}

#subtitle {
	font-family: arial;
	/*padding-left: 520px;*/
	color: #2D6102;
	font: 14px arial;
	text-align: left;
	font-weight: normal;
}
#footer
{
	font: 12px arial,verdana,sans-serif;
	text-align: center;
	height: 75px;
	float: left;
	position: relative;
	width: 100%;
	background: url(images/footer.gif) no-repeat bottom center;
}
.footerlinks
{
	color: #758F0B;
	text-align: center;
	float: left;
	padding-top: 50px;
	width: 1004px;
}
.footerlinks a
{
	color: #5C9227;
	text-decoration: underline;
}

/* General Header Styles */
h2
{
	margin-top: 0;
	font-size: 16px;
}
h3
{
	margin: 0;
	font-size: 14px;
}

/* Post Related */
h2 a:hover, h2 a:visited, h2 a
{
	text-decoration: none;
}
.post-container
{
	float: left;
	width: 600px;
	margin-left: 20px;
}
.post
{
	width: 600px;
	margin: 0;
	padding-top: 0;
	padding-right: 16px;
	color: #474145;
	float: none;
	display: block;
	margin-bottom: 10px;
	background: url(images/post_bg.gif) repeat-y left;
}
.posttop
{
	width: 600px;
	height: 30px;
	color: #023804;
	padding-top: 0;
	background: url(images/post_top.gif) no-repeat center top;
}
.postinfo
{
	height: 25px;
	width: 400px;
	float: left;
	color: #023804;
	text-align: left;
	margin-top: 10px;
	font: 11px verdana;
	clear: both;
}
.postinfo a
{
	text-decoration: none;
	color: #046908;
	text-align: left;
}
.postinfo a:hover
{
	text-decoration: underline;
	color: #046908;
}
#postedby
{
	width: 600px;
	background-color: Aqua;
}
.post p
{
	margin: 0px;
}


.post a:hover
{
	color: #338116;
}

.posttop h2
{
	font: 18px gramond, 'times new roman';
	text-align: left;
	overflow: visible;
	margin-bottom: 0;
	padding: 0;
	float: left;
	padding-left: 10px;
	padding-top: 2px;
}
.posttop h2 a
{
	color: #055409;
	font-weight: normal;
}
.post a:hover
{
	color: #023804;
}

.postbottom
{
	font-size: 10px;
	color: #183559;
	text-align: left;
	width: 600px;
	float: none;
	height: 40px;
	display: block;
	padding: 0;
	position: relative;
	background: url(images/post_bottom.gif) no-repeat left bottom;
}
.postbottom a
{
	text-decoration: none;
	color: #5C7203;
}

#textheader {
        width:600px;
        margin-bottom:7px;
        margin-left:10px;
        margin-top:6px;
        float:left;
}

#textfooter {
        width:600px;
        display:inline;
}

.commentinf
{
	float: right;
	margin-right: 20px;
	padding-top: 7px;
}
.metainf
{
	float: left;
	margin-left: 15px;
	padding-left: 30px;
	padding-top: 7px;
	height: 40px;
	background: url(images/butterfly.gif) no-repeat left top;
}
.post p
{
	margin: 0px;
}
.navigation a
{
	color: #2D5603;
	text-decoration: none;
}
.navigation a:hover
{
	color: #5C9227;
}

.navigation
{
	text-align: right;
	font-size: 12px;
}
img.centered
{
	display: block;
}
img.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft
{
	padding: 4px;

	margin: 0 7px 2px 0;
	display: inline;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
.navigation .alignright
{
	margin-bottom: 10px;
}
.navigation .alignleft
{
	margin-bottom: 10px;
}

.pagetitle
{
	font: bold 22px gramond, 'times new roman';
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left;
	color: #688105;
	margin-right: 15px;
	overflow: visible;
}
#date
{
	background: url(images/calendar.gif) no-repeat;
	float: left;
	height: 80px;
	width: 80px;
	margin: 0px 10px 0 10px;
}
.month
{
	text-align: center;
	font-size: 12px;
	margin: 0;
	height: 15px;
	color: #022B5D;
	padding-top: 13px;
}
.day
{
	text-align: center;
	font: 26px arial;
	font-weight: bold;
	color: #B78204;
	padding-top: 3px;
}
blockquote
{
	font: 11px verdana,arial,sans-serif;
	margin: 5px;
}
a img
{
	border: 0;
}
.entry
{
	font: 12px arial,verdana,sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: justify;
}
.entrytext .postmetadata
{
	font: 12px arial,verdana,sans-serif;
}
.more-link
{
	font: 10px arial,verdana,sans-serif;
}


/* Sidebar Related */

#sidecontainer
{
	margin-left: 7px;
	float: left;
        margin-top:-70px;
}

#rssfeed1 {
       width:330px; 
       margin-left:20px;
}

#rssfeedimg {
       float:left;
}

#rssfeedtxt {
       width:253px; 
       margin-left:78px;
}

#rssemail {
       width:330px; 
       margin-left:20px; 
       margin-bottom:33px; 
       text-align:center;
       padding-top:29px;
}

#sidebar
{
	width: 163px;
	margin-left: 10px;
	float: left;
	margin-top: 0px;
}

#sidebar ul
{
	margin: 0;
	padding: 0;
	font: 11px tahoma;
}
#sidebar ul h2
{
	font: 12px tahoma;
	background: url(images/topbar.gif) no-repeat top;
	color: #336600;
	text-align: left;
	padding: 0;
	height: 25px;
	margin: 0;
	border: none;
	font-weight: bold;
	padding: 5px 0 0 10px;
}

#sidebar ul li
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
#sidebar ul li ul
{
	margin: 0;
}
#sidebar ul ul li
{
	list-style-type: none;
	margin-left: 3px;
	list-style-image: none;
	padding: 5px 0 3px 15px;
	width: 140px;
	background: url(images/arrow.gif) no-repeat left;
}
#sidebar ul ul ul li
{
	list-style-type: disc;
	padding: 0;
	margin-left: 5px;
	color: #A45036;
}
#sidebar p
{
	margin: 0;
	font: 12px tahoma,arial;
}
#sidebar a
{
	color: #014E05;
	text-decoration: none;
}
#sidebar a:hover
{
	color: #000000;
}

/* Sidebar #2 */
#sidebar2
{
	width: 163px;
	margin-left: 10px;
	float: left;
	margin-top: 0px;
}

#sidebar2 ul
{
	margin: 0;
	padding: 0;
	font: 11px tahoma;
}
#sidebar2 ul h2
{
	font: 12px tahoma;
	background: url(images/topbar2.gif) no-repeat top;
	color: #336600;
	text-align: left;
	padding: 0;
	height: 25px;
	margin: 0;
	border: none;
	font-weight: bold;
	padding: 5px 0 0 10px;
}

#sidebar2 ul li
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
#sidebar2 ul li ul
{
	margin: 0;
}
#sidebar2 ul ul li
{
	list-style-type: none;
	margin-left: 3px;
	list-style-image: none;
	padding: 5px 0 3px 15px;
	width: 140px;
	background: url(images/arrow.gif) no-repeat left;
}
#sidebar2 ul ul ul li
{
	list-style-type: disc;
	padding: 0;
	margin-left: 5px;
	color: #A45036;
}
#sidebar2 p
{
	margin: 0;
	font: 12px tahoma,arial;
}
#sidebar2 a
{
	color: #014E05;
	text-decoration: none;
}
#sidebar2 a:hover
{
	color: #000000;
}
.bottom_sidebar
{
	background: url(images/menu_bottom.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 21px;
	width: 163px;
	display: block;
	position: relative;
}

/* User Comment Specific */
#comment
{
	border: 1px solid #5C7FAB;
	color: #123A5F;
	background-color: #ffffff;
}
#respond
{
	padding-left: 10px;
}
#commentform
{
	padding: 10px;
}
#commentform input
{
	color: #123A5F;
	background-color: #ffffff;
	border: 1px solid #5C7FAB;
}

ol.commentlist
{
	margin-left: 25px;
	padding: 0;
}

ol.commentlist a
{
	color: #1D72C0;
}
ol.commentlist p
{
	margin-top: 3px;
	margin-bottom: 10px;
}
small.commentmetadata
{
	font: 10px arial,verdana,sans-serif;
}
small.commentmetadata a
{
	text-decoration: none;
}
#submit
{
	height: 25px;
	background-color: #D6E5BD;
	margin: 10px 10px 0 0;
	color: #123A5F;
	font-size: 1.2em;
}

/************************/
/*     Search Design    */
/************************/
#searchform
{
	/*margin: 7px 0 10px 382px;*/
	float: left;
}
#s
{
	width: 200px;
	font: 12px tahoma;
	color: #3F710C;
}
#menu_search_box
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 11px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	font-variant: small-caps;
}

#menu_search_box input.s
{
	width: 200px;
	font-size: 11px;
	color: #3F710C;
	border: 0px;
	background: none;
}

#menu_search_box span
{
	position: relative;
}
#searchLabel
{
	font-weight: bold;
        margin-right: 36px;
}

#translate
{
      /* width: 263px;*/
       float:right;
       padding-top:6px;
       padding-right:89px
       /*text-align:center;*/
}

/*-------------Other------------------*/
hr
{
	display: none;
}
a
{
	color: #296CBE;
}
#wp-calendar
{
	width: 150px;
	color: #2D993B;
	margin-left: 5px;
	text-align: center;
}
#calendar
{
}
td
{
	color: #7CCC36;
}