/*
Theme Name: Human Growth Hormone & All Your Anti Aging Needs
Theme URI: http://hgh10.com
Description: Twentyten child-theme with seriously good looks
Author: <a href="http//www.freelancer.com">HGH Facts</a>
Version: 0.0.1
Template: twentyten
Tags: two-columns, right-sidebar, custom-header, custom-colors, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
@import url('../twentyten/style.css');
@import url('http://fonts.googleapis.com/css?family=Arimo');
@import url('http://fonts.googleapis.com/css?family=Oxygen');
@import url('http://fonts.googleapis.com/css?family=Adamina');
@import url('http://fonts.googleapis.com/css?family=Oswald');

body, input, textarea {
	color: #111111;
	font-size: 12px;
	line-height: 18px;
}
/* CLEAR FIX */

.group:after {
	content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	visibility: hidden;
}

*html .group {
	height:1%;
}

*:first-child+html .group {
	min-height: 1px;
}
.clear{clear:both; margin: 0px; padding: 0px;}

/* END CLEAR FIX */

/* FONTS */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: 'Arial', serif, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
h1, h2, h3, h4, h5, h6{clear: none; font-family: 'Arimo'; margin: 0px; padding: 0px;}
p,span{font-family: 'Arial', serif;}
ul{margin: 0px;}
#content, #content input, #content textarea {
	color: #111;
	font-size: 12px;
	line-height: 18px;
}
#access .menu-header, div.menu, #main, #wrapper {
	width: 1423px;
	margin: 0 auto;
}

body{
	background: #dde6eb url('images/body-bg.png') repeat-x;
}


#header {
	padding: 0;
}
#wrapper {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	background:transparent;
}
#main {
	background: white;
	width: 1253px;
	padding: 0px;
        border-radius: 4px 4px 0px 0px;
}
#container {
	margin: 0 -280px 0 0;
}
#content {
	margin: 0 280px 0 0px;
	background: #fff;
	width: 927px;
	padding: 1px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}



/* Header Styles Starts From Here */

#masthead {
	position: relative;
	width: 1423px;
}

#branding {
	width: 1223px;
        margin: 0 80px;
}
#branding img {
	border: none;
}
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: -48px 0 12px 0;
	width: 338px;
}

/* Header Navigation Menu */
#access .menu-header, div.menu {
	font-size: 13px;
	margin: 0px auto;
	margin: 0px auto;
}
#access {
	background: url('images/menu-bg.png') repeat-x;
	display: block;
	float: left;
	width: 1423px;
	margin-top: 15px;
	height: 40px;
}

#access .menu-header ul, div.menu ul {
	list-style: none;
	margin-left: 450px;
	float: left;
}
#access .menu-header li, div.menu li {border-right: 1px solid #f1f1f1; height: 40px;}
#access ul li{
	margin: 0px;
	padding: 0px;
}

#access a {
	padding: 12px 5px;
	margin: 0px;
	line-height: 1.3em;
	font-size: 13px;
	text-transform: none;
	text-align: center;
	color: #fff;
	font-family: 'Oxygen', sans-serif;
}

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
	color: #fff;
	
}
#access ul li.current_page_item > a:hover, #access ul li.current-menu-ancestor > a:hover, #access ul li.current-menu-item > a:hover, #access ul li.current-menu-parent > a:hover {
	color: #fff;
	
}


#access li:hover > a, #access ul ul :hover > a, #access li:hover > a span, #access ul ul :hover > a span {
background: transparent;
color: #fff;
}/*
#access ul ul {
top: 86px;
left: 0;
width: 123px;
}
#access ul ul li {
min-width: 123px;
}
#access ul ul a {
	background: #4da9ca;
	color: #fff;
	padding: 10px 20px;
	width: 123px;
}*/


/**** STATIC CONTENT AREA **/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin: 0px 0px 0px 0px;}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {margin-bottom: 12px; font-family: 'Arial', serif;font-size:14px;}
#static-area{
	padding: 15px 10px 15px 10px;
	margin: 15px auto 15px auto;
	width: 95%;
}
#first_block{margin: 5px 0px;}
#box{/*background-color: #b0c7d5; */ width: 80%; margin: 40px auto; padding: 10px 20px;}


/* Heading */
#static-area h1{font-size: 24px; margin: 0px; padding: 0px;}
#static-area h2{font-size: 22px; margin: 0px; padding: 0px;}
#first_block h1{color: #f20707;}
#heading_meta_area{background-color: #0A71A7; padding: 30px; margin-bottom: 15px;}
#heading_meta_area h2, #heading_meta_area h2 a{ color: #ffffff;}
#box h1, #box h2{color: #fff;}
#box h1{margin: 5px 0px 5px 0px;}
#box h2{}


