/*   
Theme Name: Unintentionally Blank
Theme URI: www.unintentionallyblank.co.uk
Description: Unintentionally Blank: two column, fixed width theme.
Author: Phil Nash
Author URI: http://www.unintentionallyblank.co.uk
Version: 2.0
*/

/* Structure */
body {
	padding:0;
	margin:0;
	height:100%;
	text-align:center;
	}
#wrapper {
	width:762px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
#header {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	}
#navigation {
	width:758px;
	margin:0;
	position:relative;
	padding:0 2px;
	}
#main {
	width:499px;
	padding:0;
	margin-left:6px;
	float:left;
	}
.post {
	padding:0 10px;
	}
.date {
	dislay:inline;
	}
#sidebar {
	margin:0 6px 0 506px;
	padding:10px;
	}
#web { padding-bottom:15px; }
#footer {
	width:750px;
	margin:0 6px;
	padding-top:30px;
	clear:both;
	overflow:hidden;
	}
#web h2, #personal h2, #sidebar h2 {
	margin-top:0;
	}
* html #main { margin-left:3px; }

/* End Structure */

/* Typography, Headers and Colors */

body {
	background:#fff url(images/ub-body.jpg) no-repeat top center;
	font:62.5%/150% verdana, tahoma, helvetica, arial, sans-serif;
	}
p {
	padding:0 10px;
	margin:0 0 1.8em 0;
	}
#footer p {
	font-size:0.9em;
	line-height:1em;
	padding:40px 40px 0 40px;
	color:#333;
	text-align:center;
	}
ul {
	list-style-type:circle;
	}
p, ul, ol, dl { 
	font-size:1.2em;
	line-height:1.5em;
	}
ul ul, ol p, #navigation ul, dl p { font-size:1em; }
dl dt {
	font-weight:bold;
	padding-left:10px;
	}
dl dd {
	padding-left:30px;
	margin-left:0;
	}
a, a:link, a:visited {
	color:#006;
	text-decoration:none;
	border-bottom:1px dotted #006;
	}
a:hover {
	color:#fff;
	background:#006;
	border-bottom:none;
	}
.latestcomments a { color:#006 !important; }
.latestcomments a:hover { color:#FFF !important; }
#header h1, #header h2 {
	background:transparent url(images/ub-header.jpg) no-repeat top center;
	height:0 !important;
	height /**/:200px;
	overflow:hidden;
	padding:200px 0 0 0;
	margin:0;
	font-size:1em;
	}
#navigation, h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h3, h3 a, h3 a:link, h3 a:hover, h3 a:visited {
	font-family:Helvetica, "Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	color:#006;
	text-decoration:none;
	font-weight:normal;
	border:none;
	}
h1 a:hover, h2 a:hover, h3 a:hover {
	background:transparent;
	}
.post h1, h2, #web h3, #personal h3 {
	font-size:2.5em;
	line-height:1.44em;
	letter-spacing:-0.09em;
	padding-top:10px;
	font-weight:normal;
	}
#other {
	background:transparent url(images/older-posts.jpg) no-repeat top center;
	height:0 !important;
	height /**/:75px;
	overflow:hidden;
	padding-top:75px;
	margin:0;
	}
#latest {
	background:transparent url(images/latest-article.jpg) no-repeat top center;
	height:0 !important;
	height /**/:75px;
	overflow:hidden;
	padding-top:75px;
	margin:0;
	}
h3, #sidebar h2 {
	font-size:1.8em;
	line-height:1em;
	letter-spacing:-0.05em;
	}
#sidebar ul h2 {
	font-size:1.5em; line-height:1.2em;
	}
#emailsub { margin-top:55px; }	
#sidebar h2 {
	display:block;
	border-bottom:1px dotted #006;
	}
#secondary h3 {
	padding:0;
	margin:0;
	}
