/*
Theme Name:		Portfolio's Friend
Version:		3.0
Author:			Brave Whale
Author URI:		http://www.bravewhale.com/
*/

/*basic*/
* { padding: 0; margin: 0; }
body { background: url(images/bodybg.gif) repeat-x top left #ece8df; font: 14px Arial, verdana, sans-serif; color: #333333; margin: 0; padding: 0 0 30px 0; }
a img { border:0px; }
.clear:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both; }

a { color: #81BED2; text-decoration:none; outline: none; }
a:hover { text-decoration: underline; }

/*layout*/
#wrapper { width: 914px; margin: 0px auto; }
.page { background: #28292b; width: 898px; min-height: 450px; margin: 0px; padding: 15px 0 15px 15px; }
#content { width:675px; padding:0; overflow:hidden; }

#header { width: 914px; height: 100%; }
#header h1 { display: block; font: italic 24px georgia, times new roman, serif; color: #584338; text-align: center; padding: 0 0 20px 0; clear: both; }
#header img { float: left; }
#header #ads { width: 892px; margin: 0 auto 20px auto; background: #28292B; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #eee; }
#header #ads a { color: #81BED2; text-decoration: underline; }
#header #ads a:hover { text-decoration: none; }
#header #ads2 { width: 892px; margin: 0 auto 20px auto; }
#header #ads2 a img { margin-left: 10px; }
#header #ads2 a:first-child img { margin-left: 0; }

a.rss { display: block; float: left; margin: 11px 0 0 5px; width: 32px; height: 30px; background: url(images/rssicon.gif) no-repeat; }
a:hover.rss { display: block; width: 32px; height: 30px; background: url(images/rssicon.gif) no-repeat 0px -31px; text-decoration: none; }
.rss span { visibility: hidden; }

#menu { width: 393px; height: 40px; padding-top: 10px; margin: 0 0 30px 0; float: right; }
#menu span { visibility: hidden; }
#menu a:hover { text-decoration: none; }
#menu ul { list-style: none; }
#menu ul li { float: left; margin-right: 10px; }
#menu ul li.showcase a { background: url(images/menutabs.gif) top left no-repeat; width: 115px; height: 31px; display: block; height: 31px; }
#menu ul li.showcase a:hover { background: url(images/menutabs.gif) 0px -31px no-repeat; width: 115px; height: 40px; display: block; }
#menu ul li.showcase.current_page_item a { background: url(images/menutabs.gif) 0px -31px no-repeat; width: 115px; height: 40px; display: block; }
#menu ul li.submit a { background: url(images/menutabs.gif) -123px 0px no-repeat; width: 89px; height: 31px; display: block; }
#menu ul li.submit a:hover { background: url(images/menutabs.gif) -123px -31px no-repeat; width: 89px; height: 40px; display: block; }
#menu ul li.submit.current_page_item a { background: url(images/menutabs.gif) -123px -31px no-repeat; width: 89px; height: 40px; display: block; }
#menu ul li.getport { background: url(images/menutabs.gif) -221px 0px no-repeat; width: 169px; height: 31px; margin: 0px; }
#menu ul li.getport a { display: block; height: 31px; }
#menu ul li.getport a:hover { background: url(images/menutabs.gif) -221px -31px no-repeat; width: 169px; height: 40px; display: block; }
#menu ul li.getport.current_page_item a { background: url(images/menutabs.gif) -221px -31px no-repeat; width: 169px; height: 40px; display: block; }

#browse { clear: both; background: url(images/browsebar.gif) no-repeat top left; width: 903px; text-align: right; margin: 0; padding: 6px 5px 5px 5px; font: 14px Trebuchet MS, Arial, sans-serif; }
#browse ul { margin: 0; }
#browse li { display: inline; padding: 13px 11px 11px 11px; list-style-type: none; }
#browse a { color: #fff; }
#browse a:hover { color: #81BED2; text-decoration:none; }
#browse ul li.current-cat a { color: #81BED2; }

.item { background: url(images/itembgsmall.png) no-repeat top left; float: left; width: 215px; height: 254px; margin: 0 8px 0 0; padding: 0;  }
.item li { list-style-type: none; }
.item a.thumb img{ margin: 45px 0 0 15px; }
.item a.title { color: #cab76d; font: 14px arial, verdana, sans-serif; position: absolute; padding: 11px 7px 0 23px; }
.item .post-ratings { font-size: 11px; padding: 10px 0 0 15px; width: 198px; color: #81BED2; }
.item .post-ratings img { float: left; }
.item .post-ratings span { float: right; font-size: 11px; padding: 0px 15px; }
.item .img-hover { width: 185px; height: 127px; margin: 45px 0 0 15px; background: #000; z-index: 100; position: absolute; opacity:0.95; cursor: pointer; display: none; }
.item .img-hover img { position: relative; left: 70px; }
.item .img-hover p { width: 45px; margin: 0 auto; color: #ccc; font-size: 12px; }
.item .img-hover a:hover { text-decoration: none; }

.details { background: url(images/itembglarge.png) no-repeat top left; min-height: 380px; padding: 0px; margin: 0 12px 0 0; width: 528px; float: left; }
.details ul { margin: 5px 0 5px 15px; list-style-type:none; }
.details li { padding: 3px 0 3px 0; list-style-type:square; }
.details h2 { color: #cab76d; font: 14px arial, verdana, sans-serif; position: absolute; padding: 9px 7px 0 23px; }
.details h2 a.title { color: #cab76d; font: 14px arial, verdana, sans-serif; padding: 11px 7px 0 0; }
.details a.thumb img { margin: 0; padding: 41px 0 0 14px; }
.details img.alignnone { margin-top: 41px; }
.details img.flag { position: absolute; margin: 0 0 0 392px; }
.details p { padding: 0 0 10px 14px; color: #999; }
.details .post-ratings { font-size: 11px; padding: 10px 0 20px 15px; width: 510px; color: #81BED2; }
.details .post-ratings img { float: left; }
.details .post-ratings span { float: right; font-size: 11px; padding: 0px 15px; }
.details .cat-tags { margin: 14px 14px 20px 14px; color: #999; }
.details .cat-tags h3 { color: #cab76d; margin-bottom: 5px; }
.details .cat-tags a { font-size: 16px; }
.details .tagthis p { padding: 10px 0; }
.details p.tags { padding: 0px; }
.tagthis input { background: #151617; border: 1px solid #3B3C3E; padding: 5px; margin: 10px 10px 0 0; color: #999; }
.tagthis input[type="submit"] { padding: 4px; }

.rightside { background: url(images/rightsidebg.png) no-repeat; width: 342px; min-height: 380px; float: left;}
.rightside p.title { color: #cab76d; font: 14px arial, verdana, sans-serif; padding: 9px 7px 0 23px; }
.rightside img.flag { float: right; padding-right: 22px; }
.rightside .submitform p { color: #444; }
.rightside .submitform form { width: 314px; margin: 13px auto; font: 12px arial, verdana, sans-serif; }
.rightside .submitform input { background: #151617; width: 302px; border: 1px solid #3B3C3E; padding: 5px; margin-bottom: 10px; color: #999; }
.rightside .submitform input#s { background: #151617; border: 1px solid #3B3C3E; width: 70px; cursor: pointer; }
.rightside .total p { font: italic 20px georgia, serif; color: #666; padding: 0 15px; }
.rightside .total span.count { font-size: 24px; color: #81BED2; }

#theme-grid {margin-top: 42px;}
#themeforest ul {margin-bottom: 0;}
#themeforest ul li {float: left; list-style: none; padding: 0;}
#themeforest ul li a {display: block; margin: 0 14px 14px 0; border: 4px solid #ccc;}
#themeforest ul li p {display: none;}
#easyTooltip {background: #151617; padding: 5px 10px; border: 1px solid #ccc; font: 18px Arial,sans-serif; color: #fff;}

#user_add_tags form input { padding: 3px; border: 1px solid #3B3C3E; background: #151617; color: #999;  }
#user_add_tags form input[type="submit"] { padding: 2px; cursor: pointer; }
#user_add_tags form p { margin: 0; padding: 10px 0;  }

.comments { width: 314px; margin: 0 auto; color: #999; }
.comments h2 { color: #cab76d; font: 14px arial, verdana, sans-serif; padding: 9px 7px 0 0; margin-bottom: 6px; }
.comments h2.title { padding: 9px 7px 0 10px;}
.comments .logged { margin-bottom: 10px; }
.comments p { margin-bottom: 10px; }
ul#comment_list { list-style-type: none; margin: 16px 0 0 0; padding:0; }
ul#comment_list li.comment { background: #151617; padding: 5px 10px; margin:0 0 3px 0; }
#comment_form .text_input { background: #151617; width: 298px; margin: 0 auto; padding: 5px 7px; font: 12px arial, verdana, sans-serif; color: #999; border: 1px solid #3B3C3E; }
#comment_form .text_area { font: 12px arial, verdana, sans-serif; color: #999; background: #151617; width: 298px !important; margin: 0 auto; border: 1px solid #3B3C3E; padding: 5px 7px; }
#comment_form #submit { background: #151617; border: 1px solid #3B3C3E; margin: 0; padding: 3px; color: #999; cursor: pointer; }
ul#comment_list li.trackback { padding:1.2em 15px 0 15px; }
.comment_meta { margin: 0 0 10px 0; font-size:11px; }
.comment_num { padding:0 8px 0 0; font-weight:bold; font-size:1.3em; float:right; }
.trackback .comment_num { padding:0 0 0 20px; }
.comment_num a, .comment_num a:visited { color:#888; text-decoration:none; }
.comment_num a:hover { color:#303030; text-decoration:none; }
.comment_meta strong { font-size: 1.2em; color: #81BED2; }
.comment_time { font-size: 1em; color: #888; }

#footer { background:url(images/foottop.gif) no-repeat top center; width: 914px; height: 100%; margin:0 auto; padding:0px; color: #605245; }
#footcontent { padding: 30px 0 0 0; width: 870px; margin: 0 auto; font: 11px verdana, arial, sans-serif; line-height: 18px; }
#footcontent p { margin: 10px 0; }
#footcontent ul { list-style-type: none; padding: 0; margin: 0; }
#footcontent a {  color: #605245; text-decoration: none; }
#footcontent a:hover { background: #f2f2f2; color:#493019; }
#footcontent .footcol1 { float: left; margin-right: 30px; width: 300px; min-height: 188px; }
#footcontent .footcol1 p.dash { border-bottom: 1px #d8d3c9 dashed; width: 100%; padding: 0 0 5px; margin-bottom: 3px; }
#footcontent .footcol1 p a { color: #27839F; text-decoration: underline; }
#footcontent .footcol2 { float: left; margin-right: 30px; width: 150px; min-height: 188px; }
#footcontent .footcol2 a { display: block; border-bottom: 1px dashed #d8d3c9; padding: 0 0 2px 0; }
#footcontent .footcol3 { float: left; width: 180px; min-height: 188px; }

.titles { font-family: georgia, times new roman, serif; font-size: large; color: #e99b14; padding-bottom: 10px; }
.most li { list-style-type: none; margin:0px; padding: 0 0 2px 0; border-bottom: 1px dashed #d8d3c9; }
.most li:hover { background: #f2f2f2; color:#493019; }

.sidebar { width:247px; float:right; margin: 5px 10px; }
.sidebar h2 { letter-spacing:-1px; font-size:1.2em; margin:0 0 10px 0; }

.Nav { clear: both; margin: 0px 0px 0px 8px; color: #d8dbc3; padding: 20px 0 0 0; }
.Nav a { padding: 2px 6px; background: #424242; color:#fff; font-size: 14px; }
.Nav a:hover { text-decoration: underline; }
.Nav .on { padding: 2px 6px; background: #81BED2; color: #333; }
.Nav span { margin: 0 10px 0 0; color: #fff; }

.singleads { background:transparent; padding:9px; margin:0 30px 15px 0; }
.singleads h2 { margin:0 0 10px 0; font-size:1.2em; color:#333333; }

blockquote { font-style:italic; font-size:11px; color:#888888; margin:0 0 5px 20px; padding:0 0 0 10px; border-left:4px solid #0066cb; }
abbr, acronym { border-bottom:1px dotted #0066cb; text-transform:uppercase; }
code { color:#474848; font-family:Courier, monospace; margin:0 0 5px 5px; }
pre { margin:0 0 1.5em 0; overflow:auto; font-size:1.3em; clear:both; }
form { margin:0; padding:0; }
.searchbox { margin:0 0 20px 0; width:300px; }
.search { background:url('images/inputarea.png') no-repeat; height:19px; padding:8px 5px 5px 8px; width:249px; color:#444; border:none; margin:0; float:left; }
.find { background:url('images/findbtn.png') no-repeat; border:none; height:36px; width:38px; margin:0; float:right; }