/*
Template Design by TheWebhub.com
http://www.thewebhub.com
Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines
*/

/** Common Styles */

body {
	margin: 30px 0 20px 0;
	padding: 0;
	background: #D7D7BD url(images/img01.png) repeat;
	text-align: justify;
	line-height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C4C4C;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #000000;
}

strong {
	color: #000000;
}

p, ul, ol {
	margin-bottom: 1.5em;	
}

ul {
	margin: 0px;
	padding: 0;
}

a {
	color: #E37500;
	border-bottom: 1px #E37500 dotted;
}

a:hover {
	text-decoration: none;
	color: #A66300;
}

.clean { clear: both; }
.hidden { display: none; }

/** Style for header starts here */

#header {
	width: 800px;
	height: 150px;
	margin: 0px auto;
	/*background: url(images/img04.jpg) no-repeat left top;*/
}

#header2 { float:none; height: 50px; }

#header2 h1, #header h2 {
	margin: 0px;
	padding: 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E37500;	
}

.header2text { text-align: right; padding-right: 25px; padding-top: 25px; }

#header2 h1 {
	float: left;
	padding: 13px 10px 20px 20px;
	font-size: 4em;
}

#header h2 {
	padding: 73px 10px 0px 0px;
	font-size: 1.4em;
}

/** Style for menu starts here */

#menu {
	width: 800px;
	height: 50px;
	margin: 0px auto;
	background: #000000;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	border: none;
	background: url(images/img05.jpg) no-repeat left 55%;
	padding: 14px 30px 10px 12px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	color: #D7D7BD;
}

/** Style for wrapper starts here */

#wrapper {
	width: 840px;
	margin: 0px auto;
	padding: 20px 0;
	background: #FFFFFF url(images/img02.jpg) repeat-y left top;
}

/** Style for content starts here */

#content {
	width: 800px;
	margin: 0px auto;
	min-height: 400px;
	_height: 400px;
}

#content h2 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px #CCCCCC dashed;
	margin-bottom: 15px;
}

#content p {
}

#content a {
	text-decoration: none;
}

#right {
	float: right;
	width: 480px;
	padding: 20px 20px;
}

#right ul {
	margin: 0 3em;
	padding: 0;
	list-style: none;
}

#right li {
	margin-bottom: 8px;
	padding-left: 10px;
	background: url(images/img06.jpg) no-repeat 0 7px;
	line-height: 17px;
}

#right .post {
}

#left {
	float: left;
	width: 220px;
	padding: 20px 20px;
	background: #EDEDED;
}


#left ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#left li {
	padding-left: 10px;
	background: url(images/img04.gif) no-repeat left 50%;
}


/** Style for footer starts here */

#footer {
	clear: both;
	width: 800px;
	height: 38px;
	margin: 0px auto;
	padding-top: 18px;
	border-top: 1px solid #444444;
	background: #000000;
	text-transform: uppercase;
	font-size: 10px;
	color: #E5E5CC;
}

#footer .copyright {
	float: left;
	margin: 0px;
	padding-left: 20px;
	text-align: center;
}

#footer .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;
}

#footer .css {
	padding-left: 20px;
	background: url(images/image01.png) no-repeat left 50%;
}

#footer .xhtml {
	padding-left: 20px;
	background: url(images/image02.png) no-repeat left 50%;
}

#footer a {
	border-bottom: 1px #E5E5CC dashed;
	text-decoration: none;
	color: #E5E5CC;
}

/* albums */
.albums { margin-top: 20px; margin-bottom: 10px; }
.album { margin-top: 30px; }
.album .image { padding: 0px; float:left; }
.album .perex { padding: 5px 0px 10px 10px; float:left; width: 300px; }
.album .tracks { clear: both; width: 100%; padding-top: 10px; }
.album h3 { text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*border-bottom: 1px #CCCCCC dashed;*/ }
.album .download { display: block; background: url('/images/save.png') top left no-repeat; width: 15px; height: 16px; border-bottom: none;}
.album .tracks td { border-bottom: 1px #CCCCCC dashed; }
.album .tracks a { border-bottom: none; }

/* gallery */
.gallerydetail { margin-left: -20px; margin-right: -20px; margin-top: 20px; }
.gallerydetail .photo { float:left; margin-right: 10px; margin-bottom: 10px; padding:10px; border: 1px #CCCCCC solid; background: #EDEDED; }
.gallerydetail .last { margin-right: 0px; }
.gallerydetail .photo a, .gallerydetail .photo a img { border: none; }

/* comments */
.commentForm .name { width: 430px; }
.commentForm .text { width: 430px; height: 80px; }
.commentForm .code { width: 195px; margin-top: 5px; }
.commentForm .code, .commentForm .text, .commentForm .name { border: #cccccc 1px dashed; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 3px 4px 3px 4px; }
#commentform label { font-weight: bold; }
#commentform { border: 1px #CCCCCC solid; background: #EDEDED; padding: 10px 20px 10px 20px; margin-top: 15px; position: absolute; }

/* page layout */
.img { float: left; }
.imgFloated { border: 1px solid #153F7B; } 
.imgFloated .img           { float: none; width: auto;  border: 1px solid #BBC8D9; margin: 0 10px 10px 0; }
.imgFloated .caption { border-top: 1px solid #BBC8D9; padding: .5em 1.5em; text-align: center; color: #666; background: #fff url('../images/bg-box-b.gif') 0 0 repeat-x; font-size: 11px; }
.imgFloated img { display: block; }
.textContent p { margin: 0px !important; }  

.fifty { width: 50%; float:left; }