/*
Theme Name: whitestar
Theme URI: http://www.templatesold.com/
Description: TemplateSOLD.com - The Marketplace for Premium WordPress Themes
Version: 1.0
Author: TemplateSOLD/TemplateAccess.com
*/ 

/*=== Setup ===*/
* { border: 0; margin: 0; padding: 0; outline: none; }
body { background: #fff; color:#494949; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
a { color: #494949; text-decoration: none; }
a:hover { text-decoration: none; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
p.bg,
.bg { clear:both; padding:0; margin:0; background:none; border-bottom:1px solid #f0f0f0; }
p.bg2,
.bg2 { clear:both; padding:0; margin:0; background:none; border-bottom:4px solid #f0f0f0; }
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 1em; }
h5 { font: normal 18px Arial, Helvetica, sans-serif; color:#494949; padding:10px 0; margin:5px 0; border-bottom:1px solid #e2e2e2; }
p { line-height: 1.5em; padding: 0 0 1.3em; }
/*=== Layout ===*/
#page { margin: 0 auto; }
#page-bot { background:  url(images/footer_bg.gif) repeat-x top; height: 111px; padding:0; margin:0 auto; }
/*=== H eader ===*/
.header_bg { background:url(images/header_bg.gif) top center repeat-x; }
.header_bg img.main_img { margin:0 auto; padding:10px 0; }
.header_bg_resize { width:965px; margin:0 auto; }
#header { margin: 0 0 1px; }
/*- Logo -*/
.logo { width:168px; float:left; margin:0; padding:0; }
#header h1 { background: url(images/logo.gif) no-repeat; float: left; text-indent: -9999px; width: 176px; }
#header h1 a { display: block; height: 119px; }
#header h1 a:hover { text-decoration: none; }
/* Search form */
.search { float:right; width:255px; padding:55px 0 0 0; margin:0 15px; }
.search span { width:250px; display:block; border:1px solid #dddddd; background:#FFF; height:34px; margin:0; }
.search input#s { float:left; width:200px; padding:10px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px Arial, Helvetica, sans-serif; line-height:14px; height:14px; }
.search .btn { float:left; padding:0; margin:0; border:0; width:auto; }
/*=== Navigation ===*/
/* RSS */
.rss { width:180px; float:right; padding:20px 0 20px 30px; margin:0; background: url(images/RSS.gif) left center no-repeat; }
.rss a.big { text-decoration:none; font: normal 14px Arial, Helvetica, sans-serif; color:#3f3f3f; padding:0; margin:0; display:block; }
.rss a.big span { color:#3f3f3f; font-weight:bold; }
/*- Top Nav -*/
.topnav { font-size:14px; font-weight: nomal; width:600px; float:left; padding:5px 0 0 0; }
.topnav ul { padding:0; margin:0; }
.topnav li { float:left; padding:16px 15px; margin:0; list-style:inside;}
.topnav li a { font: bold 14px Arial, Helvetica, sans-serif; color: #3f3f3f; text-decoration: none; text-transform:uppercase; }
.topnav li a:hover { color:#000; }
.topnav li a.active { color:#000; }
/* body */
.body_bg { padding:20px 0 0 0; }
.body_bg_resize { width:965px; margin:0 auto; }
/*=== All Columns ===*/
#columns { margin:0; padding: 0 0 15px; display: table-cell; display: block; }
/*=== Center Column ===*/
#centercol { float: left; width: 655px; }
/*=== Right Column ===*/
#rightcol { float: right; width: 280px; }
.small_link { padding:20px 0 0 0; margin:0 auto; height:32px; background: url(images/right_box_comment_bg.gif) top no-repeat; }
#rightcol a { color: #404040;}
/*=== 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 Title -*/
.post-title h1 { color: #333333; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; }
.post-title h1 span { color: #33707e; }
.post-title h1.author { color: #888888; font-size: 14px; padding-top: 2px; }
.post-title h2 { display:inline; margin:0; padding:5px 0 0 0; font:normal 36px/1.2em Arial, Helvetica, sans-serif; color:#3f3f3f; }
.post-title h2 a { display:inline; padding:0; margin:0; color: #3f3f3f; text-decoration: none; }
/*- Post Date -*/
.post-date { margin:10px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.post-date a { color: #3f3f3f; font-weight:bold; }
.post-date em { display: inline; margin:0; color: #3f3f3f; font-size: .9em; font-style: normal; padding:12px 0; line-height: 1.75em; }
.post-date em span { padding:12px 10px 12px 2px; }
/*- Post Excerpt -*/
.post-excerpt { display: table; font-size: 14px; font-style: normal; height: 1%; }
/*- 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 100px; }
.author-details { font-size: .85em; }
.author-descr { display: table; height: 1%; }
/*- Social Links -*/
.social-links { height: 51px; padding:0; }
.comments.fl { line-height: 11px; background:url(images/coomments_bg.gif) top no-repeat; }
.comments.fl span { background: url(images/comment_bg.gif) top no-repeat; float:left; font-weight: bold; font-size: 30px; text-align: center; padding:15px 0; width: 63px; margin:0 10px 0 0; display: inline-block; line-height: 32px; color:#fff; }
.social-links .fr { padding:0 10px 0 0; line-height: 51px;}
.social-links .fr span { font-weight:normal; color:#fff; background:#aac7cf; padding:5px 2px; }
.social-links .fr a:hover { text-decoration: underline; }
.social-links img { margin: 0 2px; }
/*- Related Posts -*/
.post-rel { line-height: 1.5em; }
.post-rel a { color: #33707E; }
/*- Post Comments -*/
.post-comments .fl { width: 80px; }
.post-comments .fr { width: 520px; }
/*- Widget Title - */
.wtitle { padding:0 0 10px 0; border-bottom:4px solid #efefef; margin:0 10px 10px 10px; }
.wtitle h2 { margin:0; padding:0; font:normal 42px/1.3em Arial, Helvetica, sans-serif; color:#a8a8a8; }
.wtitle span { margin:0; padding:0; font:normal 13px/1.3em Arial, Helvetica, sans-serif; color:#a8a8a8; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin: 0 0 28px; padding: 1px; }
.box .content { height: 1%; padding: 10px 0 0 10px; }
.box.ads .content { padding-left: 0; padding-right: 0; text-align: center; }
.box.ads .content h5 { text-align:left; }
.box.ac .content { padding-left: 0; padding-right: 0; text-align: center; }
#rightcol .box { margin: 0 0 10px 0; }
/*- 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; }
/*=== Styling Forms ===*/
input.btn { background: none; border: 0; margin: 0; padding: 0; }
select { padding: 1px; }
/*- Message -*/
.message div { margin: 0 0 18px; }
.message input { padding: 9px 15px; width: 487px; }
.message textarea { height: 114px; overflow: auto; padding: 9px 15px; width: 487px; 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 { display: block; margin:10px auto; padding:0; background:#fff; }
.pic.fr img { margin-left: 23px; }
.pic.fl img { margin:10px auto; }
.th { display: block; margin: 0 0 .5em; }
.th.fl img { margin-right: 10px; }
.th.fl img { width:40px; height:40px; border: 1px solid #cfcfcf; }
.ads img,
.ads.flickr .content img { margin:10px 14px 5px 0; }
.ads.flickr .content img { border: 1px solid #cfcfcf; }
.ads.flickr .ac img { border: 0; margin: 0; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:36px; clear:both; padding:0; }
.list li { float:left; }
.list li a { display:block; font:normal 11px Arial, Helvetica, sans-serif; color:#000; line-height:15px; padding:10px; }
.list li a.active { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; font:bold 11px Arial, Helvetica, sans-serif; color:#000; }
div.tabs_list { padding:0; }
div.tabs_list ul { text-align:left; border:1px solid #e0e0e0; padding:0 5px; }
div.tabs_list ul li { border-bottom:1px solid #e0e0e0; padding:8px; font:normal 11px Arial, Helvetica, sans-serif; color:#000; }
div.tabs_list ul ul { padding:0; border:1px dotted #e0e0e0;}
div.tabs_list ul ul li { padding:3px; border:0;}
div.tabs_list ul li a { font:normal 11px Arial, Helvetica, sans-serif; color:#000; }
div.tabs_list ul li a:hover { text-decoration:underline; }
/*- List1 -*/
.list1 li { height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Footer ===*/
#footer { color: #888888; font-size: 14px; line-height:21px; margin: 0 auto; width: 975px; }
#footer .fr { padding:20px 0 0 0; color:#fff; font: normal 14px Arial, Helvetica, sans-serif; }
#footer .fl { padding:20px 0 0 10px; }
#footer .fl a { color: #aac7cf; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; }
#footer .fl a:hover { color: #aac7cf; text-decoration: underline; }
#footer .fr a { color: #aac7cf; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; }
#footer .fr a:hover { color: #aac7cf; 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; }