/*  
Theme Name: Kadom
Theme URI: http://www.kadom.net
Description: A premium theme for Wordpress.
Version: 1.0
Author: Thomas BEAL
Author URI: http://www.kadom.net/
Tags: 
*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
html { font-size: 100%;}
body {margin:0; padding:0; width:auto;  background:#B7B6A2; text-align:center;font: 14px Helvetica, Arial, sans-serif;}

img {border:0;}
blockquote {margin:0 auto 15px auto; padding:10px 10px 0 10px;	background:#fcfcf4 url(images/quote.gif) no-repeat bottom right; border:1px solid #e7e8d8; font:italic 1.2em Georgia, "Times New Roman", Times, serif; line-height:125%;color:#333333;}
* {
zoom: 1.0;
} 


/* Images */
img { border:0px; }
img.centered {	display: block;	margin-left: auto; margin-right: auto;	}
img.alignright {margin: 4px 4px 6px 11px;display: inline;}
img.alignleft {margin: 4px 11px 6px 4px;display: inline;}
.alignright, .right{float: right;}
.alignleft, .left{float: left;	}




ul , li { margin:0; padding:0; list-style-type:none;}

a      { color:#302013; text-decoration: none;}
a:hover{ color:#302013; text-decoration: underline;}

p{color:#38302B; padding:0 15px 10px 15px; margin:0;}


/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

/* Headings */

h1, h2, h3, h4{ padding:0; margin:0; color:#0F0B09; }

h1{ font: 26px Helvetica, Arial, sans-serif;letter-spacing: -1px;margin:0 0 10px 5px;}
h2{ font: 24px Helvetica, Arial, sans-serif;letter-spacing: -1px;margin:0px 0 5px 5px;}
h3{ font: 20px Helvetica, Arial, sans-serif;margin:0 0 3px 0px;}
h4{ font: 18px Helvetica, Arial, sans-serif;}
h5{ font: 14px Helvetica, Arial, sans-serif;}
h6{ font: 12px Helvetica, Arial, sans-serif;}





/* 03 - STRUCTURE
/* ----------------------------------------------*/

#bg {text-align:left;background:url("images/bg.jpg") no-repeat center top;}
#page{ position:relative;width:960px; margin:0 auto 0 auto; text-align:left;}


ul#menu {position:absolute;top:45px;right:0;display:block;z-index:2;}
ul#menu li{float:left;height:30px;}
ul#menu li a{font:18px Helvetica, Arial, sans-serif; color:#302013;display:block;border:1px #FFF solid;padding:4px 15px 0 15px;margin:0px 5px 0 1px;height:27px;width:auto;background:url("/wp-content/themes/kadom/images/menu-bg.png") repeat-x;z-index:3;-webkit-border-radius:15px; -moz-border-radius:15px;}
ul#menu li a:hover{background:#FFF;color:#302013;text-decoration:none;border:1px #888 solid;}


#header {position:relative;height:128px; margin:0; z-index:1;}
#logo{position:relative;float:left;height:71px;width:266px;top:20px;margin:0 0 0 -3px;}
#logo a{outline:none;}





#bg-content{position:relative;	clear:both; background:#38302B url("images/top-body.png") repeat-x; width:960px;border:1px #6d5e54 solid;padding: 0 0px 0px 0;-webkit-border-radius:5px; -moz-border-radius:5px;}
#content{position:relative; margin:10px;padding:0px 0 10px 0; background:#fff url("images/content-bg.png") repeat-x; width:940px;  min-height:200px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.section{position:relative;background:#fff url("images/content-bg.png") repeat-x;margin:0 0 15px 0;padding:10px;}







/* 03 - POST & THEME
/* ----------------------------------------------*/

.spacer{width:940px;height:0px;clear:both;border-bottom:1px  #F3F3EF solid;border-top:1px #939285 solid;margin:0 0 0 0px;}


/* POST & page */


/* ---- INDEX ----*/
/* ---- BLOG PRESENTATION  -----*/
.post-list{display:block;width:640px;float:left;}

.item{width:640px;border-bottom:1px #B7B6A2 dotted;margin:0px;padding:10px 0px 10px 0px;}
.item .post-description{float:left;width:510px;margin:0px 0px 0 5px;}
.item .post-description h2{margin:0px 0 0px 5px;}
.item .post-description p{margin:0px 0 0px 5px;padding:3px;}
.item .post-description{font: 16px Helvetica, Arial, sans-serif;}
.item .post-description p.postmetadata{position:relative;background:#EAEAE3; font: 12px Helvetica, Arial, sans-serif; border:1px #F3F2E0 solid;margin:0px 0 0px 5px;padding:3px;}


.item .screenshot{position:relative;margin:0px;float:left;background:#B7B6A2;padding:5px;border:1px #F3F2E0 solid;}
.item .screenshot img{border:1px #F3F2E0 solid;}



#sidebar{float:left;position:relative;width:268px;border:1px #FEFDE7 solid; background:#ECEBD4 url("images/sidebar-bg.jpg") repeat-x top;min-height:350px;margin:0 0 0 10px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#sidebar .s_widget{margin:10px;padding:0 0 10px 0;border-bottom:1px #939285 dotted;}
#sidebar .s_widget .textwidget{margin:0 0 0 10px;}

/* ---- THEMES PRESENTATION  -----*/
.theme-list{position:relative;margin:0 0 0 0px;display:block;z-index:5;}
.theme{float:left;background: url("images/theme-bg.png") no-repeat;height:386px;width:460px;}
.theme img{margin:11px 0 0 11px;}
.theme {}
.theme-info{margin:10px 0 0 10px;color:#302013;}
.theme-info{padding:0px 5px 0 5px;}
.theme-info h3{color:#302013;}
.content p{color:#302013; font: 14px Helvetica, Arial, sans-serif;padding:2px 0px 0 0;}
#content .content a{text-decoration:underline;color:#302013;}
#content .content a:hover{text-decoration:none;color:#302013;}
.button{position:relative;margin:-60px 10px 0 0;display:block;float:right;}
.button li {float:left;margin:2px;padding:0 5px 0 5px;border:1px solid #5C4F44;background:#B7B6A2;-webkit-border-radius:5px; -moz-border-radius:5px;}
#content .button li a,#content .theme-info h3 a{color:#302013;}


/* ---- SINGLE ----*/
.post{position:relative;margin:10px 0px 10px 0px;display:block;border-bottom:1px #B7B6A2 dotted;padding:0px;color:#38302B;}

.post p {color:#38302B;}
.post ul,.post ol{padding:0 15px 10px 15px;margin:0px;}
.post ul li {list-style-type:circle;margin:5px 0 5px 30px;}
.post ol li {list-style-type:decimal;margin:5px 0 5px 30px;}
.post .button{position:relative;margin:0px 10px 0 0;display:block;float:none;width:940px;}
.post .button li {float:left;margin:2px;list-style-type:none;padding:0 5px 0 5px;border:1px solid #5C4F44;background:transparent;-webkit-border-radius:5px; -moz-border-radius:5px;}
#content  .post .button li a,#content .theme-info h3 a{color:#302013;}




/* ---- Post description ----*/
.post .post-description{margin:0 10px 0 10px;}
.post .post-description p{position:relative;float:left;margin:0px;}
.post .post-description .cart{position:relative;clear:none;z-index:5;background:url("images/Shoppingcart_32x32.png") no-repeat 2px 4px;padding:8px 0 0 23px; margin:20px 0 10px 126px; height:30px;width:100px;border:1px #5C4F44 solid;-webkit-border-radius:5px; -moz-border-radius:5px;}
#content .post .post-description .cart a { font:bold 16px Helvetica, Arial, sans-serif;color:#302013;text-align: left;text-decoration: none;display: block;padding: 0 12px;}
#content .post .post-description .cart a:hover{text-decoration:underline;}

/* ---- Screenshot ----*/
.screenshot{position:relative;margin:0 10px 0 10px;float:left;background:#B7B6A2;padding:5px;border:1px #F3F2E0 solid;}
.screenshot img{border:1px #F3F2E0 solid;}



/* ----------------------------------------------*/

#buy-body{ position:relative;width:780px; margin:0 auto 0 auto; text-align:left;}
.licence{margin:10px; text-align:left;width:780px;}
.licence h1{color:#302013;margin:0 0 0px 10px;font: 24px font: 14px Helvetica, Arial, sans-serif;letter-spacing: -1px;}
.licence h2{font: 20px Helvetica, Arial, sans-serif;}
.option {position:relative;text-align:left;background:#FFF;width:780px; border:1px #302013 solid;-webkit-border-radius:5px; -moz-border-radius:5px;}
.option {padding:5px 5px 5px 5px;margin:5px 5px 5px 5px;}
.option h2, .option p{color:#302013;float:left;width:580px;}
.option img{float:left;width:128px;height:128px;margin:0 5px 0 0;}
.option ul li{list-style-type:circle;margin:0 0 0 20px;float:left;width:520px;}
.cart{position:relative;clear:both;z-index:5;background:url("images/Shoppingcart_32x32.png") no-repeat 2px 4px;padding:11px 0 0 23px; margin:10px auto 0 auto; height:32px;width:100px;border:1px #B7B6A2 solid;-webkit-border-radius:5px; -moz-border-radius:5px;}
.cart a { font:bold 16px Helvetica, Arial, sans-serif;color:#302013;text-align: left;text-decoration: none;display: block;padding: 0 12px;}
.cart a:hover{text-decoration:underline;}	




/* 04 - SLIDER
/* ----------------------------------------------*/
#gallery_slider{position:relative;float:left;}
#slider {  width: 940px;  margin: 0;  position: relative;}

.scroll {  height: 160px;  overflow: hidden;  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {  padding:  10px 0px 0px 0px;  height: 160px;  width: 940px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollContainer h2{ font: 24px Helvetica, Arial, sans-serif;letter-spacing: -1px;margin:0px 0 5px 15px;}
.scrollContainer p{ margin:0px 0 0px 5px;}
.navigation{display:block;padding:0px 0 0 0;}
.navigation li{float:left;}
#content .navigation a { font: 16px  Helvetica, Arial, sans-serif;color:#302013;text-align: left;text-decoration: none;display: block;padding: 5px 12px 10px 12px;}
#content .navigation a:hover{text-decoration:underline;}



/* 05 - FOOTER
/* ----------------------------------------------*/
#footer {  margin:0; padding: 10px 0px 0px 10px; clear:both;  height:50px;}
#menu-footer{display:block;}
#menu-footer li{float:left;margin:0 10px 0 0px;}

#footer a{color:#54646B;}
#footer a:hover{color:#283033;}