/*
Theme Name: David Belbin custom theme
Theme URI: http://davidbelbin.com
Description: Custom Theme.
Version: 1.0
Author: Gordon McLean
Author URI: http://www.onemandesigns.com

*/

html,body { margin: 0; padding: 0; }
body { font: 86% Georgia, Times, serif; text-align: center; background:#E8E4E5 url('http://www.davidbelbin.com/images/background.jpg') repeat-y center top;}
p { margin: 0 10px 10px; }
a { color: #0000C7;  background-color:transparent; text-decoration: underline; }
a:hover { color: #c00; }

#container { text-align: left;  width: 740px; margin: 0 auto;}

#header { background-color: #D4E1E7; padding-bottom: 2px; padding-top: 14px; }
#header h1 { margin: 0; padding-left: 10px; color: #79B30B; }
#header p { font-size: 0.9em; color: #604160; }



.menu ul {  padding: 0; margin: 0 0 28px 0; background-color: #D4E1E7; float: left; width: 100%;  font-size: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.menu ul li { display: inline;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.menu ul li a { font: bold 0.95em Arial, Helvetica, sans-serif; padding: 15px; background-color: #D4E1E7; color: #5B415A; text-decoration: none; float: left;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.menu ul li a:hover { color: #c00; background-color: #B4CBD5; }


#content { float: right; width: 500px; margin-bottom: 28px;  }
#content h2 { color: #491449; }
#content p { line-height: 1.65em; }
#content p.meta { font-size: 0.8em; }
#content p.postfooter { border-top: 2px solid #D4E1E7; font-size: 0.8em; padding: 8px 0 20px 0; margin-top: 24px; }

#pagecontent { width: 620px; margin-bottom: 28px; margin: auto; }
#pagecontent h2 { }
#pagecontent p { line-height: 1.65em; }
#pagecontent p.meta { font-size: 0.8em; }
#pagecontent p.postfooter { border-top: 2px solid #D4E1E7; font-size: 0.8em; padding: 8px 0 20px 0; margin-top: 24px; }

#content img { background-color: #F5F5F5; border: 2px solid #CCCCCC; padding: 4px; }
#pagecontent img { background-color: #F5F5F5; border: 2px solid #CCCCCC; padding: 4px; }

.postmetadata { margin-top: 20px; padding-top: 28px; border-top: 2px solid #D4E1E7; }

#sidecolumn { background: transparent; float: left; width: 235px; padding-top: 60px; }
#sidecolumn h3 { margin-left: 10px; }

#box { width: 190px; padding: 6px; float: left; background-color: #fff;  margin: 0 0 20px 0; border: 2px solid #E8E4E5; font-size: 0.85em;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div:hover#box { border-color: #8C7891; }

#boxred { width: 190px; padding: 6px; float: left; background-color: #FFFFDD;  margin: 0 0 20px 0; border: 2px solid #D4E1E7; font-size: 0.85em;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div:hover#boxred { border-color: #c00; }


input, textarea, select { background-color : #f5f5f5; color : #000; border: 1px solid #ccc; padding: 1px; }
input:hover, textarea:hover, select:hover { background-color : #fff; color : #000; border: 1px solid #8C7891; padding: 1px; }


#footer { background: #D4E1E7; color: #666; clear: both; width: 100%; text-align: center; margin-top: 40px;}
#footer p { margin: 0; padding: 10px; font-size: 0.9em; }

a.oneman { color:#002266; }
a.oneman:hover { color: #c00; }