/*

This is a free templates for MP3 Search Engine v1.6.1 to the Licensed Members 

Modified By: www.videoarab.com

*/



* {

	margin: 0;

	padding: 0;

}



body {

	margin: 20px 0;

	background: #FFFFFF;

	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #666666;

}



h1, h2, h3 {

	color: #333333;

}



h2 {

}



h3 {

	font-size: 1em;

}



p, blockquote, ul, ol {

	margin-bottom: 1.5em;

	line-height: 1.65em;

	text-align: justify;

}



p {

}



blockquote {

	margin-left: 2em;

	margin-right: 2em;

	font-style: italic;

}



ul {

	margin-left: 3em;

}



ul li {

}



ol {

	margin-left: 3em;

}



ol li {

}



a {

	text-decoration: underline;

	color: #3E9722;

}



a:hover {

	text-decoration: none;

	color: #E58C24;

}



img {

	border: none;

}



img.left {

	float: left;

	margin: 5px 20px 0 0;

}



img.right {

	float: right;

	margin: 5px 0 0 20px;

}



/* Boxed Style */



.boxed {

}



.boxed .title {

	background: #3C74E6 url(images/img06.gif) repeat-x;

}



.boxed .title h2 {

	height: 28px;

	padding: 12px 0 0 20px;

	text-transform: uppercase;

	font-size: 1em;

	color: #FFFFFF;

}



.boxed .content {

	padding: 20px;

	border-top: 1px solid #FFFFFF;

	background: url(images/img07.gif) repeat-x;

}



/* Post */



.post {

}



.post .title {

	background: #3C74E6 url(images/img06.gif) repeat-x;

	font-size: 1em;

	text-transform: uppercase;

	color: #FFFFFF;

}



.post .title span {

	display: block;

	height: 28px;

	padding: 12px 0 0 20px;

}



.post .date {

	margin-top: -25px;

	padding-bottom: 10px;

	padding-right: 20px;

	text-align: right;

	font-size: x-small;

	color: #FFFFFF;

}



.post .date .month {

}



.post .date .day {

}



.post .date .year {

}



.post .meta {

	clear: both;

}



.post .meta p {

	margin: 0;

	padding: 10px 20px 40px 20px;

	border-top: 1px dotted #CCCCCC;

	line-height: normal;

	font-size: x-small;

}



.post .story {

	padding: 20px;

	border-top: 1px solid #FFFFFF;

	background: url(images/img07.gif) repeat-x;

}



/* Header */



#header {

	width: 920px;

	height: 120px;

	margin: 0 auto;

	padding: 20px 20px 0 20px;

	background: #CAE646 url(images/img01.jpg) no-repeat;

}



/* Header > Logo */



#logo {

	float: left;

	width: 240px;

	height: 50px;

}



#logo h1 {

	float: left;

	margin: 0;

	padding: 30px 0 0;

	font-size: 2.6em;

}



#logo h2 {

	float: left;

	margin-top: -5px;

	font-size: 1em;

}



#logo a {

	text-decoration: none;

	color: #000000;

}



/* Header > Menu */



#menu {

	float: right;

}



#menu ul {

	margin: 0;

	padding-top: 79px;

	list-style: none;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	float: left;

	width: 120px;

	height: 30px;

	margin-left: 2px;

	padding-top: 10px;

	background: url(images/img03.gif) no-repeat;

	text-decoration: none;

	text-align: center;

	font-weight: bold;

	color: #000000;

}



#menu a:hover {

	background-image: url(images/img04.gif);

}



#menu .active a {

	background-image: url(images/img05.gif);

}



/* Content */



#content {

	width: 920px;

	margin: 0 auto;

	padding: 20px;

	background: url(images/img02.jpg) no-repeat;

	border-top: 1px solid #FFFFFF;

}



/* Content > Main */



#main {

	float: left;

	width: 480px;

	padding-left: 20px;

}



/* Content > Main > Welcome */



#welcome {

}



/* Content > Main > Example */



#example {

}



/* Content > Sidebar */



#sidebar {

	float: left;

	width: 220px;

}



#sidebar .boxed .title h2 {

	background: url(images/img08.gif) no-repeat;

}



/* Content > Sidebar > Login */



#login {

}



#login form {

}



#login fieldset {

	border: none;

}



#login legend {

	display: none;

}



#login label {

	display: block;

}



#login input {

	margin-bottom: 10px;

	padding: 2px 5px;

	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #666666;

}



#inputtext1, #inputtext2 {

	width: 160px;

}



#inputsubmit1 {

	margin: 0;

	padding: 0;

}



/* Content > Sidebar > Updates*/



#updates {

}



#updates ul {

	margin: 0;

	list-style: none;

}



#updates h3 {

	font-size: .8em;

}



#updates p {

	line-height: normal;

	font-size: .8em;

}



#updates a {

	text-decoration: none;

}



/* Content > Sidebar2 */



#sidebar2 {

	float: left;

	width: 180px;

	padding-left: 20px;

}



#sidebar2 .boxed .title h2 {

	background: url(images/img10.gif) no-repeat right top;

}



/* Content > Sidebar2 > Sponsors */



#sponsors {

}



#sponsors ul {

	margin-left: 0;

	padding-left: 0;

	list-style: inside;

}



/* Content > Sidebar2 > ad120x600 */



#ad120x600 {

	text-align: center;

}



/* Footer */



#footer { clear: both; width: 760px; margin: 0 auto; background: url(images/img02.jpg) no-repeat; padding-right: 0; padding-left: 0; }



#footer p {

	margin: 0;

	text-align: center;

	line-height: normal;

	font-size: x-small;

}



#footer a {

	text-decoration: underline;

	color: #666666;

}



#footer a:hover {

	text-decoration: none;

}



/* Footer > Legal */



#legal {

}



/* Footer > Links */



#links {

}

/* Button Search */

#btngo {  }

.btn_go { background-image: url(images/btn_go.png); width: 71px; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-align: center; vertical-align: middle; margin: 0 0 6px -2px; border-style: none; list-style-position: outside; white-space:nowrap; cursor:hand; }

.btn-login { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; background-image: url(images/btn-login.png); text-align: center; white-space: nowrap; cursor: hand; list-style-position: outside; margin: 0 0 6px -2px; width: 67px; height: 28px; vertical-align: middle; border-style: none; }

.btn_search { background-image: url(images/btn_search.png); width: 71px; height: 23px; border-style: none; }

.search_bg { color: #c64b0c; background-image: url(images/3.png); width: 406px; height: 111px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; margin-right: 0; border-style: none; list-style-position: outside; white-space:nowrap; }

.ovedown { color: #c64b0c; font-size: 12px; font-weight: bold; }

.listdown { color: #c64b0c; font-size: 13px; font-weight: bold; }

.textbox { width: 250px; height: 20px; border: solid 1px #0853fd; }

a.squarebutton{

background: transparent url(images/square-orange-left.gif) no-repeat top left;

display: block;

float: left;

font: normal 12px Arial; /* Change 12px as desired */

line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

height: 23px; /* Height of button background height */

padding-left: 9px; /* Width of left menu image */

text-decoration: none;

}



a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{

color: #494949; /*button text color*/

}



a.squarebutton span{

background: transparent url(images/square-orange-right.gif) no-repeat top right;

display: block;

padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

}



a.squarebutton:hover{ /* Hover state CSS */

background-position: bottom left;

}



a.squarebutton:hover span{ /* Hover state CSS */

background-position: bottom right;

color: black;

}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */

overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

height: 100%; }