/*

Theme Name: clay 1.0

Theme URI: http://fahrulazmi.com

Description: frankenstein theme

Version: 1.0

Author: fahrulazmi & Creep Machine

Author URI: http://fahrulazmi.com/

Tags: fixed width, one column, widgets

*/





body {

	font-size: 13px;

	font-family: Georgia, "Times New Roman", Times, serif;

	background-image: url(images/bg-body.jpg);

	background-attachment: fixed;

        background-position:center; 

	padding: 0px;

	margin: 0px;

	color: #cccccc;

}

.container	{

	width:850px;

	margin:0 auto;

	/* border:1px solid red; */

}



logo    {

        align:center;

}

h1	{

	font-style: normal;

	font-weight: normal;

	font-size: 45px;

	margin: 0;

        text-align:center;

}

h2	{

	font-style: normal;

	font-weight: normal;

	font-size: 22px;

	margin: 10px 0 0 0;

}

h3	{

	font-style: normal;

	font-weight: normal;

	font-size: 18px;

	margin: 10px 0 0 0;

}



h4	{

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	margin: 10px 0 0 0;

}



h5	{

	font-style: normal;

	font-weight: normal;

	font-size: 14px;

	margin: 10px 0 0 0;

}



a	{

	color: #007D82;

	text-decoration: none;

}



a:hover	{

	color: #cccccc;

	text-decoration: none;

}



a:focus	{

	outline: 0;

}

input, textarea	{

	color: #333333;

	border: 1px solid #007D82;

	padding: 3px;

}

input:focus, textarea:focus	{

	background-color: #666666;

	border: 1px solid #007D82;

	outline: none;

}



/* ================== */

/* ! GLOBAL CLASSES   */

/* ================== */



.bgpacity	{

	background-image: url(images/wo_back.png);

	background-repeat: repeat;

}

.hdiv	{

	background-image: url(images/hdiv.png);

	background-repeat: repeat;

	height: 1px;

	margin: 0;

	padding: 0;

}

.floatleft	{

	float: left;

}

.floatright	{

	float: right;

}





/* ========== */

/* ! HEADER   */

/* ========== */

#header	{

	padding: 0px 10px;

}

.blogtitle	{

	color: #362f2d;

	font-size: 85px;

}

.description	{

	font-family: Georgia, "Times New Roman", Times, serif;

	margin: 0 0 10px 0;

}



/* ======== */

/* ! MENU   */

/* ======== */





#nav {

	width: 850px;

        height: 45px;

	background: url(images/wo_back.png) repeat;

        float:left;

        border-bottom: 1px dotted #333333;

        border-top: 1px dotted #333333;

}



#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1.8;

        padding-left:0px;

}



#nav a {

	display: block;

	text-align: center;

	padding:10px 10px 12px 10px;

	color: #999999;

        font-size: 14px;

        margin-right: 20px;

}





#nav a:hover {

	background: url(images/top-nav-bg-hover.jpg) repeat-x right top;

	background-color: #007D82;

	color:#ffffff;

}



#nav li { /* all list items */

	float: left;

	display: block;

}



#nav li ul { /* second-level lists */

	position: absolute;

	background:#333333;

	width: 164px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	display: block;

}





#nav li ul a{ /* second-level lists */

	width: 144px;

}



#nav li ul ul { /* third-and-above-level lists */

	margin: -37px 0 0 164px;

	padding: 0;

}



#nav li ul ul a{

	width: 144px;

	}



#nav li:hover, #nav li.hover {

    position: static;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



/* =============== */

/* ! SEARCH FORM   */

/* =============== */



#search	{

	margin: 10px;

	list-style: none;

}





/* ========== */

/* ! FOOTER   */

/* ========== */



#footer	{

	padding: 10px;

        border-top: 1px dotted #333333;

}

#footer p	{

	margin: 0;

	font-size: 10px;

        color:#666666;

}



#footer p a	{

        color:#666666;

}



#low_nav{

	margin:0 0 5px 0;

	padding:0;

	text-align:center;

}

#low_nav ul {

	margin:5px;

	list-style-type: none;

}

#low_nav li {

	padding: 0 10px;

	border-left: 1px solid #666;

	display: inline;

}



#low_nav li.first{

	border:0;

}

#low_nav li a {

        color:#cccccc;

	padding-top:2px;

	text-decoration:none;

	font:12px/16px times;

	text-transform: uppercase; 



	

}

#low_nav li a:hover{

	color:#007D82;

}





/* =========== */

/* ! CONTENT   */

/* =========== */



#content	{

	padding: 10px;

}

#posts	{

	width: 580px;

	float: left;

}

#wideposts	{

	width: 830px;

	float: left;

}

#posts	img	{

	padding: 5px;

        outline:none;

        border:none;

}

p.meta	{

	font-style: italic;

	font-size: 12px;

	margin: 0;

	color: #636363;

}



p.tags	{

	font-style: italic;

	font-size: 12px;

	margin: 0;

	color: #636363;

        border-bottom: 1px dotted #333333;

}



/* ======== */

/* ! POST   */

/* ======== */



.post	{

	margin: 0 0 30px 0;

}



/* ============ */

/* ! COMMENTS   */

/* ============ */



.comments	{

	margin: 0;

	padding: 10px;

	width: 830px;

}

