/*
wmhunter.com redesign phase two
html mockup
*/

/* IN GENERAL */

html, body{height:100%}

body{font-family:Georgia,serif; margin:0; padding:0; text-align:center; background:url('bg4.png') repeat}

.clear{clear:both}

div.spacedock{width:100%; display:block; height:50px; margin:0px}

/* FOR PAGES */

#theshadow{width:900px; align:center; text-align:center; margin:0 auto; background:url('shadow2.png') repeat-y; min-height:100%}

#eighthundo{width:800px; align:center; text-align:center; margin:0 auto; background:#fff; min-height:100%; display:block} /* boy do i hate me some internet explorer */

#masthead{margin-top:0px; align:center; background:url('header.png') no-repeat top center; height:200px; margin-bottom:30px}

#sidebar{position:relative; text-align:center; width:200px; margin-left:0px; margin-right:10px; height:250px; display:block; float:left; vertical-align:top}

img.menu{margin:0px; padding:0px; border:0px; vertical-align:top}

#main{position:relative; width:580px; margin-left:10px; margin-right:0px; display:block; float:left; text-align:left; min-height:100%}

#recently{margin-top:20px; margin-bottom:20px; background:url('recently.png') no-repeat top center; height:50px}

div.feat{position:relative; width:240px; margin-left:0px; margin-right:40px; display:block; float:left}
img.feat-img{border:1px solid black; vertical-align:top; margin:0px; padding:0px; width:238px; display:block}
p.feat-text{margin-top:10px; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; padding:0; text-align:justify; font-style:normal; font-weight:normal; font-size:1.1em; line-height:1.5em}

div.twit{position:relative; width:240px; margin-left:0px; margin-right:0px; display:block; float:left}
div.twit-box{position:relative; width:218px; height:155px; margin:0px; padding:10px; display:block; border:1px solid black; background:#fff url('twit.png') no-repeat bottom right}
p.twit-text{text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:1em; line-height:1.5em; vertical-align:middle; overflow:hidden; height:100%}

p.content{text-align:justify; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:1.3em; line-height:1.4em}

/* FOR THE BLOG */

#theshadow-blog{width:948px; align:center; text-align:center; margin:0 auto; background:url('shadow-blog.png') repeat-y; min-height:100%}

#ninehundo{width:900px; align:left; text-align:left; margin:0 auto; min-height:100%; display:block}

#bloghead{margin-top:0px; align:left; height:120px; width:100%; margin-bottom:30px; background:url('blogheader.png') no-repeat top left}

#mainblog{position:relative; width:610px; display:block; float:left; text-align:left; min-height:100%; border-style:none solid none none; border-right-width:1px}

#clearbar{position:relative; width:20px; display:block; float:left; text-align:left; min-height:100%}

#blogzone{position:relative; width:560px; margin-left:20px; padding:0px 15px; display:block; float:left; text-align:left; min-height:100%; border-style:solid none none; border-width:1px}

h1.postdata{text-align:justify; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:1.5em; line-height:1.3em; font-weight:lighter}
img.postdata{border:1px solid black; vertical-align: top; margin:0px 15px 10px 0px; display:block; float:left}
p.date{text-align:left; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; padding:0; font-size:0.9em; vertical-align:top}
p.excerpt{text-align: left; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:1.1em; line-height:1.5em; font-weight:lighter; margin-bottom:10px}
p.tags{text-align:left; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; padding:0; margin:0px; font-size:0.9em; display:block; float:left}
p.comments{text-align:right; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; padding:0; margin:0px; font-size:0.9em; display:block; float:right}

#blogside{position:relative; width:259px; display:block; float:right; padding:15px; text-align:right}