/* Paragraph & span*/
#first_block p{
	font-family: 'Arial', serif;
	font-size: 12px;
	margin-bottom: 12px;
}
#box p{margin-top: 5px; margin-bottom: 5px;}
#first_block span{font-weight: bold; margin: 0px 0px 5px 0px;}

/* images */
#box img{ width: 100px; height: 100px; float: left; margin-right: 15px; margin-top: 5px;}


a.moreinfo{
	background: #88ab33;
	/*background: linear-gradient(top, #F99015 0%, #F76C0F 100%);
	background: -moz-linear-gradient(top, #F99015 0%, #F76C0F 100%);
	background: -webkit-gradient(linear,left top,left bottom, color-stop(0%, #F99015), color-stop(100%, #F76C0F));
	background: -webkit-linear-gradient(top, #F99015 0%, #F76C0F 100%);*/
	color: #fff;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	position: relative;
	bottom: 90px;	
	border: 1px solid rgba(0, 0, 0, .2);
	display: inline-block;
	padding: .5em .8em;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}
a.moreinfo:hover{
	color: #fff;
	opacity: .5;}

/**Regular posts **/

#content .entry-title {
	color: black;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0px;
	font-family: 'Arimo';
}
.entry-title a:active, .entry-title a:hover {
	color: #2b90c5;
}

.entry-content, .entry-summary {
	padding: 5px 0 5px 0;
}
#static-area ul, .entry-content ul{list-style: url('images/list-style.png'); margin-left: 30px;}
#static-area ul li {margin: 2px 0px;}

/* Meta Tags */
.entry-meta, .entry-meta a, .entry-utility a {
	color: #002B50;
}
#content .recentpost {
	padding: 7px; border: 1px solid #E6E6E6; margin: 10px 0px;}
#content .text-area{float: right; width: 83%;}
#content .recentimage img{width: 100px; height: 100px; float: left; border: 1px solid #E6E6E6; padding: 5px;}
/* other posts starts */

#otherpost{
	margin-top: 0;
	margin-bottom: 1em;
	border-color: #E6E6E6;
	border-style: solid;
	border-width: 1px;
	padding: 5px;}
/* BEGIN RELATED POSTS */

#recent{
}
#recent h2{
	font-family: 'Arimo';
	font-size: 16px;
	color: 	#F1F1F1;
	padding: 4px 0px 0px 15px;
	display: block;
	background-color: #193447;
	width: 170px;
	height: 28px;
}

#related h2 {

}

#related a {
	text-decoration:none;
}
#otherpost .featuredImage{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#related .relatedThumb{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#related p {
	font-size: 12px;
	font-family: 'Arial', serif;
}

#separater{background: #ccc; height: 1px; clear: both; margin: 20px 0px;}


/* END RELATED POSTS */


/* Sidebar */
/* Search Form */
form{padding: 5px 10px;}
input[type="submit"] { color: #fff; padding: 5px 10px; border: none; background-color: #0A71A7;}
input[type="text"], textarea {padding: 3px; margin: 0px;}
.widget_search #s { width: 68%;}


#primary, #secondary, #third, #fourthsidebar { float: right; margin: 0px 0px 0px 0px; width: 276px; padding: 10px 0px; color: #fff; border-bottom: 1px solid #e5e5e5}
#primary{margin-top: 5px; background: #0a71a7/*#2b90c5*/;}
#secondary{background: #193447;}
#third{background: #0a71a7;}
#fourthsidebar{background: #193447;}
#primary h3, #secondary h3, #third h3, #fourthsidebar h3{font-family: 'Arimo'; font-size: 18px; color: #D01818;  margin: 0px 0px 0.4em 0.9em;}
#primary ul , #third ul, #fourthsidebar ul{list-style: none; padding: 0px;}
#secondary ul ul#menu-hgh-deals{list-style:upper-alpha;}
#primary ul li , #secondary ul li, #third ul li, #fourthsidebar ul li{line-height: 1.8em;}
#primary a, #secondary a, #third a, #fourthsidebar a {font-family: 'Arial', serif; font-size: 1em; color: #2361A1; padding: 0px 5px;}
#primary a:hover, #secondary a:hover, #third a:hover, #fourthsidebar a:hover {text-decoration: underline;}
#main .widget-area{background: #fff; clear: right;}
#main .widget-area ul {padding: 0px 0px 0px 0px;}
#main .widget-container {margin: 0px 0px 0px 0px;}
#primary #search-3 {margin-left: 0.9em;}
#main .widget-container {
	margin: 5px 0px 10px 0px;
}
#fourthsidebar .sidebarimage img{padding: 0px 5px; width:90%;height:auto;}

