/*  
Theme Name: CiB 2010 V0.8
Theme URI: http://www.createdinbirmingham.com
Description: Bespoke theme for Created in Birmingham, based on WP-Blueprint, <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a> and Substract Red Print.
Version: 0.8
Author: Substrakt
Author URI: http://www.substrakt.co.uk/

Credits:

Joshua Sowin: Oringinal WordPress Blueprint theme
http://www.fireandknowledge.org/archives/2007/09/05/blueprint-wordpress-theme/

Based on the Blueprint CSS Framework:
http://code.google.com/p/blueprintcss/


*/

/*-----------------------------------------------------------------------------
	General page and content styling
-----------------------------------------------------------------------------*/

body{background:url('images/bg.jpg') repeat; color:#505050; font-size:15px; margin-bottom:55px; font-family:arial!important; outline:none;}
h3 {background:none repeat scroll 0 0 transparent; border-bottom:1px solid #656C6C; color:#656C6C; font-size:25px; font-weight:bold; letter-spacing:-1px; padding-top:15px;}
h4 {background:none repeat scroll 0 0 transparent; font-size:20px; font-weight:bold; color:#656C6C; letter-spacing:-1px; margin-bottom:-1px;}

.alignleft{margin-bottom:20px; margin-right:40px;}
a img, :link img, :visited img {border:medium none;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

#navigationbg {position:absolute; top:152px; height:38px; background:#191919; width:675px; z-index:0;}

/*-----------------------------------------------------------------------------
	Blueprint overide
-----------------------------------------------------------------------------*/

.container {
width:960px;
background:white;
padding:0px;
position:relative;
left:19px;
}


/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/
#header {background:#191919; height:152px; padding:0px; z-index:1; position:relative;}

#header h1 {padding:24px 0px 0px 0px; z-index:1;}
.logo {background:url('images/logo.png') no-repeat; height:92px; width:674px; display:block; text-indent:-9999px; z-index:1; }

#blackbar {height:261px; background:#191919; width:100%; z-index:0; position:absolute; top:0px;}

#header .description {color:#e8a2b8; font-size:17px; font-style:italic; text-align:right; width:674px; padding-left:0px;}

#topright {position:absolute; top:31px; right:0px; height:50px; width:230px;}

.italic {font-style:italic; font-weight:normal;}

/*-----------------------------------------------------------------------------
	Main content
-----------------------------------------------------------------------------*/
#maincontent {width:675px; background:#ffffff; float:left; padding-top:43px; z-index:1;}

#maincontent p a {color:#D04370; font-weight:bold; text-decoration:none;}
#maincontent p a:hover {text-decoration:underline;}
#maincontent p a:active {position:relative; top:1px; }

#maincontent ul {list-style-type:disc; margin-left:0px;}
#maincontent li {padding-bottom:5px; font-size:15px;}
#maincontent li a {color:#d04370; font-weight:bold; text-decoration:none;}
#maincontent li a:hover {text-decoration:underline}

#maincontent blockquote {color:#1ca1af; margin:10px 0 10px 10px; left:-40px; padding:0 0 0 40px; position:relative; }
#maincontent blockquote p {font-size:15px;}
#maincontent blockquote p a {color:#1ca1af; text-decoration:none;}
#maincontent blockquote p a:hover {color:#1ca1af; text-decoration:underline;}
blockquote p:before {
	content: '"'; }
blockquote p:after {
	content: '"'; }

#maincontent p {line-height:22px; font-size:15px; margin-bottom:15px;}
.content {padding:0px 30px 0px 35px !important;}
#page {position:relative; background:url('images/mainbg.png') repeat-y #c5dcde; margin-bottom: 0px;}

#maincontent h2 {background:white; position:relative; border:none; display:inline; padding:0px 16px 2px 0px; width:535px; top:-15px; left:-1px; font-size:32px; font-weight:bold; line-height:38px;}
#maincontent h2 a {color:#2e2e41;}
#maincontent h2 a:hover {color:#d04370;}
#maincontent h2 a:active {position:relative; top:2px;}
.titleblock {background:#e5e5e5; margin-bottom:30px; width:610px; height:auto; position:relative;}
.titleblock2 {background:#e5e5e5; width:610px; height:auto; position:relative;}
.commentblock {background:url('images/commentbubble.png') no-repeat; text-align:center; font-weight:bold; color:#fff; height:43px; width:36px; position:absolute; top:-20px; right:-10px; font-size:20px; padding-left:0px; padding-top:3px;}
.commentblock a {color:#fff; text-decoration:none;}
.commentblock a:hover {color:#fff; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
.author {font-size:14px; color:#d04370; font-weight:bold; padding-bottom:20px; padding-top:5px;}
.author a {color:#d04370; text-decoration:none;}
.author a:hover {text-decoration:underline;}
.author a:focus {position:relative; top:1px;}
.dateblock {position:absolute; background:url('images/datebg.png') repeat-y; display:block; width:42px; height:176px; left:-77px; top:-4px;}
.dateblock2 {position:absolute; background:url('images/datebg.png') repeat-y; display:block; width:42px; height:105px; left:-77px; top:-4px;}
.year {position:absolute; color:#9797a0; left:4px; top:155px;}
.year2 {position:absolute; color:#9797a0; left:4px; top:84px;}
.month {position:absolute; color:#9797a0; left:4px; top:15px; font-size:16px; text-transform:uppercase;}
.day {color:white; font-size:17px; font-weight:bold; left:3px; letter-spacing:0; position:absolute; top:-2px;}

.postfooter {border-bottom:1px solid #c5c5c5; margin-bottom:60px; padding-bottom:5px; text-align:right;}
.postfooter a {background:url('images/icon_comment.png') no-repeat 0px 5px; padding-left:22px; font-size:16px; font-weight:bold; color:#d04370; text-decoration:none;}
.postfooter a:hover {background:url('images/icon_comment.png') no-repeat 0px 4px; text-decoration:underline;}
.postfooter a:focus {background:url('images/icon_comment.png') no-repeat 0px 5px; position:relative; top:1px;}

.pagetitle {margin-bottom:20px!important; font-size:20px!important; color:#b5cacc!important; background:none!important; top:-25px !important;}

.bigbutton a {color:white; font-weight:bold; display:inline-block;padding:3px 15px 3px 15px; background:#e28ca7; text-decoration:none;}
.bigbutton a:hover {background:#D04370; text-decoration:none;}
.bigbutton a:active {position:relative; top:2px;}

/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#nav {background:#303030; font-family:helvetica neue,helvetica,arial,sans-serif; font-size:19px; font-weight:bold; letter-spacing:-1px; padding-left:10px; padding-top:4px; position:relative; width:auto; z-index:1;}
#nav .content {padding:0px !important;}
#nav li a {color:#d04370; margin:0px 23px 5px 0px; padding:0px; outline:none;}
#nav li a:hover {color:#89b9be; background:none;}
#nav li a:focus {position:relative; top:1px;}
#nav li.current_page_item a {background:none; color:#89b9be;}


/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/

input {border:2px solid #8b8b8b!important; background:url('images/formbg.png') repeat-x #f4f4f4 !important; padding:3px 3px 3px 13px; width:260px; height:27px; font-size:16px; font-family:arial, helvetica neue, helvetica, sans-serif; margin:0px;}
input:focus {border:2px solid #d04370!important; background:#f6f6f6 !important;}

#submit {border-top:0px!important; border-right:0px!important;border-left:0px!important; border-bottom:2px solid #a13356!important; background:#d04370 !important; display:block; padding:5px 15px 3px 19px; font-size:16px; font-weight:bold; color:white; width:auto; height:auto; font-family:arial, helvetica neue, helvetica, sans-serif;}
#submit:hover {border-top:0px!important; border-right:0px!important;border-left:0px!important; border-bottom:2px solid #b34266!important; background:#e35481 !important;}
#submit:focus {position:relative; top:2px;}

textarea {border:2px solid #8b8b8b!important; background:url('images/formbg.png') repeat-x #f4f4f4 !important; padding:12px 3px 0px 13px; width:585px; height:225px; font-size:16px; font-family:arial, helvetica neue, helvetica, sans-serif;}
textarea:focus {border:2px solid #d04370!important; background:#f6f6f6 !important;}

input[type="text"], input[type="password"], input.text, input.title, textarea, select  {margin:0px;}
label {font-weight:normal; font-size:15px;}
.required {color:#e68585; font-size:13px; font-family:georgia; font-style:italic;}


.commentlist {margin-bottom:50px; color:#585858;}
.commentlist li {padding:20px 20px 5px 52px; width:430px; background:url('images/commentblockbg.png') repeat-y #eeeeee; margin-bottom:20px; margin-left:44px; position:relative; list-style-type:none;}
.commentlist li:hover {color:#333333;}
.commentlist cite {color:#D04370; font-style:normal; font-weight:bold;}
.commentlist p a {color:#585858 !important; font-style:normal; font-weight:normal!important; text-decoration:underline!important; background:none !important;}
.commentlist p a:hover {color:#000000 !important; text-decoration:underline!important; background:none !important;}

.comments-alt {background:url('images/commentblockbgalt.png') repeat-y #F5F5F5!important;}
.avatar { position:absolute; padding:2px; border:3px solid #f5f5f5; background:white; left:-56px; top:-2px;}

#commentform p {margin-bottom:15px;}
.comment-edit-link {position:absolute; right:0px; top:0px; background:#454545; color:white; font-weight:bold; text-decoration:none; display:block; padding:4px;}
.comment-edit-link:hover {background:#000000; color:white;}
.post-edit-link {position:absolute; right:0px; top:0px; background:#454545; color:white; font-weight:bold; text-decoration:none; font-style:italic; display:block; padding:7px;}
.post-edit-link:hover {background:#000000; color:white;}

.url {color:#d04370; font-size:16px; font-weight:bold; font-style:normal; text-decoration:none;}
.url:hover {text-decoration:underline!important; color:#d04370!important;}
.commentinfo {color:#969696; font-style:italic; display:inline; font-size:14px; display:inline; padding-left:8px;}

/*-----------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------*/

#sidebar {width:285px; background:url('images/sidebarbg.png') repeat-y #c5dcdd; margin-left:0px; float:left; position:relative; top:-38px;}

#sidebar h2 {background:url('images/sidebarbg_title.png') repeat-y #2e2e41; color:#fff; font-size:20px; display:inline; padding:6px 10px; position:relative; top:-15px; left:-13px;}

#sidebar ul li, #sidebar ul li#subscribe ul li {background:url('images/sidebarbg_block.png') repeat-y #e2eeef; margin-bottom:20px; padding:11px 13px 13px;}

#sidebar ul, #sidebar ul ol {margin:0; padding:0px;}

#sidebar li a {color:#525d5d; font-weight:bold; font-size:13px; display:block; line-height:15px; padding-bottom:5px; padding-top:5px;}
#sidebar li a:hover {color:#d04370; background:#f4feff; display:block;}

#sidebar li p a {color:#d04370; font-weight:bold; display:inline;  font-size:12px; line-height:15px; padding-bottom:0px; padding-top:0px;}
#sidebar li p a:hover {background:#a5d8dc; display:inline;}

#sidebar li a img {background:none; font-weight:bold; display:inline; font-size:12px; line-height:15px; padding-bottom:0px; padding-top:0px;}
#sidebar li a img:hover {background:none; display:inline;}

#sidebar ul li ul li { font-size:0.9em; margin:0; padding:0px; background:none;}

#sidebar .topblock {height:225px; background:url('images/sidebar_topblockbg.jpg') no-repeat;}

#sidebar .textwidget a {color:#d04370; font-size:85%; font-weight:bold; display:inline; line-height:15px; padding-bottom:0px; padding-top:0px; background:none;}
#sidebar .textwidget a:hover {background:#dee9ea; font-size:85%; display:inline; padding:0px; background:none;}

.counternumber {color:#d04370; font-size:38px; letter-spacing:-2px; padding-right:6px;}
.counternumber:hover {color:#333333;}
.counterlabel {color:#656c6c; font-size:17px; text-decoration:underline; font-family:georgia; font-style:italic; text-shadow:none;}
.counterlabel:hover {color:#333333;}

.rssblock {display:block; width:240px; padding-left:33px; padding-top:13px;}
.rssblock a {background:url('images/icons/rss.png') no-repeat 0px 13px; display:block; display:block; padding-left:42px; text-decoration:none; text-shadow: 0px 1px 0px #FFFFFF;}
.rssblock a:active {position:relative; top:2px;}

.feedcountdiv {color:#d04370; font-size:38px; letter-spacing:-2px; padding-right:6px;}
.feedcountdiv:hover {color:#333333;}
.feedcountdiv p {margin:0px; display:inline;}

.twitblock {display:block; width:215px; padding-left:33px; padding-top:0px; position:relative; top:-11px;}
.twitblock a {background:url('images/icons/twitter.png') no-repeat 0px 13px; display:block; display:block; padding-left:42px; text-decoration:none; text-shadow: 0px 1px 0px #FFFFFF;}
.twitblock a:active {position:relative; top:2px;}

.cibelsewhere {padding-top:10px; height:68px; width:285px; background:url('images/elsewherebg.png') repeat-y #e4f2ed;}
#sidebar .cibelsewhere h2 {background:none; color:#2E2E41; top:0px; left:0px; display:block; font-size:17px; padding-top:0; margin-bottom:1px;}

.facebook {display:inline; float:left;}
.facebook a {background:url('images/icons/facebook.png') no-repeat 0px 1px; display:block; height:34px; padding-left:42px; padding-top:7px; margin-left:13px; text-decoration:underline; color:#656c6c; font-size:17px; font-family:georgia; font-style:italic;}
.facebook a:hover {color:#333333;}
.facebook a:active {position:relative; top:2px;}

.vimeo {display:inline; float:left;}
.vimeo a {background:url('images/icons/vimeo.png') no-repeat 0px 1px; display:block; height:34px; padding-left:42px; padding-top:7px; margin-left:13px; text-decoration:underline; color:#656c6c; font-size:17px; font-family:georgia; font-style:italic;}
.vimeo a:hover {color:#333333;}
.vimeo a:active {position:relative; top:2px;}


#sidebar #search {display:block; float:none;}
#search #s {width:246px; color:#768b8d; font-size:18px; padding:2px 0 2px 11px; background:url('images/searchbg.png') no-repeat !important;}
#search #s:hover {background:url('images/searchbg.png') no-repeat !important;}
#search #s:focus {background:url('images/searchbg2.png') no-repeat !important;}


/*-----------------------------------------------------------------------------
	Sidebar widgets
-----------------------------------------------------------------------------*/

.textwidget {font-size:85%;}

.textwidget input {border:2px solid #8b8b8b!important; background:url('images/formbg.png') repeat-x #f4f4f4 !important; padding:2px 3px 2px 13px; width:160px; height:21px; font-size:16px; font-family:arial, helvetica neue, helvetica, sans-serif; margin:0px;}
.textwidget input:focus {border:2px solid #d04370!important; background:#f6f6f6 !important;}

.stbuttontext {color:#D04370!important; font-weight:bold; text-decoration:none;}
.stbuttontext:hover {color:#D04370!important; text-decoration:underline;}

html #facebook .fan_box .full_widget {border:3px solid #94A3C4!important; width:257px!important;}

.jobplot {background:url('images/jobplot.png'); width:101px; height:29px; text-indent:-9999px; display:block; position:absolute; right:10px; top:-32px; padding:0px!important;}
.jobplot:hover {background:url('images/jobplot.png')!important; width:101px; height:29px; text-indent:-9999px; display:block; position:absolute; right:10px; top:-32px; padding:0px!important;}
.jobplotlist a {border-bottom:1px solid #b6c0c0;}
.jobplotcontainer {position:relative; padding-top:8px;}

.newsletter input {width:240px;}


.tw_button a { font-size:16px; font-weight:bold; color:#d04370; position:relative; text-decoration:none; top:23px;}
.tw_button a:hover {text-decoration:underline;}
.tw_button a:focus {position:relative; top:24px;}



/*-----------------------------------------------------------------------------
	Supporter page
-----------------------------------------------------------------------------*/

.supporters a img {padding-right:22px;}
#maincontent .supporters p a {background:none;}

/*-----------------------------------------------------------------------------
	Contact page
-----------------------------------------------------------------------------*/

.contact input {border-top:0px!important; border-right:0px!important;border-left:0px!important; border-bottom:2px solid #a13356!important; background:#d04370 !important; display:block; padding:5px 15px 3px 19px; font-size:16px; font-weight:bold; color:white; width:auto; height:auto; font-family:arial, helvetica neue, helvetica, sans-serif;}
.contact input:hover {border-top:0px!important; border-right:0px!important;border-left:0px!important; border-bottom:2px solid #b34266!important; background:#e35481 !important;}
.contact input:focus {position:relative; top:2px;}


/*-----------------------------------------------------------------------------
	About page
-----------------------------------------------------------------------------*/

.aqua {color:#89b9be;}
.aboutdate {color:#89b9be; font-family:georgia; font-style:italic; font-size:14px;}
.photocontainer {padding-bottom:10px; clear:both;}


/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer {position:relative; height:75px; background:url('images/mainbg.png') repeat-y;}
#footer .footerright {position:absolute; right:0px; top:0px; width:270px; height:52px; padding-top:65px; padding-right:15px; text-align:right; background:url('images/footerblockbg.png') no-repeat bottom; color:#656C6C; font-size:13px;}
#footer .footerlogo {bottom:10px; left:10px; position:absolute;}
#footer .backtotop {position:absolute; left:552px; bottom:7px; }
#footer .backtotop a {background:url('images/icon_backtotop.png') no-repeat 96px 4px; padding-right:22px; font-size:16px; font-weight:bold; color:#d04370; text-decoration:none;}
#footer .backtotop a:hover {background:url('images/icon_backtotop.gif') no-repeat 96px 2px; text-decoration:underline;}
#footer a {color:#D04370; font-weight:bold;}
#footer a:hover {color:#D04370; text-decoration:underline;}