/*
Theme Name: Our City, Our Music
Version: 1.3
Author: Isfahan Ashraf
Author URI: http://menacemedia.com/
*/

/* haslayout fix */

.fix { min-height: 0; }


/* misc */

body {
	background: #0099cc url(img/bg/html.gif) repeat-y;
	font-family: "helvetica neue", arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

a {
	text-decoration: none;
	color: #0099cc;
	}
	
	a:hover {
		color: #cc3300;
		}

	a img {
		border: 0 !important;
	}

small {
	font-size: 10px;
	}

/* lists */

	.content-block ul li,
	.block-content ul li {
		background: url(img/bg/bullet.gif) no-repeat left 7px;
		padding-left: 16px;
		min-height: 0; /* haslayout */
		}

		.content-block li a,
		.block-content li a {
			display: block;
			}

	.content-block ol li,
	.block-content ol li {
		list-style: decimal;
		margin-left: 24px;
		}


		.block-content ul li,
		.block-content ol li {
			line-height: 22px;
			}

		.block-content ul li a,
		.block-content ol li a,
		.content-block ul li a,
		.content-block ol li a {
			color: #004d66;
			}

			.block-content ul li a:hover,
			.block-content ol li a:hover,
			.content-block ul li a:hover,
			.content-block ol li a:hover  {
				color: #cc3300;
				}



#container {
	width: 885px;
	margin: 70px 0 50px 20px;
	}


/* invisibles */

	.clear { clear: both; visibility: hidden; }



/* header */

	#header {
		height: 173px;
		margin: 0 10px;
		}

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

		#current-album {
			width: 245px;
			height: 62px;
			padding: 13px 0 10px 20px;
			margin-top: 57px;
			background: url(img/bg/current-album.gif) no-repeat right bottom;
			float: right;
			}

			#current-album a {
				display: block;
				color: #000;
				}

				span#ca-ca {
					line-height: 24px;
					}

				span#ca-place {
					line-height: 38px;
					font-size: 29px;
					}

				#current-album a:hover span#ca-place {
					color: #cc3300;
					}



