/*
Theme Name:		CSS Pedia
Theme URI:		http://www.templatespedia.com
Description:	Optimized for CSS Pedia.
Version:		1.0
Author:			Shabu Anower
Author URI:		http://www.templatespedia.com
*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; color:#436721; background: url(images/bg.jpg);}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif;}
.clear { clear: both; padding: 0; margin: 0;}

form { padding: 0; margin: 0;}
input { font-family: 'Verdana'; font-size: 13px; color: #436721; border: none;}
textarea { font-family: 'Verdana'; font-size: 13px; color: #436721; border: none; background: url('images/forms.gif') no-repeat 0 -195px; height: 86px; width: 447px; padding: 12px 10px 10px 57px;}
select { font-family: 'Verdana'; font-size: 12px; color: #436721;}
.button { background: url('images/button.gif') no-repeat; width: 126px; height: 41px; border: 0px; color: #436721; font-size: 14px; font-weight: bold;}
.button:focus { background: url('images/button.gif') no-repeat !important; width: 126px; height: 41px; border: 0px; color: #436721; font-size: 14px; font-weight: bold;}
.name { background: url('images/forms.gif') no-repeat; height: 27px; width: 439px; padding: 12px 10px 0 65px;}
.email { background: url('images/forms.gif') no-repeat 0 -39px; height: 27px; width: 441px; padding: 12px 10px 0 64px;}
.pt { background: url('images/forms.gif') no-repeat 0 -78px; height: 27px; width: 449px; padding: 12px 10px 0 56px;}
.permalink { background: url('images/forms.gif') no-repeat 0 -117px; height: 27px; width: 437px; padding: 12px 10px 0 57px;}
.tag { background: url('images/forms.gif') no-repeat 0 -156px; height: 27px; width: 448px; padding: 12px 10px 0 57px;}
.progress { position: absolute; display: block; background: url('images/forms.gif') no-repeat 0 -303px; padding: 0 5px 0 65px; width: 397px !important; height: 61px !important; line-height: 61px;}

a { text-decoration: none; color: #436721;}
a:hover { text-decoration: underline;}
a img {	border: 0px;}

#wrapper { width: 100%; margin: 0; padding: 0;}
.pagecover {  width: 990px; margin: 0 auto 0 auto; padding: 0 0 10px 0;}
.page { background: #fff; width: 990px; margin: 0 auto; }

#content { width: 554px; padding: 10px 0 0 10px; margin: 0; overflow: hidden; float: left;}
#sidebar { float: left; width: 411px; margin: 0 0 0 5px; padding: 10px 0 0 0;}

#header { width: 990px; height: 65px; padding: 0; margin: 20px auto 10px auto;}
#header a { text-decoration: none;}
#header h1 { padding: 0; margin: 0; font-weight: bold; }
#header .logo { margin: 0 0 0 10px; padding: 0; border: 0;}

.topnav { background: url('images/top-nav.jpg') no-repeat; margin: 0 10px 5px 10px; width: 950px; height: 40px; padding: 0 10px 0 10px;}
.topnav h2 { float: left; margin: 0; color: #fff; padding: 0; font-size: 16px; line-height: 40px; width: 696px;}
.topnav .search { float: left; background: url('images/search.gif') no-repeat; color: #742d01; height: 20px; padding: 6px 0 0 26px; width: 228px; border: none; margin: 7px 0 0 0;}

#header ul { float: right; margin: 46px 20px 0 0; padding: 0; list-style: none;}
#header ul li { padding: 0; line-height: 29px; display: inline; font-size: 11px;}
#header ul li a { margin: 0 5px 0 0; color: #fff; padding: 0 0 0 10px; float: left; background: url('images/menu.gif') no-repeat left -29px; text-decoration: none;}
#header ul li a span { padding: 0 10px 0 0; float: left; background: url('images/menu.gif') no-repeat right -29px; text-decoration: none; display: block;}

#header ul li a:hover { color: #fff; padding: 0 0 0 10px; float: left; background: url('images/menu.gif') no-repeat left -29px;}
#header ul li a:hover span { padding: 0 10px 0 0; float: left; background: url('images/menu.gif') no-repeat right -29px; display: block;}

#header ul li.current_page_item a { margin: 0 5px 0 0; color: #456923; padding: 0 0 0 10px; float: left; background: url('images/menu.gif') no-repeat left 0; text-decoration: none;}
#header ul li.current_page_item a span { padding: 0 10px 0 0; height: 29px; float: left; background: url('images/menu.gif') no-repeat right 0; text-decoration: none; display: block;}

#footer { width: 990px; height: 130px; margin: 0 auto 20px auto; color: #fff; background: #6f8d51 url('images/body-bg.gif') no-repeat right bottom;}
#footer .copy { padding: 5px 0 5px 15px; font-size: 11px; margin: 0; width: 500px; float: left;}
#footer #wp { margin: 15px 0 0 0; display: block; background: url('images/wprss.gif') no-repeat; width: 70px; height: 69px; float: left;}
#footer #wp:hover { display: block; background: url('images/wprss.gif') no-repeat -135px; width: 70px; height: 69px;}
#footer #rss { margin: 15px 0 0 5px; display: block; background: url('images/wprss.gif') no-repeat -69px; width: 65px; height: 69px; float: left;}
#footer #rss:hover { display: block; background: url('images/wprss.gif') no-repeat -204px; width: 65px; height: 69px;}
#footer .about { padding: 5px 15px 5px 0; font-size: 11px; margin: 0 0 0 50px; width: 400px; float: left;}
#footer .about span { font-size: 15px; color: #40601f; font-weight: bold; line-height: 30px;}
#footer a { color: #fff; text-decoration: none;}
#footer a:hover { text-decoration: underline;}

.top { background: url('images/body-bg.gif') no-repeat left top; padding: 10px 0 0 0;}

.details { width: 544px; padding: 0 10px 5px 10px; margin: 0 0 15px 0; line-height: 18px;}

.post-edit-link { background: url('images/edit.gif') no-repeat left center; padding: 0 15px 0 15px; margin: 0 0 0 20px; font-weight: normal;}

.pagenav { color: #426620; margin: 0 0 20px 0; padding: 10px 0 0 0;}
.pagenav a { border: 1px solid #426620; background: #6f8d51; color: #fff; padding: 4px 8px 4px 8px; font-size: 10px; margin: 0 5px 0 0;}
.pagenav a:hover { border: 1px solid #426620; background: #fff; color: #6f8d51; padding: 4px 8px 4px 8px; text-decoration: none; font-size: 10px; margin: 0 5px 0 0;}
.pagenav .on { border: 1px solid #426620; background: #fff; color: #6f8d51; padding: 4px 8px 4px 8px; font-size: 10px; margin: 0 5px 0 0;}
.pagenav span { color: #fff; border: 1px solid #426620; background: #6f8d51; padding: 4px 8px 4px 8px; font-size: 10px; margin: 0 5px 0 0;}

.text { color: #81816f; border: 1px solid #eeeeee; width: 220px; padding: 3px;}
.tarea { color: #81816f; border: 1px solid #eeeeee; width: 351px !important; padding: 3px;}

.inads { width: 555px; padding: 5px; margin: 0 0 10px 0;}
.inunit { width: 555px; padding: 0 0 10px 5px; margin: 0;}

.odd { background: #f4f4f4 url('images/post-bg.gif') no-repeat top left; width: 544px; padding: 3px 0 0 0; margin: 0 0 10px 0;}
.odd .bottom { background: #f4f4f4 url('images/post-bg.gif') no-repeat -544px bottom; padding: 0 0 10px 0;}
.odd h2 { font-size:16px; margin:0 0 0 10px; padding:5px 0 5px 0;}
.odd h2 a { color: #436721; text-decoration:none;}
.odd h2 a:hover { text-decoration: underline;}
.odd a { text-decoration: underline;}
.odd p { margin:0 10px 0 10px; padding: 0; color: #2a2a2a; line-height: 15px; font-size: 11px;}

.even { background: #efefef url('images/post-bg.gif') no-repeat -1088px top; width: 544px; padding: 3px 0 0 0; margin: 0 0 10px 0;}
.even .bottom { background: #efefef url('images/post-bg.gif') no-repeat -1632px bottom; padding: 0 0 10px 0;}
.even h2 { font-size:16px; margin:0 0 0 10px; padding:5px 0 5px 0;}
.even h2 a { color: #436721; text-decoration:none;}
.even h2 a:hover { text-decoration: underline;}
.even a { text-decoration: underline;}
.even p { margin:0 10px 0 10px; padding: 0; color: #2a2a2a; line-height: 15px; font-size: 11px;}

.tagged { border-top: 1px dotted #6f8d51; background: url('images/tag.gif') no-repeat left 5px; margin: 5px 10px 0 10px !important; line-height: 15px; padding: 5px 0 0 20px !important; text-transform: capitalize;}


/***************************************************/
.box { width: 384px; padding: 0; margin: 0 0 15px 0;}
.box h2 { margin: 0 5px 0 6px; width: 384px; border: 1px solid #eee; height: 22px; background: #fffff4; color: #72aa29; line-height: 22px; font-weight: bold; text-indent: 10px; font-size: 13px;}
.imgbox { width: 384px; margin: 0 5px 0 6px; padding: 10px 0 10px 0; border-left: 1px solid #eee; border-right: 1px solid #eee; background: #fff; text-align: center; border-bottom: 1px solid #eee;}

.bkmark { background: #ec9655 url('images/sidebar-bg.gif') no-repeat left top; width: 405px; padding: 4px 0 0 0; margin: 0 0 10px 6px;}
.bkmark .bottom { background: #ec9655 url('images/sidebar-bg.gif') no-repeat -405px bottom; padding: 0 0 10px 0;}
.bkmark h2 { color: #fff; font-size:15px; margin:0 0 0 10px; padding:5px 0 5px 0; width: 380px;}
.bkmark p { margin:0 0 0 10px; padding: 0;}

.browsetag { background: #6f8d51 url('images/sidebar-bg.gif') no-repeat -1620px top; color: #464646; width: 405px; padding: 4px 0 0 0; margin: 0 0 10px 6px;}
.browsetag .bottom { background: #6f8d51 url('images/sidebar-bg.gif') no-repeat -2025px bottom; padding: 0 0 10px 0;}
.browsetag h2 { color: #fff; font-size: 15px; margin:0 0 0 10px; padding:5px 0 5px 0; width: 380px;}
.browsetag p { margin:0 0 0 10px; padding: 0;}
.browsetag a { padding: 5px; display: block; float: left; margin: 3px; line-height: 15px; color: #fff; text-decoration: none; text-transform: capitalize;}
.browsetag a:hover { background: #fff; color: #6f8d51;}

.gray { background: #e8e8e8 url('images/sidebar-bg.gif') no-repeat -2430px top; width: 405px; padding: 4px 0 0 0; margin: 0 0 10px 6px;}
.gray .bottom { background: #e8e8e8 url('images/sidebar-bg.gif') no-repeat -2835px bottom; padding: 0 0 10px 0;}
.gray h2 { color: #6f8d51; font-size: 15px; margin:0 0 0 10px; padding:5px 0 5px 0; width: 380px;}
.gray p { margin: 8px 0 0 8px; padding: 0;}

.friends { background: #f3e7ce url('images/sidebar-bg.gif') no-repeat -810px top; width: 405px; padding: 4px 0 0 0; margin: 0 0 10px 6px;}
.friends .bottom { background: #f3e7ce url('images/sidebar-bg.gif') no-repeat -1215px bottom; padding: 0 0 10px 0;}
.friends h2 { color: #6f8d51; font-size: 15px; margin:0 0 0 10px; padding:5px 0 5px 0; width: 380px;}
.friends p { margin: 8px 0 0 8px; padding: 0;}
.friends ul { margin: 0; padding: 0 5px 0 5px; list-style-type: none;}
.friends ul li { float: left; list-style-type: none; height: 75px; padding: 0 0 0 4px; margin: 0 0 5px 0;}
.friends ul li a { color: #464646; text-decoration: none;}
.friends ul li a:hover { text-decoration: underline;}

.imgads { background: #f3e7ce url('images/sidebar-bg.gif') no-repeat -810px top; width: 405px; padding: 4px 0 0 0; margin: 0 0 10px 6px; text-align: justify;}
.imgads .bottom { background: #f3e7ce url('images/sidebar-bg.gif') no-repeat -1215px bottom; padding: 0 0 10px 0;}
.imgads h2 { color: #927140; font-size: 15px; margin:0 0 0 10px; padding:5px 0 5px 0; width: 380px;}
.imgads p { margin:0 0 0 10px; padding: 0;}
.imgads ul { margin: 0; padding: 0 5px 0 5px; list-style-type: none;}
.imgads ul li { float: left; list-style-type: none; height: 125px; padding: 0 0 0 5px; margin: 0 0 5px 0;}
.imgads ul li a { color: #464646; text-decoration: none;}
.imgads ul li a:hover { text-decoration: underline;}

.misc { width: 405px; padding: 4px 0 0 0; margin: 0 0 20px 6px;}
.misc p { margin:0; padding: 0;}
.misc a { display: block; float: left; margin: 0 5px 5px 0; line-height: 20px; text-decoration: none;}


/***************************************************/
.tags { width: 374px; margin: 0 5px 0 6px; padding: 5px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff;}
.tags a { background: #1a7fb7; padding: 5px; display: block; float: left; margin: 3px; line-height: 15px; color: #fff; text-decoration: none;}
.tags a:hover { background: #d04e18;}

.caption { color: #fff; padding:5px; margin: 3px 0 3px 0; background: #6f8d51; font-size:13px;}
.bg1 { background: #f3e7ce; padding: 2px 5px 2px 5px; border-bottom: solid 1px #fff; border-right: solid 1px #fff;}
.bg2 { padding: 2px 5px 2px 5px; background: #edf8fc; border-bottom: solid 1px #fff; border-right: solid 1px #fff;}

.share { padding: 5px 0 5px 0; margin:0;}
.share ul { list-style-type:none; margin:0 0 0 10px; padding: 0 0 10px 0;}
.share li { float: left; list-style:none; margin:0 10px 0 0; padding-top:1px; display:inline; border: none !important;}
.share a { display:block; overflow:hidden; height:14px; width:46px; color:#808080; font-size:7px; padding: 33px 0 0 0; text-align:center; text-decoration:none; white-space:nowrap;}
.share a:hover { text-decoration:none;}
.share .delicious a:hover{ background: url('images/share.jpg') no-repeat -145px 0;}
.share .delicious a{ background: url('images/share.jpg') no-repeat -145px -48px;}
.share .digg a:hover{ background: url('images/share.jpg') no-repeat -1px 0;}
.share .digg a{ background: url('images/share.jpg') no-repeat -1px -48px;}
.share .technorati a:hover{ background: url('images/share.jpg') no-repeat -193px 0;}
.share .technorati a{ background: url('images/share.jpg') no-repeat -193px -48px;}
.share .reddit a:hover{ background: url('images/share.jpg') no-repeat -242px 0;}
.share .reddit a{ background: url('images/share.jpg') no-repeat -242px -48px;}
.share .stumbleupon a:hover{ background: url('images/share.jpg') no-repeat -97px 0;}
.share .stumbleupon a{ background: url('images/share.jpg') no-repeat -97px -48px;}
.share .twitter a:hover{ background: url('images/share.jpg') no-repeat -49px 0;}
.share .twitter a{ background: url('images/share.jpg') no-repeat -49px -48px;}
.share .sharethis a:hover{ background: url('images/share.jpg') no-repeat -290px 0;}
.share .sharethis a{ background: url('images/share.jpg') no-repeat -290px -48px;}