/*
Theme Name: U5, heavily adapted for Chuka Umunna
Theme URI: http://techpolitics.eu
Description: Originally from <a href="utombox.com">UtomBox.com</a>.
Version: 0.1
Author: techPolitics based on Utom
Author URI: http://utombox.com
*/

/* GENERAL STYLES */
body
{
	background: #CCC url("images/bgwide.png") repeat-y center center;
	font: 14px/160% Arial, Verdana, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS"; }
p,.entry ol,.entry ul { margin: 0 0 1em; }
.entry ol,.entry ul { padding: 0 0 0 2em; }
.entry strike { text-decoration: line-through; }

input,textarea
{
	background: #EBEBEB;
	border: 1px solid #666;
	font: 14px/160% Arial, Verdana, sans-serif;
	color: #666;
	padding: 2px;
}

input[type=text]:focus,textarea:focus
{
	background: #ccc;
	border: 1px solid #666;
	font: 14px/160% Arial, Verdana, sans-serif;
	color: #000;
}

/* COLUMNS */
#wrapper
{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#navigationwrap, #footerwrap
{
	width: 940px;
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navigationwrap {
	background-color: #016131;
}

#maincontent
{
	width: 650px;
	float: left;
	display: block;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

.post
{
	padding: 10px;
}



#headerrotation {


}

#headertext {
	position: relative;
	float: left;
	width: 920px;
	margin: 0 0 0 0;
	padding: 10px;
	background-color: #EBEBEB;
}

#headertextfront h1, #headertextfront h2 {
	float: left;
	margin: 0 20px 0 0;
	height: 26px;
	display: block;
}

#headertextfront h1 {
	padding: 5px 0 0 0;

}

#headertextfront h2 {
	padding: 11px 0 0 0;
	font-weight: 700;

}

#headertextfront h2 a, #headertextfront h2 a:visited, #headertextfront h1 a, #headertextfront h1 a:visited {
	color: #990000;
	text-decoration: none;
}

#headertextfront h2 a:hover, #headertextfront h2 a:active, #headertextfront h1 a:hover, #headertextfront h1 a:active {
	color: #990000;
	text-decoration: underline;
}

#sidenotes
{
	float: right;
	width: 250px;
	display: inline;
	margin: 0 0 0 0;
	padding: 10px;
	background-color: #97B2A5;
	color: #FFF;
	font-family: Arial, Verdana, sans-serif;
}



/* MENU STYLES */
#menu
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 90%;
}

