/*  
Theme Name: Pulse Beat
Theme URI: http://PulseBeat
Description: Pulse Beat Music
Version: 1.0
Author: David Ofori-Amoah
Author URI: http://davidoforiamoah.com
*/

/* CSS Document */

/*Global colors

Darkest Brown=#261B0D
Deep Brown= #3D2B15
Clay Brown= #786A5F
Light Clay Brown= #A79E97
Ultra Light Clay Brown= #F3E6DC
Pulse yellow= #FAB500
Pulse orange= #CF5F00
Pulse red= #B7242D
Pulse purple= #872142
Pulse blue= #0C1979


/* General Layout */

html {
background-image: url(images/gradient.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	color:#DDDAD7;
}


body {
	font-size: 10px;
	color:#DDDAD7;
	padding:10px;
	margin:0;
	height:100%;
	text-align:center;
	border:thin;
	border-color:#A79E97;
	}

.wrapper{
	width: 800px;
	text-align:left;
	background:#5C4D3E;
	min-height:100%;
	position:relative;
	overflow:hidden;
	margin:auto;
	border:thin;
	border-color:#3D2B15;
	border-style:solid;
}

.masthead {
height:25px;
width:800px;
margin:auto;
padding:0;
font-family: Georgia, serif;
font-size: 10px;
letter-spacing:1px;
text-transform: uppercase;
line-height: 2em;
	color:#DDDAD7;
text-align:center;
}

.base {
	height:25px;
	width:800px;
	margin:auto;
	font-family: Georgia, serif;
	font-size: 10px;
	letter-spacing:1px;
	line-height: 2em;
	color:#A79E97;
}


.header{
	width: 800px;
	height:80px;
	background:#2d2d2d;
	padding-top:15px;
	border-bottom:thin;
	border-bottom-style:solid;
	border-bottom-color:#FAB500;
}

a .header {background:none;}

#logo {
	width:150px;
	float:left;
	padding-top: 3px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 10px;
}


/* Menu Styles */

#navigation{padding-left:20px;height:80px;}



ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#FAB500;
text-decoration:none;
height:20px;
padding:1px 15px 0;
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
}

ul.menu li a:hover,.current {
color:#fff;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

/* sub menu */

ul.submenu {
	list-style-type:none;
	width:765px;
	position:relative;
	display:block;
	height:20px;
	background-color:#464646;
	margin-top: 0px;
	padding-top:2px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border-bottom:thin;
	border-bottom-style:solid;
	border-bottom-color:#A79E97;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul.submenu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.submenu li a {
color:#FAB500;
text-decoration:none;
height:16px;
padding:0 11px 0;
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
}

ul.submenu li a:hover,.current {
color:#fff;
text-decoration:none;
}

ul.submenu .current a {
color:#fff;
font-weight:700;
}



/*Menu Links*/
ul.menu.live{padding-top:50px; padding-left:35px; float:left;}
ul.menu.live li a:hover, .menu.live li.current {}

ul.submenu.live{padding-top:7px; padding-left:35px; float:left;}
ul.submenu.live li a:hover, .menu.live li.current {}

/* Content Area */

.content_container{width:100%; padding-bottom:175px; overflow:auto; float:left;}

.content{width:100%; margin:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	padding-top:0;
	padding-bottom: 10px;
}
.center {padding-left:30px; padding-right:30px; width:770px; float:left;}
.left {padding-left:30px; width:420px; float:left; }
.right {padding-left:20px; width:270px; padding-right:30px; float:right;}

img a {background:none;}
img.left {
	width:460px;
	float:left;
	margin-bottom:10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
img.right {padding:0; width:340px; float:right; margin-bottom: 20px;}

img.main {border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#A79E97;
	width:100%; height:300px;}

table img{padding-bottom:10px;
		padding-right:5px;}
/*footer*/

#contact{padding-top:3px;float:left; width:140px; padding-right:30px}

.footer{
	height:120px;
	width:800px;
	position:absolute;
	bottom:0;
	background-color:#261F14;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#A79E97;
	Overflow:hidden;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-top:10px;
	vertical-align:text-top;
}


.one {margin-right: 30px; width:250px; float:left; overflow:hidden;}
.two {margin-left: 20px; width:260px; float:left; overflow:hidden;}

table{
	float:left;
	border:none;
	padding-bottom:20px;
}

table h1{font-size: 16px; color:#FFFFFF;
	}

tr{
	vertical-align: text-top;
	color:#DDDAD7;
	height:110px;
}

td {
	padding-bottom:0;
	margin-bottom:0;
	padding-right:30px;
}




/* Text styles */

#title {
font-family: Georgia, serif;
font-size: 34px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.4em;
border-bottom-style:dotted;
	border-bottom-color:#A79E97;
	border-bottom-width:1px;
padding-bottom:15px;
margin-left:30px;
padding-top:20px;
width:420px;
color:#FFFFFF;

}


#title_media {
font-family: Georgia, serif;
font-size: 34px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.4em;
border-bottom-style:dotted;
	border-bottom-color:#A79E97;
	border-bottom-width:1px;
padding-bottom:15px;
margin-left:30px;
padding-top:20px;
width:730px;
color:#FFFFFF;

}

