/*  
Theme Name: htmentor
Theme URI: 
Description: A theme generated by ThemesPress.com
Author: ThemesPress
Author URI: http://themespress.com/
*/
/* LAYOUT STYLES */


body {
text-align: center;
background: #000000 url(images/body_bg.jpg) repeat-x;
margin: 10px 0px 0px 0px;
padding: 0px;
font-family: Georgia, 'Times New Roman', Times;
font-size: 100%;
font-weight: normal;
color: #ded8b7;
}

#container {
width: 720px;
margin: 0px auto;
background-color: transparent;
}


#headerAndLogo {
background: #d1cc9e url(images/header_bg.jpg);
height: 187px;
width: 720px;
text-align: left;
}

#tabDiv {
width: 720px;
height: 34px;
text-align: center;
background: #3a0000 url(images/topnav_ul_bg.jpg);
margin-top: 8px;
font-size: 90%;
}

#tabDiv ul {
list-style-type: none;
width: 720px;
height: 34px;
margin: 0px;
padding:  0px;
margin: 0px 0px 0px 8px;
background-color: #3a0000;
}
#tabDiv ul li {
padding-right: 4px;
float: left;
}

#tabDiv ul li a.home {
display: block;
background: transparent url(images/home_out.jpg) no-repeat;
height: 34px;
width: 76px;
color: #dedbba;
text-decoration: none;
font-style: italic;
font-weight: bold;
padding-top: 6px;
}
#tabDiv ul li a.home:hover {
background: transparent url(images/home_over.jpg) no-repeat;
}



#tabDiv ul li a.story {
display: block;
background: transparent url(images/mystory_out.jpg) no-repeat;
height: 34px;
width: 104px;
color: #dedbba;
text-decoration: none;
font-style: italic;
font-weight: bold;
padding-top: 6px;
}
#tabDiv ul li a.story:hover {
background: transparent url(images/mystory_over.jpg) no-repeat;
}

#tabDiv ul li a.hair_transplants {
display: block;
background: transparent url(images/hair_transplants_out.jpg) no-repeat;
height: 34px;
width: 191px;
color: #dedbba;
text-decoration: none;
font-style: italic;
font-weight: bold;
padding-top: 6px;
}
#tabDiv ul li a.hair_transplants:hover {
background: transparent url(images/hair_transplants_over.jpg) no-repeat;
}

#tabDiv ul li a.hair_loss {
display: block;
background: transparent url(images/hair_loss_out.jpg) no-repeat;
height: 34px;
width: 104px;
color: #dedbba;
text-decoration: none;
font-style: italic;
font-weight: bold;
padding-top: 6px;
}
#tabDiv ul li a.hair_loss:hover{
background: transparent url(images/hair_loss_over.jpg) no-repeat;
}

#tabDiv ul li a.resources {
display: block;
background: transparent url(images/hair_loss_links_out.jpg) no-repeat;
height: 34px;
width: 104px;
color: #dedbba;
text-decoration: none;
font-style: italic;
font-weight: bold;
padding-top: 6px;
}
#tabDiv ul li a.resources:hover {
background: transparent url(images/hair_loss_links_over.jpg) no-repeat;
}

#tabDiv ul li a.contact {
display: block;
background: transparent url(images/contact_out.jpg) no-repeat;
height: 34px;
width: 104px;
color: #dedbba;
text-decoration: none;
font-style: italic;
font-weight: bold;
padding-top: 6px;
}
#tabDiv ul li a.contact:hover {
background: transparent url(images/contact_over.jpg) no-repeat;
}


#mountains {
width: 720px;
height: 282px;
background: #993300 url(images/mountains.jpg);
}

.heading_bg {
background: transparent url(images/heading_bg.jpg);
width: 720px;
height: 36px;
text-align: left;
padding-left: 20px;
float: left;
}

