/*
Theme: See The Music
Description: Summer Lovin', Had Me a Blast . . . Pretty, summery fixed-width two column layout. Widget ready. This theme and several hundred of others are available for free download at <a href="http://www.wordpresstemplates.com/">Wordpress Templates</a>.
Theme URI: http://themes.geek-goddess.net
Version: 1.0
Author: Vixx
Author URI: http://geek-goddess.net
*/
/*

-Copyright Vix, 2003-07 (http://geek-goddess.net)

-You are free to study this code and learn from it, 
 but do not take anything from here without my permission and pass it as your own!

-Credits: 
	Accessibility: Mark (Diveintoaccessibility.com) for Accessibility modifications
	Centering tip: Jem (Jemjabella.co.uk)
	Image (gorgeous, isn't it?): Misha (http://www.stockxpert.com/browse.phtml?f=view&id=838285)

/* 
----------------------------------
ACCESSIBILITY MODERATIONS!
-------------------------------
*/

/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */
  

/* 
----------------------------------
GENERAL POSITIONING STUFF
-------------------------------
*/

body {

	background-image: url(images/music-bg2.gif); 
	background-repeat: repeat-x; 
	margin: 0px; 
	margin: 0px; 
	padding: 0px;
	background-color: #9fbc91; 
	text-align: center;
	padding: 0px;
	margin: 0px;
}


.banner {
	background: no-repeat url(images/music-header2.gif);
	width: 950px;
	height: 475px;
	padding: 0px;
	margin: 0px;
}


.footer {
	background: no-repeat url(images/music-footer.gif);
	width: 950px;
	height: 250px;
	padding: 0px;
}


#container{
	width:950px;
	padding: 0px;
	text-align: left;
	background-image: url(images/music-bg.gif); 
}

.centered {
	margin: 0 auto 0 auto;
}


/* 
----------------------------------
GENERAL STYLING
-------------------------------
*/


h1.blogheader {
  	padding: 58px 120px 0 0px;
	color:#000000;
	font: 30px/20px Comic Sans, cursive;
	text-align: right;
	margin: 0px;
}

h2.blogheader {
  	padding: 7px 120px 0 0px;
	color:#000000;
	font: 17px Georgia, serif;
	text-align: right;
	margin: 0px;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #013e74;
	}

a:hover {font-weight: normal; 
	color: #000000; 
	text-decoration: none;
}


/* 
----------------------------------
IMAGE TAGS
-------------------------------
*/

img {
	margin-right: 3px; 
	border: 1px solid #ccc;
	background-color: #FFF; 
	color: inherit;
}

img.noborder {
	padding: 0px; 
	border: 0px; 
	text-align: left;
}



/* 
----------------------------------
MAIN CONTENT
-------------------------------
*/

 
#content {
 	float: right;
  	width: 475px;
  	margin: -200px 70px 0 0px;
  	z-index: 3;
  	letter-spacing: 0px;
  	padding: 2px;
	}
html>body>#container>#content {
  	margin: -200px 140px 0 0px;
	}

#content p {
	color: #000000;
	font: 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}


#content h1 {
	color:red;
	font: 36px 'Comic Sans', cursive;
	text-align: right;
	font-weight: normal;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}


#content h2 {
	color: darkBlue;
	font: 24px 'Georgia', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	padding: 0px 0px 10px 0px;
}

#content h3 {
	color: #5c9b6c;
	font: 18px 'Georgia', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
}

#content a:link, #content a:active, #content a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #5c9b6c
}

#content a:hover {font-weight: normal; 
	background-color: #5c9b6c; 
	color: #FFFFFF; 
	text-decoration: none;
}


#content li {
	color: #000000;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}

blockquote {
	color: #b71c15;
	margin: 3px 3px 3px 13px;
	padding: 0 5px;
	border-left: 4px solid #013e74;
	text-align: left;
	background-color: #cdc; 
	}

.credit {
	padding-top: 160px;
	padding-right: 120px;
	margin:5px 5px 5px 80px;
	color:#013e74;	font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;	
	text-align: right;
}

.credit a:link, .credit a:hover, .credit a:active, .credit a:visited {
	text-decoration: none;
	color: #013e74;
}

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

SIDEBAR

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

/* Positioning of the sidebar - don't touch this! */
  	#sidebar {
  	float: left;
  	width: 160px;
  	margin:  -190px 0px 0 70px;
  	z-index: 6;
  	letter-spacing: 0px;
  	padding: 3px 2px 2px 3px;
  	}
html>body>#container>#sidebar {
  	margin:  -190px 0px 0 135px;
}

h2.sidebar{
	color: #013e74;
	font: 18px  Times New Roman,  serif;
	font-weight: normal;
	text-align: right;
	margin: 0px 0px 5px 0px;
	padding: 7px 5px 2px 2px;
	border-bottom: 1px solid;
}

h2.sidebar2{
	color: #cf204e;
	font: 18px  Times New Roman,  serif;
	font-weight: normal;
	text-align: right;
	margin: 0px 0px 5px 0px;
	padding: 7px 5px 2px 2px;
	border-bottom: 1px solid;
}

#sidebar p {
	color: #000000;
	font: 9px Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}



#sidebar a:link, #sidebar a:active, #sidebar a:visited {
text-decoration: none;
color: #013e74;
}


#sidebar a:hover {font-weight: normal; 
	color: #FFFFFF; 
	background-color: #013e74; 
	text-decoration: none;
}

.textwidget {
	color: #4F5150;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

#sidebar li{
	color: #4F5150;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	list-style-type: none;
	padding: 3px 0px 0px 20px;
}
html>body>#container>#sidebar>li {
	padding: 3px 0px 0px 0px;
}

#sidebar ul {
	color: #4F5150;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin: 10px 0px 5px -50px;

/* IE Hacks */
.margin: 10px 0px 5px 0px; */Left margin of 7px that can be readable by both IE6 & IE7, now other still think it?s 5 while IE6 & IE7 think it?s 7 */
_margin: 10px 0px 5px 0px; /* Only IE6 reads this and changes the value to 6px */
}


/* 
----------------------------------
ACCESSIBILITY
-------------------------------
*/


.skiplink {display:none}
abbr, acronym {
   border: none;
} 

abbr[title], acronym[title] {
   border-bottom: 1px dotted #000000; 
   cursor: help;
}