/*
Theme Name:Theme 87
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:#585858; font:normal 12px/1.3em Arial, Helvetica, sans-serif; background:url(images/main_bg.gif) repeat center center; }
a { color:#9e0502; text-decoration:underline; }
a:hover { text-decoration:underline; }
p.clr, .clr { clear:both; padding:0; margin:0; background: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; }
h1, h2, h3 { color:#1d2024; font:normal 18px/1.5em Arial, Helvetica, sans-serif; margin:0; padding:8px 0; }
h2 {color:#af0602;}
h4 { font-size:1em; margin:0 0 1em; }
p { padding:0 0 1.3em; }
/*=== Layout ===*/
#page, #page2 { margin:0 auto; background:url(images/topnav_bg.gif) repeat-x center top; }
#page-bot { padding:0; margin:0 auto; background:#181d1d url(images/footer_bg.gif) repeat-x center bottom; border-top:1px solid #fff; }
#header { margin:0 auto; width:970px; }
/*- Logo -*/
.logo { margin:0px; padding:0px 0px 0px 0px; width:970px; height:120px; background:url(images/logo.png) no-repeat left center; }
#header h1 { text-indent:-9999px; width:600px; }
#header h1 a { display:block; height:136px; }
#header h1 a:hover { text-decoration:none; }
/*=== Navigation ===*/
/* RSS */
p.rss { width:350px; float:right; padding:48px 0 24px; margin:0; font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#353535; text-align:right; }
p.rss a { text-decoration:none; }
p.rss span { font:normal 11px/1.5em Georgia, "Times New Roman", Times, serif; }
p.rss img { margin:0 0 0 12px; padding:0; border:none; float:right; }
/*- Top Nav -*/
.topnav { margin:0 auto; padding:0 0 12px; height:36px; width:970px; background:url(images/nav_bg.gif) repeat-x center bottom; }
.topnav ul { list-style:none; width:auto; float:left; padding:0; margin:0; }
.topnav li { float:left; padding:0 12px; color:#fff; text-transform:none; }
.topnav li a { font:normal 13px/1.2em Arial, Helvetica, sans-serif; color:#1d2024; display:block; float:left; padding:10px 0 9px; text-decoration:none; }
.topnav li a:hover, .topnav li.current_page_item a { color:#9e0502; background:url(images/nav_a.gif) no-repeat center bottom; text-decoration:none; }
/*- Nav1 -*/
#nav1 { margin:0 auto; height:45px; font:normal 13px/1.5em Arial, Helvetica, sans-serif; padding:3px 0; }
#nav1 ul { padding:0; }
#nav1 ul.sf-menu li { position:relative; float:right; padding:0 0; }
#nav1 ul.sf-menu li a { color:#cacaca; margin:0; padding:0; text-decoration:none; font-weight:normal; line-height:39px; padding:0 16px; }
#nav1 ul.sf-menu li a:hover, #nav1 ul.sf-menu li.current-cat a, #nav1 ul.sf-menu li:hover a { color:#ff221d; background:url(images/topnav_a.gif) no-repeat center bottom; }
#nav1 ul.sf-menu li a:hover span, #nav1 ul.sf-menu li.current-cat a span, #nav1 ul.sf-menu li:hover a span { background:url(images/topmenu_l.gif) no-repeat left; }
#nav1 ul.sf-menu li ul.children { margin:0; padding:0; width:160px; }
#nav1 ul.sf-menu li ul.children li a { padding:0 0 0 16px; line-height:32px; }
#nav1 ul.sf-menu li ul.children li a span { padding:0; }
#nav1 ul.sf-menu li ul.children li a, #nav1 ul.sf-menu li ul.children li a span, #nav1 ul.sf-menu li ul.children li ul.children li a, #nav1 ul.sf-menu li ul.children li ul.children li a span, #nav1 ul.sf-menu li ul.children li ul.children li ul.children li a, #nav1 ul.sf-menu li ul.children li ul.children li ul.children li a span { color:#cacaca; background-image:none; background-color:#131313; }	/* unactive element */
#nav1 ul.sf-menu li ul.children li a:hover, #nav1 ul.sf-menu li ul.children li a:hover span, #nav1 ul.sf-menu li ul.children li:hover a, #nav1 ul.sf-menu li ul.children li:hover a span, #nav1 ul.sf-menu li ul.children li ul.children li a:hover, #nav1 ul.sf-menu li ul.children li ul.children li a:hover span, #nav1 ul.sf-menu li ul.children li ul.children li:hover a, #nav1 ul.sf-menu li ul.children li ul.children li:hover a span, #nav1 ul.sf-menu li ul.children li ul.children li ul.children li a:hover, #nav1 ul.sf-menu li ul.children li ul.children li ul.children li a:hover span, #nav1 ul.sf-menu li ul.children li ul.children li ul.children li:hover a, #nav1 ul.sf-menu li ul.children li ul.children li ul.children li:hover a span { background-color:#393939; color:#fff; }	/* active element */
/* search */
.search { float:right; padding:8px 0 0; }
.search form { float:right; padding:0; margin:10px; width:284px; }
.search span { display:block; float:left; background:#fff; width:236px; padding:0 0 0 5px; height:34px; border:1px solid #ddd; border-right:none; }
.search form .keywords { width:227px; line-height:18px; height:18px; float:left; background:none; padding:8px 0; margin:0; border:0; font:normal 11px Arial, Helvetica, sans-serif; color:#000; }
.search form .button { float:left; margin:0; padding:0; border:0; position:relative; }
/*=== All Columns ===*/
#columns { margin:0 auto; width:970px; padding:14px 0 20px 0; }
#columns img.main_img { padding:0 0 55px 0; }
/*=== Center Column ===*/
#centercol { float:left; width:926px; padding:0; }
/*=== Right Column ===*/
#rightcol { float:right; width:300px; padding:0; }
.small_link { padding:0 0 8px; margin:0 auto; text-align:center; }
.small_link a { font:normal 11px Arial, Helvetica, sans-serif; color:#7f7f7f; }
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }
/*=== Post ===*/
.comments { width:auto; float:left; margin:0; padding:8px 12px 0; color:#c3221f; text-align:center; background-color:#171c1c; height:60px; }
.comments a.commentss { font:normal 11px/1.2em Arial, Helvetica, sans-serif; text-decoration:none; color:#c3221f; }
.comments a.commentss span { font:normal 30px/1.2em Arial, Helvetica, sans-serif; color:#cacaca; }
/*- Post Title -*/
.post-pic { margin:10px 0; }
.post-pic img.fl { float:right; margin:12px 12px 18px 60px; border:1px solid #c3c3c3; }
/*- Post Title -*/
.post-title { background-color:#fff; border:1px solid #d4d2d2; padding:0 16px; margin:0 0 10px 0; }
.post-title.small { float:right; width:520px; padding:0 16px 10px;}
.post-title h2 { padding-bottom:4px; }
.post-title h2 a { }
/*- Post Date -*/
.post-date { margin:0; padding:0; font:normal 11px/1.5em Arial, Helvetica, sans-serif; }
/*- Post Excerpt -*/
.post-excerpt { display:table; font:normal 12px Arial, Helvetica, sans-serif; color:#7f7f7f; padding:8px 0px 0px 10px; line-height:1.8em; }
.post-excerpt a { color:#51cdfc; text-decoration:none; }
/*- 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 { padding:0; font:normal 13px Arial, Helvetica, sans-serif; color:#cacaca; background-color:#171c1c; padding:6px 16px; float:left; }
.social-links a { text-decoration:none; color:#cacaca; }
.social-links a span { font-weight:bold; color:#c4221f; }
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
/*- 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:8px 16px; }
.box.post { padding:0 0 16px; }
.box.ads .content { text-align:center; margin:0 -8px; }
.box.ads .content img { margin:0 4px 12px 4px; }
.box.ac .content { padding-left:0; padding-right:0; text-align:center; }
.widget_flickrRSS .ac a { padding-left:24px; background:url(images/ico-flickr.gif) no-repeat left center; }
#rightcol .box { margin:0 0 15px 0; background-color:#fff; border:1px solid #d3d1d1; }
#rightcol .box.widget_flickrRSS .content { text-align:center; margin:0 -8px; }
.box.widget_flickrRSS .content img { margin:0 8px 16px; }
.ac img { margin:0; padding:0 8px 0 0; border:none; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:440px; }
.box2.alt { }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:31px; color:#313131; font:normal 11px Arial, Helvetica, sans-serif; clear:both; padding:0 10px; }
.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:#7f7f7f; }
.list li a:hover { border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#6ec1f3; }
.list li a.active { color:#6ec1f3; font-weight:bold; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
div.tabs_list { padding:0; margin:3px 10px; }
div.tabs_list ul { list-style:none; text-align:left; padding:5px 0; border:1px solid #e0e0e0; }
div.tabs_list ul li { font:normal 13px Arial, Helvetica, sans-serif; padding:0; margin:5px 0; }
div.tabs_list ul li a { border-bottom:1px solid #e0e0e0; display:block; padding:5px 0 5px 15px; margin:0; color:#7f7f7f; background:url(images/ul_li.gif) left no-repeat; }
div.tabs_list ul li a:hover { text-decoration:none; color:#6ec1f3; }
div.tabs_list ul li ul.children { padding:0; border:0; border-bottom:1px solid #e0e0e0; }
div.tabs_list ul li ul.children ul { border:0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { border:0; background:none; }
div.tabs_list ul li ul.children a:hover { color:#6ec1f3; }
div.tabs_list ul li ul.children li a { border:0; padding:5px 0 5px 25px; display:block; }
div.tabs_list ul li ul.children li li a { border:0; padding:5px 0 5px 30px; 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:440px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:440px; 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 { color:#fff; font-size:11px; line-height:21px; margin:0 auto; padding:0; width:970px; }
#footer h2 { color:#cacaca; }
#footer ul { padding-left:16px; }
#footer ul li { list-style:disc; }
#footer ul li a { color:#fff; text-decoration:none; }
#footer ul li a:hover { color:#9e0502; }
#footer span { color:#9e0502; font-style:italic; }
#footer .blog1, #footer .blog2 { float:left; padding:32px 0; margin:0; }
#footer .blog1 { width:260px; }
#footer .blog2 { width:190px; }
#footer .text2 { padding:20px 0; float:right; color:#fff; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; }
#footer .text { padding:20px 0; float:left; color:#fff; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; }
#footer .text2 span { text-align:right; color:#fff; }
#footer .text a {color:#fff; }
#footer img { margin:0; padding:2px; }
#footer .text2 a {color:#fff; }
/*=== 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; }
/* HTML */
/* blog_html */
.blog_html { margin:0 auto; padding:0 0 32px; }
.blog_html h2 { padding:0 0 12px; margin:0; }
.blog_html p { font:normal 12px Arial, Helvetica, sans-serif; padding:5px 0; margin:0; line-height:1.8em; }
.blog_html img { padding:4px; background-color:#fff; border:1px solid #d3d1d1; }
.blog_html_left1, .blog_html_left2 { width:283px; float:left; }
.blog_html_left1 { padding:0 0 16px; }
.blog_html_left2 { padding:0 0 16px; margin:0 60px; }
.blog_html p.uh2 { font-size:11px; margin:-16px 0 0; padding:0 0 24px 0; }
.blog_html .textblock { padding-bottom:24px; }
p.uline { border-bottom:1px solid #c3c3c3; }
/* Slider */
.gallery { width:970px; height:371px; margin:0 auto; padding:6px 0 0; background:url(images/shade.jpg) no-repeat center bottom; }
#slider { width:970px; height:318px; 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:42px; height:41px; position:absolute; left:30px; top:-180px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:42px; height:41px; position:absolute; left:880px; top:-180px; }
#prevBtn a { display:block; width:42px; height:41px; background:url(images/arrow_l.png) no-repeat 0 0; }
#nextBtn a { display:block; width:42px; height:41px; background:url(images/arrow_r.png) no-repeat 0 0; }