.heading_bg h2, .heading_bg h1 {
margin: 0px;
padding: 4px 0px 0px 0px;
font-size: 120%;
font-style: italic;
color: #999933;
background: none;
font-family: Century, Georgia, 'Times New Roman', Times;
}



div.greyBoxTop {
width: 720px;
height: 46px;
background: #262424 url(images/grey_box_top.jpg) no-repeat;
}
div.greyBoxBody{
text-align: left;
width: 720px;
background: #262424 url(images/grey_box_body2.jpg) repeat-y;
}

div.greyBoxBottom {
width: 720px;
background: #262424 url(images/grey_box_bottom.jpg) no-repeat;
height: 35px;
}

div.greyBoxLeftSide {
float: left;
/*width: 162px;*/
width: 200px;
background-color: transparent;
text-align: left;
margin: 0px;
padding: 0px;
}



/*===============================
 SIDEBAR
=================================*/

#menu {
	background: transparent;
	padding: 0px 0 10px 0px;
	position: relative;
	left: 18px;
	top: 0;
	width: 180px;
    color:#DED7B7;
}

#menu form {
	margin: 0px;
}

#menu input#s {
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #fff;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	text-transform: lowercase;
    width: 180px;
	font-size: 18px;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px;
}

#menu h2 {
font-size: 18px;
color: #fff;
margin: 0px;
font-weight:normal;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 13px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 0px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
    display: block;
    color: #999;
    padding: 3px 0px 3px 0px;
    color: #DFA550;
	font-size: 11px;
}

#menu ul ul li a:hover {
        display: block;
        padding: 3px 0px 3px 0px;
        color: #fff;
}

#menu ul ul ul.children {
	font-size: 14px;
	padding-left: 4px;
}

/*=====================
END MENU
=======================*/



#container div.greyBoxBody div.greyBoxLeftSide div#translation_bar {
width: 130px;
position: relative;
left: 25px;
margin: 0px;
padding: 0px;
}

div.greyBoxLeftSide div#translation_bar a {
float: left;
display: block;
padding: 0px 4px 4px 0px;
margin: 0px;
color: #fff;
}

div.greyBoxLeftSide h3.translate {
margin-top: 10px;
margin-bottom: 10px;
}



/*==============================
END SIDEBAR
================================*/

div.greyBoxRightSide {
/* width: 550px;*/
width: 500px;
background-color: transparent;
float: left;
}

div.greyBoxRightSide p, div.greyBoxRightSide ul, div.greyBoxRightSide ol {
margin: 0px 30px 0px 20px;
background-color: #4a4a4a;
line-height: 150%;
font-size: 90%;
}
div.greyBoxRightSide a {
color: #ffffff;
}

img.newsguy {
position: relative;
left:43px;
top: 0px;
}

#threeBoxDiv {
padding: 0px;
margin: 0px;
background: #000000 url(images/3box_bg.jpg) repeat-y;
position: relative;
z-index: 100;
}

#threeBoxDiv ul {
list-style-type: none;
background-color: #979731;
padding:0px;
margin: 0px;
float: left;
}

#threeBoxDiv ul li {
float: left;
text-align: left;
position: relative;
top: 0px;
left: 0px;
z-index: 100;
}

#threeBoxDiv ul li a.ht1_button {
display: block;
width: 244px;
height: 388px;
background: transparent url(images/ht1_button.jpg);
text-decoration: none;
color: #ded8b7;
}

#threeBoxDiv ul li a.ht2_button {
display: block;
width: 232px;
height: 388px;
background: transparent url(images/ht2_button.jpg);
text-decoration: none;
color: #ded8b7;
}
#threeBoxDiv ul li a.ht3_button {
display: block;
width: 243px;
height: 388px;
background: transparent url(images/ht3_button.jpg);
text-decoration: none;
color: #ded8b7;
}
a.ht1_button:hover, a.ht2_button:hover, a.ht3_button:hover {
background-color: #ffffff;
padding-top: 6px;
position: relative;
top: 6px;
left: 0px;
}

