/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic : header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(interface/css/base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#010a0f; font-family: Georgia, serif; }
h1, h2 h3, h4, h5, h6, p, li { line-height:1.0em; }
a { color:#010a0f; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic : header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/*---- Wrapper ----*/
div.wrapper { width:930px; margin:0px auto; padding:0px 15px; }

/*---- Header ----*/
div#header { background:#010a0f; height:221px; padding-top:33px; position:relative; min-width:970px;  }

/*---- Content ----*/
div#content { background: #fff url('interface/images/content/content-bg.gif') repeat-x scroll top left; }
div#content div.wrapper { margin-top:-93px; width:960px; padding:0px; position:relative; }
div#content div.top { height:4px; margin:0px -8px; position:relative; line-height:4px; }
div#content div.middle { margin:0px -8px; position:relative; padding:10px 23px 20px; width:930px; }
div#content div.bottom { height: 21px; margin:0px -8px; position:relative; }

div#content2 { background: #fff url('interface/images/content/content-bg.gif') repeat-x scroll top left; }
div#content2 div.wrapper { margin-top:-93px; width:960px; padding:0px; position:relative;  }
div#content2 div.top { background: url('interface/images/content/content-top.png') no-repeat scroll top left; height:4px; margin:0px -8px; position:relative; line-height:4px; }
div#content2 div.middle { background: url('interface/images/content/content-middle.png') repeat-y scroll top left; margin:0px -8px; position:relative; padding:10px 23px 20px; width:930px; }
div#content2 div.bottom { background: url('interface/images/content/content-bottom.png') no-repeat scroll top left; height: 21px; margin:0px -8px; position:relative; }

/*---- Main ----*/
div#main { float:left; width:634px; background:#e4e1de; padding:15px; }
div#main.full { width:900px; } 

/*---- Sidebar ----*/
div#sidebar { float:right; width:245px; }
form#searchform label.screen-reader-text{display:none;}
/*---- Footer ----*/
div#footer { padding:5px 0px 15px; }

/*---- Pagination ----*/
div.pagination{}
div.pagination div.alignleft{float:left;}
div.pagination div.alignleft a{color:#747474; font-size:140%; text-decoration:none;}
div.pagination div.alignright{float:right;}
div.pagination div.alignright a{color:#747474; font-size:140%; text-decoration:none;}


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { width:378px; margin:0px auto 14px; }

/*---- Header - Contact Info ----*/
div#contact-info { float:right; margin-top:-12px; position:relative; width:230px;  }
div#contact-info p { color:#ccc; font-size:180%; margin-bottom:5px; text-align:right; }
div#contact-info p a { color:#ccc; }

/*---- Header - Navigation ----*/
ul#navigation { border-top:1px solid #41474b; border-bottom:1px solid #41474b; text-align:center; padding:6px 0px 5px ; height:10px; }
ul#navigation li { display:inline; margin-right:30px; }
ul#navigation li a { color:#d7d7d7;  font-size:140%; text-transform:uppercase; }

/*---- Content ----*/
a.more-link { text-transform:uppercase; text-decoration:underline; }

/*---- Main - Post - Entry ----*/
div#main h1{font-size:260%; color:#0162b1; margin-bottom:20px; font-weight:normal;}
div.post {margin-bottom:42px; }
div.post h2 a{color:#0162b1;}
div.post h1 { font-size:260%; color:#0162b1; margin-bottom:20px; font-weight:normal; }
div.post h2 { font-size:230%; color:#0162b1; margin-bottom:20px; font-weight:normal; }
div.post h3 { font-size:200%; color:#0162b1; margin-bottom:20px; font-weight:normal; }
div.post h4 { font-size:170%; color:#0162b1; margin-bottom:20px; font-weight:normal; }
div.post h5 { font-size:140%; color:#0162b1; margin-bottom:20px; font-weight:normal; }
div#sidebar div.widget h1, div.post h1 a { color:#0162b1; }
div.post div.entry p { font-size:140%; line-height:20px; margin-bottom:20px; }
div.post div.entry p a { text-decoration:underline; }
div.post div.entry blockquote { margin-bottom:20px; }
div.post div.entry blockquote p { font-style:italic; }
div.post div.entry img { display:block; margin-top:10px; }
div.post div.entry blockquote cite { text-align:right; display:block; font-size:100%; font-weight:bold; font-style:normal; margin-top:-20px; margin-bottom:20px; }

div.post h1 span a { vertical-align:middle; }
div.post h1 span a img { margin-left:8px; }

div.post p.date { color:#747474; font-size:120%; margin-bottom:17px; }
div.post p.postmetadata { color:#747474; font-size:120%; }

/*---- Sidebar - Widget ----*/
div#sidebar div.widget { background:#e4e1de; padding:15px; }

div#sidebar div.widget p { font-size:140%; line-height:20px; margin-bottom:10px; }
div#sidebar div.widget h1 { font-size:260%; color:#0162b1; margin-bottom:30px; font-weight:normal; }
div#sidebar div.widget ul.list1 { margin-left:20px; padding-bottom:1px; }
div#sidebar div.widget ul.list1 li { margin-bottom:10px; font-size:140%; }
div#sidebar div.widget ul.list1 li a { font-size:100%; }

div#sidebar div.widget p a.more-link { text-align:right; display:block; text-decoration:underline; }

/*---- Footer ----*/
div#footer p { color:#666666; font-size:120%; font-family:verdana; }
p#copyright { float:left; }
p#designer {float:right; margin-top:-10px; position:relative; }

/*---- Content - Comment Box - Comments ----*/
div#comment-box div.comments ul li{ /*background-color:#988a81;*/background-color:#404040; padding:8px; width:532px; overflow:hidden; margin-bottom:14px;}
div#comment-box div.comments ul li div.entry { float:left;  width:470px;}
div#comment-box div.comments ul li div.photo{background-color:#666; border:1px solid #CCC; float:left; height:40px; width:40px; margin:0px 20px 0px 0px;}
div#comment-box div.comments ul li div.entry p{font-size:120%; line-height:16px; color:#fff;}
div#comment-box div.comments ul li div.entry div.author { margin-bottom:5px; font-weight:bold; }
div#comment-box div.comments ul li div.entry div.author span { font-size:120%; color:#fff; }
div#comment-box div.comments ul li div.entry div.author cite a{ font-size:120%; color:#fff; line-height:20px; margin-right:5px;}
div#comment-box div.comments ul li div.entry div.datestamp{ font-size:110%; color:#fff; margin-bottom:5px; }

/*---- Content - Comment Box - Comment Form  ----*/
div#comment-box div.comment-form{ /*background-color:#988a81;*/background-color:#404040; padding: 15px 8px 8px;}
div#comment-box div.comment-form p{margin-bottom:10px;color:#fff;}
div#comment-box div.comment-form p label{ font-size:110%; color:#fff; margin-bottom:5px;}
div#comment-box div.comment-form p input.textbox{width:250px; padding:2px 5px; margin-right:15px;}
div#comment-box div.comment-form p textarea{width:500px; padding:2px 5px;}
div#comment-box div.comment-form p input.button{ margin-right:16px;}

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*-- Dashboard -----*/
div#dashboard { margin-bottom:17px; }
div#dashboard div.section { float:left; position:relative; }
div#dashboard div.section div.product { padding-top:1px; width:186px; }
div#dashboard div.section div.product h2{  color:#010a0f; font-size:280%; font-weight:normal; text-transform:uppercase; margin:18px 0 10px 7px; z-index:10; position:relative; background:url(interface/images/heading-bg.png) repeat-x top left; line-height:32px; height:1%; }
div#dashboard div.section div.product img { margin-top:-58px; position:relative; }
div#dashboard div.section div.overlay { display:none; left:0px; position:absolute; top:2px; z-index:5; padding:20px 15px 18px 0px; width:185px; height:220px; }
div#dashboard div.section div.overlay p { color:#010a0f; font-size:120%; line-height:20px; z-index:10; position:absolute; margin-left:10px; margin-bottom:10px; width:169px; }
div#dashboard div.section div.overlay h2 {color:#010a0f; font-size:280%; text-transform:uppercase; font-weight:normal; margin:8px 0 10px 7px; z-index:10; position:relative; background:url(interface/images/blank.gif) no-repeat -1000px -1000px;  }
div#dashboard div.section div.overlay a { position:absolute; bottom:5px; right:20px; z-index:10; }
div#dashboard div.section div.overlay img { margin-top:-47px; position:relative;  }
div#dashboard div.section:hover div.overlay{ display:block; }
div#dashboard div.section:hover div.product h2, div#dashboard div.section:hover div.product img  { visibility:hidden; }

/*---- Sidebar - Mailing List Form ----*/
div#sidebar div#mailing-list-form { background:none; text-align:right; }
div#sidebar div#mailing-list-form label { text-align:right; }
div#sidebar div#mailing-list-form input.textbox { background:#404040; border:1px solid #898989; width:139px; height:20px; vertical-align:middle; padding-top:3px; color:#fff; }
div#sidebar div#mailing-list-form input.submit-btn { border:1px solid #898989; background:#232222; color:#fff; text-align:center; vertical-align:middle; font-family:Georgia; padding:3px 2px; cursor:pointer; }

/*------------------------------------------
// 4.1  BRANDS PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Brands ----*/
div#brands { background:#fff none repeat 0 0; clear:both;}
div#brands div.brand { background:#e4e1de; padding:15px; margin-top:30px; clear:both;}
div#brands div.brand b { color:#2475b8;font-size:160%; font-weight:normal; }
div#brands div.brand span { color:#7c7a78; }

div#brands div.brand a { margin-bottom:8px; display:block; }
div#brands div.brand p { font-size:140%; line-height:20px; }
div#brands div.brand img { float:left; display:block; margin-right:15px; margin-bottom:15px; }

.break {height:1px;}
/*------------------------------------------
// 4.1  CONTACT PAGE SPECIFIC STYLES
//------------------------------------------*/
/*---- Gravity Form ----*/
.gfield {margin-bottom:8px;}
.gfield_label{font-weight:normal; font-size:140%; line-height:1.2em; margin-right:9px; padding-top:8px; text-align:right; vertical-align:middle; width:70px;}
.ginput_container{}
/*---- Contact - form ----*/
div#contact-form p { margin-bottom:8px; }
div#contact-form input.text { width:282px; }
div#contact-form textarea { padding-top:3px; }
div#contact-form label { font-size:140%; margin-right:9px; display:block; float:left; width:70px; text-align:right; vertical-align:middle; line-height:1.2em; padding-top:8px; }
div#contact-form input.text { font-size:140%; height:25px; line-height:1.2em; padding-top:5px; }
div#contact-form input.submit-btn { margin-left:302px; }

div#sidebar div#address { margin-left:20px; }
div#sidebar div#address p {margin-bottom:0; }
div#sidebar div#address p span { margin-left:17px; }

div#sidebar div.widget ul.list2 li { margin-bottom:10px; }
div#sidebar div.widget ul.list2 li a { font-size:140%;  }
div#sidebar div.widget ul.list2 li a img { vertical-align:middle; margin-right:5px; }

a.twitter-link { background:transparent url(interface/images/content/twitter.png) no-repeat 0 0; height:30px; display:block; padding-left:35px; line-height:30px; }
a.facebook-link { background:transparent url(interface/images/content/facebook.png) no-repeat 0 0; height:30px; display:block; padding-left:35px; line-height:30px; }