/*
Theme Name: GTH is me
Theme URI: http://www.gthisme.com
Description: GTH is me due on July, 2010
Version: 1.0
Author: GTH
Author URI: 
Tags: fixed width, two columns, widgets
*/
	
/* {margin: 0; padding: 0;}*/
html {height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0 auto; padding: 0;}
a {font-style: none; text-decoration: none; outline: none;}
img {border: none;}
.clearfix:after {display: block; content: "."; visibility: hidden; height: 0x; clear: both;}
.post-edit-link {position: relative; color: #36f; font-size: 0.8em; float: right;}
/** html .clearfix {height: 1%;}*/
.navigation {width: 100%; color: #999; font-size: 0.9em;}
.navigation a {color: #699;}
.navigation .left {float: left; padding: 10px 15px;}
.navigation .right {float: right; padding: 10px 15px;}

#header {height: 160px; width: 960px; margin: 10px auto 0;}

#logo {float: left;}

h1#gthisme {background: url('images/logo_gthisme.png') no-repeat top left; height: 160px; width: 280px; margin: 0;}
h1#gthisme a#gthismelogo {position: absolute; top: -500; text-indent: -9999px; height: 160px; width: 280px; margin: 0; padding: 0;}

#searchtop {position: relative; top: 15px; background: url('images/topRightCi.png') no-repeat top right; margin: 0; padding: 38px 0 0 0;}
#searchbox {position: relative; right: 0; background: url('images/search_left.png') no-repeat top left;  width: 174px; height: 34px; margin: 0; padding: 0 0 0 10px; border: none;}
#searchbox input {margin: 0; padding: 0;}
#search-right {position: relative; vertical-align: top; background: url('images/search_button.png') no-repeat top right; width: 34px; height: 34px; margin: 0; padding: 0; border: none;}
#searchbox #s {position: relative; vertical-align: middle; background: url('images/search_bg.png') repeat-x top; height: 26px; width: 140px; margin: 0; padding: 10px 0 0 0; border: none;}

#star {position: relative; top: -30px; left: -65px; height: 160px; width: 150px; z-index: 21;}

#container {overflow: hidden; position: relative; display: block; background: url('images/container_footer.gif') #edb repeat-x bottom; height: 100%; width: 960px; margin: 20px auto 0; padding: 0 0 5px;}

#main-content {background: #edb; height: 100%; width: 590px; margin: 0; padding: 15px;}

.main-box {background: #fff; width: 590px; margin: 0 0 10px 0;}
.main-box h2 {color: #699; font-size: 1.2em; text-transform: capitalize; margin: 10px 20px 0 10px; padding: 7px 10px ;border: 1px solid #000;}
.main-box-header {width: 570px; margin: 0;}
.main-box-nav {width: 560px; margin: 10px;}
.main-box-date {margin: 0 0 5px; padding: 0;}
#lifestyle {float: left; clear: both; padding: 0 0 10px;}
#others {float: left; clear: both; padding: 10px 0 0;}

#ads {width: 300px; float: left; padding: 10px;}
.ads div {float: left; padding: 10px;}
#ads-top {position: relative; float: left; width: 450px; margin: 20px 0 0 290px;}

#lifestyle-head {background: #fff no-repeat bottom url('images/line.gif'); margin: 5px 5px 25px; padding: 5px 10px; float: left; clear: right;}
#lifestyle-head h3 {font-size: 1.8em; font-weight: normal; text-transform: capitalize; margin: 5px; padding: 9px 100px 5px 0; float: left;}
#lifestyle-head a {color: #000;}
#lifestyle-date {color: #fff; font-size: 0.6em; background: #f39; margin: 5px 0; padding: 3px;}
#lifestyle-menu {float: left; list-style: none; text-indent: 0; padding: 0; margin: 0;}
#lifestyle-menu li {float: left; padding: 8px 4px 0;}
#lifestyle-menu li#current {border-top: 4px solid #39f; padding: 4px 4px 0;}
#lifestyle-address {width: 330px; font-size: 0.6em; font-weight: lighter; line-height: 1.5em; padding: 5px 0 10px;}
.lifestyle-note {background: right bottom no-repeat url('images/note-bottom.png'); width: 212px; font-size: 0.6em; font-weight: lighter; line-height: 1em; text-align: right; margin: 0 0 10px; padding: 0 20px 20px 0;}
.lifestyle-note-body {color: #000; background: top repeat-y url('images/note-body.png'); width: 190px; font-size: 1.2em; font-weight: lighter; line-height: 1.5em; text-align: left; padding: 15px 22px 15px 22px;}
.lifestyle-note-body h5 {color: #699; font-size: 1.2em; font-weight: bold; padding: 5px 0 10px; margin: 0;}


#promotions-head {background: #fff no-repeat bottom url('images/line.gif'); margin: 5px 5px 25px; padding: 5px 10px; float: left; clear: right;}
#promotions-head h3 {font-size: 1.8em; font-weight: normal; text-transform: capitalize; margin: 5px; padding: 9px 400px 5px 0; float: left;}
#promotions-head a {color: #000;}
#promotions-date {color: #fff; font-size: 0.6em; background: #9c3; margin: 5px 0; padding: 3px;}
.promotions h3 {color: #699; clear: both; padding: 0 0 5px; margin: 0;}
.promotions .update {color: #999; font-size: 0.6em; padding: 3px 0 10px;}
.promotions .entry {float: left; clear: both; width: 100%; padding: 0 0 15px; margin: 0 0 20px; border-bottom: 1px dotted #999;}
.promotions .entry img {padding: 0; float: left;}
.promotions .excerpt {color: #000; width: 330px; float: left; clear: right; padding: 3px 10px;}
.promotions a {color: #000;}

#events-head {background: #fff no-repeat bottom url('images/line.gif'); margin: 5px 5px 25px; padding: 5px 10px; float: left; clear: right;}
#events-head h3 {font-size: 1.8em; font-weight: normal; text-transform: capitalize; margin: 5px; padding: 9px 300px 5px 0; float: left;}
#events-head a {color: #000;}
#events-date {color: #fff; font-size: 0.6em; background: #6cf; margin: 5px 0; padding: 3px;}
.events .entry {width: 170px; float: left; margin: 0; padding: 0 15px 10px 5px;}
.events a {color: #000;}

#show-head {background: #fff no-repeat bottom url('images/line.gif'); margin: 5px 5px 25px; padding: 5px 10px; float: left; clear: right;}
#show-head h3 {font-size: 1.8em; font-weight: normal; text-transform: capitalize; margin: 5px; padding: 9px 320px 5px 0; float: left;}
#show-head a {color: #000;}
#show-date {color: #fff; font-size: 0.6em; background: #999; margin: 5px 0; padding: 3px;}

/*#highlight {height: 510px;}*/

.post {padding: 5px 10px 5px;}
.post h4, .post h4 a{color: #333; font-size: 1.1em; text-transform: capitalize; margin: 0; padding: 10px 0 3px;}
.post h4 {margin: 32px 0 7px; border-bottom: 1px dotted #333;}
.entry {font-size: 0.8em; margin: 0;}
.entry p {margin: 2px auto 5px;}


/*-- sidebar menu --*/
#sidebar {background: #edb; height: 100%; margin: 0; padding: 15px 15px 15px 0;}

#menu {background: url('images/bg_menu.gif') #e83 no-repeat;width: 320px; margin: 0 0 10px 0; padding: 0;}
#menu ul {margin: 0; padding: 5px 0}
#menu li {list-style: none; font-weight: 600; font-size: 26px; line-height: 1em; text-transform: uppercase; margin: 0 5px; padding: 0 0 0 5px;}
#menu li a {color: #fff;}
#menu li:hover, #menu li.current-menu-item {color: #000; background-color: #fc8;}
#menu li a:hover, #menu li.current-menu-item a{color: #000;}

#gthisme-card {position: relative; top: 420px; right: -230px; padding: 0; z-index: 22;}
#registercard {height: 126px; width: 320px;}
#cardlogin {height: 155px; width: 310px; margin: 0 0 10px; padding: 0; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border: 4px dashed #fff; border-top: none; }

#cardlogin form {position: relative; padding: 20px 10px 10px; border: none;}
#cardlogin input {width: 150px; margin: 0 5px; padding: 3px 5px 2px;}
#cardlogin label {position: relative; color: #333; font-size: 1em; text-transform: capitalize; height: 33px; margin: 5px 5px 0;}
#cardlogin input.cardbutton {position: relative; color: #000; background: url('images/card_login.jpg') no-repeat; height: 35px; width: 102px; padding: 3px 0 0 0; border: none;}
#form1 {height: 40px;}
#gthisme-forgot {position: relative; top: 5px; font-size: 0.8em; text-decoration: underline; padding: 10px 75px 10px 0;}
#idforgot {position: relative; top: 120px; background: #eee; height: 50px; border: 1px solid #000;}
#idforgot label {position: absolute; font-size: 1em; top: 15px; left: 10px; margin: 0; padding: 0;}
#idforgot #emailforgotpassword {position: relative; top: 0; height: 15px; width: 150px; margin: 3px;}
#idforgot #lossBtn {position: absolute; top: 20px; right: 20px; width: 35px; margin: 0; padding: 3px 5px;}

#facebook {}
#facebook-liketop {overflow: hidden; position: relative; float: right; width: 60px; margin: 0; padding: 0;}
#facebook-likebottom {position: relative; float: right; width: 100%; margin: 5px 0 10px; padding: 5px 0 0; 
border-top: 1px dotted #333;}
#facebook-likebottom iframe{position: relative; float: left;}

#ads {height: 100%;}

#wrap {}

#footer {background: /*url(images/bg_footer.png) repeat-x*/ #FFF; height: 250px; margin: 0; padding: 20px auto;}
#footerbar {width: 960px; margin: 0 auto; padding: 25px 0}
#recent-post {background: url('images/logo_gthismeS.jpg') no-repeat top left; padding: 0 0 0 200px;}
#recent-post ul{width: 380px; margin: 0; padding: 5px 0 0;}
#recent-post li {color: #666; list-style: none; text-indent: 0; margin: 0; padding: 5px 0 3px 10px;}
#recent-post li a:hover {color: #e83;text-decoration: underline;}
#recent-post li a, #recent-post li a:visited {color: #666;}
#contact {color: #333; width: 370px; margin: 0; padding: 0;}
#contact h5 {font-size: 1.2em; margin: 0; padding: 0 0 5px;}
#GTH-phone {background: url('images/phone_icon.jpg') no-repeat left; font-size: 0.8em; line-height: 1.5em; margin: 0 20px 0; padding: 10px 0 10px 60px;}
#copyright {background: url('images/call_ci.gif') no-repeat top left; font-size: 0.4em; padding: 45px 0 5px;}
#feed {font-size: 0.8em; margin: 5px 0 0 0; padding: 3px;}
#feed a, #feed a:hover, #feed a:visited {color: #333; text-decoration: underline;}

.clear {clear: both;}
.clear-left{clear: left;}
.clear-right {clear: right;}
.inherit {float: inherit;}
.left {float: left;}
.right {float: right;}

/*-- main #333 box --*/
.box3 {display: block; background: url('images/box3-bg.png') repeat-y; width: 183px; margin: 0 0 20px 10px; padding: 0;}
.box3-header {color: #fff; background: url('images/box3-top.gif') no-repeat top #333; font-size: 1.2em; text-transform: capitalize; height: 20px; margin: 0; padding: 10px 10px 5px;}
.box3-subheader {background: url('images/box3-body.png') no-repeat top; font-size: 0.1em; text-align: center; height: 11px;}
.box3-body {background: url('images/box3-bottom.png') no-repeat bottom; padding: 0 7px 15px;}
.box3-body, .box3-body a {color: #666;}
.box3-content {font-size: 0.8em;line-height: 1.6em; padding: 0 5px;}
.box3-content img {float: right; text-align: center; margin: 10px 0 20px 3px;}
.box3-content h4{font-size: 1.5em; margin: 5px 0; padding: 0; border-bottom: 1px dotted #999;}

.box2 {display: block; background: #fff; width: 183px; margin: 10px 0 10px 10px; padding: 0; height: 350px;}
.box2-header {color: #2bd; background: url('images/box3-top.gif') no-repeat top #333; font-size: 1.2em; text-transform: capitalize; height: 20px; margin: 0; padding: 10px 10px 5px;}
.box2-body {background: url('images/box3-bottom.png') #333 no-repeat bottom; padding: 0 7px 10px;}
.box2-body, .box2-body a {color: #fff;}
.box2-body img { margin: 0 auto;}
.box2-content {font-size: 0.8em; line-height: 1.6em; padding: 0 5px; border-top: 2px solid #fff;}
.box2-content h4{font-size: 1.5em; margin: 5px 0; padding: 0; border-bottom: 1px dotted #999;}
.box2-date {color: #2bd;}

.box1 {display: block; background: #fff; width: 183px; margin: 10px 0 10px 10px; padding: 0; height: 220px;}
.box1-header {color: #2bd; background: url('images/box3-top.gif') no-repeat top #333; font-size: 1.2em; text-transform: capitalize; height: 10px; margin: 0; padding: 0 0 10px;}
.box1-body {background: url('images/box3-bottom.png') #333 no-repeat bottom; padding: 0 7px 10px;}
.box1-body, .box1-body a {color: #fff;}
.box1-body img { margin: 0 auto;}
.box1-content {font-size: 0.8em; line-height: 1.6em; padding: 0 5px;}
.box1-content h4{font-size: 1.5em; margin: 5px 0; padding: 0; border-bottom: 1px dotted #999;}

.box4 {display: block; background: #fff; width: 183px; margin: 0 0 20px 10px; padding: 0; height: 320px;}
.box4-header {color: #2bd; background: url('images/box3-top.gif') no-repeat top #333; font-size: 1em; text-transform: capitalize; height: 3px; margin: 0; padding: 0 0 5px;}
.box4-body {background: url('images/box3-bottom.png') #333 no-repeat bottom; padding: 0 2px 10px;}
.box4-body, .box4-body a {color: #eee;}
.box4-body img { margin: 0 auto;}
.box4-content {font-size: 0.6em; line-height: 1.6em; padding: 0 4px;}
.box4-content h4{font-size: 1.4em; font-weight: 700; margin: 5px 0; padding: 0; border-bottom: 1px dotted #999;}
.box4-date {color: #2bd;}

.box5 {display: block; background: #fff; width: 176px; margin: 0 0 20px 15px; padding: 0; height: 270px;}
.box5-header {color: #2bd; background: url('images/box5-top.jpg') no-repeat top #333; font-size: 1em; text-transform: capitalize; height: 3px; margin: 0; padding: 0 0 44px;}
.box5-body {background: url('images/box5-bottom.jpg') #333 no-repeat bottom; padding: 5px 7px 10px 4px;}
.box5-body, .box5-body a {color: #fff;}
.box5-body img { margin: 0 auto;}