/* Footer Styles */


#footer {
	background: #18354C;
	border-top: 4px solid white;
	margin-bottom: 0px;
        width:1423px;
}
#colophon {margin-top: 0px; padding: 15px 0px; border-top: none;width: 1223px;}

/* Footer-Sidebar */
#footer #first h3, #footer #second h3, #footer #footerthird h3, #footer #fourth h3 {font-family: 'Arimo'; font-size: 18px; color: #fff; text-decoration: underline; margin: 0px 0px 0.6em 0;}
#footer #first ul, #footer #second ul, #footer #footerthird ul, #footer #fourth ul{list-style: none; padding: 0px; margin-left: 0px;}
#footer #first {width: 700px;}
#footer #second{margin-top: 20px;}
#footer #first a, #footer #second a, #footer #footerthird a, #footer #fourth a{display:block; float: left; margin-right: 10px; font-family: 'Arial', serif; font-size: 12px; color: #fff;}
#footer #first a{margin-right: 10px; padding-right: 10px; border-right: 1px solid #f1f1f1;}
#footer #first a:hover, #footer #second a:hover, #footer #footerthird a:hover, #footer #fourth a:hover{text-decoration: underline;}
#footer #fourth img{float: left;}
#footer .widget-container {margin: 0 0 0px 0;}
#footer-widget-area .widget-area {
float: left;
margin-right: 0px;
width: 260px;}

/* Bottom Footer or SiteInformation Area*/
#site-info {
	width: 700px;
	padding: 0px;
	margin: 5px 0px;
}
#site-info a{
	font-family: 'Arimo';
	font-size: 11px;
	color: #f1f1f1;
}



/* BreadCrumb Navigation*/
#crumbs{clear: both; width: 1253px; margin: 0 auto; padding-bottom: 10px;}
#crumbs a{font-family: 'Arimo'; font-size: 14px; color: #2b90c5; text-decoration: none;}
#crumbs a:hover{text-decoration: underline;}

/* Previous Post on loop-single.php*/
.navigation a:link, .navigation a:visited{color: #2361A1; margin-left: 5px;}
.navigation a:hover{text-decoration: underline;}

/* stat */
.stat {float: right; margin-right: 280px;}
/* fixed social icons*/
#fixed_icons {
    background: transparent;
    width: 48px;
    position: fixed;
    top: 30%;
    left: 0px;
}

#fixed_icons a {
    display: block;
    text-indent: 24px;
    text-decoration: none;
}
#fixed_icons a img{    
	height: 48px;
	width: 48px;}
.twtr-widget{padding: 0px 5px;}
#respond .form-allowed-tags {display: none;}
#respond .form-submit input {color: #fff;}


/* hgh supplements products */
#static-area .best{font-family: 'Arimo'; font-size: 25px; padding-bottom: 10px; margin: 0px 0px 15px 0px; color: #33A9E6; text-align: left; border-bottom: 1px solid #E5E5E5;}
#hghsupp{margin-bottom: 10px;}
#product-header{clear:both;}
#product-header h2 a{color: #33a9e6;}
#stars{float: right; position: relative; bottom: 27px; right: 10px;}
#stars img {margin-left: 3px;}
#product{width : 450px; float: left;text-align:justify;}
#product1{width : 300px; float: left;}
/*#content #product h2{clear: both;}*/
#product .productimage img{ /*width: 260px;
height: 160px;*/
margin: 30px 0px 10px 0px;}
.pro-details{margin: 6px 0px 10px 0px;}
#product ul{list-style: url('images/checkcheck.png');}


#ticker{float: right;
margin: 0px;
padding: 0px;
position: relative;
right: 365px;}

#static-area .best1{text-align: justify;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;margin-bottom: 40px;}
#content table {
border:none;
margin-bottom: 0px;
}
#content table tr td{
border:none;
}
.banner{width: 1253px; margin: 0 auto;}
.banner img{float: right;
margin-top: 25px;
border: 1px solid white;
margin-right: 5px;width: 816px;
height: auto;}
p{text-align:justify;}
#secondary img{}
p span strong{font-size:32px;}
#content p{font-size:14px;}
p {font-size:14px;}
.contenttable { border: 1px solid #AAA;
background-color: #F9F9F9;
padding: 20px;width:20%; margin: 30px 20px 20px 0px; float: left; }
.contenttable h3 {padding-bottom:20px; }
.contenttable ol li { color:#06c; padding-bottom:5px; }
.contenttable a { text-decoration:none; }
#heading_meta_area .entry-meta { display:none; }

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 0px;
}
.alignright, img.alignright {
margin-top: 0px;
}