.main-page #wrapper { background:transparent url(images/wrapper-bg-other.gif) repeat-y top center; }
.main-page #footer { background: #fff url(images/footer-bg-other.jpg) no-repeat top left; }
.single-page #wrapper { background:transparent url(images/wrapper-bg-single.gif) repeat-y top center; }
.single-page #footer { background:#fff url(images/footer-bg-single.jpg) no-repeat top left; }
.other-page #wrapper { background:transparent url(images/wrapper-bg-other.gif) repeat-y top center;	}
.other-page #footer { background:#fff url(images/footer-bg-other.jpg) no-repeat top left; }
#main { background:#fff url(images/main-bg.jpg) no-repeat top left; }
#sidebar { background:transparent url(images/sidebar-bg.jpg) no-repeat top right; }
#web { background-color:#C09DC6; }

/* End Typography, Headers and Colors */

/* Navigation */
#navigation {
	background:#A6DBFF url(images/nav-bg.gif) repeat-y top left;
	border-top:2px solid #006;
	}
#navigation ul {
	background-color:#A6DBFF;
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	}
#navigation ul li {
	display:inline;
	padding:0;
	margin:0;
	}
#navigation a, #navigation a:visited {
	display:block;
	float:left;
	padding:7px 35px;
	background-color:#A6DBFF;
	font-size:1.5em;
	text-decoration:none;
	color:#006;
	border:none;
	margin:0;
	}
#navigation a:hover {
	background-color: #fff;
	color:#000;
	}
#navigation a.current {
	display:block;
	float:left;
	padding:7px 35px;
	background-color:#fff;
	font-size:1.5em;
	text-decoration:none;
	color:#000;
	}
/* End Navigation */

/* Sidebar */
#search {
	background-color:transparent;
	}
#search form {
	padding:10px 0 0;
	margin:0;
	display:block;
	}
#search label {
	font-family:Helvetica, "Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	color:#006;
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:-0.09em;
	display:none; /*block; */
	}
#bar {
	width:70%;
	float:left;
	background:#fff url(images/search.gif) no-repeat bottom right;
	}
.searchsubmit {
	background-color:#a6dbff;
	border:1px solid #006;
	padding:0;
	margin:0 0 0 10px;
	font-family:Helvetica, "Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	color:#006;
	font-size:1.5em;
	letter-spacing:-0.09em;
	}
.searchsubmit:hover {
	background-color:#fff;
	}
#sidebar h2 {
	margin:8px 0 5px 0 ;
	padding:0;
	}
#sidebar ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
#sidebar ul ul { padding-left:15px; }

/* End Sidebar */

/* Footer */
#footer { text-align:center; }
#footer ul {
	list-style-type:none;
	margin:0 auto;
	padding:20px;
	}
#footer li {
	display:inline;
	padding:0 7px 0 10px;
	border-left:1px solid #006;
	}
#footer li:first-child { border:none; }

/* End Footer */

/* Comments */
#comment-section {
	width:499px;
	padding:0 0 10px 0;
	margin:0;
	background-color:#C09DC6;
	}
#comments {
	background:transparent url(images/comments-head.jpg) no-repeat top left;
	height:0 !important;
	height /**/:75px;
	overflow:hidden;
	padding-top:75px;
	margin:0;
	}
.commentlist {
	list-style-type:none;
	padding:0;
	margin:0 24px 0 25px;
	}
.comment {
	width:430px;
	background:transparent url(images/comment.jpg) no-repeat top left;
	position:relative;
	padding:10px 10px 0 10px;
	margin-bottom:20px;
	}
.mycomment {
	background:#fff url(images/auth-comment.jpg) no-repeat top left;
	}
.commentmetadata {
	padding:0;
	margin:5px 0 3px 0;
	}
.comment_no {
	font-family:"Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	margin:5px 15px;
	font-size:2em;
	float:right;
	color:#006;
	}
#respond, #commentform {
	margin:0 20px;
	}
input, textarea {
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing:-0.03em;
	padding:0;
	margin:0;
	font-family:Helvetica, "Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	}
#reset, #submit {
	background-color:#a6dbff;
	border:1px solid #006;
	padding:0 5px;
	margin:0;
	font-family:Helvetica, "Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	color:#006;
	font-size:1.5em;
	}
