/*
Copywrite 2008 Shannonmorrow.com
Design by Elizabeth Hammond/Hamneggs.net

	Dk Pink: #f434a6
	Lt Pink: #f999d2
	Grey: #9c9d9b
	Lt Grey: #e3e3e2
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

/*
	UTILITY
*/
.floatleft{
		float: left;
	}

.floatright{
		float: right;
	}

#center{
	margin: 0 auto;
	text-align: center;
	}

.topspace{
	margin-top: 30px;
	}

.clear{
		clear: both;
	}

.button{
		background: #f434a6;
		padding: 1px 3px;
		color: #fff;
	}
	
a	{
		text-decoration: none;
	}

/*
	STRUCTURE
*/


body{
		background: #000;
		font-size: .80em;
		font-family: tahoma, arial, sans-serif;
		font-weight: normal;
		font-stretch: condensed;
	}

#page-wrap{
		width: 800px;
		margin: 0 auto;
		padding: 0 50px;
		margin: 50px auto 0 auto;
		background: #fff;
	}
	
#sidebar{
		width: 225px;
		float: right;
		margin-top: 10px;
		background: #fff;
	}

#main-col{
		width: 500px;
		float: left;
		margin-top: 10px;
		background: #fff;
		padding-right: 25px;
		border-right: 1px solid #e3e3e2;
	}
	
/*
SIDEBAR
*/

.widgettitle{
padding-top: 15px;
}

/*Cool Stuff Links*/
#text-292949561 a{
display: block;
background:url(/images/list.gif) 0 3px no-repeat;
padding-left: 15px;
}

/*
	HEADER
*/




h1#logo{
		width: 230px; 
		height: 36px; 
		background: url(/images/logo.gif) top left no-repeat; text-indent: -9999px;
		margin: 10px 0 0 0;
		padding: 0 0;
		float: left;
	}
								
#header{
		padding: 20px 0 0 0;
		}
	
#header p{
		float: left;
		margin: 0 0;
		padding: 0 0;
		}
	
form#searchform
	{
		margin: 0 0 10px 0; float: right;
	}



/*
	Admin menu
*/

	
#admin-bar{
		padding-top: 15px; 
		margin-bottom: 20px;
	}

#admin-nav ul{
		width: 360px; 
		float: right; 
		text-align: right;
		margin: 15px 0 0 0;
	}
								
#admin-nav li{
		display: inline;
	}

#admin-nav li a{
		color: #9c9d9b;
		font-size: .90em;
		padding: 3px 8px;
	}
							

#admin-nav li a:hover{
		color: #f434a6;
	}
	
li#bio, li#home,li#about, li#press,li#contact, li#blog{
		border-right: 1px solid #9c9d9b;
	}

/* 
	HOME PAGE
*/


/*To hide p.intro on other pages*/
p.intro{
	font-size: 0em;
	}

body.page-68 .post h2{
	display: none;
	}

body.page-68 p.intro{
	font-size: .95em;
	width: 500px;
	margin-bottom: 35px;
	}

body.page-68 .post img{
	margin-top: -5px; padding: 0;
	}

/*
	Main Menu
*/


#main-menu ul{

}

#mainMenu {
    width: 500px; 
    height: 30px;
    margin: -15px 0 0 0;
    background: url(/images/mainMenu.gif);
   	position: relative;
    	}

#mainMenu li {
	list-style: none;
    position: absolute; top: 0;}

#mainMenu li, #mainMenu a {
    height: 30px; display: block;}
  
#panel1 {left: 0; width: 164px;}
#panel2 {left: 168px; width: 164px;}
#panel3 {left: 336px; width: 164px;}
  

#panel1 a:hover {
    background: transparent url(/images/mainMenu.gif) 0 -30px no-repeat;}
#panel2 a:hover {
    background: transparent url(/images/mainMenu.gif) -168px -30px no-repeat;}
#panel3 a:hover {
    background: transparent url(/images/mainMenu.gif) -336px -30px no-repeat;}

/*
	LISTEN
*/
/*To get the correct paragraph spacing for the Listen page*/
body.page-167 .post p{
	margin: 0;
	padding: 0;
	}

/*To hide h2*/
body.page-167 h2.autohead{
	display: none;
	font-size: 0;
	}

/* To remove top margin that normal posts have which separates it from the menu*/
body.page-167 .post{
margin-top: 0;
}

body.page-167 h2{
margin-top: 5px;
}

