/*  ---------------------- global ---------------- */
*{margin:0; padding:0;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clear {
	clear:both;
	padding:0;
	margin:0;
}
/* ------------------------- structure ------------------ */
body {
	background:#2e251c url(images/bg.gif);
	color: #f8f6f6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}
img {
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------- header -------------------- */

#topbar{
	background:url(images/topbar.png) repeat-x;
	height:32px;
}
#topcontent{
	width:960px;
	margin:0 auto;
}
#menuitem {
	margin-left:20px;
	width:640px;
	float:left;
}
#menuitem ul {
	list-style: none;
}
#menuitem li {
	float:left;
	list-style:none;
	border-right:1px solid #ebc383;
	display:block;
	height:30px;
}
#menuitem a, #menuitem a:visited, #menuitem a:active {
	margin: 0px;
	padding:7px 12px;
	text-decoration:none;
	color:#a67742;
	display:block;
}
#menuitem a:hover {
	text-decoration:none;
	display:block;
	color:#402e1a;
}
#menuitem li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#menuitem li:hover {
	border-right:1px solid #ccaa72;
}	
#search{
	float:right;
	margin-top:4px;
}
.form-input {
	margin: 0 6px 0 0;
	width: 170px;
	padding: 3px 3px;
	background: #ffe9cc;
	border: 1px solid #ebb154;
	color: #2a221a;
	font-size: 0.95em;
}
.form-input:hover {
	border: 1px solid #2a221a;	
}
.form-input:focus {
	background:#fff;
	border: 1px solid #2a221a;	
}
.search-submit {
	padding:2px;
	width: 65px;	
	background: #ffe9cc;
	border: 1px solid #73532e;
	color: #594024;
	font-size:.95em;
	cursor:pointer;
}
#head{
	margin:0 auto;
	width:960px;
}
#logo{
	float:left;
	background:url(images/logo.png) no-repeat;
	width:354px;
	height:159px;
	text-indent:-9000px;	
}
.posts-feed {
	float:right;
	width:71px;
	height:57px;
	background: url(images/rss.png) no-repeat;
	display:block;
	margin-top:-1px;
	margin-right:100px;
	text-indent:-9000px;
}
.posts-feed:hover{
	background:url(images/rss.png) bottom;
}
/* -------------------- main --------------------- */
#container{
	margin:40px auto 0 auto;
	width:960px;
}
#main{
	font-size:11px;
	float:left;
	width:640px;
	margin-left:20px;
}
.top{
	width:300px;
	padding-top:7px;
}
.singletop{
	width:300px;
	padding-top:2px;
}
.top h2, .singletop h2{
	font-size:11px;
	padding-left:13px;
	float:left;
}
.top a, .singletop a, .navmeta a{
	color:#f3f0f0;
	text-decoration:none;
}
.top a:hover .singletop a:hover , .navmeta a:hover{
	color:#8d96e9;
	text-decoration:none;
}
.comm{
	padding-right:10px;
	float:right;
}
.post{
	float:left;
	background: url(images/thumbbck.png) no-repeat;
	width:310px;
	height:195px;
	margin:0 10px 10px 0;
}
.feat{
	background: url(images/feat.png) no-repeat;
	width: 97px;
	height: 97px;
	position:absolute;
	z-index: 20;
	margin-left:209px;
	margin-top:-66px;	
}
.singlepost{
	float:left;
	width:600px;
	padding-bottom:20px;
	border-bottom:1px solid #51422F;
	margin-bottom:50px;
	line-height:20px;
}
.singlepost p{
	margin:12px 0;
	color:#FFD48E; 
}
.singlepost ul, .singlepost ol{
	padding:3px 0 3px 25px;
}
.entry {
	font-size:13px;
	line-height:20px;
	clear:both;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	margin: 5px 0;
	padding:0;
}
.entry h1{
	font-size: 18px;
}
.entry h2{
 	font-size: 16px;
}
.entry h3, .entry h4, .entry h5, .entry h6 {
	font-size: 14px;
}
#pagetitle{
	color:#ffd48e;
 	font-size: 18px;
}
.post_title{
	float:left;
	width:260px;
}
.post_title h1{
	font-size:22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.post_title h1 a, .entry a{
	color: #FFD48E;
	text-decoration:none;
}
.post_title h1 a:hover, .entry a:hover{
	color: #fff;
	text-decoration:underline;
}
.singlepostdata a{
	color: #FFD48E;
	text-decoration:underline;
}
.singlepostdata a:hover{
	color: #fff;
	text-decoration:underline;
}
#holder{
	float:left;
	background: url(images/thumbbck.png) no-repeat;
	width:310px;
	height:195px;
	margin:0 10px 10px 0;
}	
.thumb img{margin:5px 0 6px 10px; border:1px solid #6c533c;}
.ratings{margin-left:10px; margin-top:-3px;}
.navmeta {
	clear:both;
	margin-top:25px;
	padding:15px 0;
	border-top: 1px solid #51422f;
	text-align:right;
}
.navmeta .current{
	color:#FFFFFF;
}
.extra {
	list-style-type:none;
	color:#9b8059;
	clear:both;
	margin-top:25px;
	margin-left:20px;
	padding:15px 0;
	border-top: 1px solid #403424;
	text-align:left;
	line-height:24px;
}
.extra h2 {
	color:#ffd48e;
	padding-bottom:5px;
}
.extra a {
	text-decoration:none;
}
.extra a:hover {
	text-decoration:underline;
}

.about {
	float:left;
	width:45%;
	display:inline;
	padding:10px;
	margin-left:20px;
}
.links {
	float:left;
	margin-left:40px;
	width:15%;
	display:inline;
	padding:10px;
}


.highest_rated {
	float:left;
	margin-left:30px;
	width:22%;
	display:inline;
	padding:10px;
}

/* ---------------------------------- sidebar ------------------------ */
#sidebar{
	float:right;
	width:270px;
}
#twitterbox{
	width:247px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 5px;
	text-align: center;
}
#adcontainer1{
	width:247px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 5px;
}
#adcontainer{
	width:247px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 5px;
}


