/*
Theme Name: Sing Up Blog
Theme URI: http://blog.singup.org/
Description: Theme for the Sing Up Blog.
Version: v1
Author: Dean Hayden
Tags: rainbow, widgets, two column

	Sing Up v1
	http://blog.singup.org/

	This theme was designed and built by Dean Hayden,
	whose blog you will find at http://www.deanhayden.co.uk/

*/

#su-outer-wrapper { top: 0px!important; background: url(http://singup.s3.amazonaws.com/rainbow.png) no-repeat; }

/* Main Content */
#leftouter { float: left; width: 592px; background: url(images/contentouterbg-top.png); padding: 30px 20px 0px 40px; }
#leftouterbottom { float: left; clear: left; background:url(images/contentouterbg-bottom.png); width: 652px; height: 68px; }

/* Typography */
#leftouter p, #leftouter ul, #leftouter ol { font-size: 1.4em; line-height: 1.4em; margin: 0 0 1.4em 0; color: #434343; }
#leftouter ul li { list-style: disc; margin-left: 1.5em; }
#leftouter ol li { list-style: decimal; margin-left: 1.5em; }
#leftouter h1 { font-size: 2.4em; color: #005566; margin-bottom: 1em; }
#leftouter h2 { font-size: 2.4em; color: #005566; }
#leftouter h3 { font-size: 1.8em; color: #005566; }
#leftouter h4 { font-size: 1.4em; color: #005566; }
#leftouter h2 a { color: #037eb7; text-decoration: none; border-bottom: 1px dotted #037eb7; }
#leftouter h2 a:hover { border-bottom: none; }
#leftouter blockquote p { padding: 0px 20px; font-style: italic; color: #037eb7; }
h3#comments, #respond h3 { margin-bottom: 20px; }

/* Blog Elements */ 
#leftouter .entry { background: url(images/maincontentspacer.png) no-repeat center bottom; padding: 0 0 10px 0; margin: 0 0 20px 0; width: 100%; clear: both;  }
#leftouter p.postmetadata {  color: #999; clear: left; }
#leftouter p.postmetadata a { color: #999; border-bottom: 1px dotted #999; text-decoration: none; }
#su-titlebox h2 a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; }
#su-titlebox h2 a:hover { color: #fff; border-bottom: 1px solid; }
#leftouter .navigation { clear: both; }
#leftouter .navigation .alignleft a { font-size: 1.2em; text-transform: uppercase; text-decoration: none; padding: 8px; margin: 0 0 10px 0; color: #FFF; background: #999; border: 1px solid #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; }
#leftouter .navigation .alignright a { font-size: 1.2em; text-transform: uppercase; text-decoration: none; padding: 8px; margin: 0 0 10px 0; color: #FFF; background: #999; border: 1px solid #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; }

/* Images */
#leftouter img.alignleft { float: left; margin: 0 10px 10px 0; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#leftouter img.alignright { float: right; margin: 0 0 10px 10px; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }  
#leftouter img { border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }  
h1#su-logo a { width: 220px; }

/* Comments */
#commentform input { color: #333; clear: both; float: right; background: #FFF; line-height: 100%; width: 55%; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; }
#leftouter #commentform p { clear: both; margin-bottom: 0.7em; }
#commentform textarea { width: 98%; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 1em; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; }
#leftouter #commentform #submit { font-size: 1em; line-height: 100%; text-transform: uppercase; background: #037EB7; color: #FFF; border: none; width: 12em; padding: 10px 0px;  }
#leftouter .comment-author {   }
#leftouter cite { font-style: normal; }
#leftouter .comment-meta { font-weight: bold; }
#leftouter .comment { background: #e3e6e5; list-style: none; margin: 0 0 5px 0; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #9ebad7; }
#leftouter .comment p { font-size: 0.9em; }
#leftouter .comment a { color: #0055BB; }
#leftouter .avatar { float: left; margin-right: 10px; }

