/**
 * :after for Firefox, Webkit, Presto, IE 8
 * min-height: 0 for IE 7
 * height: 1% for IE 6
 */
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{min-height: 0; height: 1%;}


/* RESET */
body, img, form, ul, li, hr, h1, h2, h3, h4, h5, h6, p {border: 0; margin: 0; padding: 0;}
a, a * {cursor: pointer;} /* Add cursor for <a> without href, Fix IE cursor disappear when <a><em>text</em></a> */


/**********************/
/* Start styling here */
/**********************/
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.left {float: left !important;}
.right {float: right !important;}
.hidden {display: none !important;}
.clear {clear: both; height: 0; visibility: hidden; display: block;}


/* default text style */
body, td, h1, h2, h3, h4, h5, h6, input, select, textarea {font: 11px Arial,Helvetica,sans-serif; color: #999;}
input[type=text], input[type=submit], select, textarea {padding: 3px; background: #222; border: 1px solid #444; color: #fff;}


/**********************/
/* Start styling here */
/**********************/
body {background: #000 url('../images/background.jpg') top no-repeat; min-width: 950px; }
a {background: transparent; color: #ccb8c5; text-decoration: none;}
a:hover {background: transparent; color: #ccb8c5; text-decoration: underline;}
h2 {font-weight: bold; font-size: 12px; color: #eee; margin: 20px 0 10px 0;}
p {margin: 10px 0;}


.module {background: #111; border: 1px solid #222; margin-bottom: 10px;}
.module-photos {padding: 8px; text-align: center;}
.module-quotes {padding: 8px; text-align: center;}
.module-yahoo-news h2 {margin: 0; padding: 4px; background: #222;}
.module-yahoo-news ul li {list-style-type: none;}
.module-yahoo-news ul a {background: #111; display: block; padding: 4px; border-top: 1px solid #222; }
.module-yahoo-news ul a:hover {background: #181818; display: block;}

#body-wrapper {margin: auto; width: 950px; background: #000 url('../images/background.jpg') -245px 0 no-repeat;}
#page {margin: auto; position: relative; width: 950px; text-align: left; background: url('../images/page.png');}

#header {position: relative; height: 350px; background: url('../images/layout.png') 0 0;}

#nav {position: absolute; top: 106px; left: 490px;}
#nav li {float: left; margin-right: 5px; list-style: none;}
#nav li a {display: inline-block; height: 26px; background: url('../images/layout.png');}

#nav #nav-home {width: 61px; background-position: 0 -680px;}
#nav #nav-home:hover {background-position: -100px -680px;}
#nav #nav-about {width: 65px; background-position: 0 -710px;}
#nav #nav-about:hover {background-position: -100px -710px;}
#nav #nav-blog {width: 55px; background-position: 0 -740px;}
#nav #nav-blog:hover {background-position: -100px -740px;}
#nav #nav-contact {width: 79px; background-position: 0 -770px;}
#nav #nav-contact:hover {background-position: -100px -770px;}

#content {position: relative; margin-top: -220px; padding: 0 170px; min-height: 440px; text-align: left;}
#content-header {line-height: 40px; height: 40px; margin-bottom: 20px;}
#content-header h1 {line-height: 40px; height: 40px; font-size: 16px; font-weight: bold; font-family: Georgia,serif; color: #ccb8c5;}
#timenow {float: right; font-size: 11px; font-weight: bold; font-family: Georgia,serif; color: #ccb8c5;}

#footer {height: 60px; background: url('../images/layout.png') 0 -360px; font-size: 10px; color: #ccb8c5; text-align: center; padding: 220px 0 0;}
#footer a {font-size: 10px; color: #ccb8c5; text-decoration: none;}
#footer a:hover {font-size: 10px; color: #fff; text-decoration: underline;}

#sidebar {width: 250px; float: right;}
#home-content {width: 330px;}

#home-blog-list {width: 330px; list-style: none}
#home-blog-list li {border: 1px solid #222; margin: 6px 0;}
#home-blog-list li div.head {background: #222; padding: 3px 8px;}
#home-blog-list li div.date {float: right}
#home-blog-list li div.body {background: #111; padding: 3px 8px; margin: 0;}
#home-blog-list li:hover {border: 1px solid #333;}

#contacts input[type="text"] {padding: 3px; width: 242px;}
#contacts textarea {padding: 3px;}
#contacts input[type="submit"] {background: #372f32; border: 1px solid #000; font-weight: bold;}