/*
Theme Name:Theme 84
Theme URI: http://www.templateaccess.com/
Description: The Marketplace for Premium Templates & Themes.
Version: 1.0
Author: TemplateAccess.com
*/ 

/*=== Setup ===*/
* { border:0; margin:0; padding:0; outline:none; }
body { color:#656464; font:normal 12px Arial, Helvetica, sans-serif; }
a { color:#34bbd4; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { border-bottom:1px solid #d9d9d9; clear:both; padding:3px 0; margin:0;}
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 { background:#1d1d1f; text-align:left; color:#fff; font:normal 24px Arial, Helvetica, sans-serif; padding:10px 0 10px 20px; margin:0; }
h3 span { font: italic 12px Arial, Helvetica, sans-serif; color:#737373;}
h4 { font-size:1em; margin:0 0 1em; }
/*=== BG fon ===*/
.left_color { float:left; width:50%; background:url(images/bg_t.gif); height:100%; margin:0; position:fixed;}
/*=== Layout ===*/
#page { margin:0 auto; padding:27px 0 0 0; width:970px; position:relative; z-index:2; background: #fff url(images/main_bg.gif) top center repeat-y;}
#page-bot { margin:0 auto; padding:27px 0 0 0; width:970px; }
.left { float:left; width:308px; margin:0; padding:0;}
.right { float:right; width:648px; margin:0; padding:0;}
/*=== H eader ===*/
#header { margin:0; padding:0;  }
/*- Logo -*/
.logo { width:308px; margin:0; padding:0; float:left; }
#header h1 { background:url(images/logo.png) no-repeat; float:left; text-indent:-9999px; width:308px; }
#header h1 a { display:block; height:247px; }
#header h1 a:hover { text-decoration:none; }
/* background_header */
.background_header { border-top:1px solid #2f3037; border-bottom:1px solid #0a0a0a; background:#1f1f22; margin:0 auto 1px auto; padding:0;}
/*=== Navigation ===*/
/* RSS */
.rss { float:left; padding:5px 0; margin:0; background:#bc0040; text-align:center; width:111px; }
.rss a { font: bold 22px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
/*- Top Nav -*/
.topnav {margin:0 auto; padding:0 0 0 10px; background:url(images/menu_bg.gif) top no-repeat; height:54px; }
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 5px; }
.topnav li a { font:normal 14px Arial, Helvetica, sans-serif; color:#fff; display:block; float:left; padding:14px; }
.topnav li a:hover { background:#bb003d; }
.topnav li a.current_page_item { text-decoration:underline; background:#bb003d; }
/* search */
.search form { float:right; padding:5px 0 0 10px; margin:3px; }
.search span { display:block; float:left; background:#fff; width:250px; padding:5px; height:24px; border:1px solid #ddd; }
.search form .keywords { width:220px; border:0; line-height:14px; height:14px; float:left; background:none; padding:5px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#656565; }
.search form .button { float:left; margin:0; padding:0; width:23px; height:24px; border:0; position:relative; }
/*=== All Columns ===*/
#columns { margin:0 auto; padding:0; }
#columns img.main_img { padding:0 0 55px 0; background:url(images/img_bg.gif) bottom no-repeat; }
/*=== Center Column ===*/
#centercol { float:right; width:648px; }
/*=== Right Column ===*/
#rightcol { float:left; width:297px; }
.small_link { padding:10px 0; margin:0 auto; }
.small_link a { font:normal 11px Arial, Helvetica, sans-serif; color:#606060; }
#rightcol .box { background:#fff; padding:15px;}
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:250px; }
.col2 { float:right; }
/*=== Post ===*/
.post_right { float:right; width:355px; }
#centercol .box .content { padding:0 0 0 25px;}
/*- Post Title -*/
.post-pic { margin:10px 10px 10px 0; padding:0; }
.post-pic.fla { margin:10px 20px 10px 0;}
.post-pic img { }
/*- Post Title -*/
.post-title { background:#bc0040 url(images/post_h2_bg.gif) bottom no-repeat; padding:5px 0 20px 0;}
.post-title h1 { margin:0; padding:5px 0 0 30px; color:#fff; font:normal 18px Arial, Helvetica, sans-serif;  text-transform:uppercase; }
.post-title h1 a { display:inline; padding:0; margin:0; color:#fff; font:normal 18px Arial, Helvetica, sans-serif; }
.post-title h2 { margin:0; padding:5px 0 0 30px; font:normal 18px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; }
.post-title h2 a { display:inline; padding:0; margin:0; color:#fff; text-decoration:none; }
/*- Post Date -*/
.post-date { margin:0; padding:10px 25px; background:url(images/post_data_bg_1.gif) left no-repeat;}
.post-date span { background:url(images/post_data_bg_2.gif) left no-repeat; padding:5px 0 5px 25px;}
.post-date em { background:url(images/post_data_bg_3.gif) left no-repeat; padding:5px 0 5px 25px; font:normal 12px Arial, Helvetica, sans-serif;}
/*- Post Excerpt -*/
.post-excerpt { display:table; font:normal 13px Arial, Helvetica, sans-serif; color:#4e4e4e; padding:5px 0; line-height:1.8em; }
.post-excerpt a { color: #00CCFF; text-decoration:none; font-weight:bold; }
/*- 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; }
.author-details { font-size:.85em; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { text-align:left; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; }
.social-links a { text-decoration:underline; font-weight:bold; color:#79ab05; }
.social-links a:hover { text-decoration:none; }
/* post-commets */
.post-commets { color:#fff; font:normal 13px Arial, Helvetica, sans-serif; padding:10px; margin:0; }
.post-commets div a { color:#FFF; font:normal 13px Arial, Helvetica, sans-serif;} 
.post-commets div span { color:#FFF; font:bold 13px Arial, Helvetica, sans-serif;}
.post-commets div a:hover { text-decoration:underline;}
.post-commets div.red { background:#bc0040; color:#fff; padding:5px 10px; float:left; }
.post-commets div.black { background:#1d1d1f; color:#fff; padding:5px 10px; float:left;}
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:510px; }
/*- Widget Title - */
.wtitle { background:none; }
.wtitle h2 { line-height:40px; margin:0; padding:0 0 0 18px; text-align:left; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0; padding:0; }
.box.post { padding:0 0; }
.box.ads .content { text-align:center; }
.box.ac .content { padding-left:0; padding-right:0; text-align:center; }
#rightcol .box { margin:0 0 15px 0; }
#rightcol .content { padding:0 5px;}
#rightcol .box.ads .content { padding:0;}
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:31px; color:#FFF; font:normal 11px Arial, Helvetica, sans-serif; clear:both; padding:0; }
.list li { float:left; margin:0; padding:0 5px 0 0; }
.list li a { display:block; float:left; padding:10px; text-align:center; text-decoration:none; color:#666; }
.list li a:hover { color:#FFF; background:#bc0040; }
.list li a.active { color:#FFF; background:#bc0040; }
div.tabs_list { border:1px solid #cfcfcf; padding:0; margin:3px 0; }
div.tabs_list ul { list-style:none; text-align:left; padding:1px 0; }
div.tabs_list ul li { font:normal 13px Arial, Helvetica, sans-serif; padding:0; margin:0; position:relative; }
div.tabs_list ul li a { border-bottom:1px solid #c9c9c9; display:block; padding:5px 0 5px 15px; margin:0; color:#666; background: url(images/ul_li.gif) left no-repeat; }
div.tabs_list ul li a:hover { text-decoration:none; color:#000; }
div.tabs_list ul li ul.children { padding:0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { background:none; }
div.tabs_list ul li ul.children a:hover { background:#e0e0e0; color:#000; }
div.tabs_list ul li ul.children li a { padding:5px 0 5px 20px; display:block; }
div.tabs_list ul li ul.children li li a { padding:5px 0 5px 25px; display:block; }
/*=== 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:480px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:480px; font-family:Verdana; }
.message .submit { float:left; }
.message .submit input { background:url(images/button.gif); width:128px; height:32px; font-weight:bold; color:#FFF; }
.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:0; }
.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; }
.th.fl img { width:40px; height:40px; border:1px solid #cfcfcf; }
.ads img, .widget_flickrRSS .content img { margin:5px 5px 0 0; padding:0; background:none; border:none; }
.widget_flickrRSS .content img { border:1px solid #cfcfcf; }
.widget_flickrRSS .ac img { border:0; margin:0; }
/*=== Footer ===*/
#footer { height:118px; color:#fff; margin:0; float:right; padding:0; background:url(images/footer_bg.gif) top no-repeat; width:648px; font:normal 13px Georgia, "Times New Roman", Times, serif; }
#footer img { float:right; margin:0; padding:0;}
#footer .text { padding:35px 0 0 30px; float:left; color:#fff; }
#footer .text a { color:#fff; font-weight:bold; }

/*=== 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; }
/* Slider */
.gallery { width:596px; height:219px; margin:10px auto; padding:0;}
#slider { width:596px; height:219px; margin:0 auto; padding:0; list-style:none; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; margin:0 auto; }
p#controls { margin:0 auto; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:38px; height:38px; position:absolute; left:10px; top:-123px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:38px; height:38px; position:absolute; left:545px; top:-123px; }
#prevBtn a { display:block; width:38px; height:38px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:38px; height:38px; background:url(images/r_arrow.png) no-repeat 0 0; }