/*

 * CSS File for PHProxy Template #8

 * ---------------------------------

 *

 * Original Author: Erwin Aligam 

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

 *

 * ---------------------------------

 *

 * Sponsored by: FreeProxyTemplates.com

 * Contact: admin@freeproxytemplates.com

 *

 * ---------------------------------

 *

 * Workable Browsers -

 * FF 2.0

 * IE 7.0

 *

 * ---------------------------------

 *

 * Template No. #8

 * Last Updated: 27.04.07

 *

*/



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

   HTML ELEMENTS

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



/* top elements */

* { margin: 0;	padding: 0; }



body {

	margin: 0; padding: 0;

	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;

	color: #333; 

	background: #FFF url(images/bg.gif) repeat-x;

	text-align: center;	

}



/* links */

a {

	color: #003366;

	background-color: inherit;

	text-decoration: none;

}

a:hover {

	color: #CC0001; 

	background-color: inherit;

}



/* headers */

h1, h2, h3 {

	font-family: Arial, 'Trebuchet MS', Sans-Serif;

	font-weight: bold;

	color: #333;

}

p {

	text-align: left;

}

h1 {

	font-size: 120%;

	letter-spacing: .5px;

}

h2 {

	font-size: 115%;	

	text-transform: uppercase; 		

}

h3 {

	font-size: 115%;

	color: #003366;		

}



h1, h2, h3, p {

	padding: 0;		

	margin: 10px;

}



ul, ol {

	margin: 10px 20px;

	padding: 0 20px;

}



acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}



/* form elements */

form {

	margin:10px; padding: 0 5px;

	border: 1px solid #f2f2f2; 

	background-color: #FAFAFA; 

}

label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}



input {

	padding:2px;

	border:1px solid #CCC;

	font: bold 1.3em Verdana, sans-serif;

	color:#777;

}

input.button { 

	margin: 0; 

	font: bolder 12px Arial, Sans-serif; 

	border: 1px solid #CCC; 

	padding: 2px 3px; 

	background: #FFF;

	color: #CC0000;

}

/* search form */

form.search {

	position: absolute;

	top: 12px; right: 5px;

	padding: 0; margin: 0;

	border: none;

	background-color: transparent; 

}

form.search input.textbox { 

	margin: 0; 

	width: 260px;

	border: 1px solid #CCC; 

	background: #FFF;

	color: #333; 

}

form.search input.searchbutton { 

	margin: 0; 

	font-size: 100%; 

	font-family: Arial, Sans-serif; 

	border: 1px solid #CCC; 

	background: #FFFFFF url(images/headerbg.gif) repeat-x bottom left; 

	padding: 1px; 

	font-weight: bold; 

	height: 23px;

	color: #333;



}



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

  LAYOUT 

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

#wrap {

	margin: 0 auto; 

	width: 728px;

}



/* header */

#header {

	position: relative;

	margin: 0; padding: 0;

	height: 60px;

}

#header span#slogan {

	z-index: 3;

	position: absolute;

	left: 3px; bottom: 7px;

	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;	

	color: #FFF;	

}



#header-logo {

	position: relative;

	clear: both;

	height: 50px; 

	margin: 0; padding: 0;	

}

#header-logo #logo {

	position: absolute;

	top: 3px; left: 5px;

	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;

	margin: 0; padding: 0;

	letter-spacing: -1px;

	color: #000;

}



/* navigation tabs */

#header ul {

	position: absolute;

   margin:0;

   list-style:none;

	right:-18px ; bottom: 3px;

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

}

#header li {

   display:inline;

   margin:0; padding:0;

}

#header a {

   float:left;

   background: url(images/tableft.gif) no-repeat left top;

   margin:0;

   padding:0 0 0 4px;

   text-decoration:none;

}

#header a span {

   float:left;

   display:block;

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

   padding:5px 15px 4px 6px;

   color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header a span {float:none;}

/* End IE5-Mac hack */

#header a:hover span {

	color:#FFF;

}

#header a:hover {

   background-position:0% -42px;

}

#header a:hover span {

   background-position:100% -42px;

}

#header #current a {

   background-position:0% -42px;

}

#header #current a span {

   background-position:100% -42px;

}





