/*  

Theme Name: Listen

Theme URI: http://www.mybloglive.com

Description: A cool sound wordpress blog. 

Version: 1.0

Author: Ankur Savai

Author URI: http://www.aksinfo.com



	



*/
body {
	font-family: "verdana";
	font-size: 11px;
	margin: 0;
	padding: 0;
	background: #153844 url('img/body_bg.jpg') repeat-x;
}

p, h2, img, ul, form {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 11px;
	font-weight: bold;
}

ul {
	list-style: none;
}

.hidden {
	display: none;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* --- Wrap --- */

#wrap {
	width: 759px;
	margin: 0 auto;
	background: #C7C3B5;
}

#wrap_out {
	width: 787px;
	margin: 0 auto;
	background: url('img/content_wrap_bg.gif');
}

#wrap_outer {
	width: 100%;
	background: url('img/wrap_bg.jpg') no-repeat top;
}

/* --- Top --- */

#top {
	width: 100%;
	position: relative;
	height: 169px;
	background: url('img/top_bg.jpg');
}

#top h2 {
	font-family: "Trebuchet MS";
	font-weight: normal;
	font-size: 30px;
	padding-top:80px;
	padding-left: 30px;
}

#top h2 a {
	color: #fff !important;
}

#top h2 a:hover {
	text-decoration: none;
	color: #FF8C00 !important;
}

#top p {
	padding-left: 33px;
	color: #fff;
	padding-top:2px;
}

/* --- Content Wrap--- */

#content_wrap {
	width: 100%;
	background: url('img/content_wrap.gif') repeat-x top;
}

/* --- Left --- */

#left {
	width: 539px;
	float: left;
}

#left p {
	line-height: 19px;
	padding: 0 0 10px 0;
}

#left p a {
	text-decoration: underline;
	color: #C51C1D;
}

#left p a:hover {
	text-decoration: none;
}

.details {
	color: #fff;
}

.details a {
	color: #fff !important;
	text-decoration: underline;
}

.details a:hover {
	text-decoration: none !important;
} 

#left h2, #left h2 a {
	color: #fff;
}

#left h2 a:hover {
	text-decoration: underline;
}

.post {
	width: 519px;
	margin: 16px auto;
	background: #AFAB9E url('img/post_bottom.gif') no-repeat bottom;
}

.post_end {
	width: 473px;
	background: url('img/post_top.gif') no-repeat top;
	padding-left:23px; padding-right:23px; padding-top:17px; padding-bottom:5px
}

.rm {
	text-align: right;
}

.rm a {
	color: #fff !important;
	text-decoration: underline;
}

.rm a:hover {
	text-decoration: none !important;
}

#left ul {
	padding-left: 50px;
	padding-bottom: 10px;
}

#left ul li {
	line-height: 18px;
	list-style: disc;
}

#more_posts {
	padding: 10px 10px 30px 20px;
}

.x {
	padding-bottom: 10px;
}

/* --- Comments --- */

#left label {
	padding-left: 10px;
}

#left form p {
	padding: 0 0 5px 0 !important;
}

.comment {
	background: #C0BCB2;
	border: #CCCAC1 1px solid;
	padding: 10px;
	margin: 10px 0;
}

.comment p {
	padding: 0 0 10px 0 !important;
}

/* --- Right --- */

#right {
	width: 200px;
	background: url('img/right_middle.gif');
	float: left
}

#right ul ul {
	padding: 0;
}

#right_end {
	width: 100%;
	background: url('img/right_bottom.gif') no-repeat bottom;
}

#right_top {
	width: 100%;
	background: url('img/right_navigation.jpg') no-repeat top left;
	padding-top: 57px;
	padding-bottom: 30px;
	color: #fff
}

#right h2 {
	text-transform: uppercase;
	padding: 8px 28px;
}

#right a {
	color: #fff;
	text-decoration: underline;
}

#right a:hover {
	text-decoration: none;
}

#right ul {
	padding: 8px 28px;
}

#right ul li {
	line-height: 18px;
}


/* --- Footer --- */

#footer {
	width: 100%;
	background: #C7C3B5;
	height: 37px;
}

#footer p {
	padding-left: 20px;
}

/* --- Fix --- */

#content_wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
