/*
Theme Name: informationally overloaded
Theme URI: http://www.onemanblogs.co.uk
Description: Custom Theme.
Version: 1.0
Author: Gordon McLean
Author URI: http://www.gordonmclean.co.uk
*/


/* Jello layout */

* { border: 0px solid #ccc; }

html { margin-top: 0px !important; }

body { padding: 0; margin: 0; background-color: #fff; font-size: 62.5% }

#bigbox { padding: 0 350px 0 350px; margin: 0; text-align: center; background: transparent; }

#banner { margin: 0; padding: 0; background-color: transparent; }

#quicknav { margin: 0 0 40px 0; padding: 0; background-color: transparent; }

#sizer { margin: 0 auto 0 auto; width: 50%; max-width: 300px; background-color: transparent; }

#expander { background-color: transparent; margin: 0 -350px 0 -350px; min-width: 700px; position: relative; }



/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/

* html #expander { height: 0; }



#wrapper { width: 100%; background-color: transparent; } 

#content { width: 64%; margin-right: 2%; text-align: left; float: right; display: inline; padding-left: 1em; }

#sidebar { width: 29%; float: left; display: inline; text-align: left; margin-left: 1%; padding-top: 22em; }

#footer { border-top: 1px solid #a8a8a8; }

/* hacks */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* ---------------- BELOW HERE IS ALL STYLE NO SUBSTANCE -------------------- */

/* oneman */

#onemanumbrella { text-align: left; color: #660033; font: normal 9px Verdana, sans-serif; margin: 0; padding: 0; border-bottom: 1px solid #E6E6E6; background: transparent; }
#dots { float: left; }
#div1, #div2, #div3, #div4 { position: absolute; top: 2px; left: 60px; width: 280px; visibility: hidden; }
#onemandots { color: #C9C9C9; font: normal 14px Verdana, sans-serif; margin: 0 4px; padding: 0; }
#contact { float: right; margin: 4px; }
#onemanumbrella a.dots { text-decoration: none; color: #C9C9C9; }
#onemanumbrella a.dots:hover { color: #660033; }

/* sitewide elements */

body { font: normal 1em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 120%; color: #222222; }

p { }

h1 { }

h1.banner { margin: 30px 0px 30px -80px;  }

h2 { font: normal 2.0em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.8px; line-height: 120%; margin: 0; border-bottom: 1px solid #CCE6FF; padding: 0 0 0.1em 0; }

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

h3 { font: normal 1.5em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.8px; margin: 32px 0 -0.75em 0; }

h4 { font: normal 1.2em Georgia, 'Times New Roman', Times, serif; letter-spacing: -0.4px; margin: 20px 0 -0.75em 0; }

span.strike { color: #b4b4b4; text-decoration: line-through; }

em { color: #363636; }

a { color: #0052A3; }

a:link { color: #0052A3; }

a:hover { color: #E07000; }

a:visited { color: #666; }

a:visited:hover { color: #E07000; }

a.img { border: 0px; text-decoration: none; }

hr { border: 0; width: 60%;  color: #CCE6FF; background-color: #CCE6FF; height: 2px; }



/* DIV specific elements and style */

#banner { font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

#quicknav { color: #a8a8a8; font: normal 0.76em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

#quicknav a { color: #0052A3; }

#quicknav a:hover { color: #E07000; }

#quicknav a:visited { color: #666; }

#content { font: normal 0.9em Georgia, 'Times New Roman', Times, serif; line-height: 135%; }

.navpara { margin: 0; padding: 0; color: #5C5C5C; }

.blogpost { margin-bottom: 88px; }

.blogpostfooter { font-size: 0.78em;  color: #696969; }

.postdate { font: normal 0.73em Georgia, 'Times New Roman', Times, serif; color: #858585; margin: 0; padding: 0.4em 0 0 0; }

.postdate a { text-decoration: none; }

.postdate a:hover { text-decoration: underline; }

.blogpost img { background-color: #f5f5f5; padding: 4px; border: 2px solid #ccc; }
.blogpost p img { text-align: center; align: center; }
.blogpost .wp-smiley { border: 0px; text-decoration: none; padding: 0px; margin: 0px; }


#sidebar { color: #595959; font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; line-height: 110%; }

#sidebar a { color: #0052A3; text-decoration: none; }

#sidebar a:hover { color: #E07000; text-decoration: underline; }

#sidebar p { margin: 0 0 10px 0; }

#sidebar h3 { font-size: 1.1em; margin: 30px 0 0 0; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

#sidebar h4 { margin: 30px 0 0 0; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }

#tumblr { text-align: center; background-color: #E5E5FF; border: 1px solid #B3B3FF; }
#tumblr h4 { margin: 4px; }

#sidebar ul { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; }
#sidebar li { list-style: none; margin: 3px 0 8px 0; padding: 0.25em; border-top: 1px solid #CCC; }




/* live blogroll classes */

a.i { font-weight: bold; }
.f { float: right; }
.s { font-size: 0.85em; } 




#searchbox { margin: 1em; padding: 0; text-align: left;}

input .searchform { padding: 0; margin: 0; } 

.search { width: 180px; height: 14px; font-size: 100%; color: #bbb; padding: 0; border: 1px solid #A0A0A0; font-family: lucida sans unicode, lucida grande, verdana, arial, sans-serif; font-size: 0.8em; } 

input { background-color: #f5f5f5; border: 1px solid #A0A0A0; color: #999; height: 18px; }

#footer { color: #696969; font: normal 0.7em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }



#comments, #respond { margin: 2em 0 0 10px; }

#commentform { margin: 10px;	padding:10px; }

#outer .commentlist { margin: 0; padding: 0; }

.commentlist li { list-style:none; margin: 1em 0; padding: 0.5em; }

.commentlist li p { margin:0 1em; }

textarea { width: 90%; padding:5px;	height: 20em; border: 1px solid #ccc; background:#F9F9F7; }

#outer input.text {	background:#F9F9F7;	 border:#ccc 1px solid; }

.commentlist li.highlight { background-color: #fbfbfb; border: solid 1px #ccc; }

input .commentform { padding: 0; margin: 0; color: #5C5C5C; background-color: #f5f5f5; } 

.blogroll { }

.leftlinks { width: 130px; float: left; text-align: left; padding: 0; margin: 0 0 0 4px; background-color: transparent; }

.rightlinks { width: 130px; float: right; text-align: left; padding: 0; margin: 0 0 0 6px; background-color: transparent; }

.miniposts { margin: 12px 0 20px 0; }

#minipost p { margin-bottom: 50px; }

p.minipost { padding: 0 0 12px 0; }

blockquote { margin: 26px; font-size: 0.96em; padding-left: 16px; border-left: 1px solid #003366; line-height: 110%; font-style: italic; }



/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 17px "Trebuchet MS", Helvetica, Arial, Geneva; 
	color: #414d4c; 
}
#comments .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 600px; 
	padding-bottom: 5px;
        border: 1px solid #c0c0c0;
        color: #000;
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 500px; 
	background: #fff; 
}
#comments .comment .comment-content a { color: #660033; }


#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #660033; 
	text-decoration: none;
}


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


.delicious-posts { }

.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0; }

.delicious-post { border-top: 1px solid #eee; padding: 0.25em; }

.delicious-odd { }

.delicious-banner a { }

.delicious-posts a:hover { }

.delicious-posts a { display: block; padding: 0.3em; }

.delicious-post a { }