/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* COLORS LISTING
use these colors throughout

Light Yellow: 	#F9F1CA;
Charcoal: #23201f;
Med-silver: #C6C6C6; 
Light-silver:  #F5F5F5;
Dark Red: #A32938;
Bright Red:  #A32938;

*/

/* Fonts */




/*Structure */

body#bridgeSongs {
	margin: 0 auto;	
	text-align: center;	
		background: #1E2E09;
	color: #C2B89D;
}


#page {
	width:940px;
	text-align: left;
	margin: 0px auto;
}

#topNavbar {
	position: relative;
	z-index: 99;
	background: black;
	width: 100%;
}

#topNavbar #pixopoint_menu_wrapper1 {
	width: 940px;
	margin: 0px auto;
}

#topNavbar ul#suckerfishnav {
	background: black;
	font-size: 15px;
}

body#bridgeSongs ul#suckerfishnav a {
	color:  white;
}

body#bridgeSongs ul#suckerfishnav a:hover {
	 color: #A6DA30;
}

ul#suckerfishnav a.blackMenu {
	color:black;
}

ul#suckerfishnav a.whiteMenu {
	color: white;
}

#header {
	height: 343px;
	position: relative;
}

#header #logo {
	width: 572px;
	height: 343px;
	background: url('../images/Bridge-Songs-logo.jpg') no-repeat;
	margin-left: -57px;
}

#header h1.logoLink a {
	text-indent: -9999px;
	font-size: 1%;
	width: 160px;
	height: 78px;
	position: absolute;
	top: 156px;
	left: 71px;
	background: none;
}

#header form#emailSignup, #header div#_MP_mf_0, #header div#mc_embed_signup {
	position: absolute;
	top: 0;
	right: 100px	
	;
	width: 384px;
	height: 38px;
	z-index: 1;
}

#header form#emailSignup input#email, #header div#mc_embed_signup form#mc-embedded-subscribe-form input#mce-EMAIL {
	width: 324px;
	height: 28px;
	background: url('../images/email-topForm-bg.png') no-repeat;
	border: none;
	font-family: 'Helvetica Nue', Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 20px;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
}

#header div#mc_embed_signup div.mce_inline_error {
			margin: 0px;
			z-index: 9999px;
}



#header form input.MailPressFormEmail {
	width: 324px;
	height: 28px;
	background: url('../images/email-topForm-bg.png') no-repeat;
	border: none;
	font-family: 'Helvetica Nue', Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 20px;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
}

#header form input.MailPressFormName {
	display: none;
}

#header form#emailSignup input#submit {
	position: relative;
	top: 3px;
	margin-left: 3px;
	background: ;
	
}

#header form input.MailPressFormSubmit, #header form input#mc-embedded-subscribe {
	position: absolute;
	top: 8px;
	left: 338px;
	margin-left: 3px;
	background: url('../images/emailSignup-sign-up-button.png') no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	color: white;
	text-indent: -9999px;
	
	
}

#header .mp-message, #header .mp-loading {
	margin-top:8px
}

#header #button-learnMore {
	position: absolute;
	right: 4px;
	top: 8px;
	z-index: 2;
}

#header div#headerPullQuote {
	position: absolute;
	top: 56px;
	left: 500px;
	width: 413px;
	height: 229px;
	background: none;
	padding: 10px 25px 10px 25px;
}

#header div#headerPullQuote q {
		background: none;
background-position: bottom right;
padding-bottom: 12px;
display: block;
min-height: 50px;
}

#content_holder {
	background: none;
	background-position:310px 0;
	width: 940px;
	z-index: 99;
	padding-top: 10px;
}

#content {
	padding: 10px;
	padding-top: 0;
	width: 690px;
	float: left;
}

#content p, #content form {
	margin: 10px 0;
}

#sidebar {
	float: none;
	width: 180px;
	margin-left: 0px;
	padding-left: 10px;
	border-left: #F1E6A8 2px dotted;
	margin-bottom: 20px;
	margin-left: 730px;
}

#footer {
	clear: both;
	width: 100%;
	background: #23201f;
	color: #F1E6A8;
	padding: 60px 0;
	z-index: 1;
}
#footerContent {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

#footerColumn-subscribeAndConnect {
	float: left;
	margin-right: 25px;
}

#footerColumn-contactILoveArtists {
	float: left;
	width: 500px;
	margin-bottom: 20px;
		border-left: dotted #484443 2px;
		padding-left: 25px;

}

p#footerBottomText {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
		border-top: dotted #484443 2px;

	
}

/* Typography */

h1 {
	color: #E0E78A;
	font-family: Georgia, 'Patatino', Times New Roman, serif;
	font-weight: lighter;
}

h1#bridgeSongs-pageTitle {
	margin-top: 5px;
	z-index: 9999;
	background: #1E2E09;
	display: inline-block;
}

h2, h3, h4, h5, h6 {
	font-family: Georgia, 'Patatino', Times New Roman, serif;
	font-weight: lighter;
	margin-bottom: 10px;
	color:  #A6DA30;
	
}

blockquote {
	background-color: #23201F;
	border: dotted 1px #7F714A;
	border-right: none;
	border-left: none;
}

body#bridgeSongs #content p#post-tags {
	background-color: #23201F;
	border: dotted 1px #7F714A;
	border-right: none;
	border-left: none;
}
/* Images */

#content img {
	border: 1px solid #E0E78A;
	padding: 3px;
}

#content img.noborder, #content div.wp-caption img {
	border: none;
	padding: none;
}

a img {
	background: none;
}

.caption-wide {
	padding: 0 px;
	margin: 0 px;
	border: none;
}

#content img.topBanner {
	margin-top: -33px;
	z-index: -9998;
	border-color: #7F7149;
} 

