/*  
Theme Name: Cloud Magazine
Theme URI: http://www.kadom.net
Description: A premium Magazine theme for Wordpress.
Version: 1.0
Author: Thomas BEAL
Author URI: http://www.thomasbeal.com
Tags: magazine,blog,news



0 - GLOBAL ELEMENTS
/* ---------------------------------------------- */

html{font-size:100%;}
body{width:auto;text-align:center;font:14px verdana, Arial, sans-serif;margin:0;padding:0;}

/* Images  */
img{}

blockquote{width:94%;font:italic 14px verdana, serif;line-height:125%;margin:0 auto 15px;padding:5px 10px;}
ul,li{list-style-type:none;margin:0;padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:0;padding:0;}

/* Headings  */
h1,h2,h3,h4,h5{margin:0;padding:0;}
h1{font:24px verdana, Arial, sans-serif;letter-spacing:-1px;margin:0 0 0 10px;padding:0;}

/* 1 - STRUCTURE
/* ---------------------------------------------- */

#bg{text-align:left;}
#page{position:relative;text-align:left;}

/* 2 - HEADER
/* ---------------------------------------------- */

ul#menu{position:absolute;top:0;right:0;display:block;z-index:2;}
ul#menu li{float:left;height:42px;}
ul#menu li a{font:18px verdana, Arial, sans-serif;letter-spacing:-1px;display:block;height:30px;width:auto;z-index:3;margin:0 1px;padding:8px 15px 0;}
#header{position:relative;height:53px;z-index:1;width:960px;margin:0 auto;}
#logo{position:relative;float:left;height:43px;width:306px;margin:0;}
#logo a{outline:none;}

/* 3 - CONTENT
/* ---------------------------------------------- */

.first{}
.second{}
.third{clear:both;margin-top:-10px;}
.archive,.single{}
.content{display:block;overflow:hidden;width:960px;margin:0 auto;}
.half{width:460px;float:left;overflow:hidden;display:block;padding:0 10px;}
.one-tier{width:300px;float:left;overflow:hidden;display:block;padding:0 10px;}
.two-tier{width:620px;float:left;overflow:hidden;display:block;padding:0 10px;}
.blog-post{z-index:1;padding:20px 0 0;}
.gallery{height:279px;overflow:hidden;}
.fullwidth{min-height:540px;}

/* 3.1 - Jcaroussel
/* ---------------------------------------------- */

div.last-post-thumb{margin-top:5px;width:468px;overflow:hidden;height:268px;display:block;}

div.jcarousel{margin:14px 0 0 14px;}
div.jcarousel li{width:440px;overflow:hidden;display:block;}
div.jcarousel-info{margin-top:8px;}
div.jcarousel-info ul{height:261px;width:460px;overflow:hidden;}
div.jcarousel-info li{height:50px;width:458px;overflow:hidden;float:left;}
.feat-thumb{float:left;width:50px;height:50px;display:block;}
.feat-thumb img{margin:4px;}
div.jcarousel-info .feat-info{float:left;width:403px;margin-left:5px;}
div.jcarousel-info .feat-info h3{font:bold 14px verdana, Arial, sans-serif;letter-spacing:-0.8px;margin-top:3px;}
div.jcarousel-info .active{}

/* 3.2 - Category Menu
/* ---------------------------------------------- */

.cat-menu{display:block;width:960px;position:relative;height:33px;margin:0 auto;}
.second .cat-menu{padding-top:10px;}
.cat-h1,.single-h1{display:block;width:960px;position:relative;height:40px;margin:0 auto;}
.cat-h1 h1,.single-h1 h1{margin-top:0;width:900px;float:left;display:block;overflow:hidden;}
.second ul.cat,.archive ul.cat,.single ul.cat{clear:both;z-index:200;display:block;float:left;height:23px;margin:0;}
ul.cat li a{min-height:25px;overflow:hidden;font:bold 14px verdana, Arial, sans-serif;letter-spacing:-0.6px;display:block;width:auto;z-index:3;margin:0 1px;padding:7px 10px 0;}
ul.cat li a:hover{z-index:100;text-decoration:none;}
ul.cat .children{position:absolute;width:150px;display:none;}
ul.cat .children ul{position:absolute;margin:-33px 0 0 148px;}
ul.cat .children li{width:100%;}
ul.cat .children li a{min-height:25px;display:block;overflow:hidden;}
ul.cat .children li a:hover{}


/* 3.3 - Index Post
/* ---------------------------------------------- */

