/*
Theme Name:		IcoPedia
Theme URI:		http://www.templatespedia.com
Description:	Optimized theme for IcoPedia.
Version:		2.5
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: url('images/bg.jpg') no-repeat top;}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif;}
.clear { clear: both; padding: 0; margin: 0;}

.salesmsg { margin: 0 0 5px 0; padding:7px; color: #658901; background: #fff0b7; border-bottom: 2px solid #f2c100;}
.salesmsg p { margin: 0 auto;  width: 990px; text-align: center; font-weight: bold;}
.salesmsg p a { color: #658901; text-decoration: none;}
.salesmsg p a:hover { color: #ff8113;}

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: 0 auto 0 auto; padding: 5px 0 0 0;}
.page { background: url('images/page-bg.gif') repeat-y; width: 990px; margin: 0 auto; }

#content { width: 576px; padding: 10px 0 0 15px; margin: 0; overflow: hidden; float: left;}
#sidebar { float: left; width: 390px; margin: 0 0 0 1px; padding: 10px 0 0 0;}

#header { background: url('images/header.gif') no-repeat left top; 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: 14px 10px 0 0; display: block;}
#header ul li { float: left; padding: 0; line-height: 30px; display: inline; font-size: 11px;}
#header ul li a { margin: 0 5px 0 0; color: #478da4; padding: 0 0 0 10px; float: left; background: url('images/menu.gif') no-repeat left top; text-decoration: none;}
#header ul li a span { padding: 0 10px 0 0; background: url('images/menu.gif') no-repeat top right; display: block;}

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

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


#footer { background: #ecebe1 url('images/body-bg.gif') no-repeat -2970px bottom; width: 990px; margin: 0 auto 10px auto; padding: 0 0 5px 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 #bfa9e9; background: #f4f1fc; color: #bfa9e9; 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 { padding: 15px 15px 10px 15px; width: 245px; height: 213px; display: block; float: left; margin: 0 13px 10px 0; background: url('images/icons-bg.gif') no-repeat left top; overflow: hidden;}
.post h2 { font-size:14px; margin:0; padding:0 0 6px 0;}
.post h2 a { color:#72aa29; text-decoration:none;}
.post h2 a:hover { color:#72aa29; text-decoration:none;}
.post p { margin:0; border:#c1bea3 1px solid; padding 0; width: 245px;}

.post2 { padding: 15px 15px 10px 15px; width: 245px; height: 213px; display: block; float: left; margin: 0 13px 10px 0; background: url('images/icons-bg.gif') no-repeat left bottom;}
.post2 h2 { font-size:14px; margin:0; padding:0 0 6px 0;}
.post2 h2 a { color:#fff; text-decoration:none;}
.post2 h2 a:hover { color:#fff; text-decoration:none;}
.post2 p { margin:0; border:#69982a 1px solid; padding 0; width: 245px;}

.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: 382px; padding: 4px 0 0 0; margin: 0 0 10px 1px; text-align: justify;}
.imgads .bottom { background: #e8e8e8 url('images/sidebar-bg.gif') no-repeat -382px bottom; padding: 0 0 10px 0;}
.imgads h2 { color: #508010; 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; padding: 0 0 0 4px; margin: 0 0 3px 0;}
.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 -1528px top; color: #464646; width: 382px; padding: 4px 0 0 0; margin: 0 0 10px 0;}
.cats .bottom { background: #dde9bd url('images/sidebar-bg.gif') no-repeat -1910px 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: #6aa400; text-decoration: none;}
.cats li a:hover { background: #6aa400; color: #fff;}

.bkmark { background: #f7c787 url('images/sidebar-bg.gif') no-repeat -2292px top; color: #464646; width: 382px; padding: 4px 0 0 0; margin: 0 0 10px 0;}
.bkmark .bottom { background: #f7c787 url('images/sidebar-bg.gif') no-repeat -2674px 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 12px 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;}

.design-news { width: 382px; margin: 0 0 10px 1px;}
.design-news .bottom { background: url('images/smashing-post.jpg') no-repeat bottom; padding: 0 0 55px 0; width: 382px;}
.design-news h2 { background: url('images/smashing-post.jpg') no-repeat top; margin: 0;}
.design-news h2 a { width: 382px; height: 94px; display: block;}
.design-news ul { margin: 0; padding: 0; width: 382px; list-style-type: none;}
.design-news ul li { margin: 0; padding: 0; line-height: 32px; background: url('images/news-bg.jpg') repeat-y;}
.design-news ul li a { color: #5d5d5d; padding: 0 10px 0 10px; line-height: 32px; display: block; width: 360px;}
.design-news ul li a:hover { color: #6f8d0b; text-decoration: none;}

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

.info { padding:5px; margin:0 0 0 10px; background:#fff; border:1px solid #f1f1f1; float: left; width: 270px;}
.info p { background: #e0f5fa; height: 18px; margin: 0 0 2px 0; padding: 5px 0 5px 5px;}
.info .author { border-right: #ffffff 2px solid; width: 80px; 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: 80px; 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 .download { height: 19px; border-right: #ffffff 2px solid; width: 80px; 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 -20px;}
.info .total { height: 19px; border-right: #ffffff 2px solid; width: 80px; 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 -79px;}
.info .stats { height: 19px; border-right: #ffffff 2px solid; width: 80px; 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 -98px;}
.info .rating { border-right: #ffffff 2px solid; width: 80px; 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;}

.download { background: #c5e29f url('images/details-bg.gif') no-repeat -1130px top; width: 565px; padding: 5px 0 0 0; margin: 0 0 10px 0;}
.download .bottom { background: #c5e29f url('images/details-bg.gif') no-repeat -1695px bottom; padding: 0 0 5px 0;}
.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: 565px; margin:0 0 10px 0; background: #f7c787 url('images/body-bg.gif') no-repeat -3960px top;}
.share .bottom { background: #f7c787 url('images/body-bg.gif') no-repeat -4525px 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;}