#adcontainer_2{
	background:#2e241d;
	border:1px solid #403424;
	width:247px;
}
#adcontainer_3{
	width:247px;
	height: 145px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10;
	
}
#adcontainer_3 img ,a.adhere{
	margin: 1px;
	float: left;	
}
a.adhere{
	color:#EFAB5C;
	font-weight:bold;
	font-size:12px;
	border:1px solid #EFAB5C;
	background:#2E241D;
	text-align:center;	
}
/*
#adcontainer a:hover img.adsimg{
	border: 1px solid #ffce84;
}

#adcontainer a img.adsimg{
	border: 1px solid #2e241d;
}
*/
.adsimg{
	margin:6px;
	border: 1px solid #2e241d;
}

#sidebar_tab{
	width:268px;
	margin:25px 0 10px 0;
}
#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:268px;
}
ul.tabs {
	padding:0px;
	margin-top:5px;
	margin-bottom:8px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background:#2e241d url(images/tab_active.png) repeat-x top;
	color:#ffce84;
	padding:8px 17px 8px 17px;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #403424;
	border-bottom:0px;
}
ul.tabs li a:hover {
	background:#1a1510;
}
.content {
	width:237px;
	background:#2e241d;
	border:1px solid #403424;
	padding:5px;	
}
.categories {
	margin:0;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	line-height:1.2;
}
.categories ul {
	border:medium none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0 15px 15px;
}
.categories ul li{
	background:transparent url(images/list.gif) no-repeat scroll left 40%;
	margin:0;
	padding:5px 0 5px 25px;
}
.categories ul li a{
	color:#9b805a;
	text-decoration:none;
}
.categories ul li a:hover{
	color:#ffd38c;
	text-decoration:none;
}
.archives {
	margin:0;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	line-height:1.2;
}
.archives ul {
	border:medium none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0 15px 15px;
}
.archives ul li{
	background:transparent url(images/list.gif) no-repeat scroll left 40%;
	margin:0;
	padding:5px 0 5px 25px;
}
.archives ul li a{
	color:#9b805a;
	text-decoration:none;
}
.archives ul li a:hover{
	color:#ffd38c;
	text-decoration:none;
}
.content .cloud{
	padding:8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:1.5;
}

.content .cloud a{
	text-decoration:none;
	color:#9b805a;}
	
.content .cloud a:hover{
	color:#ffd38c;}	
#comments-tab li {		
	padding-left:10px;
}
.ui-tabs-hide {
	display: none;
}
.widget {
	width:267px;
	margin:12px 0;
	background-color:#12131a;
	border:1px solid #20212b;
}
.widget h2 {
	font-size:13px; 
	padding:0 15px 10px 15px;
	margin:10px 15px 0 15px;
	border-bottom:1px solid #20212b;
}
.widget ul {
	margin:0 0 15px 15px;
	padding:5px 0;
	border:none ;
	list-style:none;
}
.widget ul li {
	background:url(images/liall.gif) no-repeat left 40%;
	padding:5px 0 10px 20px;
	margin:0px;
}
.widget ul li a{
	color: #f3f0f0;
	text-decoration:none;
}
.widget ul li a:hover{
	color: #8d96e9;
	text-decoration:none;
	border-bottom: 1px solid #8d96e9;
}
#wp-calendar {
	width: 150px;
	margin: 0 auto;
}
#wp-calendar a {
	text-decoration: none;
	padding: 1px 2px;
	background-color: #20212b;
	color: #fff;
}
.textwidget{
	padding:0 10px 5px 10px;
	text-align:left;
}	
/* ------------------------------ footer -------------------------- */
#footer{
	clear:both;
	background:#58290b url(images/foot.gif) repeat-x;
	height:42px;
}
#footer p{
	font-size:11px;
	color:#a67742;
	padding-top:15px;
	text-align:center;
}
#footer a{
	color: #d99c57;
	text-decoration:none;
}
#footer a:hover{
	color: #ffce84;
	text-decoration:none;
	border-bottom: 1px solid #ffce84;
}