.cat-post{display:block;overflow:hidden;margin:0 0 0 3px;padding:10px 0;}
.cat-thumb img{padding:4px;}
.post-list{display:block;overflow:hidden;}
.onecolumn{width:auto;}
.onecolumn .cat-thumb{float:left;width:110px;}
.onecolumn .cat-info{float:left;width:487px;margin:0 10px;}
.onecolumn p.postmetadata{font:11px verdana, Arial, sans-serif;letter-spacing:-0.7px;margin:20px 0 0;padding:3px;}
.twocolumns{width:300px;float:left;margin:5px;}
.twocolumns .cat-thumb{text-align:center;width:300px;}
.twocolumns .cat-info{float:left;width:286px;margin:0 7px;}
.twocolumns p.postmetadata{width:280px;font:11px verdana, Arial, sans-serif;letter-spacing:-0.7px;margin:10px 0 0;padding:3px;}
.cat-post .entry p{font:14px verdana, Arial, sans-serif;letter-spacing:-0.4px;}
.cat-post small,.cat-min-info small{font:11px verdana, Arial, sans-serif;letter-spacing:-0.7px;}


/* 3.4 - Single
/* ---------------------------------------------- */

.single .image-title{height:37px;display:block;overflow:hidden;float:left;margin:-3px 0 0 10px;}
.single .image-title img{}
.single .single-title h1{margin-top:-8px;width:900px;float:left;display:block;overflow:hidden;}
.single .single-title small{margin-left:15px;}
.single .image-post{float:right;overflow:hidden;display:block;}
.single .image-post img{margin:0 0 5px 5px;padding:4px;}
.single .entry{overflow:hidden;padding:10px;}
.single .entry p{font:14px verdana, Arial, sans-serif;letter-spacing:-0.3px;margin:5px 0 15px;}
.single .entry ul,.single .entry ol{padding:0 0 0 30px;}
.single .entry ul li{list-style-type:disc;}
.single .entry ol li{list-style-type:decimal;}
.single .post-footer{display:block;overflow:hidden;margin:10px 0;}
.single .related-post{float:left;width:100%;padding:5px 0;}
.related-post ul li{float:left;width:300px;margin:5px;padding:0 0 5px;}
.related-post .feat-info{float:left;width:240px;margin-left:5px;}
.author-info{margin-bottom:10px;overflow:hidden;}
.author-info p.postmetadata-single{margin:5px 0;}
.author-info p.postmetadata-single img{float:left;margin:4px 4px 4px 0;}
.author-info p.postmetadata-single small{float:left;width:560px;margin:4px 4px 4px 0;}


/* 3.4.3 - COMMENT
/* ---------------------------------------------- */

.single-comment{margin-bottom:10px;}
#commentform{font:14px verdana,"trebuchet MS", sans-serif;overflow:hidden;padding:5px;}
#commentform textarea{font:14px verdana,"trebuchet MS", sans-serif;width:90%;height:150px;margin:2px;padding:0;}
#commentform input.text{font:14px verdana,"trebuchet MS", sans-serif;width:300px;margin:2px;}
#commentform input.submit{font:16px verdana,"trebuchet MS", sans-serif;overflow:hidden;-webkit--moz-margin:5px 2px;padding:3px;}
#commentform label{width:50%;padding:0 0 0 5px;}
.commentlist,.pinglist{overflow:hidden;list-style-type:none;margin:10px 0;padding:0;}
.comment{overflow:hidden;padding:5px 0;}
.comment cite{font-style:normal;}
.comment img{}
.comment p{font:14px verdana,"trebuchet MS", sans-serif;margin:0 0 10px;padding:0;}
.commentlist .children{display:block;overflow:hidden;margin-left:40px;padding:5px 0 0 10px;}
.commentlist .children li{padding:5px;}
.comment-avatar{float:left;width:50px;margin:0 5px 0 0;}
.comment-info{float:left;width:558px;}

.children .comment-info{width:503px;}
.children .children .comment-info{width:440px;}
.comment-author{font:bold 16px verdana,"trebuchet MS", sans-serif;}
.comment-meta{text-align:left;font:11px verdana,"trebuchet MS", sans-serif;}
.pinglist .comment-meta{clear:both;text-align:left;font:11px verdana,"trebuchet MS", sans-serif;}
.pinglist p{font:14px verdana,"trebuchet MS", sans-serif;margin:3px 0 10px;}
ol.commentlist li,ol.pinglist li{list-style-type:none;margin:5px 0;}


