/*reset*/

a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, div,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	padding: 0;
	margin: 0;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p {padding:0; margin:0;}


img {padding: 0; margin: 0; display:block;}
blockquote {padding: 0px; margin: 0}



/*temp styles*/


/*----------------------------------
basic styles*/

body {
	font-family:Helvetica, Arial, sans-serif;
	line-height: 1.3;
	font-size: 13px;
	
	background-color: #d0ec9d;
	color: #333;
	}

p { margin: 10px 0}

/*text styles*/

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	
	padding:0px;
	margin: 0px;
	
	margin-bottom: 15px;
	
	background-image:url('http://i.elizabethpurnell.com/resources/images/heading-bg.gif');
	background-repeat: repeat-x;
	background-position: 0 80%;
	
	color: #ff6600;
	}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	
	padding:0px;
	margin: 0px;
	
	margin-bottom: 15px;
	}

#blog-network h4, h4.highlight {
	padding-top: 10px;
	
	background-image:url('http://i.elizabethpurnell.com/resources/images/heading-bg.gif');
	background-repeat: repeat-x;
	background-position: 0 86%;
	
	color: #ff6600;
	}

/*link styles*/

a:link {
	text-decoration: none;
	color: #2aa5c7;
	border-bottom: 1px dotted #FF9933;
	}

a:visited {
	text-decoration: none;
	color: #2aa5c7;
	border-bottom: 1px dotted #CCCCCC;
	}

a:hover {
	text-decoration: none;
	color: #FF9933;
	border-bottom: 1px dotted #2aa5c7;
	}

a:active {
	text-decoration: none;
	color: #FF9933;
	border-bottom: 1px dotted #FF9933;
	}

/*----------------------------------
layout*/

/*basic layout*/


#upper-wrapper {
	background-image:url('http://i.elizabethpurnell.com/resources/images/body_bg.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	}

#lower-wrapper {
	clear: both;
	padding-top: 30px;
	width: 100%;

	background-color: #ffffff;
	background-image:url('http://i.elizabethpurnell.com/resources/images/grass_border.jpg');
	background-position:top;
	background-repeat:repeat-x;
	
	}

#footer-wrapper {
	background-image:url('http://i.elizabethpurnell.com/resources/images/footer_bg.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #dcf1b7;
	}

#footer {
	width: 960px;
	clear:both;
	margin: 0 auto;
	padding-top: 10px;
	min-height: 280px;
	
	text-align: right;

	}

/*upper section layout*/

#header {
	width: 960px;
	margin: auto;
	height: 160px;
	overflow: hidden;
	

	
	background-image:url('http://i.elizabethpurnell.com/resources/images/header.png');
	background-repeat: no-repeat;
	background-position: 0 32px;


	}

#header h1, #header strong {
	padding-top: 300px;
	}

#upper-content {
	min-height: 500px;
	width: 960px;
	margin: auto;
	position: relative;
	}



#about {
	width: 390px;

	padding-bottom: 5px;
	background-image: url('http://i.elizabethpurnell.com/resources/images/about-bottom-bg.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	
	}
	
p#intro {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	
	color: #545953;
	
	}
#about-xtnd {
	background-image: url('http://i.elizabethpurnell.com/resources/images/about-bg.png');
	background-repeat: repeat-y;
	background-position: top center;
	padding: 5px 15px 0;
	min-height: 420px;
	}

#media-player {
	width: 520px;
	height: 500px;
	float: right;
	margin-left: 20px;
	padding: 15px;
	
	background-image:url('http://i.elizabethpurnell.com/resources/images/media-bg.png');
	background-position: top center;
	}


/*position floral bg-images*/
#bg-right {
	position: absolute;
	bottom: -60px;
	right: 0px;
	height: 236px;
	width: 272px;
	margin-right: -272px;	
	background-image:url('http://i.elizabethpurnell.com/resources/images/floral-right.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;

	}

#bg-left {
	position: absolute;
	bottom: -63px;
	left: -800px;
	height: 636px;
	width: 797px;
	
	background-image:url('http://i.elizabethpurnell.com/resources/images/floral-left.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	
	}

/*tabbed section layout*/

/*navigation tabs*/
#tab-nav {
	display: block;
	width: 100%;
	height: 25px;
	margin-bottom: 35px;
	padding-left: 10px;
	}

#tab-nav li{
	float: left;
	margin: 0 5px;
	padding-right: 15px;
	height: 35px;
	
	background:url('http://i.elizabethpurnell.com/resources/images/tab-bg.gif') no-repeat right top;
	background-color: #acdeee;

	}


/*tab link styles*/

