/*
Theme Name: Smoke
Theme URI: http://www.crazyxhtml.com
Description: Designed by CrazyXhtml.
Version: 1.0
Author: CrazyXhtml
Author URI: http://www.crazyxhtml.com
License: GNU General Public License
License URI: license.txt
Tags: dark, light
*/
/* Default styles */
@import "css/reset.css";
/* Defaults */
a{ color: #d6701e; text-decoration: none; }
a:hover{ text-decoration: underline; }
body{ font: 14px Georgia, Times, serif; color: #000002; background:#000 url(images/bg-body.jpg) no-repeat 50% 0 fixed; }
h1, h2, h3, h4, h5, h6{ margin: 0; color: #000; }
h1{font-size: 24px;} h2{font-size: 20px;} h3{font-size: 18px;} h4{font-size: 16px;} h5{font-size: 15px;} h6{font-size: 15px;}
input, select, textarea{font-size: 12px; color: #5b4a31;}
input[type=text], input[type=password], textarea{padding: 5px; border: 1px solid #ccc;}
textarea{overflow: auto;resize: none;}
/* Hyperlinks */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited{ text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}
/* Main post content */
.entry{
width:100%;
line-height:1.5em;
}
.entry a{
text-decoration:underline;
}
.entry a:hover{
text-decoration:none;
}
.entry h1{} .entry h2{} .entry h3{} .entry h4{} .entry h5{} .entry h6{}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{line-height:1.5em; margin: 0 0 5px 0; }
.entry ul{ margin: 0 0 20px 0; padding: 0 0 0 30px; }
.entry ul ul{ margin: 0; }
.entry ul li{ list-style-type: disc; line-height: 1.5em;}
.entry ul ul li{ list-style-type: circle; }
.entry ul li ol li{ list-style-type: decimal; }
.entry ol{ margin: 0 0 20px 0; padding: 0 0 0 30px; }
.entry ol ol{ margin: 0; }
.entry ol li{ list-style-type: decimal; line-height: 1.5em;}
.entry ol li ol li{ list-style-type: lower-alpha; }
.entry ol li ul li{ list-style-type: disc; }
.entry .list_bookmarks{
padding: 0;
}
.entry .list_bookmarks li.linkcat{
list-style: none;
}
.entry .list_bookmarks li.linkcat li{
list-style:disc;
}
img.wp-smiley{ padding: 0; border: none; }
.entry .wp-caption{ padding: 0; text-align:center; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text{ margin:0; padding:0; font-size:11px; text-align:center; }
.entry table{
width: 100%;
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0 0 15px 0;
}
.entry table td, .entry table th{
border: 1px solid #ccc;
padding: 5px;
}
.entry table th{
background: #eee;
}
.entry fieldset{
border: 1px solid #eee;
padding: 0 20px 20px 20px;
margin: 0 0 20px 0;
}
.entry fieldset p{
margin: 15px 0 5px 0;
}
/* Sidebar Widgets */
.sidebar_widgets{
width:100%;
overflow:hidden;
font-size:13px;
line-height:1.5em;
}
.sidebar_widgets .widgettitle{
font-size:15px;
line-height:1.3em;
border-bottom: 1px solid #e5e0d0;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
.sidebar_widgets .widget{
margin: 0 0 20px 0;
}
.sidebar_widgets .widget ul{
}
.sidebar_widgets .widget ul li{
border-bottom: 1px solid #e9e5d5;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
.sidebar_widgets .widget ul ul{
margin: 5px 0 0 15px;
}
.sidebar_widgets .widget ul li ul li{
border-bottom: 0;
margin: 0;
}
.textwidget{ padding: 0; }
.textwidget p{ padding: 0 0 10px 0; }
.widget_tag_cloud .tagcloud, .widget_calendar div{}
/* wrapper */
#wrapper{
width:823px;
margin:0 auto;
}
/* header */
#header{
width:100%;
background:#fefdfd url(images/bg-header.png) no-repeat 0 100%;
padding:0 0 7px;
}
.nav-area{
background:url(images/bg-nav-area.gif) repeat-x;
height:35px;
}
.nav-area:after{
content:"";
clear:both;
display:block;
}
.nav-area .holder{
float:right;
padding:0 9px 0 0;
}
#nav{
float:left;
line-height:35px;
}
#nav li{
float:left;
margin:0 9px;
}
#header .tags li:hover,
#nav li:hover{position:relative;}
#header .tags li:hover .drop-area,
#nav li:hover ul{display:block;}
#header .tags a,
#nav a{
color:#f5f4f3;
float:left;
padding:0 7px;
text-transform: lowercase;
}
#header .tags li:hover a,
#nav li:hover a,
#header .tags a:hover,
#nav a:hover{
text-decoration:none;
background:#737372;
}
#nav ul{
display:none;
background:#737372;
width:160px;
position:absolute;
top:100%;
left:0;
line-height:18px;
}
#nav ul li{
float:none;
margin:0;
}
#nav ul a{
float:none;
display:block;
padding:4px 7px;
}
#nav ul li:hover a,
#nav ul a:hover{background:#6b6b6a;}
#nav li.hover ul ul,
#nav li:hover ul ul{display:none;}
#nav li.hover ul li.hover ul,
#nav li:hover ul li:hover ul{display:block;}
#nav li.hover ul li.hover ul ul,
#nav li:hover ul li:hover ul ul{display:none;}
#nav li.hover ul li.hover ul li.hover ul,
#nav li:hover ul li:hover ul li:hover ul{display:block;}
#nav ul ul a{background:none !important;}
#nav ul ul a:hover{background:#6b6b6a !important;}
#nav ul ul{
left:100%;
top:0;
}
#header .tags{
float:left;
line-height:35px;
}
#header .tags li{float:left;}
#header .tags ul li{
float:none;
display:inline-block;
}
#header .tags .drop-area{
position:absolute;
top:100%;
right:-4px;
display:none;
width:336px;
}
#header .tags .c{
background:url(images/bg-drop-area-c.png) repeat-y;
width:100%;
display:table;
}
#header .tags .c:after{
content:"";
clear:both;
display:block;
}
#header .tags .c-holder{
float:left;
position:relative;
padding:29px 19px 0 38px;
margin:0 0 -20px;
}
#header .tags .b{
background:url(images/bg-drop-area-b.png) no-repeat;
width:336px;
height:73px;
overflow:hidden;
}
#header .tags .list a{background:none !important;}
#header .tags .list a:hover{
background:none;
text-decoration:underline !important;
}
.header-area{
overflow:hidden;
padding:35px 0 21px 20px;
background:url(images/bg-header-area.gif) repeat-x;
}
.logo{
float:left;
background:url(images/bg-logo.png) no-repeat;
width:153px;
height:104px;
overflow:hidden;
text-indent:-9999px;
margin:0 19px 0 0;
}
.logo a{
display:block;
height:100%;
}
.header-area h1{
overflow:hidden;
padding:6px 20px 0 0;
font-size:29px;
line-height:36px;
font-weight:normal;
}
/* main */
#main{
background:#fefdfd;
overflow:hidden;
padding:25px 20px 0 32px;
}
/* content */
#content{
float:left;
width:545px;
}
.info-area{padding:0 0;}
.info-area .entry{
line-height:normal;
}
.info-area .title h2{
font:bold 32px/41px Arial, Helvetica, sans-serif;
margin:0 0 10px;/*0 0 23px;*/
}
.info-area .title h2 a{color:#000;}
.info-area .title h2 a:hover{color:#555;}
.info-area .comment-txt{
display:block;
background:url(images/ico-comment.png) no-repeat;
font:13px/16px Arial, Helvetica, sans-serif;
padding:1px 0 5px 27px;
margin:0 0 29px;
}
.info-area .comment-txt a{
color: #000;
}
.info-area .entry p{
margin:0 0 25px;
font-size:15px;
line-height:25px;
}
.info-area .entry p a{
text-decoration:none;
border-bottom:1px dotted #aaa;
}
.info-area .entry p a:hover{border:0;}
.info-area .more-link{
font:italic bold 15px/18px Georgia, Times, serif;
text-decoration:none;
color:#000;
}
.info-area .more-link:hover{color:#555;}
/* sidebar */
#sidebar{
float:right;
width:193px;
}
#sidebar .widget_contact ul{
font:12px/15px Arial, Helvetica, sans-serif;
overflow:hidden;
}
#sidebar .widget_contact li{
background:url(images/sep-side-nav.png) no-repeat;
overflow:hidden;
margin:-14px 0 14px;
vertical-align:top;
padding:22px 0 17px;
}
#sidebar .widget_contact li:first-child{background:none;}
#sidebar .widget_contact a{
cursor:pointer;
float:left;
color:#5d5a5a;
}
#sidebar .widget_contact .ico{
float:left;
width:29px;
padding:0 12px 0 0;
}
#sidebar .widget_contact .txt{overflow:hidden;}
/* footer */
#footer{
background:url(images/bg-footer.png) no-repeat;
width:831px;
padding:15px 0 0;
height:35px;
overflow:hidden;
}
#footer p{
text-align:center;
color:#f9f9f9;
font-size:12px;
line-height:15px;
}
#footer p a{color:#f9f9f9;}
/* Respond */
#respond{
margin:0 0 20px 0;
overflow:hidden;
}
.commentlist #respond{
margin:0 0 20px 0;
}
#respond h3{
margin: 0 0 5px 0;
}
.cancel-comment-reply{
padding: 5px 0 0 0;
}
.cancel-comment-reply a{
text-decoration:underline;
}
.cancel-comment-reply a:hover{
text-decoration:none;
}
#commentform p{
width:100%;
overflow:hidden;
padding: 0;
margin: 0;
}
#commentform p a, #commentform p a{
text-decoration:underline;
}
#commentform p a:hover{
text-decoration:none;
}
#commentform p input{
float:left;
}
#commentform p label{
float:left;
padding:10px 0 0 5px;
}
#commentform input[type=text]{
width: 170px;
margin: 5px 5px 1px 0;
}
#commentform{
margin: 5px 0 0 0;
}
#commentform textarea{
width: 97%;
overflow:auto;
margin:5px 0 0 0;
}
#commentform #submit{
margin:5px 0 0 0;
cursor:pointer;
}
/* Comments*/
#comments{
margin: 0 0 5px 0;
}
.commentlist{
padding: 0;
text-align: justify;
line-height:1.6em;
}
.commentlist li{
margin: 15px 0 10px;
padding: 15px;
list-style: none;
border:1px solid #ececec;
background:#f6f6f5;
}
.commentlist .alt{
margin: 10px 0 0 0;
background:#fff;
}
.commentlist li ul li{
margin-right: 15px;
margin-left: 10px;
}
.commentlist .entry p{
margin: 10px 5px 10px 0;
}
.commentlist .children{ padding: 0; }
.nocomments{
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata{
margin: 0;
display: block;
}
.commentlist .reply{
text-align:right;
}
.commentlist .reply a{
background:#b3b3b3;
color:#fff;
padding:2px 6px 2px 6px;
}
.commentlist .reply a:hover{
text-decoration:none;
background:#c6c4c4;
}
.comment-author{
margin:0 0 10px 0;
}
.comment-author img{
border:2px solid #b8b8b5;
}
.commentlist .fn{
position:relative;
top:-10px;
left: 10px;
text-transform:capitalize;
}
.commentlist .says{
position:relative;
top:-10px;
left: 10px;
}
.commentlist li .entry li{
padding: 0;
margin: 0;
background: none;
border: 0;
}
.commentlist li .entry ul{
padding: 0;
margin: 0 0 15px 30px;
background: none;
border: 0;
}
.commentlist li .entry ul ul{
margin: 0 0 5px 30px;
}
.commentlist li .entry ol ul{
margin: 0 0 5px 30px;
}
.commentlist li .entry ol{
padding: 0;
margin: 0 0 15px 35px;
background: none;
border: 0;
}
.commentlist li .entry ol ol{
margin: 0 0 5px 35px;
}
.commentlist li .entry ul ol{
margin: 0 0 5px 35px;
}
/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;padding:3px 0;}
#wp-calendar td{background:transparent;}
/* Begin Images */
p img{
padding: 0;
max-width: 100%;
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright, img.alignright, a img.alignright {
float:right;
margin:10px 0px 10px 16px;
}
.alignleft, img.alignleft, a img.alignleft {
float:left;
margin:10px 16px 10px 0;
}
.aligncenter, img.aligncenter, a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
/* Various Tags & Classes */
.entry acronym, .entry abbr, .entry span.caps{
cursor: help;
}
.entry acronym, .entry abbr{
border-bottom: 1px dashed #dfcfba;
}
.entry blockquote{
margin: 15px 0 20px 0;
padding:0 15px 0 40px;
background: url(images/bgr_blockquote.png) no-repeat;
}
.entry blockquote cite{
margin: 5px 0 0;
display: block;
}
.center{
text-align: center;
}
.hidden{
display: none;
}
.nopost, .nocomments{
text-align:center;
padding: 20px 0 20px 0;
}
.entry pre, .entry code{
font-family:mono-space,monospace;
border: 1px solid #eee;
padding: 20px;
display: block;
margin: 0 0 20px 0;
overflow: auto;
white-space: pre;
font-size: 12px;
line-height:20px;
}
.entry code{
padding:1px 20px 0 20px;
background:#f6f6f6 url(images/bgr_code.gif) repeat scroll 0 0;
border-top: 0;
border-bottom: 0;
}
sup{
position: relative;
top: -5px;
}
sub{
position: relative;
top: 5px;
}
code br{
display: none;
}
.last{
margin-right:0 !important;
clear:right;
}
.clear{
clear: both;
line-height: 0;
}
.al{
float: left;
}
.ar{
float: right;
}
/* pagination */
.pagination{
width:100%;
overflow:hidden;
padding: 0 0 40px 0;
}
.single .pagination{
padding: 10px 0 40px;
}
.pagination a{
}
.datetime {
padding: 0 0 15px 0;
}
.entry br,.entry p {
margin: 0;
}
.entry.home {
height: 135px;
border-bottom: solid 1px #C5C5C5;
margin: 20px 0;
}
.info-area:last-child .entry.home {
border-bottom: none;
}
p.cptch_block label{
padding:0px 0 5px 0;
clear: both;
display: block;
width: 100%;
color: #FF3000;
font-weight: bold;
}
.intro-wrapper {
overflow:hidden;
margin-bottom:20px;
}
.intro-left {
float:left;
width:42%;
}
.img-responsive {
max-width:100%;
}
.intro-right {
float:left;
width:50%;
padding: 0 20px;
}
.intro-title {
display:block;
margin-bottom:20px;
font-size: 20px;
}
.intro-description {
margin-bottom:20px;
font-size: 15px;
}