/*
Theme Name: WebAnthology.net
Theme URI: http://webanthology.net
Description: A unique wordpress theme designed for webanthology.net
Version: 1
Author: Mohsen
Author URI: http://twitter.com/mehson
*/

/*=== Setup ===*/
* { border: 0; margin: 0; padding: 0; outline: none; }
body { background-color: #545454; color: #404040; font-family: Verdana, Helvetica, sans-serif; font-size: .75em; }
a { color: #6d7533; text-decoration: underline; }
a:hover { text-decoration: none; }
input, select, textarea { border: #cfcfcf 1px solid; color: #404040; font-size: 12px; padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; }
li { list-style: none; }
h2 { color: #222222; font-size: 1.5em; font-weight: normal; letter-spacing: -1px; margin: 0 0 1em; }
h3 { color: #333333; font-size: 1.2em; margin: 0 0 .8em; }
h4 { font-size: 1em; margin: 0 0 0.2em; }
p { line-height: 1.5em; padding: 0 0 1.3em; }
/*=== Layout ===*/
#page { margin: 0 auto; width: 1000px; background:#f7f6f6 url(./images/page_bg.jpg) repeat-y; }
/*=== H eader ===*/
#header { height: 94px; margin: 0 0 1px; background:url(images/top_header_bg.png) repeat-x; position:relative; }
#top_pages { position:absolute; right:0; top:0; }
#top_pages ul li { float:left; padding:3px 10px 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; }
#top_pages ul li a, #top_pages ul li a:visited { text-decoration:none; color: #717171; }
#top_pages ul li a:active, #top_pages ul li a:hover { text-decoration:underline; color: #222; }
/*- Logo -*/
#header h1 { background: url(images/logo.png) no-repeat; text-indent: -9999px; width: 582px; position:absolute; top:25px; }
#header h1 a { display: block; height:66px; }
#header h1 a:hover { text-decoration: none; }
/*=== Navigation ===*/

/*- Nav1 -*/
#nav1 { background: url(images/nav1-sep.gif) repeat-x; font-size: 13px; height: 45px; }
#nav1 ul.menu li { position: relative; background: url(images/nav1-sep.gif) no-repeat right top; float: left; padding: 0 1px 0 0; text-align: center; text-transform:uppercase; font:bold 12px/36px Arial, Helvetica, sans-serif; }
#nav1 ul.menu li a { color: #333333; display: block; position: relative; float: left; text-decoration: none; cursor: pointer; padding-left:8px; border-right:1px solid #d6d5d5; padding-right:8px; }
#nav1 ul.menu li a:hover { text-decoration: none; background: #eee; }
/*=== All Columns ===*/
#columns { margin: 7px 0 0; padding: 0 0 15px; display: table-cell; display: block; height: auto !important; height: 900px; min-height: 900px; }
/*=== Center Column ===*/
#centercol { float: left; width: 582px; }
/*=== Right Column ===*/
#rightcol { float: right; width: 415px; }
#rightcol a { color: #404040; text-decoration: none; }
/*=== Sub Columns ===*/
.subcols { background: url(images/subcols-bgr.gif) repeat-y left; height: 1%; }
.col1, .col2 { float: left; width: 285px; }
.col2 { float: right; }
/*=== Post ===*/
.post h3 { font: 30px/36px helvetica, arial, sans-serif; color:#4b4b4b; margin:30px 0 18px; padding:0 0 3px; border-bottom:3px solid #4b4b4b; }
.post h4 { font: italic 22px/27px Georgia, "Times New Roman", Times, serif; color:#586118; margin:30px 0 5px; padding:0 0 3px; }
/*- Post Title -*/
.post-title h1 { color: #333333; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; font-family:Helvetica, Arial, sans-serif; }
.post-title h1 span { color: #33707e; }
.post-title h1.author { color: #888888; font-size: 14px; padding-top: 2px; }
.post-title h2, .post-title h2 a { font-size: 30px; font-weight: bold; letter-spacing: -2px; margin: 0 0 .45em; color: #404427; text-decoration: none; font-family:Helvetica, Arial, sans-serif; }
/*- Post Date -*/
.post-date { margin: 0 0 1.25em; }
.post-date a { color: #ffffff; }
.post-date em { background: #94a233; color: #ffffff; font-size: .9em; font-style: normal; padding: 3px 5px; line-height: 1.75em; }
/*- Post Excerpt -*/
.post-excerpt { display: table; font-size: 13px; font-style: normal; height: 1%;/* margin: 0 0 1em; */ }
.adsense1 {clear:both;}
/*- Post Lists -*/
.post ul, .post ol { margin: 0 0 1.5em; }
.post ul li { background: url(images/ico-list.gif) no-repeat 0 6px; margin: 0 0 .4em; padding: 0 0 0 10px; }
.post ol li { list-style: decimal; list-style-position: inside; margin: 0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left: 3px solid #cfcfcf; font-size: 13px; font-style: italic; margin: 0 0 1.5em; padding: 5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin: 0 0 1em; padding:5px; }
.author-details { font-size: .85em; }
.author-descr { display: table; height: 1%; }
.source { font:bold 12px Tahoma, Verdana, sans-serif; background:#56610e; width:125px; height:25px; padding:5px 10px; border:1px solid #fff; color:#fff; text-decoration:none; margin-right:5px; }
span.source { font:bold 12px Tahoma, Verdana, sans-serif; background:#56610e; width:125px; height:25px; padding:5px 10px; border:1px solid #fff; color:#fff; margin-right:5px; }
span.source a { width:auto; color:#fff; text-decoration:none; }
span.source a:hover { width:auto; color:#fff; text-decoration:underline; }
.post .entry img { padding:3px; border:1px solid #ccc; }
.entry a img { padding:3px; border:1px solid #ccc; }
.entry a:hover img { padding:3px; border:1px solid #999; }
.source:visited { color:#fff; text-decoration:none; }
.post .source:active, .post .source:hover { color:#fff; text-decoration:underline; }
.userrating { height:54px; clear:both; border-bottom:1px solid #ccc; }
.userrating h4 { font-size:18px; margin:0; padding:0; padding-top:13px; padding-left:15px; }
.userrating .fr { padding-top:18px; padding-right:15px; }
/*- Social Links -*/
.social-links { height: 42px; padding: 0px 18px; background-color:#eee; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
.social-links2 { height: 54px; padding: 10px 18px 5px 18px; background-color:#fff; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
.social-links2 h4 { font-size:18px; margin:0; padding:0; padding-top:13px; }
.social-links a { text-decoration:none; color:#333333; }
.social-links .fl { line-height: 42px; }
.social-links .fl span { background: url(images/comment_count_bg.gif) no-repeat center left; font-weight: bold; font-size: 14px; text-align: center; padding: 4px 0 8px 0; width: 33px; margin-right: 6px; display: inline-block; line-height: 32px; }
.social-links .fr { padding: 4px 0 0; line-height: 48px; }
.social-links .fr span { background: url(images/twitter.png) no-repeat center left; display: inline-block; padding-left:35px; line-height: 32px; }
.social-links img { margin: 0 0 0 2px; }
.tags { padding: 10px; background-color:#eee; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
/*- Related Posts -*/
.post-rel { line-height: 1.5em; }
.post-rel a { color: #33707E; }
/*- Post Comments -*/
#comments { margin: 0 2px; padding:5px; position:relative; }
#comments a { text-decoration:none; }
#comments .addcomment { position:absolute; right:10px; top:20px; font-size:11px; }
#comments h4 { font-size:22px; margin:0; padding:10px 0px; }
#comments ul li { background:#F6F6F6; margin-bottom:15px; border:1px solid #eaeaea; padding:5px; position:relative; clear:both; }
#cancel-comment-reply a { padding:3px 6px; background:#f8f8f8; color:#999; text-decoration:none; }
#comments ul li li { margin-bottom:15px; border:1px solid #eaeaea; padding:5px; position:relative; margin-left:15px; margin-top:10px; }
#comments ul li.bypostauthor .avatar { border: 2px solid #d1de00; }
#comments .comment-author { height:48px; padding:3px 3px 0px 3px; }
#comments ul li .avatar { border:2px solid #dfdfdf; float:left; margin-right:3px; }
#comments .comment-author cite { color:#333; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; }
#comments .comment-author cite a { color:#333; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; }
#comments span.says { display:none; }
#comments .comment-meta { position:absolute; top:26px; left:55px; }
#comments .reply { position:absolute; top:19px; right:18px; }
#comments li.comment p { padding:15px 10px; line-height:18px; background:#fff; }
#comments .reply a { background:#b6b6b6; color:#fff; padding:3px 6px; }
#comments .reply a:hover { background:#666; color:#fff; padding:3px 6px; }
#comments .comment-meta a { color:#666; font:11px Verdana, Arial, Helvetica, sans-serif; }
#comments .ping { background:#f7f7f7; margin-bottom:5px; border:1px solid #eaeaea; padding:5px; position:relative; clear:both; font-style:italic; }
#comments .ping a { color:#999999; }
#comments .ping a:hover { color:#555; }
#comments #commentform p { padding:10px; line-height:18px; background:#fff; border:none; }
#respond { margin-top: 10px; background:#eaeaea; border:1px solid #eadada; padding:10px; }
#respond label { font-weight: bold; color: #666666; font-size: 100%; padding-left: 5px; }
#respond input { font: 110% Arial, Verdana, Helvetica, sans-serif; width: 220px; padding: 5px 3px 3px 7px; border-top: 1px solid #E6E6E6; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #E6E6E6; background-color: #FFFFFF; margin: 4px 0; }
#respond textarea { font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif; width: 440px; height: 140px; background: #FFFFFF; border: 1px solid #E6E6E6; padding: 5px 3px 3px 7px; margin-top: 3px; }
#respond #submit { font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; width: 135px; }
/*- Widget Title - */
.wtitle { background: url(images/box-bgr.gif) repeat-x top; border-top: 1px solid #ccc; }
.wtitle h2 { line-height: 40px; margin: 0; padding: 0 0 0 18px; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { background: #ffffff; margin: 0 0 28px; padding: 1px; }
.box .content { height: 1%; padding: 18px; }
.content2 { background:#f6f6f6; height: 1%; padding: 18px; }
.box.ads .content { padding-left: 15px; padding-right: 0; text-align: center; }
#rightcol .box { margin: 0 0 10px; }
/*- Box2 -*/
.box2 { background: #f9f9f9; border: 1px solid #cfcfcf; height: 1%; margin: 0 0 20px; padding: 18px; min-height: 115px; }
.box2.alt { background: #FFFFFF; }
.box2.alt { background: #FFFFFF; }
.comm-name, .comm-date { line-height: 20px; }
#subscribe { padding:10px; }
.banners { padding:10px 0px 10px 10px; }
.banners a { padding-right:5px; }
#subscribe a { padding-right:5px; }
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li { background: url(images/ico-list1.gif) no-repeat 0 1.1em; border-bottom: 1px solid #e7e7e7; height: 1%; padding: .7em 0 .7em 13px; }
.list1 li.last { border: 0; }
#rightcol .list1 li a:hover { color: #33707e; }
/*=== Styling Forms ===*/
input.btn { background: none; border: 0; margin: 0; padding: 0; }
select { padding: 1px; }
/*- Search -*/

#search { float: right; height: 25px; padding: 42px 10px 0; }
#search input { background: url(images/search-bgr.gif) repeat-x top; border: 1px solid #000000; float: left; padding: 8px; width: 285px; }
#search input.btn { background: none; border: 0; margin: 8px 0 0 -30px; padding: 0; width: auto; }
/*- Message -*/
.message div { margin: 0 0 18px; }
.message input { padding: 9px 15px; width: 400px; }
.message textarea { height: 114px; overflow: auto; padding: 9px 15px; width: 400px; font-family: Verdana; }
.message .submit { float: left; }
.message .btn { padding: 0; width: auto; }
.message .notice { color: #a4a4a4; float: right; font-style: italic; padding: 10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { border: 1px solid #cfcfcf; display: block; margin: 0 0 .8em; }
.pic.fl img { margin-right: 23px; }
.pic.fr img { margin-left: 23px; }
.th { display: block; margin: 0 0 .5em; }
.th.fl img { margin-right: 10px; }
.ads img, .ads.flickr .content img { margin: 0 14px 15px 0; }
/*=== Footer ===*/
#footer { color: #5f5f5f; font-size: 11px; line-height: 39px; margin: 0 auto; width: 980px; background: url(images/page-bot.gif) repeat-x top; height: 39px; padding-left:10px; padding-right:10px; }
#footer a { color: #33707e; text-decoration: none; }
#footer a:hover { color: #5f5f5f; text-decoration: underline; }
/*=== Misc. ===*/
.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }
.hl, .hl2 { background: url(images/hl-dot.gif) repeat-x top; clear: both; height: 2px; overflow: hidden; width: 100%; }
.hl2 { background: none; border-top: 1px solid #e7e7e7; height: 1px; margin: 0 0 .8em; }
.fl { float: left; }
.fr { float: right; }
.ac { text-align: center; }
.ar { text-align: right; }