/*
Theme Name:		Free Vector File
Theme URI:		http://www.templatespedia.com
Description:	Optimized theme for Free Vector File.
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:#5d5d5d; background: #edede1 url('images/top.bg.jpg') repeat-x top;}
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: 12px; color: #81816f;}
textarea { font-family: 'Verdana'; font-size: 12px; color: #81816f;}
select { font-family: 'Verdana'; font-size: 12px; color: #81816f;}

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

#wrapper { width: 100%; margin: 0; padding: 0;}
.pagecover { background: url('images/body-bg.gif') no-repeat left top; width: 990px; margin: 30px auto 0 auto; padding: 5px 0 0 0;}
.page { background: #fdfdfd; width: 990px; margin: 0 auto; }

#content { width: 566px; padding: 10px 0 0 10px; margin: 0; overflow: hidden; float: left;}
#sidebar { float: left; width: 403px; margin: 0; padding: 10px 0 0 0;}

#header { width: 990px; height: 58px; padding: 0; margin: 20px auto 15px auto;}
#header a { text-decoration: none;}
#header h1 { padding: 0; margin: 0; font-weight: bold; }
#header p { font-size: 11px; line-height: 12px; letter-spacing: 1px; padding: 0; margin: 0; font-weight: normal; }
#header .logo { width: 213px; margin: 0; padding: 7px 0 0 15px;}
#header .header-ads { float: right; width: 468px; margin: 0;}

#header ul { float: right; margin: 10px 10px 0 0; display: block;}
#header ul li { float: left; padding: 0; line-height: 34px; display: inline; font-size: 11px; font-weight: bold;}
#header ul li a { margin: 0 5px 0 0; color: #a1a1a1; padding: 0 0 0 15px; float: left; background: url('images/menu.gif') no-repeat left top; text-decoration: none;}
#header ul li a span { padding: 0 15px 0 0; background: url('images/menu.gif') no-repeat top right; display: block;}

#header ul li a:hover { color: #90a63a; background: url('images/menu.gif') no-repeat left top;}
#header ul li a:hover span { background: url('images/menu.gif') no-repeat right top;}

#header ul li.current_page_item a { color: #90a63a; background: url('images/menu.gif') no-repeat left top;}
#header ul li.current_page_item a span { background: url('images/menu.gif') no-repeat right top;}

#footer { background: url('images/body-bg.gif') no-repeat -1980px top; width: 990px; margin: 0 auto 10px auto; padding: 10px 0 10px 0;}
#footer p { padding: 15px 0 0 0; text-align: center; font-size: 11px; margin: 0;}
#footer a { color: #5d5d5d; text-decoration: none;}
#footer a:hover { text-decoration: underline;}

.pagebottom { background: #fff url('images/body-bg.gif') no-repeat -990px bottom; padding: 0 0 5px 0;}

.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: #72aa29; margin: 0 0 20px 0; padding: 10px 0 0 0;}
.pagenav a { border: 1px solid #72aa29; background: #dde9bd; color: #72aa29; padding: 4px 8px 4px 8px; font-size: 10px; margin: 0 5px 0 0;}
.pagenav a:hover { border: 1px solid #bfa9e9; background: #f4f1fc; color: #bfa9e9; padding: 4px 8px 4px 8px; text-decoration: none; font-size: 10px; margin: 0 5px 0 0;}
.pagenav .on { border: 1px solid #f7c787; background: #fdf4e7; color: #f7c787; padding: 4px 8px 4px 8px; font-size: 10px; margin: 0 5px 0 0;}
.pagenav span {  border: 1px solid #72aa29; background: #dde9bd; 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;}
.btn { background: url('images/btn.gif') no-repeat; width: 115px; height: 30px; border: none; color: #fff;}

.post { position:relative; padding:0; width:273px; float:left; overflow: hidden; margin:0 5px 10px 0; border:2px solid #819535;}
.post h2 { font-size:14px; margin:5px 0 1px 0; padding:0 0 6px 0;}
.post h2 a { color:#fff; text-decoration:none; background: #697a2a; padding: 5px;}
.post h2 a:hover { color:#fff; text-decoration:none;}
.post p { margin:0; background: #697a2a; color: #fff; padding: 3px;}
.post p a { color: #fff; text-decoration: underline;}

.post-ratings span { float:right; font-size:11px; padding:3px 0 0 0; color: #fff;}

.bottom-slide { background:url('images/slider_bg.png'); width:275px; font-weight:normal; position:absolute; padding:12px;}
.post .bottom-slide { width:257px; padding: 9px;}
.post .bottom-slide { bottom:-100px; left:0;}

.entry { margin: 5px 10px 5px 10px; overflow: hidden;}
.entry h2, h3, h4, h5, h6 { padding: 5px 0 5px 0; margin: 0;}
.entry h2 { font-size: 16px; font-weight: bold;}
.entry h3 { font-size: 15px;}

.entry a { color: #81816f; text-decoration: underline;}
.entry a:hover { text-decoration: none;}

.entry ul { margin: 5px 0 5px 8px; padding: 0 0 0 15px; list-style-type: none;}
.entry ul li { padding: 3px 0 3px 0; list-style-type: square;}

.entry ol { margin: 5px 0 5px 8px; padding: 0 0 0 15px; }
.entry ol li { margin: 5px 0 5px 8px; padding: 3px 0 3px 0;}

/***************************************************/
.imgads { background: #e8e8e8 url('images/sidebar-bg.gif') no-repeat left top; width: 403px; padding: 4px 0 0 0; margin: 0 0 10px 1px; text-align: justify;}
.imgads .bottom { background: #e8e8e8 url('images/sidebar-bg.gif') no-repeat -403px bottom; padding: 0 0 10px 0;}
.imgads h2 { color: #90a63a; font-size: 15px; margin:0 0 0 10px; padding:5px 0 5px 0;}
.imgads p { margin: 0 5px 0 5px; padding: 0;}
.imgads a { float: left; height: 125px; padding: 0 0 0 5px; margin: 0 0 5px 0; text-decoration: none;}
.imgads a:hover { text-decoration: none;}
.imgads ul { margin: 0; padding: 0; list-style-type: none;}
.imgads ul li { margin: 0 0 0 4px; padding: 0; list-style-type: none;}

.cats { background: #dde9bd url('images/sidebar-bg.gif') no-repeat -806px top; color: #464646; width: 403px; padding: 4px 0 0 0; margin: 0 0 10px 0;}
.cats .bottom { background: #dde9bd url('images/sidebar-bg.gif') no-repeat -1209px bottom; padding: 0 0 10px 0;}
.cats h2 { color: #5d5d5d; font-size: 15px; margin:0 0 0 10px; padding:5px 0 5px 0; width: 380px;}
.cats ul { margin: 0 0 0 10px; padding: 0;}
.cats ul li { margin: 0 3px 3px 0; padding: 0; list-style-type: none;}
.cats li a { padding: 5px; display: block; float: left; line-height: 15px; color: #90a63a; text-decoration: none;}
.cats li a:hover { background: #90a63a; color: #fff;}

.bkmark { background: #f7c787 url('images/sidebar-bg.gif') no-repeat -1612px top; color: #464646; width: 403px; padding: 4px 0 0 0; margin: 0 0 10px 0;}
.bkmark .bottom { background: #f7c787 url('images/sidebar-bg.gif') no-repeat -2015px bottom; padding: 0 0 10px 0;}
.bkmark h2 { padding: 5px 0 5px 10px; margin:0; color: #fff; font-size: 13px;}
.bkmark ul { list-style-type:none; margin:0; padding: 0 0 0 10px;}
.bkmark li{ float: left; list-style:none; margin:0 8px 10px 0; padding-top:1px; display:inline; border: none !important;}
.bkmark a { display:block; overflow:hidden; height:48px; width:48px; padding: 0; white-space:nowrap;}
.bkmark a:hover { text-decoration:none;}
.bkmark .delicious a:hover{ background: url('images/share.jpg') no-repeat -144px 0;}
.bkmark .delicious a{ background: url('images/share.jpg') no-repeat -144px -48px;}
.bkmark .digg a:hover{ background: url('images/share.jpg') no-repeat 0 0;}
.bkmark .digg a{ background: url('images/share.jpg') no-repeat 0 -48px;}
.bkmark .reddit a:hover{ background: url('images/share.jpg') no-repeat -336px 0;}
.bkmark .reddit a{ background: url('images/share.jpg') no-repeat -336px -48px;}
.bkmark .stumbleupon a:hover{ background: url('images/share.jpg') no-repeat -96px 0;}
.bkmark .stumbleupon a{ background: url('images/share.jpg') no-repeat -96px -48px;}
.bkmark .twitter a:hover{ background: url('images/share.jpg') no-repeat -48px 0;}
.bkmark .twitter a{ background: url('images/share.jpg') no-repeat -48px -48px;}
.bkmark .sharethis a:hover{ background: url('images/share.jpg') no-repeat -384px 0;}
.bkmark .sharethis a{ background: url('images/share.jpg') no-repeat -384px -48px;}
.bkmark .technorati a:hover{ background: url('images/share.jpg') no-repeat -288px 0;}
.bkmark .technorati a{ background: url('images/share.jpg') no-repeat -288px -48px;}


.details { background: #ecebe1 url('images/details-bg.gif') no-repeat left top; width: 558px; padding: 4px 0 0 0; margin: 0 0 10px 0; line-height: 18px;}
.details .bottom { background: #ecebe1 url('images/details-bg.gif') no-repeat -558px bottom; padding: 0 0 10px 0;}
.details h2 { color: #90a63a; font-size: 15px; margin:0 0 0 7px; padding:5px 0 5px 0;}
.screenshot { float: left; width: 273px; margin: 0 0 0 8px; border: 4px solid #90a63a;}

.info { padding:5px; margin:0 0 0 9px; background:#fff; border:1px solid #f1f1f1; float: left; width: 240px;}
.info p { background: #dde4c4; height: 18px; margin: 0 0 2px 0; padding: 5px 0 5px 5px;}
.info .author { border-right: #ffffff 2px solid; width: 60px; float: left; margin: 0 10px 0 0; padding: 0 0 0 22px; font-weight: bold; color: #655343; background: url('images/icons.gif') no-repeat 0 0;}
.info .license { border-right: #ffffff 2px solid; width: 60px; float: left; margin: 0 10px 0 0; padding: 0 0 0 22px; font-weight: bold; color: #655343; background: url('images/icons.gif') no-repeat 0 -59px;}	
.info .rating { border-right: #ffffff 2px solid; width: 60px; float: left; margin: 0 10px 0 0; padding: 0 0 2px 22px; font-weight: bold; color: #655343; background: url('images/icons.gif') no-repeat 0 -39px;}
.info .rate { float: left;}
.info span { margin: 0 10px 0 0; line-height: 18px;}
a.download { background: url('images/download.gif') no-repeat; width: 240px; height: 78px; display: block;}
a:hover.download { background: url('images/download.gif') no-repeat 0 -78px; width: 240px; height: 78px; display: block;}

.gads { margin: 5px 10px 0 8px;}

.caption { color: #ffffff; padding:5px; margin: 3px 0 3px 0; background: #8fb11e; font-size:13px;}
.bg1 { background: #dde9bd; 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 0 0; width: 558px; margin:0 0 10px 0; background: #f7c787 url('images/details-bg.gif') no-repeat -1116px top;}
.share .bottom { background: #f7c787 url('images/details-bg.gif') no-repeat -1674px bottom; padding: 0 0 5px 0;}
.share h2 { padding: 5px 0 5px 10px; margin:0; color: #fff; font-size: 13px;}
.share ul { list-style-type:none; margin:0; padding: 0 0 0 10px;}
.share li{ float: left; list-style:none; margin:0 12px 10px 0; padding-top:1px; display:inline; border: none !important;}
.share a { display:block; overflow:hidden; height:48px; width:48px; padding: 0; white-space:nowrap;}
.share a:hover { text-decoration:none;}
.share .delicious a:hover{ background: url('images/share.jpg') no-repeat -144px 0;}
.share .delicious a{ background: url('images/share.jpg') no-repeat -144px -48px;}
.share .digg a:hover{ background: url('images/share.jpg') no-repeat 0 0;}
.share .digg a{ background: url('images/share.jpg') no-repeat 0 -48px;}
.share .technorati a:hover{ background: url('images/share.jpg') no-repeat -288px 0;}
.share .technorati a{ background: url('images/share.jpg') no-repeat -288px -48px;}
.share .reddit a:hover{ background: url('images/share.jpg') no-repeat -336px 0;}
.share .reddit a{ background: url('images/share.jpg') no-repeat -336px -48px;}
.share .stumbleupon a:hover{ background: url('images/share.jpg') no-repeat -96px 0;}
.share .stumbleupon a{ background: url('images/share.jpg') no-repeat -96px -48px;}
.share .myspace a:hover{ background: url('images/share.jpg') no-repeat -240px 0;}
.share .myspace a{ background: url('images/share.jpg') no-repeat -240px -48px;}
.share .facebook a:hover{ background: url('images/share.jpg') no-repeat -192px 0;}
.share .facebook a{ background: url('images/share.jpg') no-repeat -192px -48px;}
.share .twitter a:hover{ background: url('images/share.jpg') no-repeat -48px 0;}
.share .twitter a{ background: url('images/share.jpg') no-repeat -48px -48px;}
.share .sharethis a:hover{ background: url('images/share.jpg') no-repeat -384px 0;}
.share .sharethis a{ background: url('images/share.jpg') no-repeat -384px -48px;}