/* socnet */



	a.addover { background-image:url(newnav/add_off.png); height: 56px; width:78px; display:block; }

	a.addover span { display:none; }

	a.addover:hover { background-image:url(newnav/add_hov.png); }

	a.addover:active { background-image:url(newnav/add_on.png); }

	

	a.messageover { background-image:url(newnav/message_off.png); height: 56px; width:78px; display:block; }

	a.messageover span { display:none; }

	a.messageover:hover { background-image:url(newnav/message_hov.png); }

	a.messageover:active { background-image:url(newnav/message_on.png); }

	

	a.imover { background-image:url(newnav/im_off.png); height: 56px; width:78px; display:block; }

	a.imover span { display:none; }

	a.imover:hover { background-image:url(newnav/im_hov.png); }

	a.imover:active { background-image:url(newnav/im_on.png); }

	

	a.be_a_fanover { background-image:url(newnav/be_a_fan_off.png); height: 56px; width:78px; display:block; }

	a.be_a_fanover span { display:none; }

	a.be_a_fanover:hover { background-image:url(newnav/be_a_fan_hov.png); }

	a.be_a_fanover:active { background-image:url(newnav/be_a_fan_on.png); }

	

	a.bookingover { background-image:url(newnav/booking_off.png); height: 56px; width:78px; display:block; }

	a.bookingover span { display:none; }

	a.bookingover:hover { background-image:url(newnav/booking_hov.png); }

	a.bookingover:active { background-image:url(newnav/booking_on.png); }

	

	a.favoriteover { background-image:url(newnav/favorite_off.png); height: 56px; width:78px; display:block; }

	a.favoriteover span { display:none; }

	a.favoriteover:hover { background-image:url(newnav/favorite_hov.png); }

	a.favoriteover:active { background-image:url(newnav/favorite_on.png); }

	

	a.forwardover { background-image:url(newnav/forward_off.png); height: 56px; width:78px; display:block; }

	a.forwardover span { display:none; }

	a.forwardover:hover { background-image:url(newnav/forward_hov.png); }

	a.forwardover:active { background-image:url(newnav/forward_on.png); }

	

	a.groupover { background-image:url(newnav/group_off.png); height: 56px; width:78px; display:block; }

	a.groupover span { display:none; }

	a.groupover:hover { background-image:url(newnav/group_hov.png); }

	a.groupover:active { background-image:url(newnav/group_on.png); }

	

	a.join_listover { background-image:url(newnav/join_list_off.png); height: 56px; width:78px; display:block; }

	a.join_listover span { display:none; }

	a.join_listover:hover { background-image:url(newnav/join_list_hov.png); }

	a.join_listover:active { background-image:url(newnav/join_list_on.png); }

	

	a.blockover { background-image:url(newnav/block_off.png); height: 56px; width:78px; display:block; }

	a.blockover span { display:none; }

	a.blockover:hover { background-image:url(newnav/block_hov.png); }

	a.blockover:active { background-image:url(newnav/block_on.png); }

	

	a.facebookover { background-image:url(/images/socnet/facebook_off.png); height: 56px; width:88px; display:block; }

	a.facebookover span { display:none; }

	a.facebookover:hover { background-image:url(/images/socnet/facebook_red.png); }

	a.facebookover:active { background-image:url(/images/socnet/facebook_red.png); }

	

	a.youtubeover { background-image:url(/images/socnet/youtube_off.png); height: 56px; width:88px; display:block; }

	a.youtubeover span { display:none; }

	a.youtubeover:hover { background-image:url(/images/socnet/youtube_red.png); }

	a.youtubeover:active { background-image:url(/images/socnet/youtube_red.png); }

	

	a.twitterover { background-image:url(/images/socnet/twitter_off.png); height: 56px; width:88px; display:block; }

	a.twitterover span { display:none; }

	a.twitterover:hover { background-image:url(/images/socnet/twitter_red.png); }

	a.twitterover:active { background-image:url(/images/socnet/twitter_red.png); }



	a.beboover { background-image:url(/images/socnet/bebo_off.png); height: 56px; width:88px; display:block; }

	a.beboover span { display:none; }

	a.beboover:hover { background-image:url(/images/socnet/bebo_red.png); }

	a.beboover:active { background-image:url(/images/socnet/bebo_red.png); }



	a.friendsterover { background-image:url(/images/socnet/friendster_off.png); height: 56px; width:88px; display:block; }

	a.friendsterover span { display:none; }

	a.friendsterover:hover { background-image:url(/images/socnet/friendster_red.png); }

	a.friendsterover:active { background-image:url(/images/socnet/friendster_red.png); }

	

	a.reverbnationover { background-image:url(/images/socnet/reverbnation_off.png); height: 56px; width:88px; display:block; }

	a.reverbnationover span { display:none; }

	a.reverbnationover:hover { background-image:url(/images/socnet/reverbnation_red.png); }

	a.reverbnationover:active { background-image:url(/images/socnet/reverbnation_red.png); }

	

	a.eventfulover { background-image:url(/images/socnet/eventful_off.png); height: 56px; width:88px; display:block; }

	a.eventfulover span { display:none; }

	a.eventfulover:hover { background-image:url(/images/socnet/eventful_red.png); }

	a.eventfulover:active { background-image:url(/images/socnet/eventful_red.png); }

	

	a.soundcloudover { background-image:url(/images/socnet/soundcloud_off.png); height: 56px; width:88px; display:block; }

	a.soundcloudover span { display:none; }

	a.soundcloudover:hover { background-image:url(/images/socnet/soundcloud_red.png); }

	a.soundcloudover:active { background-image:url(/images/socnet/soundcloud_red.png); }

	

	a.linkedinover { background-image:url(/images/socnet/linkedin_off.png); height: 56px; width:88px; display:block; }

	a.linkedinover span { display:none; }

	a.linkedinover:hover { background-image:url(/images/socnet/linkedin_red.png); }

	a.linkedinover:active { background-image:url(/images/socnet/linkedin_red.png); }

	

	a.podomaticover { background-image:url(/images/socnet/podomatic_off.png); height: 56px; width:88px; display:block; }

	a.podomaticover span { display:none; }

	a.podomaticover:hover { background-image:url(/images/socnet/podomatic_red.png); }

	a.podomaticover:active { background-image:url(/images/socnet/podomatic_red.png); }

	

	a.bloggerover { background-image:url(/images/socnet/blogger_off.png); height: 56px; width:88px; display:block; }

	a.bloggerover span { display:none; }

	a.bloggerover:hover { background-image:url(/images/socnet/blogger_red.png); }

	a.bloggerover:active { background-image:url(/images/socnet/blogger_red.png); }



	a.myspaceover { background-image:url(/images/socnet/myspace_off.png); height: 56px; width:88px; display:block; }

	a.myspaceover span { display:none; }

	a.myspaceover:hover { background-image:url(/images/socnet/myspace_red.png); }

	a.myspaceover:active { background-image:url(/images/socnet/myspace_red.png); }

	

	a.photosover { background-image:url(photos_off.png); height: 23px; width:98px; display:block; }

	a.photosover span { display:none; }

	a.photosover:hover { background-image:url(photos_off.png); }

	

	a.videosover { background-image:url(videos_off.png); height: 23px; width:98px; display:block; }

	a.videosover span { display:none; }

	a.videosover:hover { background-image:url(videos_off.png); }

	

	a.playlistsover { background-image:url(playlists_off.png); height: 23px; width:98px; display:block; }

	a.playlistsover span { display:none; }

	a.playlistsover:hover { background-image:url(playlists_off.png); }



