@charset "utf-8";
/* CSS Document */

body{margin:0; background: url(../images/bg-img.gif) repeat #eae8d2; font-family:"Verdana", Geneva, sans-serif; font-size:12px;}

header{height:95px; background-color:#302f2e;}

a:link, a:visited,a:active {text-decoration: none; color:#3b5998;}

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

a img{border:none;}

.head-container{width:940px; height:95px; margin:0 auto;}

.logo{width:250px; height:95px; float:left; margin-left:5px;}

.container{width:940px; min-height:600px; margin:0 auto; overflow:hidden;}

.left{width:600px; overflow:hidden; min-height:600px; float:left;}

.right{width:340px; overflow:hidden; min-height:600px; float:right;}

.right-box{ width:300px; margin:10px; overflow:hidden; padding:6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #c6c4b5; background-color:#edead1; text-align:center;}

.share-box{ width:300px; margin:10px; overflow:hidden; padding:6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #c6c4b5; background-color:#edead1; text-align:center;}

.title{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; padding:7px 10px; background-color:#333; color:#FFF; font-size:16px; font-weight:bold;}

.search-title{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; padding:15px 10px; background-color:#333; color:#FFF; font-size:16px; font-weight:bold; margin:10px;}

.box{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #c6c4b5; overflow:hidden; padding:10px; margin:10px; background-color:#edead1;}

.inner-box{margin:10px 0; overflow:hidden; text-align:center;}

.song-list{margin:10px; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #c6c4b5; padding:4px; background-color:#edead1; }

.music-button{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; background-color:#22231b; line-height:6px; color:#FFF; font-weight:bold; margin-bottom:5px;}

.music-button:link, .music-button:visited, .music-button:active{color:#FFF; text-decoration:none;}

.music-button:hover {background-color:#37382e; color:#FFF; text-decoration:none;}

.Music-Tumbs{width:92px; height:92px; overflow:hidden; margin:5px; border:1px solid #CCC; float:left; padding:3px; background-color:#edead1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.page-content{padding:10px; line-height:20px;}

.dc{text-align:center; margin:15px; font-weight:bold;}

.clear{clear:both;}

.followus{ padding:10px; font-weight:bold; font-family:"Comic Sans MS", cursive; color:#f8991c; font-size:16px;}

.space{height:10px;}

.error{text-align:center; padding:40px 10px;}

/*form*/

#theForm{
	margin:0;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
#theForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#theForm .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#theForm input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #aacfe4;
	width:300px;
	margin:2px 0 20px 10px;
}
#theForm textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:300px;
	margin:2px 0 20px 10px;
	height: 50px;
}

#theForm button{
	clear:both;
	margin-left:150px;
}

.smallLong{text-align:center; padding:15px;}
/*****Paginate****/
ul#items{		
		
		list-style-type:none;
		padding:0;
		margin:0;
		}
	ul#items li{
		list-style-type:none;
		}
	ol#pagination{overflow:hidden; margin:10; padding-left:5px;}
	ol#pagination li{
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
		float:left;
		list-style:none;
		cursor:pointer;
		margin:0 0 0 .5em;
		padding:5px 7px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		}
	ol#pagination li.current{
		color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
		}
	
	ol#pagination li:hover{
		background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}

/****Button***/

.orange {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1em .30em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.orange:link{color:#FFF;}

.orange:hover {
	text-decoration: none;
}
.orange:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/**MUSIC PAGE**/

.songInfo{width:70px; text-align:center; padding:5px; float: left; overflow:hidden; border-right: 1px solid #c6c4b5; min-height:60px;}
.songTitle{font-size:14px; font-weight:bold; float:left; margin-left:6px;}
.bttomBar{width:470px; float:left; margin-left:6px; padding:5px 0;}
.btns{width:100px; float:left; padding-top:10px;}
.mplayer{width:250px; float:left; padding-top:13px;}

/**FB CSS**/

.facebookOuter {
    background-color:#edead1; 
    width:300px;
    height:240px;
  }
 .facebookInner {
    height:240px;
    overflow:hidden;
  }
 
 
/*****SEARCH*****/

.search-box{margin:10px; padding:3px 0; text-align:right; overflow:hidden; width:500px; float:right;}

.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}  

/* Form wrapper styling */
.form-wrapper {
    width: 450px;
    padding: 15px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
 
/* Form text input */
 
.form-wrapper input {
    width: 330px;
    height: 20px;
    padding: 10px 5px;
    float: left;   
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;     
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   
 
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #f8991c;
    border-radius: 0 3px 3px 0;     
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}  
   
.form-wrapper button:hover{    
    background: #e78d16;
}  
   
.form-wrapper button:active,
.form-wrapper button:focus{  
    background: #c42f2f;
    outline: 0;  
}
 
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #f8991c transparent;
    top: 12px;
    left: -6px;
}
 
.form-wrapper button:hover:before{
    border-right-color: #e78d16;
}
 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;
}     
 
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    

/*****SEARCH*****/

.middle-box{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #c6c4b5; overflow:hidden; padding:10px; margin:10px; background-color:#edead1; text-align:center;}

.mainFooter{margin:0 auto; width:940px; color:#FFF; padding:10px 0;}

.footer-links:link,.footer-links:active,.footer-links:visited{color:#f8991c; font-weight:bold;}

.footer-links:hover{color: #d38116;}

.footer-txt{float:left; width:400px; text-align:left; padding-left:10px; font-weight:bold;}

.footer-data{ float:right; width:450px; text-align:right; padding-right:10px; color:#f8991c;}

footer{height:50px; background-color:#302f2e;}