/*
Theme Name:Theme 108
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:#6b6c6c; font-family:Verdana, Geneva, sans-serif; font-size:11px; background:#f5f5f5 url(images/main_bg.gif) left top repeat-x; }
a { color:#6b6c6c; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr, .fix { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:0 0 0 4px; background: url(images/bg_bg.gif) top repeat-x; height:2px; }
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 { color:#222222; font-size:1.5em; font-weight:normal; margin:0 0 1em; }
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 { color:#8f8f8f; font:normal 16px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:20px 0 10px 20px; margin:0;}
p { line-height:1.5em; padding:0 0 1.3em; }
/*=== Layout ===*/
#page { margin:0 auto; padding:0; width:970px; background:url(images/l_bg.gif) top left repeat-y; }
#page-bot { width:646px; margin:10px 0; padding:0; float:right; }
#left_page { width:297px; margin:0; padding:0; float:left;  }
#right_page { width:646px; margin:0; padding:0; float:right; }
/*- Logo -*/
.logo { width:297px; float:left; margin:0; padding:0; }
#left_page h1 { background:url(images/logo.gif) no-repeat; float:left; text-indent:-9999px; width:296px; margin:0; padding:0;}
#left_page h1 a { display:block; height:195px; }
#left_page h1 a:hover { text-decoration:none; }
/* RSS */
.rss { margin:0 auto; padding:0 0 0 20px; }
.rss img { float:left; margin:5px 5px 10px 5px; padding:0;}
/* Search form */
.search { width:260px; padding:5px 0 15px 0; margin:0 auto; }
.search span { width:252px; display:block; border:1px solid #dddddd; background:#FFF; height:21px; margin:0; padding:3px; }
.search input#s { float:left; width:215px; padding:3px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px Arial, Helvetica, sans-serif; line-height:15px; height:15px; }
.search .btn { float:left; padding:0; margin:0; border:0; width:auto; }
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1 { font:normal 14px Georgia, "Times New Roman", Times, serif; padding:0 0 4px 0; background:#2fa8cb; }
#nav1 ul { padding:0; }
#nav1 ul.sf-menu li { position:relative; float:left; line-height:43px; padding:0 1px 0 0; text-align:left; }
#nav1 ul.sf-menu li a { color:#fff; margin:0 5px; }
#nav1 ul.sf-menu li a span { background:none; padding:16px 15px; }
#nav1 ul.sf-menu li a:hover { color:#2fa8cb; background:url(images/r_anv_bg.gif) no-repeat right; }
#nav1 ul.sf-menu li a:hover span { color:#2fa8cb; background:url(images/l_nav_bg.gif) no-repeat left; }
#nav1 ul.sf-menu li a.active { color:#2fa8cb; background:url(images/r_anv_bg.gif) no-repeat right; }
#nav1 ul.sf-menu li a.active span { color:#2fa8cb; background:url(images/l_nav_bg.gif) no-repeat left; }
#nav1 ul.sf-menu li ul.children { background:#ececec; border:none; width:140px; padding:0; }
#nav1 ul.sf-menu li ul.children a { color:#373737; width:140px; margin:0;}
#nav1 ul.sf-menu li ul.children a:hover { color:#fff; background:#30b3cc; text-decoration:none; }
#nav1 ul.sf-menu li ul.children a:hover span { background:none; color:#fff;}
#nav1 ul.sf-menu li ul.children li { border:0; }
#nav1 ul.sf-menu li ul.children li ul.children { border-left:none; border-right:none; }
#nav1 ul.sf-menu li ul.children { margin:0; }
#nav1 ul.sf-menu li ul.children ul.children { margin:0 0 0 0; }
/*- Top Nav -*/
.topnav { font:normal 16px Arial, Helvetica, sans-serif; float:left; padding:0; margin:0; text-transform:uppercase; }
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li {  padding:0; }
.topnav li a { width:257px; height:35px; color:#8f8f8f; display:block;  padding:10px 0 0 40px; text-decoration:none; }
.topnav li a:hover { color:#00a2d1; background: url(images/hover_bg.gif) top no-repeat; }
.topnav li.current_page_item a { color:#00a2d1; background: url(images/hover_bg.gif) top no-repeat; }
/*=== Right Column ===*/
#rightcol { float:right; width:297px; }
.small_link { color:#656464; text-decoration:none; font:normal 14px Arial, Helvetica, sans-serif; padding:5px 0; margin:0 auto; }
#rightcol a { }
/*=== Sub Columns ===*/
.subcols { height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }
/*=== Post ===*/
/*- Post Title -*/
.post-title h2, .post-title h1 { display:inline; margin:0; padding:3px 0; font:normal 30px/1.2em Arial, Helvetica, sans-serif; color:#494949; text-transform:uppercase; }
.post-title a { display:inline; padding:0; margin:0; color:#282b2e; text-decoration:none; }
/*- Post Date -*/
.post-date { padding:0 10px; margin:10px auto; color:#fff; font: normal 12px Arial, Helvetica, sans-serif; background:#1f9abe; border:1px solid #21b0d9; }
.post-date a { color:#7de6fd; text-decoration:underline; font-weight:bold; }
.post-date a.normal { text-decoration:none; }
.post-date .fl { padding:10px 0 10px 0; margin:0; }
.post-date .fr { padding:10px 0 10px 0; margin:0; }
/*- Post Excerpt -*/
.post-excerpt { font:normal 13px/1.8em Arial, Helvetica, sans-serif; color:#838383; padding:0; }
.post-excerpt a { padding:0; margin:0; color:#47ccf3; text-decoration:underline; }
.post-excerpt span { font-weight:bold; color:#fff; background:#2a2a2a; padding:5px; }
/*- 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 10px; margin:10px auto; color:#fff; font: normal 12px Arial, Helvetica, sans-serif; background:#1f9abe; border:1px solid #21b0d9; }
.social-links a { color:#7de6fd; text-decoration:underline; font-weight:bold; }
.social-links a.normal { text-decoration:none; }
.social-links .fl { padding:10px 0 10px 0; margin:0; }
.social-links .fr { padding:10px 0 10px 0; margin:0; }
/* Comments */
.Comments { background:url(images/comments_bg.gif) top no-repeat; text-align:center; width:71px; height:55px; padding:25px 0 0 0; margin:10px 10px 0 0; float:left; }
.Comments a { font:normal 30px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:10px 0 0 0; padding:0; }
.box .content { height:1%; padding:0; }
.box.ads .content { padding:10px 0 0 0; margin:0; text-align:center; }
.box.ac .content { padding-left:0; padding-right:0; text-align:center; }
#rightcol .box { margin:0 0 10px 0; }
.box.widget .content { padding:10px 20px 0 20px; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:480px; }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== 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; }
/*- 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 .btn { padding:0; background:url(images/button.gif); width:128px; height:32px; color:#FFF; font-weight:bold; }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0 15px 0 0; padding:8px; background:#fff; border:1px solid #d4d4d4; }
.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 4px; }
.widget_flickrRSS .content img { border:1px solid #cfcfcf; }
.widget_flickrRSS .ac img { border:0; margin:0; }
/*=== Footer ===*/
#footer { color:#494949; margin:0 auto; font: normal 14px Arial, Helvetica, sans-serif; padding:10px 0 0 0; }
#footer a { color:#239cbf; text-decoration:none; font-weight:bold; }
#footer a:hover { color:#239cbf; text-decoration:underline; }
/*=== Misc. ===*/
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.hl2 { clear:both; border-bottom:1px solid #CCC; margin:0 0 5px; }
