/* ---------------------------------------------------







AUTHOR          :  	Erwin Aligam



WEBSITE         :   http://www.styleshout.com/



TEMPLATE NAME   :	CoolWater



TEMPLATE CODE   : 	S-0019



VERSION         :   1.1



DATE            :	January 18, 2010







---------------------------------------------------- */







/* ---------------------------------------------------



   HTML ELEMENTS



---------------------------------------------------- */







/* top elements */



* { margin: 0; padding: 0; outline: 0; }







body {



	background: #fff;



	font: 80%/1.3em 'Trebuchet MS', sans-serif;



	color: #000;



	text-align: center;



	margin: 0px 0;



}







/* links */



a, a:visited {



	text-decoration: none;

	color: #FB9233; 



}



a:hover {



	text-decoration: underline;

	color: #93C600;



}







/* headers */



h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }



h1 {



	font-size: 170%;	



	font-weight: normal;	



	color: #777;



}



h2 {



	font-size: 160%;



	color: #88ac0b;



	font-weight: normal;


}



h3 {



	font-size: 135%;	 



	color: #2666c3;



}


/* images */



img {


	border: 0px;

	padding: 0px;

}



img.float-right { margin: 5px 0px 10px 10px;  }



img.float-left { margin: 5px 10px 10px 0px; }

img.normal {
	margin: 0px;
	border: 0px;
	padding: 0px;

}


h1, h2, h3, p {



	margin: 5px 10px;



	padding: 0;



}



ul, ol {



	margin: 5px 15px;



	padding: 0 25px;



}


code {



  margin: 5px 0;



  padding: 15px;



  text-align: left;



  display: block;



  overflow: auto;  



  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;



  /* white-space: pre; */



  border: 1px solid #E5F0FB;  



  background: #F4F8FD;



}



acronym {



  cursor: help;



  border-bottom: 1px dotted #777;



}



blockquote {



  margin: 10px 15px;



  padding: 0 0 0 25px;  



  font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif; 



  color: #2361BA;



  border: 1px solid #E5F0FB;   



  background: #F4F8FD url(../images/quote.jpg) no-repeat 8px 6px;



}


/********************************************



   LAYOUT



********************************************/ 



#wrap {



	width: 360px;



	background: #CCC url(../images/content.jpg) repeat-y center top;



	margin: 0 auto;
	padding: 0px;



	text-align: left;



}



#content-wrap {



	clear: both;



	width: 360px;	



	margin: 0px;



	padding: 0;



}



#header {



	position: relative;

	width: 360px;

	height: 111px;

	background: #caced1 url(../images/intaplayer/intaplayer.jpg) no-repeat center top;

	margin: 0;

	padding: 0;	

	color: #fff;	



}


#header-image-link {
  position: absolute;
  top: 20px;
  left: 60px;
text-decoration: none;
}

#header-image-link IMG {
  border: 0px none;
visibility: hidden;

}

#header h1#logo-text a {



	position: absolute;



	margin: 0; padding: 0;



	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;



	letter-spacing: -3px;



	color: #fff;



	text-transform: none;



	text-decoration: none;



	background: transparent;



	



	/* change the values of top and left to adjust the position of the logo*/



	top: 18px; left: 35px;	



}



#header p#slogan {



	position: absolute;



	margin: 0; padding: 0;



	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;



	text-transform: none;



	color: #FFF;



	



	/* change the values of top and left to adjust the position of the slogan*/



	top: 80px; left: 50px;		



}







/* header links */



#header #header-links {



	position: absolute;



	color: #C6DDEE;



	font: bold 12px "Trebuchet MS", Arial, Tahoma, Sans-serif;



	top: 20px; right: 20px;	



}



#header #header-links a {	



	color: #fff;



	text-decoration: none;	



}



#header #header-links a:hover {



	color: #D4FF55;	



}


#main #logos ul li{




	list-style-image: none;



	list-style-type: none;	


}



/* navigation */



#menu {



	clear: both;	



	margin: 0 auto; padding: 0;



	background: #81C524 url(../images/menu.jpg) no-repeat;	



	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;



	height: 40px;



	width: 790px;	



}



#mainbanner {



	clear: both;	



	margin: 0 auto; padding: 0;



	position: relative;



	height: 23px;

	width: 360px;	

	background-color:silver;


}

#loaddiv {
	margin-left: 10px;
	}




/* Main Column */



#main {



	float: left;



	width: 360px;



	margin: 0; padding: 0px; 



	display: inline;



	background: #E5F0FB



}



#main h2 {



	font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;



	padding: 0;



	margin-bottom: 0;		



	color: #2666c3;



}



#main h2 a {



	color: #2666c3;



	text-decoration: none;	



}


#main blockquote, #main table, #main form {



	margin-left: 20px;



	margin-right: 25px;



}



#main ul li {



	list-style-image: url(../images/bullet.png); 



}

#main ul.playlist {
	margin-left: 0px;
}

#main li.playlist {
	margin-left: 20px;

	list-style-image: url(../images/bullet.png); 

}









span.tplTitle{

	color:white;

}



/* Footer */	



#footer {



	color: #C6DDEE;



	background: #fff url(../images/intaplayer/intaplayerfooter.jpg) no-repeat center top;



	clear: both;



	width: 360px;



	height: 57px;



	text-align: center;	



	font-size: 90%;	



}



#footer p { 



	padding: 10px 0;



	margin: 0;



}



#footer a { 



	color: #fff;



	text-decoration: none; 



}







/* post footer */



.post-footer {



	background: #F4F8FD;



	padding: 5px; margin: 20px 25px 0 25px;



	border: 1px solid #E5F0FB; 



	font-size: 95%;	



}



.post-footer .date {	padding-left: 0px; margin: 0 5px; }



.post-footer .comments { padding-left: 0px; margin: 0 5px; }



.post-footer .readmore { padding-left: 0px; margin: 0 5px; }







.post-by { font-size: .95em;	margin-top: 0;	}







/* alignment classes */



.float-left  { float: left; }



.float-right { float: right; }



.align-left  { text-align: left; }



.align-right { text-align: right; }







/* clearing */



.fix {



	clear: both;



	height: 1px;



	margin: -1px 0 0;



	overflow: hidden;



}



.clear { display:inline-block; }



.clear:after {



	display:block;



	visibility:hidden;



	clear:both;



	height:0;



	content: " ";



}