ul#tab-nav a {
	width: 100%;
	padding: 7px 7px 0px 7px;
	height: 27px;
	display: block;

	font-weight: bold;
	text-align: center;
	text-decoration: none;

	color: #fff;
	background:url("'http://i.elizabethpurnell.com/resources/images/tab-bg.gif") no-repeat left top;
	
	border: none;

	}

ul#tab-nav a:hover {
		color: #ff6600;
		}
		
ul#tab-nav a.selected {
	width: 100%;
	padding: 7px 3px 0px 7px;
	height: 27px;	
	
	color: #ff6600;
    background-color: #fbfef3;
	background:url('http://i.elizabethpurnell.com/resources/images/tab-bg.gif') no-repeat left bottom;
}

ul#tab-nav li.current {
    background-color: #fbfef3;
	background:url("http://i.elizabethpurnell.com/resources/images/tab-bg.gif") no-repeat right bottom;
	}

ul#tab-nav a:focus {
    outline: none;
}

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


#lower-content {
    width: 960px;
    margin: 0 auto;
    position: relative;
}


/*this is our window through which we'll see the panels*/
#tab-window {
    /*height: 850px;*/
    width: 960px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

#tab-container div.tab {
    /*height: 850px;*/
    width: 980px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #aeaeae;
}

div.content-panel {
	width: 760px;
	}

div.image-panel {
	width: 180px;
	padding-right: 20px;
	/*min-height: 500px;*/
	float: right;
	} 

	border: 1px solid #cccccc;
	
	}

.hide {
    display: none;
}

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

/*used by columniser plugin to set margins on columns*/
.column div.client { margin:0 20px 10px 0}

/*remove bottom margin from client divs when they're used on portfolio pages to keep sections from being split*/
#theatre-sound-design div.client, #film-radio-tv div.client, #orchestration div.client{ margin-bottom: 0px;}

.column li { margin:0 20px 0 0}
.column  h4 {margin-right: 20px;}

/*blog section styles*/

#blog-entry {
	width: 550px;
	float: left;
	position: relative;
	height: 540px;
	}

#blog-body {
	height: 415px;
	overflow: auto;
	padding-right: 10px;
	}

#blog-previous {
	width: 140px;
	float: left;
	margin-left: 20px;
	}

#elsewhere {
	width: 230px;
	float: left;
	margin-left: 20px;
	}

#blog-entry-footer {
	position: absolute;
	bottom: 0px;
	border-top: 2px dotted #aeaeae;
	width: 100%
	}

a.prev-entry {
	text-align: right;
	float: right;
	margin-top: 10px;
	
	border: none;
	color: #ff6600;
	}


#blog-recent li {
	padding: 3px 0 5px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #CCCCCC;
	}

#blog-previous a:link, #blog-previous a:visited, #blog-previous a:hover, #blog-previous a:active {
	border:none;
	}

#link-roll li, #networks li {
	margin-bottom: 5px;
	}

#link-roll li a:link, #networks li a:link {border-bottom: none;}
#link-roll li a:visited, #networks li a:visited {border-bottom: none;}
#link-roll li a:hover, #networks li a:hover {border-bottom: none;}
#link-roll li a:active, #networks li a:active {border-bottom: none;}

#link-roll, #networks, #blog-archive {

	padding-bottom: 5px;
	margin-bottom: 10px;
	
	border-bottom: 2px dotted #CCCCCC;
	}


/*portfolio section styles*/




div.portfolio span {
	font-weight: bold;
	
	color: #ff6600;
	}

div.portfolio li {
	padding-bottom: 5px;

	font-weight: normal;
	}

div.portfolio {
	width: 800px;
	}

div.portfolio h4 {
	clear: left;
	color: #545953;
 	border-bottom: 1px solid #cccccc;

	}
div.portfolio h4 a:link, div.portfolio h4 a:visited, div.portfolio h4 a:hover, div.portfolio h4 a:active{
 	border-bottom: none;
	}

/*all media in section links*/

a.play-section-media:link, a.play-section-media:visited {
	display: block;
	
	width: 200px;
	height:0px;
	padding-top: 30px;
	overflow: hidden;
	margin-bottom: 15px;

	background-image: url('http://i.elizabethpurnell.com/resources/images/play_media_button.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	
	}

a.play-section-media:hover, a.play-section-media:active {
	background-position: 0 -30px;
	}

/*style media load links*/

a.media:link, a.media:visited, a.media:hover, a.media:active {
	height: 0px;
	width: 13px;
	padding-top: 10px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 5px;
	right: 0px;

	border: none;
	outline: none;
	background-image:url('http://i.elizabethpurnell.com/resources/images/media_icon_small.gif');
	background-repeat: no-repeat;
	}

a.media:link, a.media:visited {
	background-position: 0px 0px;
	}

a.media:hover, a.media:active {
	background-position: 0px -10px;
	}

li.dontsplit {
	padding-right: 13px;
	position: relative;
	}