/*
Title:      	RoderickHoward.com master styles for screen media
Author:     	Rod Howard, rod@rodhoward.net
Updated:    	19 Mar 2006

*/


/* --------------------------------------------------
Redefine HTML Styles
-------------------------------------------------- */

* { padding: 0; margin: 0; }

body {
background: #CEE0EC url(./images/bg.gif) repeat-x;
font: 11px/2em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #555;
padding: 0;
margin: 25px 0;
}

h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
}

h2.archiveTitle { 
background: url(./images/hori_line.gif) repeat-x left bottom;
font-size: 18px;
color: #335571; 
margin-left: 8px;
margin-bottom: 10px;
padding-bottom: 3px;
}

ul { padding: 0 0 0 22px; margin: 0; }

ul.archivesList { padding: 0 0 0 35px; margin: 15px 0 25px; }

a { color: #358; }

a:visited { color: #667; }

img { border: 0; display: block; margin: 0 auto; }

/* --------------------------------------------------
Wrapper
-------------------------------------------------- */

#wrapper {
background: #fff url(./images/wrapper_bottom.gif) no-repeat left bottom;
width: 730px;
text-align: left;
padding: 0;
margin: 0 auto;
position: relative;
}

/* --------------------------------------------------
Main -> Wrapper
-------------------------------------------------- */

#main { width: 710px; margin: 0 auto; }

/* --------------------------------------------------
Header
-------------------------------------------------- */

#header{
background: #5085B1 url(./images/wrapper_top.gif) no-repeat;
width: 100%;
height: 150px;
margin-bottom: 35px;
float: left;
border-bottom: 5px solid #D41128;
}

#header h1 {
font-size:18px;
margin-top: 70px;
}

#header h1 a, #header h1 a:hover { color:#fff; text-decoration: none; }

#header p { font-size:10px; color:#fff; margin-top:1px; }

#header h1, #header p { margin-left:15px; }

/* --------------------------------------------------
Nav
-------------------------------------------------- */

#nav {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
right: 10px;
top: 123px;
}

#nav li {
font-weight: bold;
letter-spacing: 1px;	
padding: 0;
float: left;
padding-left: 3px;
}

#nav li a { display: block }

#nav .home, #nav .archives, #nav .contact {
background-image: url(http://www.roderickhoward.com/wp-content/themes/rhd/images/rhd_nav.gif);
background-repeat: no-repeat;
height: 27px;
line-height: 200px;
overflow: hidden;
}

#nav .home {
background-position: 0 0;
width: 56px;
}

#nav .archives {
background-position: -75px 0;
width: 70px;
}

#nav .contact {
background-position: -160px 0;
width: 68px;
}

/* --------------------------------------------------
Content
-------------------------------------------------- */

#content { width: 470px; font-size: 11px; margin: 0 5px 25px 0; float: left; }

/* --------------------------------------------------
Entry -> Content
-------------------------------------------------- */

.entry, .commentsblock { font-size: 11px;  padding: 5px 10px; margin-bottom: 5px; }

.entry p { margin: 1.25em 0; }

.entry h2, .entry h2 a, .entry h2 a:visited, .entry h2 a:hover {
color: #5085B1; 
font-size: 18px; 
text-decoration: none; 
width: auto;
padding: 0;
margin: 0;
}