/* main column */

#main {

	float: left;

	margin: 0; padding: 0;

	width: 528px;	

}

#main h1 {

	margin: 10px 0 0 0; 

	padding: 4px 0 4px 8px; 

	font: bold 105% Arial, Sans-Serif;

	color: #FFF;

	text-transform: uppercase; 

	background: #CC0000; 

	letter-spacing: 1px;

}



/* sidebar */

#sidebar {

	float: right;

	height: auto;

	width: 178px;

	margin: 0; padding: 0; 

	background-color: #FFFFFF; 	

}

#sidebar h1 {

	margin: 10px 0 0 0; 

	padding: 4px 0 4px 8px; 

	font: bold 105% Arial, Sans-Serif;

	color: #FFF;

	text-transform: uppercase; 

	background: #333; 

	letter-spacing: 1px;	

}

#sidebar .left-box {

	border: 1px solid #EBEBEB;

	margin: 0 0 5px 0;	

	background: #FFF;

}

#sidebar ul.sidemenu {

	list-style: none;

	text-align: left;

	margin: 3px 0px 8px 0; padding: 0;

	text-decoration: none;		

}

#sidebar ul.sidemenu li {

	border-bottom: 1px solid #f2f2f2; 

	background: url(images/bullet.gif) no-repeat 3px 2px;	

	padding: 3px 5px 3px 25px;

	margin: 0;	

}

#sidebar ul.sidemenu a {

	font-weight: bolder;

	padding: 3px 0px;	

	background: none;

}



/* footer */

.footer { 

	clear: both; 	

	border-top: 1px solid #f2f2f2;

	background: #FFF url(images/footerbg.gif) repeat-x;

	padding: 2px 0 10px 0; 

	text-align: center;  

	line-height: 1.5em;	

	font-size: 95%;

}

.footer a { 

	text-decoration: none; 

	font-weight: bold;		

}



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

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

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



/* display and additional classes  */

.clear {	clear: both; }

.red   { color: #CC0000; }

.comments { 

	margin: 20px 10px 5px 10px; 

	padding: 3px 0;

	border-bottom: 1px dashed #EFF0F1; 	

	border-top: 1px dashed #EFF0F1;	

}