/*
Theme Name: Listen To Your Buds
Author: Jeph Christoff for OmniStudio
Author URI: http://www.omnistudio.com
Version: 1.5

[Table Of Contents] 

	00- Reset
	01- Layout
	02- Header 
	03- Navigation
	04- Content 
	05- Sidebar
	06- Footer 
	11- Clearfix

*/




/* 
------------------------------------------------------------------------- 
=00 RESET
------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,p,blockquote,embed,object{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
a, #TB_window a#TB_ImageOff {
	text-decoration:none;
	outline: none;
	color: #186DB9;
}
input {
	outline: none;
}
a:hover, #TB_overlay a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #002D39;
}

.right, .alignright {
	float: right;
}
img.right, img.alignright {
	margin-left:14px;
	margin-bottom:7px;
}
.left, .alignleft {
	float: left;
}
img.left, img.alignleft {
	margin-right:14px;
	margin-bottom:5px;
}
img.right, img.alignright, img.left, img.alignleft {
	padding:1px;
	border: solid 1px #adb1b1;
}
.none    {
	display:none;
}
.fifty-percent {
	width: 45%;
}
p, ul {
	margin-bottom: 1em;
}
#left-content p, #left-content ul {
	margin-bottom: 1.5em;
}
ul li {
	padding-bottom: 8px;
}




/* 
------------------------------------------------------------------------- 
=01 LAYOUT
------------------------------------------------------------------------*/
body {
	background: #80BDD6 url(../../images/bg.png) repeat-x;
	color: #575757;
	margin: 0px;
	padding: 0px;
	font: normal 0.813em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#doc {
	width: 989px;
	margin:0px auto;
	background: url(../../images/bg-content.png) repeat-y;
}
#doc .inside {
	background: url(../../images/bg-content-top.png) no-repeat;
}




/* 
------------------------------------------------------------------------- 
=02 HEADER
------------------------------------------------------------------------*/
#header {
	background: url(../../images/bg-header.png) no-repeat center top;
	height: 146px;
}
#header .inside {
	width: 989px;
	margin-right: auto;
	margin-left: auto;
}
#header #utility {
	font-size: 90%;
	color: #4e839b;
	padding-right: 13px;
	text-shadow: #5098bd 1px 1px;
}
#header #utility a {
	color: #F3F3EF;
}
#header h1 a {
	display: block;
	height: 90px;
	width: 980px;
	text-indent: -9999px;
}



/* Firefox */
@-moz-document url-prefix() {
	#header h1 a { height: 114px; }
}

/* IE 7 */
html > body #header h1 a {
	*height: 114px;
}

/* IE 6 */
body #header h1 a {
 _height: 114px;
}
#header h2 {
	text-indent: -9999px;
}




/* 
------------------------------------------------------------------------- 
=03 NAVIGATION
------------------------------------------------------------------------*/
#navigation {
	width: 739px;
	position: absolute;
	margin-top: -37px;
}
#navigation ul li, #navigation a {
	float: left;
	margin: 0px;
	padding: 0px;
}
#navigation a {
	background: url(../../images/nav.png) no-repeat;
	display: block;
	height: 56px;
	text-indent: -9999px;
}
#navigation .learn a {
	width: 270px;
	margin-right: 5px;
}
#navigation .take a {
	width: 206px;
	margin-right: 5px;
	background-position: -275px top;
}
#navigation .share a {
	width: 232px;
	background-position: -486px top;
}
#navigation .learn a:hover {
	width: 270px;
	margin-right: 5px;
	background-position: left -56px;
}
#navigation .take a:hover {
	width: 206px;
	margin-right: 5px;
	background-position: -275px -56px;
}
#navigation .share a:hover {
	width: 232px;
	background-position: -486px -56px;
}
#navigation .learn a.on {
	width: 270px;
	margin-right: 5px;
	background-position: left -112px;
}
#navigation .take a.on {
	width: 206px;
	margin-right: 5px;
	background-position: -275px -112px;
}
#navigation .share a.on {
	width: 232px;
	background-position: -486px -112px;
}




/* 
------------------------------------------------------------------------- 
=04 CONTENT
------------------------------------------------------------------------*/
#content {
	width: 966px;
	margin-right: 11px;
	margin-left: 11px;
}
#left-content #copy h1 {
	font-size: 28px;
	color: #c41e79;
	margin-bottom: .5em;
	line-height: 1.1em;
}