/* Sidebar */
#sidebar { float: right; width: 310px; margin: 11px 17px 0 0; clear: right; }
#sidebar ul { list-style: none; }
#sidebar ul ul { margin: 0 0 20px 0; }
#sidebar li h2 { background: url(images/sidebarhbg.png) no-repeat; font-size: 1.4em; padding: 3px 10px 7px 10px ; line-height: 100%; color: #FFF; }
#sidebar li a { color: #0055BB; font-size: 1.1em; line-height: 1.8em; font-weight: bold; background: url(images/link.png) no-repeat left center; padding: 0 0 0 1em; text-decoration: none; }
#sidebar li a:hover { text-decoration: underline; }
#sidebar li.widget_tag_cloud { text-align: center; }
#sidebar li.widget_tag_cloud h2 { text-align: left; }
#sidebar li.widget_tag_cloud h2 { background: url(images/sidebarhbg-grey.png) no-repeat;  }
#sidebar li.widget_tag_cloud a { background: none; font-weight: normal; padding: 0; line-height: 110%; color: #434343; }
#sidebar p { font-size: 1.2em; }
#sbbg { width: 290px; padding: 5px 10px; background: url(images/sidebarbg-repeat.png) center; }
#tsb { width: 310px; height: 5px; background: url(images/sidebarbg.png) center top; }
#bsb { width: 310px; height: 5px; background: url(images/sidebarbg.png) center bottom; margin-bottom: 20px; }


/* Links to SU */
#lbbg { width: 290px; padding: 5px 10px; background: url(images/sidebarbg-repeat.png) center; }
#tlb { width: 310px; height: 5px; background: url(images/sidebarbg.png) center top; }
#blb { width: 310px; height: 5px; background: url(images/sidebarbg.png) center bottom; }
#toolbarlinks li a { display: block; font-weight: normal; font-size: 1.4em; padding: 3px 10px 7px 10px; width: 100%; line-height: 100%; color: #FFF; }
#toolbarlinks #su-global-home { background: url(images/sidebarhbg.png) no-repeat; }
#toolbarlinks #su-global-songs { background: url(images/sidebarhbg-songs.png) no-repeat; }
#toolbarlinks #su-global-training { background: url(images/sidebarhbg-training.png) no-repeat; }
#toolbarlinks #su-global-local { background: url(images/sidebarhbg-local.png) no-repeat; }
#toolbarlinks #su-global-success { background: url(images/sidebarhbg-success.png) no-repeat; }
#toolbarlinks #su-global-awards { background: url(images/sidebarhbg-awards.png) no-repeat; }
#toolbarlinks #su-global-magazine { background: url(images/sidebarhbg-magazine.png) no-repeat; }
#visit { width: 210px; height: 42px; padding: 40px 0 0 80px; background: url(images/visit.png) no-repeat; }
#visit p { color: #434343; }

/* Search */
#searchform { float: right; position: relative; top: 55px; right: 17px; clear: right; }
#searchform label { font-size: 1.2em; font-weight: bold; color: #0055bb; float: left; position: relative; top: 4px; line-height: 100%; }
#searchform input { width: 13em; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em; background: #FFF; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; float: left; margin-left: 5px; }
input#searchsubmit { width: 65px; display: block; float: left; cursor: pointer; border-color: #0055bb; background: #0055bb; color: #FFF; font-weight: bold; }

/* Top Navigation */
#header { background: url(images/headerbg.png) no-repeat center top; float: left; width: 100%; padding: 30px 0 0 0; }
.mainsite { float: right; font-size: 1.2em; line-height: 100%; position: relative; right: 17px; color: #0055BB; text-decoration: none; border-bottom: 1px dotted #0055bb; }
.mainsite:hover { border-bottom: 1px solid; }
#topnavigation { background: url(images/navbg.png) no-repeat; float: left; width: 948px; height: 30px; margin-left: 23px; padding-left: 5px; }
#topnavigation li { display: inline-block; float: left; font-size: 1.4em; line-height: 210%; font-weight: bold; margin-right: 5px; border-right: 1px dotted #03628e; padding-right: 5px; }
#topnavigation li a { text-decoration: none; padding: 2px 7px; color: #bee4f4; }
#topnavigation li a:hover { color: #82c9e8; }
#topnavigation li.current_page_item a { color: #FFF; background: #01608C; padding: 1px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #03628e; }

/* Footer */
#su-footer-wrapper { clear: both; }

/* Breadcrumbs */
#breadcrumbs { color: #434343; font-size: 1.2em; line-height: 100%; margin: 10px 0 10px 25px; }
#breadcrumbs a { color: #0055BB; font-weight: bold; border-bottom: 1px dotted #0055BB; text-decoration: none; }
#breadcrumbs a:hover { border-bottom: 1px solid; }