/*
Theme Name: Daylight
Theme URI: http://www.binarymoon.co.uk/
Version: 2
Author: Ben Gillbanks
Author URI: http://www.binarymoon.co.uk/
*/

* {
	margin:0; padding: 0; border: 0;
	font:1em verdana, arial, sans-serif;
	line-height:1.9em;
}

/* -------------------
- HOME PAGE SPECIALS -
------------------- */

#splash {
	display:block;
	position:relative;
	background:url(bg_splash.jpg) left center no-repeat #fc0;
	height:160px;
}

#splash p {
	position:absolute;
	bottom:-10px;
	padding:0 0 0 210px;
	margin:0;
	font-size:1.4em;
	line-height:1.4em;
	color:#c90;
}

/* ---------------------------------
- GENERIC GUFF (APPLIES SITE WIDE) -
--------------------------------- */

body {
	font-size:0.625em;
	_font-size:10px;
	background:url(bg_body.gif) repeat-y #def;
	margin-left:40px;
}

h1, h2, h3, h4, h5, h6 {
	font:1.8em Georgia, 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	font-weight:normal;
	margin:1em 16px 0 16px;
}

h1 a, h2 a, h3 a, h4 a {
	font-family:Georgia, 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
}


a {
	color:#444;
	text-decoration:none;
	border-bottom:1px solid #444;
}

a img {
	border:none;
}

a:hover {
	border:none;
}

.warning {
	margin:1.5em 16px;
	padding:1em;
	border:2px solid #c33;
	color:#c33;
}

.alert {
	padding:5px;
	background:#3c3;
	color:#fff;
	text-align:center;
}

input, textarea {
	border:1px solid #999;
	border-color:#666 #ddd #ddd #666;
	padding:3px;
	width:270px;
	color:#999;
	margin:0 0 10px 0;
	background: url(bg_input.gif) no-repeat 0 0 #fff;
	_background-attachment: fixed;
}

.button {
	background:#fc0;
	color:#333;
	border-color:#fd1 #c90 #c90 #fd1;
	cursor:pointer;
	width:100px;
}

/* ------------------
- MAIN PAGE CONTENT -
------------------ */
#content {
	border-top:8px solid #fc0;
	position:absolute;
	left:320px;
	width:560px;
	color:#666;
	background:#fff;
	font-size:1.2em;
}

#content h1 {
	line-height:60px;
	height:60px;
	background:#fe9 url(bg_journal.jpg) right no-repeat;
	padding:0 16px;
	margin:0;
	border-bottom:1px solid #fd3;
}

#content ul, #content ol, #content dl {
	margin:10px 16px;
	padding:0 0 5px 32px;
	display:block;
}

#content li {
	margin:0 0 16px 0;
}

#content ul ul {
	margin:0;
}

#content dl {
	padding:0;
}
#content dt {
	width:120px;
	height:100px;
	float:left;
	clear:both;
	border:1px dashed #f00;
}
#content dd {
	margin:0 -16px 16px 120px;
	border:1px dashed #f00;
}
#content dl h2 {
	display:inline;
}

#content h2 {
	margin:16px 16px 5px 16px;
}

#content h2 a, #content h3 a {
	color:#333;
}

#content h2 a {
	border:none;
	line-height:1.3em;
}

#content h2 a:hover, #content h3 a:hover {
	color:#d70;
}

#content h3.details {
	color:#999;
	margin:-4px 0 0 16px;
	font-size:1em;
}

#content h3.details a {
	color:#999;
	border-color:#999;
}

#content a.image {
	border:none;
}

#content h3 {
	color:#333;
	font-size:1.6em;
}

#content h4 , #content h5, #content h6 {
	color:#666;
	font-size:1.4em;
	margin:0 16px;
}

#content p {
	margin:1.5em 16px;
}

#content strong {
	background:#ffc;
}

#content .i_right {
	float:right;
	margin:0 0 10px 10px;
	padding:8px;
	border:1px solid #ddd;
}

#content .i_left {
	float:left;
	margin:0 10px 10px 0;
	padding:8px;
	border:1px solid #ddd;
}

#content .spoiler {
	color:#fff;
	padding:8px;
	border:1px solid #ddd;
}

.post {
	padding-bottom:16px;
}

.widgets {
	color:#ccc;
	margin:16px 16px 0 16px;
	padding:2px 10px;
	background:#f3f3f3;
	border:2px solid #eee;
	border-width:0 2px 2px 0;
	clear:both;
}

.widgets a {
	color:#d70;
	border:none;
	padding:3px 0;
}

