/*
------------------------------------------------------------------------
Theme Name: Smart
Theme URI: http://www.nattywp.com/
Description: Smart theme by NattyWP. Configure theme. Visit our NattyWP Community Forum and Help Desk!
Version: 2.0
Author: NattyWP
Author URI: http://www.nattywp.com/
------------------------------------------------------------------------
Support: NattyWP, contactus@nattywp.com
Updated: Jul 25 2009
Copyright: (c) 2009 NattyWP
All rights reserved.
*/
/* RESET*/
*{margin:0; padding:0; outline:0;}
html, body{height:100%; width:100%; text-align:center;}
table{border-collapse: collapse; border-spacing: 0;}
ul, ol{list-style-type:none;}
img{border:0; vertical-align:top;}
input, textarea, select{vertical-align:middle; font:11px Tahoma; color:#979fa3;}
a{color:#667177; text-decoration:underline;}
a:hover{text-decoration:none;}
.btn{cursor:pointer; border:none;}
.btn:hover{position:relative; top:1px; left:1px;}
.selected a, .selected a:hover{cursor:text; text-decoration:none!important;}
.current, .current:hover{cursor:text; text-decoration:none!important;}
/* H */
h6{font:bold 12px Arial, Helvetica, sans-serif;}
/* SETTINGS */
body{border-top:10px solid #000;}
.main{width:940px; margin:0 auto; text-align:left; background:url(images/pattern.png) no-repeat 50% 100%; _background:none;}
/* HEADER */
.header{height:91px; position:relative;}
.logo{position:absolute; top:0; left:-7px;}
.header ul{height:42px; position:absolute; top:36px; left:400px; overflow:hidden;}
.header ul li{float:left; height:39px; padding:3px 17px 0 17px; margin-right:5px;}
.header ul li a{text-decoration:none;}
.header ul li a:hover{text-decoration:underline;}
.header .current_page_item{background:url(images/nav_cur.png) repeat-x;}
.header .current_page_item a{cursor:text;}
.header .current_page_item a:hover{text-decoration:none;}
/* CONTENT */
.content{overflow:hidden; zoom:1; padding-bottom:20px;}
/* intro */
.intro{background:#fff; padding:30px; overflow:hidden; zoom:1;}
.intro h1{font: 50px Tahoma; margin-bottom:20px; color:#000;}
.intro h1 a{ text-decoration:none;}
.intro h1 a:hover{border:none;}
.intro img{float:left; padding:3px; margin-right:24px;}
.intro p{padding-bottom:20px; line-height:17px;}
/* TOP */
.top{background:#fff url(images/top_bg.gif) repeat-x; padding:30px; overflow:hidden; zoom:1; margin-bottom:30px;}
/* posts */
.posts{width:640px; float:left;}
.posts h1{font:normal 15px Tahoma; margin-bottom:15px; color:#515d64;}
.posts h2 {font:normal 35px Tahoma; margin-bottom:15px; color:#515d64;}
.posts h3 {font:normal 35px Tahoma; margin-bottom:15px; margin-top:5px; color:#515d64;}
.posts h4 {font:normal 35px Tahoma; margin-bottom:15px; color:#515d64;}
.posts h1 img{vertical-align:middle;}
.posts .item{overflow:hidden; zoom:1; border-bottom:1px dotted #515d64; padding:0 0 16px 0; line-height:15px; color:#010101; margin-bottom:16px;}
.posts .item .tit a {font:normal 30px Tahoma; text-decoration:none;}
.posts .item img{float:left; padding:3px; margin-right:13px;}
.posts .item li{padding-bottom:3px;}
.posts .comments{padding:2px 20px 2px 18px; background:url(images/comments_ico.gif) no-repeat 0 50%;}
.posts .category{padding:2px 0 2px 18px; background:url(images/category_ico.gif) no-repeat 0 50%;}
.posts .tags{padding:2px 0 2px 18px; background:url(images/tags_ico.gif) no-repeat 0 50%;}
.posts ul {margin-bottom:10px;}
.posts ol { list-style-type: decimal; }
.posts dl { margin: 1.5em 0pt; }
.posts dl dt { }
.posts em { font-style: italic; }
.posts pre { padding: 0pt 10px; background: rgb(249, 249, 212) none repeat scroll 0% 0%; overflow: auto; margin-bottom: 15px; }
.posts code { margin: 0pt; padding: 1px 3px; background: rgb(255, 255, 225) none repeat scroll 0% 0%; font-family: Monaco,monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.posts abbr { border-bottom: 1px dotted rgb(153, 153, 153); cursor: help; }
.posts hr { border: medium none ; margin: 0pt 0pt 1.4em; background: rgb(178, 204, 255) none repeat scroll 0% 0%; color: rgb(178, 204, 255); clear: both; float: none; width: 100%; height: 0.1em; }
.posts blockquote { margin: 1.5em 0pt 1.5em 1.5em; color: rgb(102, 102, 102); font-style: italic; }
/* nav */
.nav{height:21px; background:url(images/nav_bg.gif) repeat-x; float:left; color:#fff; font-size:11px; line-height:21px; padding:0 0 0 1px;}
.nav a{color:#fff; text-decoration:none; line-height:21px; background:url(images/nav_bgr.gif) repeat-x; padding:0 9px; float:left; height:21px; margin-right:1px;}
.nav strong{color:#fff; background:url(images/nav_bgr.gif) repeat-x; padding:0 9px; float:left; height:21px; margin-right:1px;}
.nav img{padding-top:6px;}
/* sidebar */
.widget .title h1 {padding-left:24px; color:#fff; font:bold 12px Tahoma;}
.sidebar{width:209px; float:right;}
.sidebar .widget, .middle .widget {border:1px solid #d0d3d5; margin-bottom:9px; padding:1px; zoom:1;}
.sidebar .widget .bg, .middle .widget .bg{background:#fff url(images/widget_bg.gif) repeat-x bottom; zoom:1; overflow:hidden;}
.sidebar .widget .title, .middle .widget .title {background:#252a2d url(images/title_bg.gif) repeat-x; border-bottom:2px solid #b8b8b8; padding:8px 10px;}
.sidebar .widget form, .middle .widget form {padding:13px 14px;}
.sidebar .widget label, .middle .widget label{display:block; margin-bottom:8px;}
.sidebar .widget .input, .middle .widget .input {width:161px; border:1px solid #cdcdcd; background:#fff; padding:2px 5px; margin-bottom:6px;}
.sidebar .widget .btn, .middle .widget .btn{color:#667177; font-size:12px; text-decoration:underline; background:url(images/widget_arr.gif) no-repeat 100% 50%; padding-right:10px;}
.sidebar .widget .btn:hover, .middle .widget .btn:hover{text-decoration:none;}
.sidebar .widget ul, .middle .widget ul{padding:10px 15px;}
.sidebar .widget li, .middle .widget li{background:url(images/widget_arr.gif) no-repeat 0 10px; padding:3px 0 3px 19px;}
.sidebar .widget a, .middle .widget a{text-decoration:none;}
.sidebar .widget a:hover, .middle .widget a:hover{text-decoration:underline;}
.sidebar .textwidget, .middle .textwidget {padding:10px 15px;}
.sidebar #widget_text h1, .middle #widget_text h1 {background:url(images/recent_icon.gif) no-repeat;}
.sidebar #widget_pages h1, .middle #widget_pages h1 {background:url(images/categories_icon.gif) no-repeat;}
.sidebar #widget_categories h1, .middle #widget_categories h1{background:url(images/categories_icon.gif) no-repeat;}
.sidebar #widget_search h1, .middle #widget_search h1{background:url(images/search_icon.gif) no-repeat;}
.sidebar #widget_archive h1, .middle #widget_archive h1{background:url(images/archives_icon.gif) no-repeat;}
.sidebar #widget_tag_cloud h1, .middle #widget_tag_cloud h1{background:url(images/tags_icon.gif) no-repeat;}
.sidebar #widget_recent_comments h1, .middle #widget_recent_comments h1{background:url(images/recent_icon.gif) no-repeat;}
.sidebar #widget_recent_comments li, .middle #widget_recent_comments li{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
.sidebar #widget_recent_entries h1, .middle #widget_recent_entries h1 {background:url(images/recent_icon.gif) no-repeat;}
.sidebar #widget_recent_entries li, .middle #widget_recent_entries li{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
.sidebar #widget_archive li, .middle #widget_archive li {background:url(images/archives_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
.sidebar #twitter h1, .sidebar #flickrWidget h1, .middle #twitter h1, .middle #flickrWidget h1 {background:url(images/recent_icon.gif) no-repeat;}
.sidebar #twitter p, .middle #twitter p{color:#bdcbd4; line-height:16px; padding-bottom:10px;}
.sidebar #twitter .rightlink, .middle #twitter .rightlink { padding-right:10px; font-size:11px;}
.sidebar #feedburnerWidget h1, .middle #feedburnerWidget h1 {background:url(images/subscription_icon.gif) no-repeat;}
/* MIDDLE */
.middle{background:#fff; padding:30px 0 30px 30px; overflow:hidden; zoom:1; margin-bottom:25px; width:910px;}
.middle .first_module_position {width:269px; float:left; margin-right:30px;}
.middle .second_module_position {width:269px; float:left; margin-right:30px;}
.middle .third_module_position {width:269px; float:left; margin-right:30px;}
/* recent */
#recent h1{background:url(images/recent_icon.gif) no-repeat;}
#recent li{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
/* archives */
#archives h1{background:url(images/archives_icon.gif) no-repeat;}
#archives ul{float:left; padding:10px 0 10px 15px; width:110px;}
#archives li{background:url(images/archives_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
/* tags */
#tags h1{background:url(images/tags_icon.gif) no-repeat;}
#tags .intend{padding:15px;}
#tags .f9{font-size:9px;}
#tags .f12{font-size:12px;}
#tags .f13{font-size:13px;}
#tags .f19{font-size:19px;}
#tags .f20{font-size:20px;}
#tags .f22{font-size:22px;}
/* BOTTOM */
.bottom{overflow:hidden; zoom:1; padding:0 0 0 14px;}
.bottom .widget{border:none;}
.bottom .widget .title{background:none; border:none; height:15px;}
.bottom .intend{padding:5px 15px;}
.bottom .left {width:280px; float:left; padding-right:45px;}
.bottom .right {}
/* twitter */
.bottom #twitter .title{background:url(images/twitter_icon.png) no-repeat; padding:10px 0 14px 30px;}
.bottom #twitter {line-height:20px;}
.bottom .widget {padding-bottom:10px;}
/* photos */
.bottom #flickrWidget {overflow:hidden; zoom:1;}
.bottom #flickrWidget .title{background:url(images/photos_icon.png) no-repeat; padding:10px 0 14px 20px;}
.bottom #flickrWidget img{padding:5px; background:#fff; border:1px dashed #000; margin-right:12px;}
/* INNER */
.inner .posts{width:588px; float:left;}
.inner .sidebar{width:262px; float:right;}
.inner .widget .input{width:218px;}
/* FOOTER */
.footer{min-width:1000px; width:expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:left; background:#fff; color:#515d64;}
.footer .intend{width:880px; padding:20px 0; margin:0 auto;}
.footer a{color:#808080; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
/* TOP search bar*/
#search-block{
float:right;
width:242px;
padding-top:30px;
margin-right:17px;
}
.c_simg {
padding-bottom:25px;
}
.s_input {
background:transparent url(images/s_input.png) no-repeat scroll 0 0;
float:left;
*margin-top:1px;
height:26px;
width:140px;
}
.s_input input {
border:0 none;
color:#9499a1;
font-weight:normal;
height:17px;
margin-left:15px;
margin-top:5px;
width:240px;
}
.s_submit {
float:left;
padding:0px;
}
/* ADS module*/
#ads-module {text-align:center;}
#ads-module ul.advert {list-style:none; margin:0px !important; padding:0px;}
#ads-module ul.advert li {list-style:none !important; float:left; margin-left:15px; padding-bottom:10px;}
#ads-module ul.advert li a {background:none; padding:0px; margin:0px; border:0px;}
#ads-module ul.advert li a:hover {background:none; border:0px;}
#widget_tag_cloud {padding-bottom:20px;}
#single-ads {padding-top:15px;}
#single-ads #ads-module {margin:0px; padding:0px; width:auto; text-align:center;}
.header-ads { float:right; padding-top:20px; padding-right:20px;}
/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Trebuchet MS', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption { text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {background-color: #fff;}
/* End Calendar */
/* Flickr */
.flickr-pic {}
.sidebar .flickr-pic .flickr_badge_image { float:left; padding-right:10px; padding-left:10px; padding-top:5px; padding-bottom:5px;}
.middle .flickr-pic .flickr_badge_image { float:left; padding-right:6px; padding-left:6px; padding-top:5px; padding-bottom:5px;}
.bottom .flickr-pic .flickr_badge_image { float:left; padding-right:0px; padding-left:0px; padding-top:5px; padding-bottom:5px;}
/* WP extention */
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left; margin: 5px 15px 10px 0px;
}
.alignright {
float: right; margin: 5px 0px 10px 15px;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
max-width:560px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0 !important;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* Comment Form */
#comment-form {padding-top:20px;}
#commentform {margin-left:20px; padding-top:10px;}
#comment-form label {
float: left;
width: 200px;
padding-top: 5px;
font-size: .85em;
font-weight: bold;
}
#comment-form label .required {
font-size: .85em;
font-weight: normal;
}
#comment-form label .required {
color: #fff;
}
#comment-form input, #comment-form textarea {
width: 265px;
padding: 5px 5px;
}
#searchforma .field {float:left;}
#searchforma .field input {width:160px; padding:5px 5px;}
#comment-form input, #comment-form textarea, #searchforma .field input {
font: 12px Arial, Helvetica, Geneva, sans-serif;
color: #727272;
background: #EFEFEF;
border-top: 1px solid #c1c1b7;
border-right: 1px solid #fafaf6;
border-bottom: 1px solid #fafaf6;
border-left: 1px solid #c1c1b7;
}
#comment-form input:focus, #comment-form textarea:focus {
color: #53534c;
border: 1px solid #C3D3DF;
}
#comment-form #submit {
width: auto;
margin-left: 200px;
border: none;
padding: 4px 10px;
margin-top:10px;
text-transform: uppercase;
cursor: pointer;
}
#searchforma input#submit {width: auto; margin-left: 10px;border: none;
padding: 4px 10px;
text-transform: uppercase;
cursor: pointer;}
#comment-form #submit, #searchforma input#submit {
font: bold .95em Arial, Helvetica, Geneva, sans-serif;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* Begin Comments*/
.alt { margin: 0; padding: 10px;}
.commentlist { margin:0px; padding: 0px; text-align: justify;}
.commentlist li {margin: 15px 0px 20px 0px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px; margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 15px 0px 15px 5px; display: block;}
.thread-alt {background-color: #EFEFEF;}
.thread-even {background-color: #EFEFEF; -moz-border-radius:10px; -webkit-border-radius: 10px;}
.depth-1 {border: 1px solid #D1E2EF;}
.children .depth-1 { border-left:1px solid #CFCFCF; border-right:0px; border-top:0px; border-bottom:0px;}
.even, .alt {border-left: 1px solid #D1E2EF;}
.navigation {display: block; text-align: center; margin-top: 10px;}
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px !important; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#respond {color:#162F42;}
.comment-meta a { color:#162F42; font-size:11px;}
.comment-author cite {background:url(images/icons/autor-ico.png) no-repeat left center; padding-left:20px;}
.comment-author cite, .comment-author cite a{ font-size:18px; font-weight:normal;}
.reply { padding-left:24px; height:17px;}
.reply { background: url(images/icons/reply-ico.png) no-repeat left center;}
.reply a {font-size:11px;}
cite .note, cite .note a { font-size:10px; font-weight:bold; color:#454547;}
/* End Comments */
/* Image in post */
.hid {display:none; position:absolute;}
.posts .item img { max-width:555px; max-height:auto; height:auto;}
.posts .item p { padding-bottom:10px;}
.nopad img {padding:0px !important;}
/* Natty */
.hid {display:none; position:absolute;}
.lin { color:#878789; width:160px; float:right; margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px;}
.lin img {vertical-align:middle;}
.fullwidth { width:870px !important;}
ul.arc li {line-height:18px;}