/* -------------------------- COMMENTS ------------------------*/
a {
	color:#FFD48E;
}
a:hover {
	color:#FFF;
}
#com{
	width:592px;
	padding: 30px 0 5px 8px;
	clear: both;
}
.commentlist {
	padding: 0;
	text-align: justify;
	margin-top:30px;
}	
.commentlist p {
	margin: 5px 15px 10px 2px;
	clear:both;
	line-height:20px;
	color:#9e815c;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
#comhead{
	color:#FFD48E;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
}
#comments { 
	border-bottom:1px solid  #2e2d34; 
	padding-bottom:5px;
}
.comment-meta{
	padding-bottom:30px;
}
.comment-author{
	font-weight:bold;
	font-size:14px;
	margin:3px 0 0 10px;
	float:left;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	color:#FFD48E;
	text-decoration:none;
	margin: 0px; 
	padding: 0px;
}
.comment-author a:hover {
	color: #fff;
	border-bottom:1px solid #fff;
	text-decoration: none;
}
.comment-date{
	font-size:11px; 
	color:#9B805A; 
	margin-top:7px;
	font-weight:normal;
}
.com_txt{
	margin-top:3px;
	clear:both;
	font-size:12px;
	border-top: solid 1px #51422f;
	margin-bottom:20px;
}
.cgravatar {
	float: left;
}	
#respond {
	width:480px;
	padding: 20px 0 5px 0px;
	clear: both;
	border-bottom:1px solid  #51422F;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	color:#FFD48E;
}
#commentform {	
	margin: 15px 5px 30px 0px;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
	color:#FFD48E;
}
#commentform label{
	color: #ffd48e;
}
#commentform input{
	color:#fff;
	width: 200px;
	border: 1px solid #403424;
	padding: 5px 5px 5px 33px;
	margin-top: 3px;
}
#commentform input:hover{
	border: 1px solid #ffd48e;
}
#commentform input:focus{
	border: 1px solid #2a221a;
	color:#2a221a;
}
#commentform #author{
	background:#2e241d url(images/form/user.gif) no-repeat 3% center;
}
#commentform #author:focus{
	background:#fff url(images/form/user.gif) no-repeat 3% center;
}
#commentform #email{
	background:#2e241d url(images/form/email.gif) no-repeat 3% center;
}
#commentform #email:focus{
	background:#fff url(images/form/email.gif) no-repeat 3% center;
}
#commentform #url{
	background:#2e241d url(images/form/link.gif) no-repeat 3% center;
}
#commentform #url:focus{
	background:#fff url(images/form/link.gif) no-repeat 3% center;
}
#commentform textarea{
	height: 130px;
	border: 1px solid #403424;
	padding: 5px;
	background:#2e241d;
	color:#fff;
	margin-top: 3px;
	overflow: auto;
}
#commentform textarea:hover{
	border: 1px solid #ffd48e;
}
#commentform textarea:focus{
	background:#fff;
	border: 1px solid #2a221a;
	color:#2a221a;
}
#commentform #submit{
	padding:5px 0;
	color:#2c231b;
	background:#fff;
	cursor:pointer;
}	

/* bookshelf*/


#wrapper {
    margin: 0 auto;
	margin-top:10px;
	background:url(http://creamycss.com/wp-content/themes/gallery/images/bg_big.jpg) no-repeat center;
}

#intro {
	background:url(http://creamycss.com/wp-content/themes/gallery/images/bookshelf_logo.png) no-repeat center;
	height:37px;
	margin-top:26px;
}


#slider {
	padding-top:20px;
    width: 784px;
	position: relative;
    margin: 0 auto;
}

.scroll {
    height: 230px;
    width: 784px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background:  url(http://creamycss.com/wp-content/themes/gallery/images/wooden_shelf.png) no-repeat center;
}

.scrollContainer div.panel {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:36px;
    height: 214px;
    width: 784px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	padding-top:0px;
	text-align: center;
	font-size:24px;
	
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
 
    color:#9b805a;
    text-decoration: none;
	
}

ul.navigation a:hover {
	color:#ffd38c;
	border-bottom:#ffd38c 1px solid;
}

ul.navigation a.selected {
color:#ffd38c;
	border-bottom:#ffd38c 1px solid;
   
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.ads{
	color:#d99c57;
	width:590px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	line-height:23px;
	font-size:14px;
	margin-top:-23px;
	padding-bottom:20px;
}

.cleartwo{
	clear:both;
}