.widgets a.read, .widgets a.comments {
	padding:3px 3px 3px 20px;
}

.widgets a:hover {
	color:#666;
}

.widgets .read {
	background:url(page.gif) left center no-repeat;
}

.widgets .comments {
	background:url(comments.gif) left center no-repeat;

}

#comments {
	background:#ffc;
	border-bottom:1px solid #ffc;
	border-top:1px solid #ffc;
	clear:both;
}

#search h3 {
	margin:0 10px 10px 10px;
	padding:0;
}

#search h3 a {
	line-height:1.4em;
}

#search .comments {
	color:#aaa;
	border-color:#aaa;
	font-size:0.6em;
}

#search li {
	margin:0 0 16px 0;
	padding:0 0 16px 0;
	border-bottom:1px solid #eee;
}

#search p {
	margin:0 10px;
	font-size:0.8em;
}

#comments h3 {
	margin-top:5px;
}
#comments h3 em {
	font-style:italic;
	font-size:.7em;
	clear:left;
	color:#ca0;
}

#comments ol {
	font-size:1em;
	list-style-type:none;
	margin:0; padding:0;
}

#comments li {
	padding:10px 16px;
	border-bottom:1px solid #fe9;
	overflow:hidden;
	clear:both;
	margin:0;
	_height:1%;
}

#comments .spoiler {
	color:#ffc;
	border:none;
}

#comments .highlighted {
	background:url(bg_h_comment.gif) bottom left no-repeat #fff;
	border-top:1px solid #fff;
}

#comments .highlighted .info a, #comments .highlighted .info {
	color:#aaa;
}

#comments .info {
	width:140px;
	float:left;
	display:block;
	margin:10px 0;
	color:#fb6;
}

#comments .info a {
	font-weight:bold;
	border:none;
	color:#d70;
}

#comments .info a:hover {
	text-decoration:underline;
}

.ad_comment {
	text-align:center;
	padding:8px;
}

#comments p {
	width:370px;
	_width:350px;
	margin:10px 0 10px 150px;
}

#comments form {
	padding:10px 10px 40px 16px;
	background:#fe9;
	overflow:hidden;
	_height:1%;
}

#comments form h3 {
	margin:0 0 10px 0;
}

#comments #submit {
	float:right;
	margin:0 10px; padding: 0;
	width:80px;
	height:7.2em;
	clear:both;
}

#comments input, #comments textarea {
	border:1px solid #999;
	border-color:#cb6 #ffa #ffa #cb6;
	padding:3px;
	width:270px;
	color:#999;
	margin:0 0 10px 0;
	background: url(bg_input.gif) no-repeat 0 0 #fff;
	_background-attachment: fixed;
	float:right;
}

#comments input:focus, #comments textarea:focus {
	color:#333;
	border:1px solid #fc0;
}

#comments textarea {
	width:360px;
	height:190px;
	margin:0 10px 10px 0;
}

#comments label {
	cursor:pointer;
	display:block;
	float:left;
	width:140px;
	margin:0 0 10px 0;
	text-align:right;
	clear:left;
	font-size:80%;
}

#comments label em, #comments form p, #comments label:hover, #comments label:hover em  {
	color:#ca0;
}

#comments .check {
	width:16px;
}

#comments form p {
	clear:both;
	font-size:80%;
}

#comments .button, #contactsubmit {
	background:#fc0;
	color:#333;
	border-color:#fd1 #c90 #c90 #fd1;
	cursor:pointer;
	margin:0 0 10px 150px;
	width:100px;
}

#comments .button:hover {
	background:#fff;
}

#comments .me {
	background:#fff;
}

/* -----------
- TRACKBACKS -
----------- */

#trackback{
	background:#fff;
}

#trackback h3 {
	margin:0;
}

#trackback ul {
	margin:0;
	padding:0;
}

#trackback li {
	border:none;
	padding:2px 0;
	list-style-type:none;
}

#trackback a {
	color:#d70;
	border-color:#d70;
}

/* --------------------------------
- SIDEBAR (Main Nav - Footer etc) -
-------------------------------- */
#sidebar {
	border-top:8px solid #69e;
	width:280px;
	color:#69e;
	clear:both;
	position:relative;
}

#sidebar h2 {
	padding:0; margin:0 0 10px 0;
}

#sidebar form {
	background:#acf url( bg_form.jpg ) no-repeat;
	padding:135px 10px 10px 10px;
	color:#fff;
}

#sidebar label {
	float:left;
	padding:3px 8px 3px 0;
}