/* content */

	#content {
		width: 610px;
		float: left;
		background: url(img/bg/white.gif) no-repeat 10px 10px;
		min-height: 0; /* haslayout */
		}

		h3 {
			background: #000 url(img/bg/h3.gif) no-repeat left bottom;
			color: #fff;
			float: left;
			padding: 10px 20px 19px 30px;
			font-size: 20px;
			font-weight: normal;
			margin: 0 20px 10px 0;
			}

			h3.link {
				padding: 0 0 9px 0;
				}

				h3.link a {
					padding: 10px 20px 10px 30px;
					display: block;
					color: #fff;
					}

				h3.link a:hover {
					background: #cc3300;
					}

		.content-block {
			clear: both;
			margin: 0 20px 40px 30px;
			font-size: 16px;
			line-height: 22px;
			min-height: 0; /* haslayout */
			}

			.content-block ul,
			.content-block ol {
				margin: 20px 0;
				}

			.content-block p {
				margin-bottom: 20px;
				clear: both;
				}

		.post-foot {
			margin: 0 20px 60px 20px;
			clear: both;
			}

			.post-foot a,
			.post-foot span.commentno {
				padding: 10px 10px 20px 10px;
				background: #333 url(img/bg/comments.gif) no-repeat left bottom;
				color: #fff;
display: block;
width: 130px;
float: left;
				}

				.post-foot a:hover {
					background: #cc3300 url(img/bg/comments.gif) no-repeat left bottom;
					}

			.post-foot span {
				color: #0099cc;
				padding-left: 10px;
display: block;
float: right;
width: 400px;
				}

				.post-foot span a,
				.post-foot span span {
					padding: 0;
					background: none;
					color: #004d66;
					}

				.post-foot span a {
					border-bottom: 1px solid #cc3300;
display: inline !important;
float: none !important;
					}

					.post-foot span a:hover {
						background: none;
						color: #cc3300;
						}

		#dotted-left10 {
			background: url(img/bg/dotted.gif) no-repeat 10px top;
			min-height: 0; /* haslayout */
			}

			.bluebar {
				background: url(img/bg/bluebar.gif) no-repeat left bottom;
				}

				#older-posts {
				 	float: left;
				 	}

					#older-posts a {
				 		display: block;
				 		background: url(img/bg/blue_corner_l.gif) no-repeat right bottom;
				 		padding: 10px 20px 10px 10px;
				 		margin: 11px 0 0 20px;
				 		color: #fff;
						}

					#older-posts a:hover {
				 		background: url(img/bg/blue_corner_l_h.gif) no-repeat right bottom;
				 		}

				.newer-posts {
				 	float: right;
			 		}

					.newer-posts a {
						display: block;
			 			text-align: right;
				 		background: url(img/bg/blue_corner_r.gif) no-repeat left bottom;
					 	padding: 10px 10px 10px 20px;
				 		margin: 11px 10px 0 0;
			 			color: #fff;
						}

					.newer-posts a:hover {
				 		background: url(img/bg/blue_corner_r_h.gif) no-repeat left bottom;
				 		}

	/* comments */

		.comment {
			margin-bottom: 20px;
			min-height: 0; /* haslayout */
			}

			.comment:hover .c-right {
				background: #efefef;
				border-color: #0099cc;
				}

			.post:hover .c-right {
				background: #fff !important;
				border-color: #ccc !important;
				}

			.c-left {
				float: left;
				width: 100px;
				margin-left: 30px;
				padding-top: 12px;
				}

			.c-right {
				float: right;
				width: 440px;
				border-left: 1px dotted #ccc;
				margin-right: 20px;
				padding: 10px 0 0 10px;
				}

				.c-right p {
					margin-bottom: 10px;
					}

				.c-right p.author {
					color: #999;
					margin-bottom: 20px;
					}

					.c-right p.author a {
						color: #004d66;
						font-size: 16px;
						text-decoration: underline;
						}
					
						.c-right p.author a:hover {
							color: #cc3300;
							}

					.c-right p.author span {
						color: #0099cc;
						font-size: 16px;
						}

/* sidebar */

	#sidebar {
		width: 275px;
		z-index: 100;
		float: right;
		background: url(img/bg/sidebar.gif) repeat-y;
		}

		#sidebar .block {
			background: url(img/bg/sidebar-block.gif) no-repeat left bottom;
			margin-bottom: 30px;
			}

			h2 {
				background: url(img/bg/h2.gif) no-repeat right bottom;
				line-height: 40px;
				padding: 0 0 10px 20px;
				color: #fff;
				font-size: 20px;
				font-weight: normal;
				}

			.block-content {
				width: 225px;
				padding: 10px 30px 30px 20px;
				line-height: 18px;
				min-height: 0; /* haslayout */
				}

		#sidebar .block-yel {
			background: url(img/bg/sidebar-block-yel.gif) no-repeat left bottom;
			min-height: 0; /* haslayout */
			}

			#sidebar .block-yel a {
				padding: 10px 30px 24px 20px;
				}

		#sidebar .block-grn {
			background: url(img/bg/sidebar-block-grn.gif) no-repeat left bottom;
			margin-bottom: 30px;
			min-height: 0; /* haslayout */
			}

			#sidebar .block-grn a {
				padding: 20px 30px 30px 20px;
				}

			#sidebar .block-yel a,
			#sidebar .block-grn a {
				display: block;
				line-height: 18px;
				color: #000;
				font-size: 12px;
				}

			#sidebar .block-yel a span,
			#sidebar .block-grn a span {
				margin-top: 10px;
				font-size: 14px;
				display: block;
				text-align: right;
				border-top: 1px dotted #004d66;
				padding-top: 6px;
				}

				#sidebar .block-yel a:hover span,
				#sidebar .block-grn a:hover span {
					color: #004d66;
					}

