/* #################################   Unique to Home Section  ################################ */

body {color:  #006;}

#header {background-color: #d7ebff;}
#content a, #footer a {color: #00f; background-color: transparent;}

#content h1, h2, h3, h4 {border-bottom: 2px solid #006;}

#content th {color: #006; background-color: #d7ebff}

/* Forms */
#contact fieldset {border: 1px solid #006;}
fieldset label {color: #d7ebff; background-color: #006; border: 1px solid #006;}
fieldset label.optional {color: #006; border: 1px dashed #006;}
input,textarea, select {border: 1px solid #006;}
input#go {border: 1px solid #006;}

/* Styles for Blog */
#content p.answer {background-color: #eeeeee; padding: 3px 2px; font-size: small; text-align: left;}
div.details {font-size: small; padding: 15px 0 10px 0;}
#warwickblogsgrabber {padding-top: 10px;}

/* Styles for All About You */
#cssstatus {display: none;}
#aboutyou > #cssstatus {display: list-item;}
#cssword:after {content:" enabled";}

/* Styles for About Me */
#aboutblog, #aboutflickr, #aboutwii {width: 445px; float: left; font-size: small;}
#aboutflickr {text-align: center;}
#aboutflickr a {padding: 2px;}
#aboutflickr a img {border: 1px dashed #fff; padding: 2px;}
#aboutflickr a:hover img {border: 1px dashed #006;}
#aboutwii {text-align: center}
#abouttwitter, #aboutgoogle, #aboutxbox, #about6x9 {float: right; width: 240px; clear: right;}
#abouttwitter #twitter {width: auto; padding-top: 5px;}
#abouttwitter h2, #aboutxbox h2 {display: none;}
#aboutxbox {text-align: center;}
#aboutxbox object, #aboutxbox iframe {margin: 0 auto;}
#about6x9 {font-size: small;}
#aboutstumble, #aboutihapwc {clear: both; font-size: small;}
#aboutihapwc {font-size: small;}

/* ###################################   Unique to SCREEN   ################################### */



/* ##############################   Common to SCREEN and PRINT   ############################## */

* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; background-color: #fff; padding-top: 148px;}
img {border: 0;}

#header {text-align: center; width: 834px; height: 148px; margin-left: -417px; left: 50%; top: 0; position: absolute;}
#header h1, #header p {display: none;}
#menu {color: #fff; background: #000 url('/images/menu-top.png') top center no-repeat; width: 762px; margin: 0 auto; clear: both;}
#menu div {padding: 10px; text-align: justify;}
#menu #calevent, #menu #bstalert {text-align: center; padding-bottom: 0;}
#menu #bstalert {font-weight: bold;}
#menu #search {padding-bottom: 0; float: left;}
#search div {padding: 0;}
#menu #breadcrumbs {padding: 10px 10px 13px 13px; clear: both; background: transparent url('/images/menu-bottom.png') bottom center no-repeat;}
#content {width: 722px; margin: 0 auto; background: #fff url('/images/background.png') top left;}
#content #innercont {padding: 10px 15px; text-align: justify;}
#footer {width: 832px; margin-left: -417px; left: 50%; position: absolute; background: #d7ebff url('/images/footer.png') bottom center no-repeat;}
#footer div {padding: 20px 70px 10px 70px; text-align: center; font-size: small; background: transparent url('/images/footer-fade.png') top center no-repeat;}
#footer #footerlinks {padding: 15px 0;}
#footer #validation:after {content: " - * External Link"}

/* Navigation */
#nav {padding-top: 11px;}
#nav, #nav li {list-style-type: none;}
#nav li, #nav a {display: block; float: left;}
#nav a {font-size: 20px; line-height: 99px; width: 125px; text-align: center; overflow: hidden; background: transparent url('/images/menu.png') top left no-repeat;}
#menu #nav a.current:before {content:"- ";}
#menu #nav a.current:after {content:" -";}
#nav #homelink {color: #006; background-color: #d7ebff;}
#nav #photoslink {color: #600; background-color: #fdd;}
#nav #randomlink {color: #060; background-color: #dfd;}
#nav #seriouslink {color: #000; background-color: #ddd;}
#nav #homelink:hover {background-color: #006; color: #d7ebff;}
#nav #photoslink:hover {background-color: #600; color: #fdd;}
#nav #randomlink:hover {background-color: #060; color: #dfd;}
#nav #seriouslink:hover {background-color: #000; color: #ddd;}

/* Links */
a:active {outline: 0;}
#menu a, #content a, #footer a {text-decoration: none; font-weight: bold;}
#breadcrumbs a:hover, #calevent a:hover, #content a:hover, #footer a:hover {text-decoration: underline;}
#breadcrumbs a:active, #calevent a:active, #content a:active, #footer a:active {text-decoration: overline; outline: 0;}
#breadcrumbs a, #calevent a {color: #fff;}
#content a.external:after, #footer a.external:after {content: "*";}

/* Forms */
form {margin: auto;}
fieldset {border: 0;}
#contact fieldset {margin-top: 5px;}
#contact fieldset legend {margin-left: 5px;}
fieldset label {float: left; display: inline; width: 100px; line-height: 16px; margin: 4px 10px; text-align: center; font-size: 76%;}
fieldset label.optional {background-color: #fff;}
#contact fieldset p {margin-left: 10px;}
input,textarea, select {margin:3px 0 6px 0; width: 250px;}
option {padding-left: 2px;}
input {height: 18px}
br {clear: left}
input#go {margin: 9px 0 10px 120px; background: #CCC; width: auto; height: auto;}

/* Latest Tweet */
#twitter {width: 200px; font-size: small;}
#twitter p {margin: 0; padding: 5px !important; clear: both; text-align: right;}
p#tweet {text-align: justify; background-color: #d7ebff;}
#tweetarrow {margin-right: 20px; float: right; height: 0; width: 0; border-top: #d7ebff 10px solid; border-left: transparent 10px solid; border-right: transparent 10px solid;}
#twitter a {font-size: x-small;}
#twitter #tweeter {font-size: medium; font-weight: bold;}

/* Headings */
#content h1, h2, h3, h4 {border-top: none; border-right: none; border-left: 2px solid #fff; text-align: right; clear: both; margin-bottom: 5px;}
#content h1 {font-size: 300%; border-width: 5px;}
h2 {font-size: 200%; border-width: 3px; line-height: normal;}
h3 {font-size: 150%; border-width: 2px; line-height: normal;}
h4 {font-size: 125%; border-width: 1px; line-height: normal;}

/* Blockquotes */
blockquote {border: 1px dashed #666; margin: 10px 20px;}
#content blockquote p {padding: 5px;}
blockquote .cite {font-size: small; text-align: right;}

/* General Classes */
.error, .nopage {color: #f00 !important;}
.align-center {text-align: center;}

/* General Styles */
p.haiku {text-align: center; font-size: 150%;}
#content p {padding: 5px 0;}
#content li {margin: 5px 0;}
#content ul li {margin-left: 15px;}
#content ol li {margin-left: 25px;}
#content th {font-size: small; text-align: center; padding: 2px;}