body.page-167 #headertext a{
color: #000;
text-decoration: underline;
}

body.page-167 #headertext a:hover{
color: #000;
text-decoration: none;
}

/*To load page specific menu*/
body.page-167 #mainMenu{
	background: url(/images/listenMenu.gif);
	}
	
body.page-167 #panel1 a:hover {
    background: transparent url(/images/listenMenu.gif) 0 -30px no-repeat;}
body.page-167 #panel2 a:hover {
    background: transparent url(/images/listenMenu.gif) -168px -30px no-repeat;}
body.page-167 #panel3 a:hover {
    background: transparent url(/images/listenMenu.gif) -336px -30px no-repeat;}


/*
	PARTICIPATE
*/

/*To get the correct paragraph spacing for the Listen page*/
body.page-194 .post p{
	margin: 0;
	padding: 0;
	}

/*To hide h2*/
body.page-194 h2.autohead{
	display: none;
	font-size: 0;
	}

/* To remove top margin that normal posts have which separates it from the menu*/
body.page-194 .post{
margin-top: 0;
}

/*To load page specific menu*/
body.page-194 #mainMenu{
	background: url(/images/partMenu.gif);
	}
	
body.page-194 #panel1 a:hover {
    background: transparent url(/images/partMenu.gif) 0 -30px no-repeat;}
body.page-194 #panel2 a:hover {
    background: transparent url(/images/partMenu.gif) -168px -30px no-repeat;}
body.page-194 #panel3 a:hover {
    background: transparent url(/images/partMenu.gif) -336px -30px no-repeat;}

#partMenu{
	padding: 5px 0;
	}

#partMenu ul{
	
	}

#partMenu li{
	font-size: .90em;
	padding-left: 15px;
	background: url(/images/partarrow.gif) 0 60% no-repeat;}
	}



/*
	WHIRLIGIG
*/


/*To hide h2*/
body.page-116 h2.autohead{
	display: none;
	}

/* To remove top margin that normal posts have which separates it from the menu*/
body.page-116 .post{
margin-top: 0;
}

/*To load page specific menu*/
body.page-116 #mainMenu{
	background: url(/images/whirlMenu.gif);
	}
	
body.page-116 #panel1 a:hover {
    background: transparent url(/images/whirlMenu.gif) 0 -30px no-repeat;}
body.page-116 #panel2 a:hover {
    background: transparent url(/images/whirlMenu.gif) -168px -30px no-repeat;}
body.page-116 #panel3 a:hover {
    background: transparent url(/images/whirlMenu.gif) -336px -30px no-repeat;}

body.page-116 #headertext{
	margin-bottom: 4px;
	}


/*
	BLOG
*/

body.home .post{
	background-color:#e3e3e2;
	}

body.home .post p{
	padding:  0 5px 5px 5px;
	}

/*
	CONTENT
*/

h2{
	font-size: 1.1em;
	text-transform: lowercase;
	margin: 5px 0 5px 0px;
	}
	
.post h2{
	font-size: 1.0em;
	text-transform: lowercase;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 7px;
	background-color: #f434a6;
	color: #000;
	}

.post h2 a:link, .post h2 a:visited{
	color: #fff;
	}

h2.autohead{
color: #fff;
}


h3{
	font-size: 1.0em;
	font-weight: 600;
	text-transform: lowercase;
}

h4{
	font-weight: bold;
	}


#headertext{
	background-color: #f434a6;
	padding: 7px 7px 7px 10px;
	line-height: 1.3em;
	}

#headertext a:link, #headertext a:visited{
	color: #fff;
	}
	
#headertext a:hover{
	color: #fff;
	text-decoration: underline
	}

.audio{
	background: url("/images/arrow.gif") top left no-repeat;
	padding: 0 10px 0 15px;
	}
	

.video{
	background: url("/images/arrow.gif") top left no-repeat;
	padding: 0 10px 0 15px;
	}

p{
	margin: 7px 0 10px 0;
	}


a:link, a:visited
	{
	color: #ff0099;
	}

a:hover							
	{
		color: #000;
		text-decoration: underline;
	}

img.alignleft{
		padding: 10px 10px 10px 0;
	}	

img.alignright{
		padding: 10px 0 10px 10px;
	}

/*
	FOOTER
*/

#footer
	{
	text-align: left;
	}
	
#footer p{
	padding: 10px 0;
	color: #9c9d9b;
	clear: both;
		}