/* Main */

html,body {width: 100%; height:100%; font-family:Verdana, Helvetica, Arial, sans-serif;}
body {background: url(../assets/images/background.png) repeat-y top #18232A; font-size:11px; line-height:1.5em;}

/* HTML elements */
a {color: #FFFFFF; text-decoration: none;}
a:hover {color: #D6D5D6;} 

h1 {font-size: 18px; padding:20px 30px 10px 30px; color:#333233; letter-spacing:0.1em;}

/* Useful classes */
.clear {clear:both;}

.spacer {clear:both; height:30px;}
.minispacer {clear:both; height:15px;}



/* Major elements */
#content {width: 900px; margin:0 auto; padding-top:20px; }

.offsetwhite {background: #FFFFFF; text-align:right; margin-left: 36px;}
.offsetgrey {background: #D6D5D6; margin-left:36px;}

#top  img {float:right;}


/* Minor elements */
#menu {float: left; text-align:left; border:1px solid #FFFFFF; padding:20px 20px 20px 34px; color:#FFFFFF; text-transform:uppercase; background:#353E40;
	height:210px; font-size: 12px; width: 230px; margin-left:-36px;}
#menu li {padding-bottom: 3px;}


#copy {padding-bottom:30px;}
#copy h2 {padding:0px 20px 4px 30px; font-size: 11px; font-weight:bold;}
#copy h3 {padding:0px 20px 4px 30px; font-size: 14px; font-weight:bold;}
#copy p {padding:0px 20px 10px 30px; text-align:justify;}
#copy p a {font-weight:bold; color:#353E40;}
#copy p a:hover {color:#000000;}
#copy ul {padding:0px 20px 10px 40px; }
#copy ol {padding:0px 60px 0px 50px; list-style:decimal;  }
#copy ol li {padding-bottom: 5px; text-align:justify;}
#copy ol ol {padding-left: 25px; padding-right: 0px;}
#copy ol table {margin: 20px;}
#copy ol table th, #copy ol table td {padding:3px;  border: 1px solid #666666;}
#copy ol table th {font-weight:bold;}

#copy .column {width: 420px; float:left; min-height:200px;}

#copy .widecolumn {width: 560px; float:left; min-height:200px;}

#copy .fullwidth {width: 840px; padding-bottom: 10px;}
#copy .fullwidth a {font-weight:bold; color:#353E40;}
#copy .fullwidth a:hover {color:#000000;}

#copy .twoimages {float:right; padding: 0px 20px 10px 0px;}
#copy .twoimages img {border: 4px solid #FFFFFF; margin-left:5px;}
#copy .vertical {width: 280px;}
#copy .vertical img {float:right; margin-bottom:10px;}

#threeimages {margin-left: 36px; background:#FFFFFF; padding:2px; height:250px;}
#threeimages .midimg {padding:0px 2px 0px 2px;}

#twoimages {margin-left: 36px; background:#FFFFFF; padding:2px; height:250px;}
#twoimages .rightimg {padding:0px 0px 0px 2px;}

#footer {padding:4px; text-align:center; font-size: 14px; font-weight: bold; color:#333233;}



/* Page specific */
/* Diary */
#diary {background: url(../assets/images/diary/diary_background.jpg) repeat-y top; margin-left:36px;}
#diary .copy { min-height:400px;}
#diary h1 {padding-top:16px;}

#diary h2 {font-size: 12px; font-weight:bold; padding-bottom:2px;}

#diary .column {width: 380px; float:left; padding:0px 0px 30px 30px; min-height:250px;}
#diary .left {padding-right:30px;}
#diary .column img {clear:right; float:right; border: 4px solid #FFFFFF; margin:0px 5px 10px 10px;}
#diary .column p {padding-right:30px; text-align:justify;}

#diary .entry {padding-bottom: 20px;}

#diary #control {clear:both; padding:0px 20px 0px 20px;}
#diary #control .left {float:left;}
#diary #control .right {float:right;}

/* Calendar */
.event {padding-bottom:10px;}
.event h4 {}