/* 3.5 SIDEBAR
/* 3.5 - CONTENT / SIDEBAR sidebar.php
/* ---------------------------------------------- */

ul.sidebar{display:block;overflow:hidden;margin:-10px 0 0;padding:0;}
ul.sidebar p{}
.s_widget{overflow:hidden;float:left;width:280px;padding:10px;}
.s_widget h2{font:20px verdana, Arial, sans-serif !important;letter-spacing:-1px;margin:-5px 0 8px;padding:0;}
.s_widget ul li{display:block;overflow:hidden;font:bold 14px verdana, Arial, sans-serif;letter-spacing:-0.6px;margin:0 5px;padding:2px;}
.s_widget .feat-thumb{float:left;width:42px;display:block;}
.s_widget .feat-thumb img{margin:4px 4px 4px 0;}
.s_widget .feat-info{float:left;width:210px;margin-left:5px;}
.s_widget .about-img{float:left;margin:0 5px 2px 0;}

/* 3.5.1 - CONTENT / SIDEBAR Search
/* ---------------------------------------------- */
.search{margin:10px 0 0;}
.s-input{font:bold 16px verdana,"trebuchet MS", sans-serif;letter-spacing:-0.05em;width:273px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:4px 0 4px 5px;}
p.exemple{font:11px verdana,"trebuchet MS", sans-serif;letter-spacing:-0.3px;margin:3px 0 0 10px;}
/* ---- RSS & TWITTER ----- */
div.rss{margin:0 0 10px;}
div.rss-text{font:11px Verdana, sans-serif;letter-spacing:-0.3px;}
div.twitter-text{font:11px Verdana, sans-serif;letter-spacing:-0.3px;}
/* ---- Tabs ----- */
ul.tabs{display:block;overflow:hidden;margin:-5px 0 8px;}
ul.tabs li{font:20px verdana, Arial, sans-serif !important;letter-spacing:-1px;float:left;margin:0 4px 0 0;padding:0;}
ul.tabs li a{padding:0 6px;}
ul.tabs li a.active{padding:0 6px;}
/* ---- Adblock ----- */
.adblock{width:100%;text-align:center;display:block;overflow:hidden;}
.adblock a{margin:5px;}


/* 3.5 - Navigation
/* ---------------------------------------------- */
#navigation{overflow:hidden;display:block;float:left;margin:15px 0;}
.wp-pagenavi a,.wp-pagenavi a:link{text-decoration:none;font:18px verdana, Arial, sans-serif;letter-spacing:-0.5px;margin:2px;padding:2px 6px;}
.wp-pagenavi a:visited{text-decoration:none;margin:2px;padding:2px 6px;}
.wp-pagenavi a:hover{text-decoration:underline;}
.wp-pagenavi a:active{text-decoration:none;margin:2px;padding:2px 6px;}


/* 4 - FOOTER
/* ---------------------------------------------- */
#footer{width:100%;clear:both;min-height:70px;margin:0;padding:0;}
.footer-inner{font:14px verdana, sans-serif;width:960px;height:70px;margin:0 auto;padding:30px 0 0;}
.footer-icon img{margin-top:0;}
#footer-menu,.footer-inner .left{display:block;float:left;}
#footer-menu li{float:left;margin:0 20px 0 0;}
ul#menu li a:hover,ul#menu li.current_page_item a{text-decoration:none;}
div.jcarousel-info .featured-post p,.related-post .featured-post p,.s_widget .featured-post p{font:10px verdana, Arial, sans-serif;letter-spacing:-0.3px;}
ul.cat li,.single .entry .tags{float:left;}
.onecolumn .cat-info h2,.cat-min-info h2,.twocolumns .cat-info h2,.cat-min-info h2{font:bold 18px verdana, Arial, sans-serif;letter-spacing:-0.7px;margin-top:0;}
.onecolumn .cat-min-info,.twocolumns .cat-min-info{float:left;width:560px;margin-top:4px;}
.single .entry .categories,.footer-icon{float:right;}
.single .post-footer small,.comment em{}
div.rss-info,div.twitter-info{width:300px;float:left;padding:0;}
div.rss-number,div.twitter-number{font:bold 16px Verdana, sans-serif;letter-spacing:-0.8px;margin:4px 0 0;}
div.rss-button,div.twitter-button{width:40px;float:left;margin:0 5px 0 0;}
.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend{font:18px verdana, Arial, sans-serif;letter-spacing:-0.5px;margin:2px;padding:2px 6px;}