/* footer */

	#footer {
		color: #fff;
		font-size: 12px;
		margin: 60px 10px 0 10px;
		}

		#copyright {
			float: left;
			background: #000;
			padding: 0 20px;
			line-height: 30px;
			}

		#menu {
			float: right;
			}
			
			#menu ul li {
				display: inline;
				line-height: 30px;
				}
				
				#menu li a {
					background: #000;
					color: #fff;
					padding: 8px 10px;
					text-decoration: none;
					}

				#menu li a:hover,
				#menu li.current_page_item a {
					background: #CDEBF7;
					color: #000;
					}



/* forms */

	label {
		display: block;
		margin-bottom: 10px;
		font-size: 18px;
		}

		label span {
			color: #999;
			font-size: 14px;
			}

		input,
		textarea {
			width: 415px;
			padding: 5px;
			border: 1px solid #0099cc;
			margin-top: 5px;
			font: bold 14px arial;
			}

		input:focus,
		textarea:focus {
			background: #0099cc;
			border-color: #004d66;
			color: #fff;
			}

		input#submit-post {
			width: 150px;
			margin-bottom: 10px;
			cursor: pointer;
			}

		input#searchform {
			width: 183px;
			margin: 0;
			line-height: 18px;
			height: 18px;
			float: left;
			}

		input#searchbtn {
			width: 30px;
			height: 30px;
			border: 0;
			padding: 0;
			margin: 0;
			float: right;
			}

/* homepage */

	/* blurb */




		#blurb {

			height: 321px;
			background: url(http://www.ourcityourmusic.com/blog/wp-content/uploads/2009/06/blurb1.jpg) no-repeat left top;
			}

			#blurb a {
				display: block;
				height: 100%;
				color: #fff;
				padding: 150px 20px 20px 0;
				font-size: 17px;
				}

				#blurb a span {
					background: #000;
					padding: 5px 30px;
					line-height: 25px;
					}

					#blurb a span#lastspan {
						background: url(img/bg/lastspan.gif) no-repeat left bottom;
						padding: 4px 30px 14px 30px;
						}

	/* cols */



		#brief-cols {
			background: url(img/bg/bluebar.gif) repeat-y left top;
			padding-left: 10px;
			}

			#brief-yel {
				float: left;
				width: 300px;
				background: url(img/bg/yellow.gif) no-repeat;
				padding-top: 20px;
				}

				#brief-yel .bluebar {
						background: url(img/bg/bluebar.gif) no-repeat -10px bottom;
						}

			#brief-grn {
				float: right;
				width: 300px;
				background: url(img/bg/green.gif) no-repeat;
				padding-top: 20px;
				}

				.brief-content {
					clear: both;
					padding: 20px;
					line-height: 18px;
					min-height: 0; /* haslayout */
					}

	/* sidebar */

		#sidebar-home {
			width: 275px;
			z-index: 100;
			float: right;
			}

			#sidebar-home .newsblock {
				background: url(img/bg/sidebar-block-white.gif) repeat-y !important;
				min-height: 0; /* haslayout */
				}

				#sidebar-home .newsblock a.ni {
					background: url(img/bg/dotted.gif) no-repeat left top;
					display: block;
					padding: 10px 0;
					color: #000;
					}

					#sidebar-home .newsblock a.ni:hover h4 {
						background: #cc3300;
						}

				h4 {
					background: #000;
					color: #fff;
					float: left;
					padding: 10px 20px;
					font-size: 16px;
					}

				#sidebar-home .newsblock .newsitem-excerp {
					clear: both;
					display: block;
					padding: 10px 20px;
					line-height: 18px;
					}

				#sidebar-home .newsblock .newsitem-date {
					color: #cc3300;
					padding: 0 20px;
					}

			.dotted {
				background: url(img/bg/dotted.gif) no-repeat left top;
				}

				#sidebar-home .bluebar,
				#brief-grn .bluebar {
					background: url(img/bg/bluebar.gif) no-repeat right bottom;
					}

					#sidebar-home .newer-posts {
					 	float: right;
					 	margin-right: 10px;
				 		}