h2.hair_transplant_1 {
position: absolute;
top: 180px;
left: 34px;
z-index: 400;
font-size: 100%;
margin: 0px;
padding: 0px;
}
h2.hair_transplant_2 {
position: absolute;
top: 180px;
left: 30px;
z-index: 400;
font-size: 100%;
margin: 0px;
padding: 0px;
}
h2.hair_transplant_3 {
position: absolute;
top: 180px;
left: 30px;
z-index: 400;
font-size: 100%;
margin: 0px;
padding: 0px;
}

span.ht_button {
display: block;
position: absolute;
top: 220px;
left: 33px;
width: 170px;
cursor:hand;
}

#adBox {
width: 720px;
background-color: #dedbba;
height: 92px;
}

#footer {
height: 138px;
width: 720px;
background: #000000 url(images/footer_bg.jpg);
color: #dedbba;
font-size: 11px;
}

#footer ul {
margin-top: 20px;
margin-left: 65px;
list-style-type: none;
background-color: transparent;
float: left;
}
#footer ul li {
float: left;
padding-right: 20px;
}

#footer a, p.designer a {
color: #dedbba;
background-color: transparent;
text-decoration: underline;
}
#footer a:hover, p.designer a:hover {
color: #ffffff;
background-color: transparent;
margin-bottom: 60px;
}

#bottomRedGradient {
width: 100%;
height: 53px;
background: #000000 url(images/bottom_red_gradient_bg.jpg);
text-align: center;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
}
#bottomRedGradient a, #bottomRedGradient a:visited {
color: #fff;
}

br.clear {
clear: both;
}

#sidebar {
width: 700px; 
background-color: #000000; 
padding: 10px; 
text-align: left;
color: #dedbba;
margin-bottom: 30px;
}
#sidebar a {
color: #dedbba;
}

#sidebar h3 {
margin-top: 20px;
margin-bottom: 15px;
color: #979731;
}

/* wordpress styles: post date, post, comments etc */
div.entrytext p {
margin-top: 30px;
}
div.post {
margin: 0px 30px 30px 30px;
background-color: #4a4a4a;
line-height: 150%;
font-size: 90%;
}

h2.pagetitle {
margin: 0px 30px 30px 30px;
background-color: #4a4a4a;
line-height: 150%;
font-size: 100%;
color: #ff972d;
}

div.post h2 {
font-family: Garamond, 'Times New Roman', Times;
}



div.post p {
margin: 20px;
}

div.post ul {
margin-top: 20px;
line-height: 180%;
}
div.post ul li {
margin-bottom: 14px;
}

/* gallery thumbnail floats */
.clearBoth {
clear:both;
}
.galleryWrapper {
margin-top: 10px;
margin-left: -10px;
}

 .floatleft
{
float: left;
width: 131px;
margin: 0 0 10px 10px;
background-color: #333;
padding: 10px;
border: 1px solid #4A4A4A;
text-align:center;
}

.floatleft a img {
border: none;
}




div.entry {
border-top: 3px solid #CF8F11;
margin-bottom: 15px;
padding-top: 10px;
}

div.entry p {
border-left: 9px solid #313131;
padding-left: 10px;
}

div.top_meta {
margin-bottom: 10px;
}
div.bottom_meta {
color: orange;
}

div#sidebar ul.sidebarUL {
float: left;
line-height: 140%;
}




h2.searchResults, h3.comments {
font-family: Georgia, 'Times New Roman', Times;
font-weight: normal;
color: #ded8b7;
margin-left: 30px;
margin-right: 30px;
}

form#commentform {
margin-left: 30px
}

form#commentform input {
margin-top: 4px;
}

form#commentform p {
color: orange;
margin-left: 0px;
}
p.searchResults {
margin-left: 30px;
}
div.navigation {
margin-left: 30px;
}