/* Links */

body#bridgeSongs #page a {
	color: white;
} 

body#bridgeSongs #content_holder #content a {
	border-bottom: 1px solid;
}

body#bridgeSongs #content_holder a:hover {
	background: #A6DA30;
}

/* Floats */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}

.aligncenter {
	margin:  0 10px;
}
/* Homepage Styles */

#contentHome {
	padding: 10px;
	padding-top: 0;
	width: 920px;
}

#homeColumns {
	margin-top: 0px;
}

#homeColumn-blog {
	float: left;
	width: 396px;
	padding-right: 10px;
	border-right: dotted silver 2px;
}

#homeColumn-blogPosts {
	overflow: auto;
	width: 386px;
	clear: both;
	height: 300px;
}


#homeColumn-comments {
	float: left;
	width: 265px;
	padding-right: 10px;
	margin-left: 10px;
	border-right: dotted silver 2px;
}

#homeColumn-commentsPosts {
	overflow-y: hidden;
	overflow-x:hidden;
	width: 255px;
	height: 300px;
}


#homeColumn-events{
	float: left;
	width: 208px;
	margin-left: 10px;
	overflow: hidden;
}

div.columnHeadings {
	height: 30px;
	margin-bottom: 15px;
	float: left;
}

div.homeColumnButtons {
float: left;
margin: 0;	
margin-top: 0px;
padding-top: 3px;
	margin-left: 8px;
	margin-bottom: 10px;
}

.button-homeRSS {
	margin-left: 4px;
}



div.homePost {
	clear: both;
	margin-bottom: 15px;
}

img.homePostThumb {
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: left;
	border: 2px #555 solid;
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top:2px;
}

div.homePostNoThumb {
	width: 54px;
	height: 54px;
	overflow: hidden;
	float: left;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	display:none;
}


ul.homeCommentList {
	clear: both;
	
}

li.homeComment {
	background: #EFEDEE url('../images/comment-bg-gray.jpg') no-repeat;
	background-position: bottom left ;	
	width: 254px;
	position: relative;
	padding: 3px 5px 15px 5px;
	margin: 10px 0;
}

div.homeCommentAvatar {
	float: right;
	margin: 0 0 5px 5px;
	border: 1px #555 solid;
}

div#homeColumn-events ul.ec3_events li.ec3_list {
	margin: 0;
	margin-left: 0px;
	margin-bottom: 10px;
}

div#homeColumn-events ul.ec3_events li.ec3_list ul {
	margin-left: 5px;
}

#artistFeature {
	width: 920px;
	background: #484443 url('../images/artBoxTopShadow.jpg') no-repeat;
	padding: 10px;
	padding-top: 20px;
	clear: both;
	margin-bottom: -40px;
	position: relative;
	z-index: 99;
	color: #F1E6A8;
}

/* Blog pages */

textarea#comment {
	width: 99%;
	margin-bottom: 10px;
}

.post {
	border-bottom: gray 2px dotted;
	padding-bottom: 10px;
}

p#post-tags {
	background: #F5F5F5;
	padding: 5px;
	font-size: 0.9em;
}

p#post-meta, div#post-meta {
	background: #385C05;
	padding: 5px;
	font-size: 0.9em;
}
div#post-meta {
	margin-top: 10px;
}

.gray {
	color: gray;
}

div#post-date {
	background:#23201F;
	color: white;
	padding: 10px;
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
	text-align: center;
		border-right: dotted 1px #7F714A;
	
}

div.wp-caption {
	background: #F5F5F5;
	border: silver;
	border-left: #C6C6C6 solid 2px;
	border-bottom: #C6C6C6 solid 	2px;
	font-size: 0.9em;
	text-transform: uppercase;
}

#content ol.commentlist li{
	list-style-type: none;
	background: #F5F5F5;
	padding: 10px;
	margin: 10px 0;
	
}

#content ol.commentlist li.alt {
	background: #F9F1CA;
	padding: 5px;
}

#content ol.commentlist img.avatar {
	float: left;
	margin-right: 10px;
}

#content ul#postNav li{
	list-style-type: none;
	margin: 0;
}


/* Sidebars */

li.widget {
	border-bottom: #F1E6A8 2px dotted;
	padding-bottom: 10px;
	padding-left: 0px;
}

li.widget select {
	width: 180px;
}
/* Page template */

div#sidebar ul li#collapspage-3 ul {
	margin: 2px 0;
}

#sidebar li.collapsItem, #sidebar li.collapsPage {
	margin: 2px 0;
}

div#sidebar ul li#collapspage-3  li.collapsPage ul {
	margin-left: 15px;
}

div#sidebar ul li#collapspage-3 span.sym {
	margin-right: 5px;
	font-size: 10px;
}

/* Archives Page Template */

#archiveTagCloud {
	padding: 10px;
	margin-bottom: 20px;
		background: #F9F1CA;

}

#archiveColumn {
	width: 300px;
	float: left;
}

/* Comments Styles */

#content ol.commentlist li.comment ul.children {
	margin-left: 45px;
}
/* Discussions Page Template */

div#contentHolder div#content ul#recentcomments {
	list-style-type: none;
	list-style-image: none;
}

div#content li.recentcomments {
	background: white url('../images/comment-bg-gray.jpg') no-repeat;
	background-position:bottom left;
	position: relative;
	padding: 3px 5px 10px 0px;
	margin: 10px 0;
	list-style: none;
	list-style-type: none;
}

div#recentcommentsInside {
	
	background: #EFEDEE;
		padding: 3px 5px 15px 5px;

}

#recentcommentsInside img.avatar {
	float: left;
	margin: 5px;
}