h2 {
	font-size: 23px;
	color: #282d31;
	margin-bottom: 8px;
	line-height : 1.2em;
}
h3 {
	font-size: 18px;
	color: #c41e79;
	margin-bottom: 8px;
	line-height : 1.2em;
}
#left-content #copy h4 {
	font-size: 18px;
	color: #282d31;
	margin-bottom: 3px;
}
#sidebar .component h4 {
	color: #FFF;
	background: #83a91b;
	font-size: 18px;
	padding: 8px;
	margin: -8px -8px 8px;
}
h5 {
	font-size: 15px;
	color: #c41e79;
	margin-bottom: 3px;
	line-height : 1.2em;
}
h6 {
	color: #282d31;
	margin-bottom: 8px;
	font-weight: bold;
	line-height : 1.2em;
}
#left-content {
	width: 645px;
	padding-top:50px;
}
#home #left-content {
	width: 727px;
	padding-top:0px;
}
#content #feature {
	margin-bottom: 20px;
}
#content #copy  {
	padding-left: 20px;
}
#left-content #copy .left {
	width: 440px;
}
#left-content #copy .welcome {
	background: url(../../images/L.png) no-repeat;
	padding-top: 20px;
	font-size: 18px;
	color: #3c443b;
	line-height: 1.3em;
	margin-bottom: 30px;
}
#left-content #copy .welcome p {
	margin: 0px;
}
#left-content #copy .welcome .l {
	text-indent: -9999px;
	padding-right: 42px;
	display: inline;
}
#left-content #copy .welcome .l strong{
	display: none;
}
#copy a.readmore  {
	font-size: 13px;
	float: right;
}
#left-content #copy .flickr .flickr_badge_image {
	padding-top: 5px;
	padding-bottom: 8px;
}
#left-content #copy .flickr .flickr_badge_image img {
	margin-right: 6px;
	border: 1px solid #5F9BB5;
	padding: 1px;
}
#content #copy #poll {
	background: url(../../images/bg-poll.png) no-repeat;
	width: 205px;
	height: 303px;
	padding-top: 20px;
	padding-left: 19px;
	padding-right: 15px;
}
#content #left-content #copy #poll ol {
	margin: 0px 0px 1em;
	padding: 0px;
	list-style: none;
}
#content #left-content #copy #poll ol li {
	padding-bottom: 5px;
}
#content #left-content #copy #poll ol li label {
	padding-left: 5px;
}
#poll h3 {
	color: #186DB9;
}
#left-content ul {
	list-style: disc;
	margin-left: 1.75em;
}
#left-content ul.column {list-style:none; margin-left: 0em;}
#left-content blockquote {
	margin: 0.5em 1em 1.5em;
	font-size: 14px;
	line-height: 1.4em;
}
#left-content #copy blockquote p {
	margin-bottom: 0.5em;
}
#left-content #copy .colone, #left-content #copy .coltwo {
	width: 47%;
}




/* 
------------------------------------------------------------------------- 
=05 SIDEBAR
------------------------------------------------------------------------*/
#sidebar {
	width: 275px;
	padding-right: 15px;
	font-size: 95%;
	padding-top: 85px;
}
#home #sidebar {
	width: 204px;
	padding-left: 20px;
	background: url(../../images/bg-flash-shadow.png) no-repeat left top;
	padding-top: 20px;
}
#sidebar #pledge {
	margin-bottom: 30px;
	font-size: 95%;
	line-height: 1.3em;
	color: #696969;
}
#sidebar #pledge .author {
	font-weight: bold;
	color: #575757;
}
#sidebar #pledge .date {
	color: #949494;
}
#sidebar #sponsors img {
	background: #F3F3EF;
	padding: 3px;
	border: 1px solid #c1c4c8;
}
#sidebar .photo {
	margin-bottom: 30px;
}
#sidebar .photo img {
	background: #FFF;
	padding: 3px;
	border: 1px solid #c1c4c8;
}
#sidebar .component {
	background: #FFF;
	padding: 8px;
	margin-bottom: 30px;
}
#sidebar .component a {
	font-size: 14px;
}
#sidebar .component ul li {
	padding-bottom: 13px;
}


#listbar {
	width: 100%
	font-size: 95%;

}
#home #listbar {
	width: 204px;
	padding-left: 220px;
	background: url(../../images/bg-flash-shadow.png) no-repeat left top;
	
}
#listbar #pledgelist {
	margin-bottom: 30px;
	font-size: 95%;
	line-height: 1.3em;
	color: #696969;

}
#listbar #pledgelist .author {
	font-weight: bold;
	color: #575757;
}
#listbar #pledgelist .date {
	color: #949494;
}


/* 
------------------------------------------------------------------------- 
=06 FOOTER
------------------------------------------------------------------------*/
#footer {
	background: url(../../images/bg-footer.png) no-repeat left top;
	margin-bottom: 20px;
	width: 989px;
	margin-right: auto;
	margin-left: auto;
	font-size: 90%;
	color: #D4DEDF;
	padding-bottom: 20px;
	text-shadow: #5098bd 1px 1px;
}
#footer a {
	color: #F3F3EF;
}
#footer p {
	margin: 0px;
}
#footer .inside {
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 47px;
}
#footer #logo a {
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 195px;
}





/* 
----------------------------------------------------------------------------- 
=11 CLEARFIX
-----------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}