#reset:hover, #submit:hover { background-color:#fff; }
#author { background:#fff url(images/name.gif) no-repeat bottom right; }
#email, #feedemail { background:#fff url(images/mail.gif) no-repeat bottom right; }
#url { background:#fff url(images/website.gif) no-repeat bottom right; }
#comment {
	background:#fff url(images/comment-bg.gif) no-repeat bottom right;
	width:80%;
	}

/* Useful classes */
p.postmetadata {
	text-indent:0;
	border-top:1px solid #006;
	padding:10px 0;
	margin:5px 10px 40px;
	}
#web p.postmetadata { margin-bottom:15px; }
p.date-posted {
	color:#333;
	font-size:1em;
	}
.previous {
	padding:0;
	margin-left:10px;
	float:left;
	clear:left;
	width:215px;
	}
.next {
	padding:0;
	margin-right:10px;
	float:right;
	clear:right;
	text-align:right;
	width:215px;
	}
.prevnext { padding:10px; }
.moreposts a { margin-left:10px; }
hr { visibility:hidden; }
.clear { clear:both; }
#feeds {
	position:relative;
	background:transparent url(images/blue-feed.gif) no-repeat left bottom;
	}
#feeds form {
	position:absolute;
	top:100px;
	left:0px;
	}
#feedemail { width:120px; }
blockquote { margin-left:30px; }
code, pre {
	font-family: courier, "Courier New", monospace;
	font-size:1em;
	white-space: pre;
	}
code.inline { white-space: normal; }
#mainlink, #fontlinks, #switcher {
	padding:0;
	margin:0;
	font-size:0.9em;
	position:absolute;
	top:0;
	}
#fontlinks {
	left:2%;
	top:0.9em;
	margin-top:7px;
	}
#switcher {
	right:2%;
	background-color:transparent;
	top:2px;
	}

#mainlink { left:2%; }
.hidden { display:none;	}
.alignleft {
	float:left;
	clear:left;
	margin:0 5px 5px 0;
	border: none;
	}
.alignright {
	float:right;
	clear:right;
	margin:0 0 5px 5px;
	border:none;
	}
.google_ad {
	padding:20px 35px;
	float:right;
	clear:right;
	}
.more_ads {
	margin:10px;
	float:right;
	clear:both;
	}
a img { border:none; }
ins { text-decoration:none; font-style:italic; }
del { text-decoration:strike; }

/* End Useful Classes */

/* Start of icons */
.number_comments { 
	padding:2px 0 4px 22px;
	margin:0 5px;
	background:transparent url(images/icons/comments.png) no-repeat center left;
	display:inline-block;
	}
.date-posted {
	margin:5px 0 5px 10px;
	padding:4px 0 4px 22px;
	background:transparent url(images/icons/date.png) no-repeat center left;
	}
.edit {
	padding:4px 0 4px 22px;
	margin:0 5px;
	background:transparent url(images/icons/pencil.png) no-repeat center left;
	}
.trackback { 
	padding:4px 0 4px 22px;
	background:transparent url(images/icons/arrow_redo.png) no-repeat center left;
	margin:0 5px;
	}
.category { 
	padding:4px 0 4px 22px;
	background:transparent url(images/icons/tag_blue.png) no-repeat center left;
	margin:0 5px;
	}

/* End icons */

/* MyBlogLog */

body table#MBL_COMM th.mbl_h {
	border-bottom:1px dotted #006;
	font-family:Helvetica, "Century Gothic", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
	font-size:1.8em;
	line-height:1.3em;
	letter-spacing:-0.09em;
	font-weight:normal;
	}

#sidebar table#MBL_COMM td.mbl_mem a, #sidebar table#MBL_COMM td.mbl_join a, #sidebar table#MBL_COMM td.mbl_fo_hidden a {
	font-weight:normal;
	display:inline;
	border-bottom:1px dotted #006;
	}

#sidebar table#MBL_COMM td.mbl_mem a:hover, #sidebar table#MBL_COMM td.mbl_join a:hover, #sidebar table#MBL_COMM td.mbl_fo_hidden a:hover {
    background-color:#006;
	border-bottom:1px solid #006;
	color:#FFF;
	}
#cocomment-minibar { display:none !important; }