#menu ul
{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#menu ul li { display: inline; }

#menu ul li a
{
	float: left;
	text-decoration: none;
	color: white;
	padding: 6px;
	background-color: #016131;
	display: inline;
}

#menu ul li a:visited { color: white; }

#menu ul li a:hover, #menu ul li.current_page_item a
{
	color: #fff;
	background-color: #034A26;
}

#navigationlower
{
	height: 30px;
	background-color: #BBBBBB;
	padding-left: 3px;
}

#navigationlower ul { margin: 0; }

#navigationlower ul li
{
	float: left;
	text-align: center;
	display: inline;
}

#navigationlower ul li a
{
	height: 30px;
	display: block;
	color: #FFF;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	padding: 0 8px 0 8px;
}

#navigationlower ul li a:hover { text-decoration: underline; }
#navigationlower ul li.current_page_item a { color: #016131; }

#navigationlower ul li.current_page_item a:hover
{
	text-decoration: underline;
	color: #016131;
}

#headerimg { height: 100px; }

#headerimg h1 a
{
	background: transparent url("images/logo.png") no-repeat 0 0;
	position: absolute;
	width: 180px;
	height: 100px;
	overflow: hidden;
	text-indent: 400px;
	line-height: 200px;
}

#headerimg .description { display: none; }
#box { padding: 0 20px 20px; }

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5 {
	font-family: Arial, Verdana, sans-serif;
}

#maincontent a { color: #fff; }

#maincontent ul.u_datetime
{
	background: #666 url("images/datetime.png") no-repeat 0 0;
	width: 60px;
	height: 60px;
	float: left;
	text-align: center;
	color: #FFF;
	margin: 0 10px 0 0;
}

#maincontent li.u_month
{
	font-size: 10px;
	line-height: 20px;
}

#maincontent li.u_day
{
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
}

#maincontent li.u_year
{
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
}

#maincontent h2 a
{
	color: #016131;
	font-size: 22px;
	margin: 0;
}

#maincontent .u_tag,#maincontent ul.u_postinfo li
{
	line-height: 23px;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
}

#maincontent .u_tag { background: transparent url("images/tag_blue.png") no-repeat left center; }
#maincontent .u_author { background: transparent url("images/user.png") no-repeat left center; }
#maincontent .u_category { background: transparent url("images/folder.png") no-repeat left center; }
#maincontent .u_comment { background: transparent url("images/comments.png") no-repeat left center; }

#maincontent .entry
{
	clear: both;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

#maincontent .entry blockquote
{
	border-left: 2px solid #666;
	color: #666;
	margin: 0 0 10px 2em;
	padding: 10px 0 0 2em;
	overflow: hidden;
}

#maincontent .entry ol li { list-style: decimal; }
#maincontent .entry ul li { list-style: disc; }
#maincontent .entry img { margin: 5px; }
#maincontent .entry a:hover img { border: 2px solid #FFF; }



#maincontent .alignright
{
	float: right;
	display: inline;
}

#maincontent .postmetadata
{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 20px 0;
	padding: 10px;
}

#maincontent .postrss2 a
{
	background: transparent url("images/rss_big.png") no-repeat 0 0;
	position: absolute;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-indent: 400px;
	line-height: 200px;
	margin: -5px 0 0 400px;
}

#maincontent .postmetadata li
{
	line-height: 23px;
	padding: 0 0 0 20px;
}

#maincontent .postdatetime { background: transparent url("images/time.png") no-repeat left center; }

#maincontent .postcategory
{
	float: left;
	background: transparent url("images/folder.png") no-repeat left center;
	margin: 0 10px 0 0;
	display: inline;
}

#maincontent .posttag
{
	float: left;
	background: transparent url("images/tag_blue.png") no-repeat left center;
	display: inline;
}

#maincontent .posttrackback
{
	clear: both;
	background: transparent url("images/arrow_refresh.png") no-repeat left center;
}

#maincontent .postedit
{
	clear: both;
	background: transparent url("images/pencil.png") no-repeat left center;
}

span.ugr
{
	float: left;
	width: 32px;
	height: 32px;
	background: transparent url("images/defaultgravatar.gif") no-repeat 0 0;
	border: 2px solid #666;
	margin: 0 3px 3px 0;
	display: inline;
}

#maincontent h3#comments,#maincontent h3#respond
{
	font-size: 15px;
	margin: 10px 0;
}

#maincontent ol.commentlist
{
	border: 1px solid #666;
	border-bottom: none;
	margin: 0 0 20px;
}

#maincontent ol.commentlist li
{
	border-bottom: 1px solid #666;
	background: #222;
	padding: 10px;
}

#maincontent ol.commentlist li.alt { background: #333; }

#maincontent .commentlist .uar,#maincontent .commentlist .uar a
{
	font-size: 14px;
	font-weight: 700;
	color: #999;
}

#maincontent .spost,#maincontent .commentlist p { clear: both; }


#searchsubmit
{
	font-size: 10px;
	height: 22px;
}

#sidenotes h2
{
	font-size: 18px;
	color: #666;
	margin: 10px 0 0 0;
	border-left: 3px solid #016131;
}

#sidenotes a { color: #999; }

#footerwrap
{
	font-size: 10px;
	color: #666666;
	background-color: #EBEBEB;
	text-align: left;
}

#footerwrap .copyright
{
	padding: 5px;
	color: #666666;
}

#footerwrap a
{
	color: #666666;
	text-decoration: underline;
}

#footerwrap a:hover
{
	color: #333333;
	text-decoration: underline;
}

.xhtml,.css { padding: 3px 15px 3px 25px; }
.xhtml { background: transparent url("images/xhtml.png") no-repeat left center; }
.css { background: transparent url("images/css.png") no-repeat left center; }

.udownloads a
{
	display: block;
	width: 280px;
	height: 80px;
	background: transparent url("images/downloads.png") no-repeat 0 0;
	margin: 0 0 20px;
	padding: 10px;
}

.entry3 { margin: 10px 0 0; }
.udownloads a:hover { background: transparent url("images/downloads.png") no-repeat 0 -100px; }

.udownloads a img
{
	float: left;
	margin: 0 10px 0 0;
	display: inline;
}

.udownloads strong
{
	display: block;
	color: #000;
}

.hl-surround
{
	background-color: #333;
	border: 1px solid #666;
	margin-bottom: 5px;
	width: 400px;
	overflow: auto;
	text-align: left;
	padding: 8px;
}

.hl-surround,.hl-surround pre,.hl-surround span { font: normal 9pt 'Courier New', monospace; }
.hl-default { color: #000; }
.hl-code { color: Gray; }
.hl-brackets { color: Olive; }
.hl-comment { color: #fa0; }
.hl-quotes { color: #8b0000; }
.hl-string { color: Red; }
.hl-builtin { color: Teal; }
.hl-reserved { color: Green; }
.hl-var { color: #00008b; }
.hl-special { color: Navy; }
.hl-number { color: Maroon; }
.hl-main { background-color: transparent; }

.hl-main pre
{
	margin: 0;
	padding: 0;
}

#navigation ul li a:hover { color: #fff; }
#maincontent a:hover { color: #666; }
#maincontent3,#sidebar a:hover,#sidebar .uexc,#sidenotes a:hover,#rencent_entrie a:hover,#footer a { color: #666; }
#maincontent .u_tag,#maincontent ul.u_postinfo,#maincontent span.commentmetadata { font-size: 10px; }

#maincontent .u_postinfo li,#maincontent .alignleft
{
	float: left;
	display: inline;
}

#maincontent .entry a img,#footer a img { border: 2px solid #999; }
#maincontent .commentlist .uar a:hover,#footerwrap a:hover { color: #fff; }
#sidebar a,#footer a:hover,#footerwrap a { color: #ccc; }

#sidebar h2,#rencent_entrie h2.rencent_entrie
{
	font-size: 18px;
	color: #666;
	margin: 0 0 10px;
}

.hl-identifier,.hl-inlinedoc,.hl-url,.hl-inlinetags { color: Blue; }

.googlead
{
	background: #111;
	border: 1px solid #222;
	margin: 0 auto;
	padding: 3px;
	width: 468px;
	height: 60px;
	clear: both;
}

*
{
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6
{
	padding-top: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #016131;
}

p,.entry ol,.entry ul { margin: 0 0 1em; }
.entry strike { text-decoration: line-through; }
.entry ol,.entry ul { padding: 0 0 0 2em; }



#descriptionimgleft
{
	float: left;
	height: 100px;
	display: inline;
}

#headerimgright
{
	float: right;
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #A0C0B2;
}

#maincontent,#sidebar
{
	float: left;
	margin: 0 20px 0 0;
	display: inline;
}


#maincontent a { color: #016131; }

#maincontent ul.u_datetime
{
	background: #666 url("images/datetime.png") no-repeat 0 0;
	width: 60px;
	height: 60px;
	float: left;
	text-align: center;
	color: #FFF;
	margin: 0 10px 0 0;
}

#maincontent li.u_month
{
	font-size: 10px;
	line-height: 20px;
}

#maincontent li.u_day
{
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
}

#maincontent li.u_year
{
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
}

#maincontent .u_tag,#maincontent ul.u_postinfo li
{
	line-height: 23px;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
}

#maincontent .u_tag { background: transparent url("images/tag_blue.png") no-repeat left center; }
#maincontent .u_author { background: transparent url("images/user.png") no-repeat left center; }
#maincontent .u_category { background: transparent url("images/folder.png") no-repeat left center; }
#maincontent .u_comment { background: transparent url("images/comments.png") no-repeat left center; }

#maincontent .entry
{
	clear: both;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

#maincontent .entry ol li { list-style: decimal; }
#maincontent .entry ul li { list-style: disc; }
#maincontent .entry img { margin: 5px; }
#maincontent .entry a:hover img { border: 2px solid #FFF; }



#maincontent .navigation_page a
{
	background: #222;
	border: 1px solid #333;
	color: #333333;
}

#maincontent .alignright
{
	float: right;
	display: inline;
}

#maincontent .postmetadata
{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 20px 0;
	padding: 10px;
}

#maincontent .postrss2 a
{
	background: transparent url("images/rss_big.png") no-repeat 0 0;
	position: absolute;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-indent: 400px;
	line-height: 200px;
	margin: -5px 0 0 400px;
}

#maincontent .postmetadata li
{
	line-height: 23px;
	padding: 0 0 0 20px;
}

#maincontent .postdatetime { background: transparent url("images/time.png") no-repeat left center; }

#maincontent .postcategory
{
	float: left;
	background: transparent url("images/folder.png") no-repeat left center;
	margin: 0 10px 0 0;
	display: inline;
}

#maincontent .posttag
{
	float: left;
	background: transparent url("images/tag_blue.png") no-repeat left center;
	display: inline;
}

#maincontent .posttrackback
{
	clear: both;
	background: transparent url("images/arrow_refresh.png") no-repeat left center;
}

#maincontent .postedit
{
	clear: both;
	background: transparent url("images/pencil.png") no-repeat left center;
}

span.ugr
{
	float: left;
	width: 32px;
	height: 32px;
	background: transparent url("images/defaultgravatar.gif") no-repeat 0 0;
	border: 2px solid #666;
	margin: 0 3px 3px 0;
	display: inline;
}

#maincontent h3#comments,#maincontent h3#respond
{
	font-size: 15px;
	margin: 10px 0;
}

#maincontent ol.commentlist
{
	border: 1px solid #666;
	border-bottom: none;
	margin: 0 0 20px;
}

#maincontent ol.commentlist li
{
	border-bottom: 1px solid #666;
	background: #222;
	padding: 10px;
}

#maincontent ol.commentlist li.alt { background: #333; }

#maincontent .commentlist .uar,#maincontent .commentlist .uar a
{
	font-size: 14px;
	font-weight: 700;
	color: #333333;
}

#maincontent .spost,#maincontent .commentlist p { clear: both; }
#maincontent #comment { width: 80%; }

#sidebar
{
	width: 180px;
	color: #666;
}

#sidebar .rss_feed,#sidebar .del_icio_us { margin: 25px 0 0; }
#sidenotes #s { width: 110px; }

#searchsubmit
{
	font-size: 10px;
	height: 22px;
}

#sidenotes h2
{
	font-size: 18px;
	color: #666;
	margin: 10px 0px 2px 0px;
	padding: 3px;
	background-color: #EBEBEB;
}

#sidenotes h4
{
	font-size: 14px;
	color: #016131
		line-height: 16px;
	margin: 2px 0px 0px 0px;
}

#sidenotes .date
{
	font-size: 9px;
	color: #FFF;
	margin: 0px 0px 0px 0px;
}

#sidenotes a { color: #016131; }

#sidenotes p
{
	font-size: 12px;
	color: #FFF;
	line-height: 14px;
	margin: 0px 0px 5px 0px;
}

#rencent_entrie
{
	float: left;
	width: 250px;
	color: #333333;
	display: inline;
}

#rencent_entrie .reptime
{
	font-size: 10px;
	color: #fff;
	display: block;
}

#rencent_entrie li h2,#rencent_entrie li h2 a
{
	font-size: 14px;
	color: #ccc;
	margin: 10px 0 0;
}

#footer
{
	border-top: 1px solid #016131;
	border-bottom: 1px solid #900;
	background: #111 url("images/footer_bg.png") repeat-x 0 0;
	padding: 20px;
}

#footer .query_posts,#footer .u_links
{
	width: 250px;
	float: left;
	display: inline;
}

#footer .u_flickr
{
	width: 270px;
	float: left;
	display: inline;
}

#footer h2
{
	font-size: 18px;
	color: #fff;
	margin: 0 0 10px;
}

#footer a { color: #fff; }

#footer .u_links ul li
{
	width: 50%;
	float: left;
	display: inline;
}

#footer .u_flickr a
{
	float: left;
	margin: 0 8px 8px 0;
	display: inline;
}

#footer a img { border: 2px solid #f9c; }
#footer a:hover img { border: 2px solid #fcf; }
.xhtml,.css { padding: 3px 15px 3px 25px; }
.xhtml { background: transparent url("images/xhtml.png") no-repeat left center; }
.css { background: transparent url("images/css.png") no-repeat left center; }

.udownloads a
{
	display: block;
	width: 280px;
	height: 80px;
	background: transparent url("images/downloads.png") no-repeat 0 0;
	margin: 0 0 20px;
	padding: 10px;
}

.entry3 { margin: 10px 0 0; }
.udownloads a:hover { background: transparent url("images/downloads.png") no-repeat 0 -100px; }

.udownloads a img
{
	float: left;
	margin: 0 10px 0 0;
	display: inline;
}

.udownloads strong
{
	display: block;
	color: #000;
}

.hl-surround
{
	background-color: #333;
	border: 1px solid #666;
	margin-bottom: 5px;
	width: 400px;
	overflow: auto;
	text-align: left;
	padding: 8px;
}

.hl-surround,.hl-surround pre,.hl-surround span { font: normal 9pt 'Courier New', monospace; }
.hl-default { color: #000; }
.hl-code { color: Gray; }
.hl-brackets { color: Olive; }
.hl-comment { color: #fa0; }
.hl-quotes { color: #8b0000; }
.hl-string { color: Red; }
.hl-builtin { color: Teal; }
.hl-reserved { color: Green; }
.hl-var { color: #00008b; }
.hl-special { color: Navy; }
.hl-number { color: Maroon; }
.hl-main { background-color: transparent; }

.hl-main pre
{
	margin: 0;
	padding: 0;
}

#maincontent a:hover { color: #034A26; }
#maincontent3,#sidebar a:hover,#sidebar .uexc,#sidenotes a:hover,#rencent_entrie a:hover { color: #034A26; }
#maincontent .u_tag,#maincontent ul.u_postinfo,#maincontent span.commentmetadata { font-size: 10px; }

#maincontent .u_postinfo li,#maincontent .alignleft
{
	float: left;
	display: inline;
}

#maincontent .entry a img { border: 2px solid #ccc; }
#maincontent .commentlist .uar a:hover,#footerwrap a:hover { color: #fff; }
#sidebar a,#footer a:hover,#footerwrap a { color: #ccc; }

#sidebar h2,#rencent_entrie h2.rencent_entrie
{
	font-size: 18px;
	color: #666;
	margin: 0 0 10px;
}

.hl-identifier,.hl-inlinedoc,.hl-url,.hl-inlinetags { color: blue; }

.styleswitcher
{
	float: right;
	margin: 5px 0 0 0;
	display: inline;
}

.styleswitcher a span { display: none; }

.styleswitcher a
{
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	display: inline;
}

.styleswitcher a.default { background: #9c0; }
.styleswitcher a.pink { background: #f39; }
.styleswitcher a.no { background: #ccc; }

.googlead
{
	background: #333;
	border: 1px solid #222;
	margin: 0 auto;
	padding: 3px;
	width: 468px;
	height: 60px;
	clear: both;
}

#twitter_update_list
{
	color: #333333;
	background-color: #EDFDFF;
	padding: 5px;
	margin: 5px 0 0 20px;
	font-size: 80%;
	font-weight: 100;
	line-height: 14px;
	width: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#maincontent .navigation
{
	height: 20px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 10px;
}

#maincontent .navigation_page {
	padding: 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	color: #FFF;
}

#maincontent .navigation_page a {
	color: #FFF;
	background-color: #999;
	margin: 0 0 0 0;
	padding: 5px;
	border: none;
	text-decoration: none;
}

#maincontent0 .navigation_page a:hover {
	color: #EBEBEB;
	text-decoration: underline;
}

#maincontent .utompage {
	background-color: #BBB;
	margin: 0 0 0 0;
	padding: 5px;
}