.entry h2 a:hover { color: #D41128; }

.entry .filedto { 
color: #444;
line-height: 2em;
padding: 0;
margin: 0;
}

.entry .filedto a { 
background: url(./images/hori_line_222.gif) repeat-x left bottom; 
color: #444; 
text-decoration: none; 
padding-bottom: 1px; 
}

.entryComments { text-align: center; }

.entryComments a, .entryComments a:visited {
color: #5085B1;
text-decoration: none; 
font-weight: bold; 
}

.tags {
background: #fafbfa;
color: #555;
padding: 5px 10px 5px 10px;
margin: 15px 0 0 0;
border-top: 1px solid #BDBDBD;
}

.tags a { color:#555; }

.tags a:hover { color: #555; }

/* --------------------------------------------------
Entry -> Content
-------------------------------------------------- */

.entry { font-size: 11px;  padding: 5px 10px; margin-bottom: 25px; }

.entry p { margin: 1.25em 0; }

.entry h2, .entry h2 a { color: #222; font-size: 18px; text-decoration: none; }

.entry h2 a:hover { color: #FF8613; }

.tags {
background: #fafbfa url(./images/tag_grey.gif) no-repeat 8px 9px;
color: #555;
padding: 5px 10px 5px 30px;
margin: 15px 0 0 0;
border-top: 1px solid #BDBDBD;
}

.tags a { color:#555; }

.tags a:hover { color: #555; }

/* --------------------------------------------------
Entry -> EntryHeader
-------------------------------------------------- */

.entryHeader {
position: relative;
width: 450px;
height: 61px;
}

.entryHeader h2, .entryHeader h2 a, .entryHeader h2 a:visited { 
color: #5085B1; 
font-size: 18px; 
text-decoration: none; 
width: auto;
padding: 0;
margin: 0;
 }

.entryHeader h2 a:hover { color: #D41128; }

.entryHeader .filedto { 
background: url(./images/tag_red.gif) no-repeat 0 4px;
color: #444;
line-height: 2em;
padding: 0 0 0 22px;
margin: 0;

}

.entryHeader .filedto a { 
background: url(./images/hori_line_222.gif) repeat-x left bottom; 
color: #444; 
text-decoration: none; 
padding-bottom: 1px; 
}

.entryHeader .entryInfo {
float: left;
margin: 6px 0 0 10px;
}

.entryHeader .entryDate {
background: #f1f1f1;
height: 50px;
width: 50px;
text-align: center;
float: left;
border: 1px solid #ccc;
}

.entryHeader .entryDate .date_month {
color: #5085B1;
font-size: 11px;
font-weight: 700;
padding-top: 1px;
}

.entryHeader .entryDate .date_day {
color: #D41128;
font-size: 18px;
padding-top: -1px;
}

/* --------------------------------------------------
Sidebar
-------------------------------------------------- */

#sidebar-wrapper {
width: 330px;
float: right;
}

#sidebar {
background: #fff;
width: 200px;
color: #333;
padding:0 0 10px 0;
margin: 0 0 25px 0;
float: right;
}

#sidebar a { color: #333; }

#sidebar a:hover { color: #666; }

#sidebar ul { line-height: 1.5em; margin-bottom: 25px; }

#sidebar h3 {
background: url(./images/hori_line.gif) repeat-x left bottom;
font-size: 12px;
font-weight: bold;
letter-spacing: normal;
color: #666;
margin: 10px 0 15px;
}

#sidebar ul li { padding: 3px; margin-bottom: 3px; }

#sidebar p { margin-bottom: 20px; }

/* --------------------------------------------------
Footer
-------------------------------------------------- */

#footer {
background: #fff url(./images/hori_line.gif) repeat-x left top;
color: #444;
padding: 15px 0;
margin: 0 15px;
clear: both;
}

#footer a, #footer a:visited { color: #444; text-decoration: none; }

/* --------------------------------------------------
Miscellaneous
-------------------------------------------------- */

.centered { display: block; margin: 0 auto 20px auto; }

.navigation { margin-bottom: 20px; }

.navigation a, .navigation a:visited { color: #555; }

.navigation .alignleft, .navigation .alignright { margin-bottom: 20px; }

.navigation .alignleft { float: left; }

.navigation .alignright { float: right; }

.hide { display: none; }

#feed { text-align: center; margin-top: 25px; }

#feed img { border: none; }

/* --------------------------------------------------
Ad Blocks
-------------------------------------------------- */

.adblock {
background: url(./images/adblock_336x280.gif) no-repeat;
width: 376px;
height: 340px;
margin: 0 auto;
margin-bottom: 25px;
position: relative;
}

.ad {
width: 336px;
height: 280px;
position: absolute;
left: 20px;
top: 45px;
}

/* --------------------------------------------------
Search Form
-------------------------------------------------- */

#searchform { margin: 0 0 25px 0; }

#searchform input {  }

#searchform #s { background: #fff; width: 145px; border: 1px solid #ccc; padding: 4px 0; text-indent: 5px; }

#searchform #searchsubmit { margin: 0 0 -4px 5px; _margin-bottom: 0; }








input.textfield,textarea, select {
background:#fff;
font:12px/1.8em "Trebuchet MS", 'courier new',courier,monospace;
width:250px; 
color: #444;
padding: 5px;
margin: 3px 0 20px 0;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
}

textarea { width: 350px; }

#respond, #comments { 
font-size: 13px;
font-weight: bold;
margin: 1.25em 0; border-bottom: 1px dotted; }

.commentfooter { margin-bottom: 25px; }

.commentbody { margin: 5px }

.commentbody h4 { margin-bottom: 10px; }

.commentbody p { margin-left: 10px; }