#sidebar input {
	width:150px;
	border:1px solid #999;
	padding:3px;
	margin:0;
	border-color:#79c #bdf #bdf #79c;
	color:#999;
	background: url(bg_input.gif) no-repeat 0 0 #fff;
	_background-attachment: fixed;
}

#sidebar .button {
	width:50px;
	height:2.1em;
	padding:0;
	color:#333;
	background:#def;
	border-color:#eff #abc #abc #eff;
	cursor:pointer;
}

#sidebar .button:hover {
	background:#fff;
}

#sidebar input:focus {
	color:#333;
}

#header a {
	display:block;
	background:url(bg_header.jpg) no-repeat left center;
	height:60px;
	border:none;
	text-indent:-999em;
	margin:0;
	padding:0;
}

#header {
	margin:0; padding:0;
}

#menu {
	padding:16px;
}

#menu ul {
	list-style-type:none;
	margin:0; padding:0;
}

#menu p, #menu a {
	line-height:1.8em;
	margin:2px 0;
}

#menu a {
	color:#66f;
	border-color:#66f;
}

#menu .game {
	margin:5px 0 0 0; padding:0;
}

#menu .game a {
	display:block;
	color:#69e;
	border:none;
	font-weight:bold;
	overflow:hidden;
	padding:2px;
	font-weight:normal;
	_height:1%;
}

#menu .game strong {
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #66f;
	color:#66f;
}

#menu .game a:hover {
	color:#66f;
	background:#fff;
}

#menu .game a:hover strong {
	border:none;
}

#menu .game li {
	overflow:hidden;
	_height:1%;
	clear:both;
}

#menu img {
	float:left;
	margin:2px 8px 2px 0;
	border:4px solid #fff;
	clear:both;
}

#sidebar .box {
	color:#666;
	margin:0 0 16px 0;
	background:#EEF7FF;
	border:1px solid #ddf;
	border-width:0 2px 2px 0;
}

#sidebar .box.subscribe {
	border:2px solid #fff;
	background:#f60;
}

#sidebar .box.subscribe p {
	color:#fff;
}

#sidebar .box.subscribe a {
	color:#fff;
	border-color:#fff;
	font-weight:bold
}

#sidebar .box p {
	padding:4px 8px;
}

#sidebar .box h2 {
	background:#fff;
	color:#666;
	font-size:1.4em;
	padding:4px 8px;
	margin:0;
}

#sidebar .box h2 strong {
	font-size:0.7em;
	color:#ddf;
	float:right;
}

#sidebar .box ul {
	margin:5px 0;
}

#sidebar .box li {
	padding:0 0 0 28px;
	background:url( bullet_blue.gif ) 6px 3px no-repeat;
	list-style-type:none;
}

#sidebar .box .game li {
	margin:0 8px;
	padding:0;
	list-style-type:none;
}

#sidebar .box strong {
	font-weight:bold;
}

#sidebar .box .feed li {
	background:url( feed.gif ) 6px 3px no-repeat;
}

#footer {
	color:#999;
	height:3em;
	padding:10px;
	font-size:0.8em;
	border-top:2px solid #fc0;
	clear:both;
}

#footer ul {
	margin:0; padding:0;
	list-style-type:none;
}

#footer li {
	float:left;
	border-right:1px solid #ddd;
	padding:0 10px;
}

#footer a {
	color:#999;
	border-color:#999;
}

#footer .image {
	border:none;
	vertical-align:-20%;
}

#footer a:hover {
	border:none;
}

/* -----------
- NAVIGATION -
----------- */
#nav {
	height:35px;
	list-style-type:none;
	background:url( bg_nav.jpg ) 0 -70px;
	padding:0 0 0 2px;
	display:block;
}

#nav li {
	float:left;
}

ul#nav a {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	border:none;
	color:#fff;
	width:69px;
	height:35px;
}

ul#nav .sub {
	font-weight:normal;
}

#blog a:hover {	background:url( bg_nav.jpg ) -2px -35px; }
#proj a:hover { background:url( bg_nav.jpg ) -71px -35px; }
#colo a:hover { background:url( bg_nav.jpg ) -140px -35px; }
#arch a:hover { background:url( bg_nav.jpg ) -209px -35px; }

#b_blog #blog a:hover, #b_blog #blog a { background:url( bg_nav.jpg ) -2px 0; }
#b_proj #proj a:hover, #b_proj #proj a { background:url( bg_nav.jpg ) -71px 0; }
#b_colo #colo a:hover, #b_colo #colo a { background:url( bg_nav.jpg ) -140px 0; }
#b_arch #arch a:hover, #b_arch #arch a { background:url( bg_nav.jpg ) -209px 0; }