.comments ol li	{

	list-style-type: none;

}



.commentlist	{

	list-style: none;

	padding: 0;

	margin: 0;

	width: 850px;

}

.commentlist img	{

	border-width: 0px;

}

.comment, .pingback	{

	padding: 10px 0px;

	background-image: url(images/wo_back.png);

	background-repeat: repeat;

}

h3#comments	{

	margin-bottom: 20px;

}

.avatar	{

	display: inline;

}



.comment-body .top	{

	float: left;

	width: 48px;

	margin-left: 10px;

}

.comment-body .comment-text	{

	float: left;

	width: 700px;

	padding: 0px 10px;

}

.comment-body .comment-text p	{

	margin-top: 0;

}

.commentlist .reply	{

	float: right;

	margin: 0px 0px 10px 0px;

}

.commentlist .comment-author	{

	float: left;

}

.children	{

	list-style: none;

	padding-left: 60px;

}

.children .comment-text	{

	width: 760px;

}

.children .children .comment-text	{

	width: 700px;

}

.comment-author-admin	{

	background-color: #333333;

}





#respond	{

	width: 830px;

	padding: 10px;

}

#respond h3	{

	margin-top: 0px;

}

#commentform p.commfield	{

	display: inline;

	margin-bottom: 20px;

}



/* =========== */

/* ! SIDEBAR   */

/* =========== */



#sidebar	{

	width: 210px;

	float: left;

	margin-left: 30px;

}



#sidebar	 img{

	max-width: 200px;
        border:none;
}



#sidebar h2	{

        padding-bottom:10px;
        font-size:18px;
}



#sidebar ul	{

	margin: 0; padding: 0;

}

#sidebar ul li	{

	list-style-type: none;

}

ul.tabNavigation>li a	{

	display: inline;

	background-color: #d2c09e;

	padding: 10px 5px;

	float: left;

	border-left: 1px solid #8c6239;

	border-top: 1px solid #8c6239;

	border-bottom: 1px solid #8c6239;

}

ul.tabNavigation>li a.selected	{

	background-color: #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

}

ul.tabNavigation>li a.last	{

	border-right: 1px solid #8c6239;

}

.tabs .tab	{

	background-color: #FFFFFF;

	padding: 10px;

	border: 1px solid #8c6239;

	border-top: 0px;

	width: 240px;

}

.tabcomment	{

	margin: 10px 0px;

}





/* ========= */

/* ! CLEAR   */

/* ========= */



.clearfloat	{

	clear: both;

	padding: 0;

}



/************************************************

*	WP E-Commerce  					    *

************************************************/



#contentleft h2.prodtitles{ border:0; color:#007D82; font-size:18px;}

.prodtitles a:link, .prodtitles a:visited { color:#007D82; text-decoration:none; border:0; font-size:18px;}

.prodtitles a:hover { color:#fff; }

.producttext { padding-left:10px; }

.single_product_display { margin-top:20px; }

#contentleft .productdisplay { margin-bottom:30px; }

#contentleft .imagecol { margin-top:10px; }

ul#sidebarwidgeted li{ margin:0 10px; }

p.wpsc_variation_forms { color:#999; font-size:12px; }

p.wpsc_variation_forms select{ font-size:11px; color:#666;}

p.wpsc_product_price { font-size:12px; float:left;}

p .pricedisplay { color:#007D82;}

input.wpsc_buy_button { border:none; background:#333; color:#fff; float:right; padding:5px; margin-right:20px; text-transform:uppercase; 	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;}

input.wpsc_buy_button:hover { background:#ccc; }

#shoppingcartcontents p.visitshop { text-align:right; margin-top:10px; }

#shoppingcartcontents p.visitshop a, #shoppingcartcontents .gocheckout a { border:none; background:#333; color:#fff; padding:5px;  text-transform:uppercase; 	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px; }

#shoppingcartcontents p.visitshop a:hover, #shoppingcartcontents .gocheckout a:hover{ background:#ccc; text-decoration:none;}

#shoppingcartcontents .gocheckout { text-align:right; }

#shoppingcartcontents .emptycart { text-indent:-9999px; padding:0; margin:0; }

#contentleft .additional_description p{ background:#f1f1f1; padding:10px; }

.product_grid_item { padding:0 20px 20px 0; }

.product_grid_item .product_text { line-height:1.3em;}

.product_grid_item .product_text strong{ font-size:12px;}

.product_grid_item .product_text br { margin:10px 0; }

.product_grid_item .product_text .pricedisplay { color:#333; }

.product_grid_item .grid_more_info { margin:0; padding:0; }

.product_grid_item .grid_more_info select{ font-size:14px;}

.item_image img {max-width: 120px; outline:none;}




#latest-news-column {width:375px; margin-left:5px; margin-top:55px; padding:5px 5px 0 5px; text-align:left; float:left; border-top:1px dashed #333;}
#latest-news-column h3 {color:#999; position:relative; top:-40px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;}
#latest-news-column .post-title {margin-bottom:10px;}
#random-image-column {width:390px; margin-right:40px; text-align:left; float:left; border-top:1px dashed #333; padding-top:10px; margin-top:55px;}
#random-image-column h3 {color:#999; position:relative; top:-45px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;}
#random-image-column img {float:left; margin-bottom:20px;}
#random-image-column img.odd {margin-right:20px;}