/*  
Theme Name: TheMotorLodge
Theme URI: http://www.phxcreative.com/
Description: The main layout for The Motor Lodge's new website.
Version: 1.0
Author: PhxCreative
Author URI: http://www.phxcreative.com/
*/

/* Begin Typography & Colors */
body {width:888px; font: 12px/18px Helvetica, Verdana, Arial, sans-serif;; letter-spacing:1px; line-height:14px;
color: #555; margin:0 auto; padding: 0;text-align:left; background:#fff url(images/secondary_bg.png) center top;}
#homepage {width:888px; font: 12px/18px Helvetica, Verdana, Arial, sans-serif;; letter-spacing:1px; line-height:14px;
color: #555; margin:0 auto; padding: 0;text-align:left; background:#fff url(images/bg_homepage.png) center top;}



/* Set Layout Section */
#page, #home_page, #header,#content,#sidebar,#footer { overflow:hidden; display:inline-block }
#page, #home_page, #header,#footer {width:100%} /* safari and opera need this */
#header {height:241px;background:transparent;}
#page, #home_page {background:transparent; width: 868px;}
#content {float:right;width:501px; margin:0; padding:15px 40px 15px 0px; background: #FFF;height: 696px;overflow: auto; line-height: 1.5em;font-size: 13px;}
#page {background:url(images/flash_white_border.gif) no-repeat left top; border: solid 1px #fff; width: 868px; padding: 10px;margin-top:25px;}
#home_page {background:transparent; border-left: solid 2px #B9CB71; border-right: solid 2px #B9CB71; border-bottom: solid 2px #B9CB71; width: 868px; padding: 0 10px 10px 10px}

#sidebar {float: left;width:327px; margin: 0; padding:0px; background:#transparent; border: 0px;}
#footerHome {clear:both; background:transparent; text-align:left;line-height:16px; font-size: 14px;margin-top:-21px; margin-left: 8px;width: 888px;}
#footer {clear:both; background:transparent; text-align:left;line-height:16px; font-size: 14px;margin-top:-41px; width: 888px; margin-left: 40px;}

/* General */
a { color: #586D16 }
a:hover { color: #f60; }
form {margin:0;padding:0;} /* IE need this */
input, textarea {font:11px/16px Tahoma; letter-spacing:1px; padding:2px 5px;}

/* Header Section */
#header h1 {text-align:right;font:bold 2.4em Helvetica, Verdana, Arial, sans-serif;margin:0; padding: 40px 35px 0 25px;}
#header h2 {text-align:right;font:1.2em Helvetica, Verdana, Arial, sans-serif;margin:0;padding: 0 35px 0 25px;}
#header a {text-decoration: none;}

#headermenu {height: 26px; color: #FFF;}
#headermenu a {background: transparent; margin: 0; padding: 4px 0px 4px 0; font:bold 12px Verdana;color: #FFF; line-height:18px; letter-spacing:0; text-decoration: none; text-decoration: none;}
#headermenu a:hover { background: #586D16;color: #FFF;}
#headermenuHome {height: 26px; color: #A9BBB1;}
#headermenuHome a {background: transparent; margin: 0; padding: 4px 0px 4px 0; font:bold 12px Verdana;color: #A9BBB1; line-height:18px; letter-spacing:0; text-decoration: none; text-decoration: none;}
#headermenuHome a:hover { background: #586D16;color: #FFF;}


/* Header Page Menu Section */
#pagemenu {margin:0;padding:0; text-align:center; color: #FFF;}
#pagemenu ul{color: #FFF;}
#pagemenu li {display:inline; margin: 0 3px 0 0;color: #FFF;}
#pagemenu a {background: transparent; margin: 0; padding: 0px 10px; font:bold 11px Verdana;color: #FFF; line-height:18px; letter-spacing:0; text-decoration: none;}
#pagemenu a:hover { background: #586D16;color: #FFF;}

/* Header Page Menu Section */
#pagemenuHome {margin:0;padding:0; text-align:center; color: #444;}
#pagemenuHome ul{color: #444;}
#pagemenuHome li {display:inline; margin: 0 3px 0 0;color: #444;}
#pagemenuHome a {background: transparent; margin: 0; padding: 0px 10px; font:bold 11px Verdana;color: #444; line-height:18px; letter-spacing:0; text-decoration: none;}
#pagemenuHome a:hover { background: #586D16;color: #444;}

/* Content Section */
#content h2 {font:bold 1.4em Helvetica, Verdana, Arial, sans-serif; margin-bottom:5px; color: #a7bbb0;}
#content h2.pagetitle { font: bold 1.2em Helvetica, Verdana, Arial, sans-serif;}
#content h3 {font: bold 1.1em Helvetica, Verdana, Arial, sans-serif;}
#content a {text-decoration:none; border-bottom: 1px solid #9AC025;}
#content a:hover {border-bottom: 1px dashed #f60;}
#content .entry {text-align:left;}

/* SideBar Section */
#sidebar ul {list-style: none;	margin: 0;	padding: 0 0 10px;}
#sidebar ul li {margin: 0;display: block;padding: 2px 0 6px;border-top: 1px solid #E8F3C5; font:bold 12px Helvetica, Verdana, Arial, sans-serif; color:#676;}
#sidebar li ul{list-style: none;margin: 0;padding: 6px 0 2px;}
#sidebar li ul li{margin: 0;display: block;padding: 2px 0 4px 12px;border-top: 1px solid #E8F3C5;font:normal 11px Tahoma;}
#sidebar a {text-decoration:none;}
#sidebar p {font:11px Tahoma;}

/* Footer Section */
#footer p { padding: 20px 35px 0 35px;}

/* Comment Stuffs */
#comment {width:95%;}
cite {font-weight:bold; font-style:normal;}
.commentbody {color: #595949; font-size: 11px; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
     background: #f7f7f0;	border: 1px solid #f0f0e0;}
.commentbody p {line-height: 1.2em; margin:5px 0 0 0;}
.commentlink {	font-size: 10px;}
.commentlist {	list-style: none; margin:0; padding:0;}
.commentcount {	left: 460px;	top: 5px;	font: bold 24px Georgia,sans-serif;
	color: #e0e0d0;	float: left;}

/* Other Parts */
img {border: 0; outline: 0;}
.navigation {	font-size: 11px;	padding: 0 0 15px 0; }
.alignleft {float: left;text-align: left;}
.alignright {float: right;margin-top: -1px;	text-align: right;}
p.postmetadata {color: #999; padding: 5px 5px 5px 5px;text-align:right; margin: 0 0 0 30px;}
small {color:#666}
.wp-smiley {border:none}