/*
Theme Name: g33kstar
Theme URI: http://g33kstar.com
Description: Wordpress theme for g33kstar.com
Version: 2.8.5
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags:
*/
/************************************************
*	global reset v1.0 | 20080212 				*
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/************************************************
*	clear settings							    *
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/************************************************
*	Wordpress default classes settings		    *
************************************************/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #ccc; text-align:center; background:#ccc; padding:5px; margin:5px }
/************************************************
*	global settings							    *
************************************************/
html{/* to compensate for several browser bugs */font-size:100.01%;overflow: scroll;}
h1, h2, h3, h5, h5, h6 { font-weight:bold }
ul, li, ol{font-size:1.0em;}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
a{color: #9bba37;text-decoration: none;}
a:hover{color: #727827;}
p{font-size:0.7em;line-height:1.5em;color: #333;}
.tab{margin: 0 0 10px 0;background: url(images/content_h2_bg.gif) left top no-repeat;color: white;font-size: .8em;padding: 6px 0 4px 12px;display:inline;text-transform: uppercase;line-height:1.0em;}
.tab a{color:#fff;}
.tab a:hover{color:#333;}
.closure{background: url(images/content_h2_right.gif) right 0 no-repeat;padding:6px 24px 4px 0;display:inline;}
/************************************************
*	Background settings							*
************************************************/
body{font-family: Arial, Helvetica, sans-serif;background: url(images/header_tile.gif) 0 0 repeat-x;}
#bodyProduct{background: url(images/product_tile.gif) 0 0 repeat-x;}
#bodyContent{background: url(images/content_tile.gif) 0 0 repeat-x;}
#bodySingle, #bodyCategory{background: url(images/content_tile.gif) 0 0 repeat-x;}

/* ##### Header styles ##### */
#header{height:153px;width: 960px;margin: 0 auto;}
#logo{display: block;width:310px;height:119px;text-indent: -9999em;background: url(images/logo.gif) no-repeat 0 0;margin-top: 18px;float: left;}
#logo a{display: block;width:310px;height:119px;}

/* ##### Navigation styles ##### */
#nav a{color: #333;text-decoration: none;}
#nav a:hover{color: #9bba37;}
#nav{float: right;}
#nav ul{list-style-type: none;margin: 108px 0 0 0;font-size: 1.2em;}
#nav ul li{float: left;margin: 0 0 0 5px;padding: 10px 20px;color: #9bba37;}
#nav ul li.navHome{background: url(images/nav_home.gif) right 0 no-repeat;}
#nav ul li.navNews{background: url(images/nav_home.gif) right 0 no-repeat;}
#nav ul li.navProduct{background: url(images/nav_product.gif) 0 0 no-repeat;}
#nav ul li.navBlog{background: url(images/nav_home.gif) 0 0 no-repeat;}
#nav ul li.navAbout{background: url(images/nav_about.gif) 0 0 no-repeat;}
#nav ul li.navContact{background: url(images/nav_about.gif) 0 0 no-repeat;}
#bodyHome #nav ul li.navHome a, #bodyContent #nav ul li.navAbout a,.category-products #nav ul li.navProduct a, .page-template-page-contact-php #nav ul li.navContact a{color:#9bba37}


/* ##### Front Page Styles ##### */
#hpMainContainer{width: 960px;margin: 0px auto;height:317px;}
#hpMain{float: left;width: 680px;height:265px;margin: 0 auto;}
#hpMainRight{float: right;width: 280px;}
#hpMainRight h2{font-size: 1.7em;letter-spacing:-0.01em;color:#9BBA37;margin: 25px 0 25px 25px;}
#hpMainRight ul{list-style-type: none;font-size: .8em;color: #333;}
#hpMainRight ul li{background: url(images/tick.gif) 0 0 no-repeat;padding: 0 0 0 25px;margin: 15px 0 0 0;font-weight:bold;}
p.button{background: url(images/button_bg.gif) 0 0 no-repeat;width: 220px;padding: 7px 0 0px 0;height:36px;text-align: center;margin: 20px 0 30px 25px;font-size: 1.3em!important;text-shadow: 1px 1px 2px #ffffff;}
p.button a{color:#566d05 !important}
p.button a:hover{color: #333333!important;}
#hpMainRight p.more{text-align: center;font-size:1em;}
#hpMainRight p.more a{color: #fff;}
#hpMainRight p.more a:hover{color: #333333;}
#hpMainRight p.more img{margin: 0 0 0 5px;}
.hpRightBg{background: url(images/content_right_bg.gif) 0 18px no-repeat;}
#content320{float: left;width: 320px;background: url(images/content_left_bg.gif) 0 18px no-repeat;}
#content320 .product{margin: 25px 0 0 0;}
.news{margin: 25px 0 0;float: left;width: 175px;}
.news h3 a{margin: 15px 0 0 0;font-size: 1.0em;}
.news h4{color: #9bba37;font-size: .7em;margin: 10px 0 0 0;}
.news p{margin: 10px 0 10px 0!important;}
.news p a{font-weight: bold;}

/* ##### Layout styles ##### */
#content{clear: both;padding: 40px 0 0px 0;margin: 30px 0 0px 0;width: 960px;margin: 0 auto;}
.content600{float: left;width: 598px;margin-bottom:40px;}
.content600Bg{background: url(images/content_600_bg.gif) 0 18px no-repeat;}
.content440Bg{background: url(images/content_440_bg.gif) 0 18px no-repeat;float:left;width:440px;}
.rightCol{margin-left: 40px;}
.noLineBg{background: url(images/content_no_line_bg.gif) 0 18px no-repeat;}

/* ##### Specific typography settings ##### */
#content p, #productMain p, #content ul, #content ol, #content table, #content img{margin: 0 0 20px 0;}
#content h1, #productMain h1{color: #9bba37;font-size: 1.4em;margin: 0 0 16px 0;}
#content h3{color: #9bba37;font-size: 1em;margin: 0 0 10px 0;}
#content h4{color: #333;font-size: .8em;margin: 0 0 10px 0;}
#content .content440Bg h3{margin-top:20px;}

/* ##### product styles ##### */
.product{margin: 40px 0 0 0;}
.product img{float: left;padding: 0 15px 0 0;}
.product h3 a{font-size: 1.0em;color: #9bba37;}
.product h3 a:hover{color: #333333;}
.product p{color: #333;}

/* ##### category page ##### */
.content600 .post{margin: 40px 0 0 0;}

/* ##### product page styles ##### */
#productMain{min-height: 420px;width: 960px;margin: 0 auto;}
#product_image{margin-top:47px;}
#productMain h1{padding: 150px 0 0 455px;}
#productMain p{margin: 10px 0 0 455px;	line-height: 1.5em;font-size:0.7em;}
#productMain p.button{margin: 30px 0 0 455px;}

/* ##### footer styles ##### */
#footer{clear: both;width: 960px;margin: 0px auto 0 auto;height: 40px;padding-top: 20px;border-top: 1px solid #d8d6d6;}

/* ##### override styles ##### */
.clearer{clear: both;}
.floatL{float: left;}
.floatR{float: right;}
.w600{width: 598px;}
.w360{width: 360px;}
.mR10{margin-right: 10px;}
.mR20{margin-right: 10px;}
.mL10{margin-left: 10px;}
.mL20{margin-left: 20px;}
.mL25{margin-left: 25px;}
.mL28{margin-left: 28px;}
.mL30{margin-left: 30px;}
.mL35{margin-left: 35px;}
.mL40{margin-left: 40px;}
.mL80{margin-left: 80px;}
.mT20{margin-top: 20px;}
.tight{padding: 0;margin: 0;}

/* ##### footer styles ##### */
.conatct_button_holder{
	margin:10px auto 0 auto; 
	width: 280px;
	background-color:#FBFBFB;
	border:1px solid #E4E4E4;
	margin:5px 0 20px;
	padding:20px;}
	
#content p.contact_button{background: url(images/button_bg.gif) 0 0 no-repeat;width: 220px;padding: 7px 0 0px 0;height:36px;text-align: center;margin: 0px auto 0px;font-size: 1.3em!important;text-shadow: 1px 1px 2px #ffffff;}
#content p.contact_button a{color:#566d05 !important}
#content p.contact_button a:hover{color: #333333!important;}

#wpcf label {
clear: both;
display: block;
float: left;
width: 200px;
line-height:30px;
font-size:15px;
}
#wpcf input {
float: left;
width: 300px;
margin: 2px 5px 20px 0;
padding:5px;
border:1px solid #ccc;
font-size:15px;
line-height:20px;
}
#wpcf input[type="checkbox"]{
width:auto;
margin:9px 0 0 0px;
}
#wpcf textarea {
width: 300px;
height: 150px;
padding:5px;
margin: 2px 5px 15px 0;
border:1px solid #ccc;
}
#wpcf #contactsubmit {
margin:20px 0 0 200px;

clear:both;
	width:118px;
	height:30px;
	padding:5px; 

	font-size:13px;
	background:url(images/button-bg.gif) repeat-x;
	color:#fff;
	border:none;
	text-transform: uppercase;
	cursor:pointer;
}