p {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
color:#DDDAD7;
padding:0;
margin:0;
}


h1 {
font-family: Georgia, serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-transform: normal;
line-height: 1.4em;
}

.home h1 {
font-size: 28px;
letter-spacing: -1px;
padding-left:30px;
padding-right:30px;
color:#FFFFFF;
}


.news h1{
font-size:22px;
padding-left:0;
padding-right:0;
letter-spacing:normal;
text-transform:normal;
color:#FFFFFF;}


h2 {
font-family: Cambria, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
color:#A79E97;
padding-bottom:5px;
}

h3{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	color:#fff;
}

h4{
	font-family: Cambria, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
	padding:0;
	color:#A79E97;
	border-bottom-style:dotted;
	border-bottom-color:#A79E97;
	border-bottom-width:1px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom:10px;
}
	
	
h5 {
	font-family: Cambria, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 15px;
	padding:0;
	color:#FFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom:0;
}

h6{
	font-family: Cambria, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 13px;
	color:#A79E97;
	border-bottom-style:dotted;
	border-bottom-color:#A79E97;
	border-bottom-width:1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom:10px;
	padding-top:0;
	display:block;
}
	
	
.news h4{border-bottom:none;}

.news {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 20px;
	}
	
.about h1 {
	border-top-style:dotted;
	border-top-color:#A79E97;
	border-top-width:1px;
	padding-top:20px;
	}	
	
.news p {
	border-bottom-style:dotted;
	border-bottom-color:#A79E97;
	border-bottom-width:1px;
	padding-bottom:20px;
	}	
	
.news .home a {
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	padding-top:15px;
}

.quote {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	padding-top: 10px;
	padding-right:30px;
	padding-bottom: 20px;
	width:270px;
	}

.quote h3{
	font-family: Cambria, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color:#A79E97;
}

.quote em{
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-top:10px;
	color:#A79E97;
}


a { }

a:link { color: #FAB500; text-decoration: none; }
a:active { color: #FFF; text-decoration: none; }
a:visited { color:#FAB500; text-decoration: none;}
a:hover { color: #FFF; text-decoration: none; }
a.current { color: #FFF; text-decoration: none; }


ul.content{
	list-style-type:none;
	float:left;
	background:none;
	border:none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding:0;
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2em;
}

ul.media_menu{
	list-style-type:none;
	background:none;
	border:none;
	padding:0;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height:1.45em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
ul.media_menu li{padding-bottom:5px;}


ul.footer{
	list-style-type:none;
	background:none;
	border:none;
	height:auto;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#A79E97;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding:0;
	position:relative;
}

ul.footer li {
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#A79E97;
	padding-top: 5px;
	padding-bottom: 3px;

}

ul.footer li a {
text-decoration:none;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
}

img.content {border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#A79E97;}
	
#buy {	
	width:100px;
	border-width:1px;
	border-color:#DDDAD7;
	border-style:dotted;
	padding:7px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 0;
	}
	
img.products
{float:right; 
padding-right:10px;}

/*image gallery styling*/

.media_menu {padding-top:25px; padding-left:30px; width:220px; float:left; }
.media_container{padding-top:25px; padding-left:20px; width:510px; padding-right:0; float:right; margin:0;}



#gallery_container{
	width:400px;
	margin: 0px;
	padding: 0px;
	}

#main_image{
margin-bottom: 18px;
height:355px;
width: auto;
}

#main_image img{
	height:355px;
	width:auto;
	margin-bottom:10px;	
}

.galleria{list-style:none;width:490px}
.galleria li{display:block;width:60px;height:60px;overflow:hidden;float:left; margin:5px;}
.galleria li a{display:none}
.galleria li div{display:none;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.nav{padding-top: 5px; padding-bottom:18px; clear:both; 'helvetica neue',sans-serif;}

.gallery{width:485px;margin:0px; padding:0px; float:left;}

.gallery ul{
	width:490px;
margin:0;
}

.gallery li{
	width:74px;
	height:61px;
	border:1px  #111;
	background:#000;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.gallery li div{left:0px;}

.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#musicplayer {
padding-top: 155px; padding-bottom:0; margin-bottom: 0;	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#A79E97;}}

#videoplayer {width:470px; height:270px; padding-bottom:25px; 	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#A79E97;}
	
.media h1{font-size: 16px;}

ul.links {
	list-style-type:none;
	background:none;
	border:none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding:0;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6em
	}