/* ----------------
- homepage footer -
--------------- */

#linklist {
	background:#ffc;
	overflow:hidden;
	padding-bottom:16px;
	border:1px solid #eee;
	_height:1%;
}

#linklist .list {
	float:left;
	width:279px;
}

#linklist ul {
	list-style-type:none;
	padding:0; margin:0;
}

#linklist li {
	background:url( bullet_star.gif ) -2px 3px no-repeat;
	padding-left:15px;
	margin:8px 16px;
}

#linklist .rssfeed {
	background:none;
}

#linklist .rssfeed a {
	margin:10px 0;
	color:#f90;
	font-weight:bold;
	border-bottom:2px solid #f90;
}

#linklist .rssfeed a:hover {
	border:none;
}

#minigal {
	list-style-type:none;
	overflow:hidden;
	_height:1%;
	margin:0; padding:0;
}

#minigal ul {
	margin:0 0 0 16px; padding:0;
}

#minigal li {
	list-style-type:none;
	float:left;
	margin:0px 8px 10px 0;
}

#minigal img {
	padding:1px;
}

#minigal a { border:1px solid #fff; display:block; }
#minigal a:hover { border:1px solid #666; }

.postnav {
	clear:both;
	color:#999;
	list-style-type:none;
	overflow:hidden;
	_height:1%;
	display:block;
	padding:0 !important;
}

.postnav a {
	color:#999;
	border-color:#999;
}

.postnav li {
	float:left;
	display:block;
	width:250px;
	margin:0; padding:5px;
}

.postnav .right {
	text-align:right;
}

.skipnav {
	position:absolute;
	top:10px;
	left:-999px;
	border:2px solid #fff;
	color:#fff;
	background:#666;
	padding:10px;
	z-index:10;
}

.skipnav:focus {
	left:50px;
}

.skipnav:hover {
	border:2px solid #333;
}

#bmoonlink {
	position:absolute;
	bottom:0;
	left:-320px; width:40px;
	height:300px;
	display:block;
	text-indent:-999px;
	border:none;
	background:url( bm_logo.gif ) no-repeat bottom center;
}

#nineruleslink {
	border:none;
	display:block;
	text-align:center;
}

.ad_link {
	margin:0;
	text-align:center;
	padding:12px 0;
	clear:both;
}

#series h3 {
	margin:8px 0 0 0;
}

#series ol {
	padding:0 0 0 24px; margin:0;
}

#getFirefox {
	display:none;
}

/* ---------------
- BLOCK ELEMENTS -
--------------- */

code, pre, blockquote, #series {
	margin:1.5em 16px;
	background:#f5f5f5 url( bg_code.gif ) top left no-repeat;
	display:block;
	padding:8px 8px 8px 36px;
	font-family:courier;
	font-size:1em;
	border:1px solid #eee;
	border-width:0 2px 2px 0;
}

code p, pre p, blockquote p, #series p {
	margin:4px 0 !important; padding:0;
}

blockquote p {
	font-size:1.2em;
	font-style:italic;
}

blockquote { background-image:url( bg_quote.gif ); }
#series { background-image:url( bg_series.gif ); }

p code {
	margin:0;
}

pre, code {
	color:#d70;
}

pre {
	white-space:pre;
	overflow:auto;
}

#comments blockquote {
	width:320px;
	margin:0 0 0 150px;
}

#comments blockquote p {
	width:auto;
}

.subscription-manager {
	display:block;
}

.subscription-manager .updated {
	padding:10xp;
	background:#ffc;
	margin:5px 10px;
}

.subscription-manager fieldset {
	border:1px solid #eee;
	margin:5px 10px;
}

.subscription-manager legend {
	font-weight:bold;
	margin:0 5px;
}

.subscription-manager input {
	width:auto;
}

#comments p.subscribe-to-comments {
	display:block;
	padding:5px;
	background:#fff;
	font-size:0.8em;
}

#comments p.subscribe-to-comments input {
	float:left;
	border:none;
}

#comments p.subscribe-to-comments label {
	width:250px;
	float:left;
	clear:none;
	font-weight:normal;
	display:block;
	margin:0;
	padding:0 5px;
}

.alexa {
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	left:-999px;
}

.contactform {
	margin:0 15px;
}

.contactleft {
	float:left;
	width:150px;
	clear:both;
}

.contactright{
	float:left;
}

.contactright textarea {
	width:340px;
}

.contactform fieldset {
	border:1px solid #ccc;
	padding:15px;
}

.contactform form {
	margin:0;
	padding:0;
}

.contactform legend {
	color:#999;
	padding:0 5px;
}