/*<group=Global>*/

body {
	margin: 0;
	padding: 0;
	background: #fff url('images/background_tile.gif') repeat-x top left;
	text-align: center;
	background-color:#fff
}

#wrapper {
	width: 720px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
}

h1 {
	font: normal 18px arial, 'Times New Roman', Serif;
	line-height: 18px;
	color: #f60;
  padding-bottom:0px;
	margin: 0;
}

h2 {
	font: normal 16px/18px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #006699;
	padding: 4px 0 0px 0;
	margin: 0;
}

h3 {
	font: normal 14px/18px georgia, serif;
	color: olive;
	margin: 8px 0 0px 0;
	padding: 0;
}

p {
	font: normal 12px/18px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #666;
}

html>body #png_shadow{ /*Child Selector Hack, hides this from ie*/
	background-image: url('images/dropshadow.png');
        }
        

#home p {
	font: normal 12px/18px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 4px 0;
	color: #666;
}

a, a:link, a:visited {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
}

a:hover {
	background-color: #E0EFF0;
	padding: 1px 2px;
}

img {
	border: none;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

.divider {
	line-height: 0;
	height: 0;
	border-top:1px solid #ccc;
	margin: 5px 0;
}

.img_border {
	border: 1px solid #000;
	padding: 4px;
}

blockquote{
	font: normal 12px/18px georgia, serif;
	color: #588DA2;
	padding: 0;
	margin: 4px 0;
	padding:0 0 0 15px;
	border-left: 3px double #e5e5e5;
}


blockquote span{
	font: normal 12px/24px tahoma, arial, verdana, sans-serif;
	color: #999;
}

.green {
	color:#91B476;
}
/*</group>*/

/*<group=Header>*/

#header {
	height: 85px;
	position: relative;
	top: 0;
	left: 0;
}

/*</group>*/

/*<group=Top Navigation>*/

#nav a:hover {
	color: #333;
}

#nav {
	height: 36px;
	font: normal 11px/15px verdana, arial, sans-serif;
	background: none;
	margin: 1px 0 0 0;
	padding: 2px 0 0 0;
	position: relative;
	top: 8px;
	left: 0;
}

#nav ul { 
	margin: 0;
	padding: 0;
	float: center;
	text-align: center;
	list-style: none;
	background: none;
	height: 40px;
	color: #000033;
}

#nav li {
	display: inline;
	float: center;
	background: none;
	margin: 0;
	height: 20px;
	padding-left:1px; padding-right:0; padding-top:0; padding-bottom:0
}

#nav a {
	float: center;
	display: block;
	width: 10em;
	background: none;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
	height: 17px;
	color: #666; padding-left:2px; padding-right:2px; padding-top:3px; padding-bottom:3px
}

#nav > ul a {
	float: center;
	width: 30em;
}

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

#nav a {
	float: left;
}

/* End IE5-Mac hack */


/*<group=Bullet List>*/

#bullet_list {
	width: 100%;
	font: normal 12px/15px verdana, arial, sans-serif;
	float: left; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:15px; padding-bottom:0
}

#bullet_list ul {
	display: block;
	list-style-image: url('images/bullet_orange.gif');
	padding: 0;
	color:#666; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:12px; font-family:tahoma, arial, verdana, sans-serif; margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0
}

#bullet_list ul li {
	margin: 0;
	list-style-image: url('images/bullet_orange.gif');
	display: block; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

#bullet_list ul li a {
	padding: 0;
	margin: 0;
	display: block;
	color: #666;
}

/*<group=Other Navigation>*/

#sidenav {
	background: url('images/sec_top.gif') no-repeat top right;
	width: 135px;
	float: left; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:15px; padding-bottom:0
}

#sidenav ul {
	list-style-type: none;
	background: url('images/sec_normal.gif') no-repeat 0px -30px;
	color: #666;
	font-style:normal; font-variant:normal; font-weight:normal; line-height:23px; font-size:10px; font-family:Lucida Grande, LucidaGrande, Lucida, Sans-Serif; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:15px
}

#sidenav ul li {
	display: inline;
	list-style-image: url('none');
	background: url('images/sec_hover.gif') no-repeat bottom right;
	height: 23px;
	margin: 0
}

#sidenav_inside {
	background: url('images/sec_bottom.gif') no-repeat bottom right;
	padding-left:0; padding-right:0; padding-top:10px; padding-bottom:50px
}

#sidenav li a, #sidenav li a:link {
	list-style-image: url('none');
	background: url('images/sec_normal.gif') no-repeat bottom right;
	height: 23px;
	margin: 0;
	color: #999;
	display: block;
	padding: 0
}

#sidenav li a:active {
	color: #036;
}

#sidenav li a:visited {
	background: url('images/sec_normal.gif') no-repeat bottom right;
	color: #999
}

#sidenav li a:hover {
	background: none;
	color: #3F7E86;
}

#ul4 #nav4 a,
#ul5 #nav5 a,
#ul6 #nav6 a,
#ul7 #nav7 a,
#ul14 #nav14 a,
#ul8 #nav8 a,
#work #navall a {
	background: url('images/sec_active.gif') no-repeat bottom right;
	color: #3F7E86
}

/*</group>*/

/*<group=Main Content>*/

#contentwrap {
	margin-top: 10px;
}

#content {
	width: 365px;
	padding: 15px 0 0px 0;
}

#content ul {
	width: 80%;
	color: #666;
	margin: 0px;
	float: center;
	list-style-image: url('images/bullet_orange.gif');font-style:normal; font-variant:normal; font-weight:normal; line-height:15px; font-size:11px; font-family:tahoma, arial, verdana, sans-serif; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
}

#content li {
	display: inline;
	margin: 3px 0 0px 30px;
	padding: 0;
}

#bottom {
	background: url('images/line_horiz.gif') repeat-x top left;
	position: relative;
	top: 0;
	left: 8
}

#lower-left_area {
	width: 450px;
	padding: 14px 0 0 0;
	float: center;
	position: relative;
	top: 0;
	left: 8;
	vertical-align: top;
}

#lower-left_area_content {
	width: 440px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: top;
}

#lower-left_area h3, #details h3 {
	font: normal 14px/16px georgia, serif;
	color: olive;
	position: relative;
	margin: 8px 0 3px 0;
	padding: 0;
}

#lower-left_area p {
	margin: 0;
	color: #666; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:12px; font-family:tahoma, arial, verdana, sans-serif; padding-left:5; padding-right:5; padding-top:0px; padding-bottom:5px
}

#lower-left_area_2 {
	width: 220px;
	float: right;
	position: relative;
	top: 0;
	right: 10px;
	vertical-align: top;
}

ul {
	display: inline;
	list-style-image: url('images/bullet_orange.gif');
	padding: 0;
	color:#666; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:11px; font-family:tahoma, arial, verdana, sans-serif; margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0
}

.highlight ul {
	list-style-image: url('images/bullet_orange.gif');
	color:#666; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:11px; font-family:tahoma, arial, verdana, sans-serif; margin-left:25px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

.highlight{
	border-top: 1px solid #DCDCB4; 
	border-bottom: 1px solid #DCDCB4; 
	background-color:#FAFAE7;
	margin: 8px 0;
	padding: 0 8px 0 0;
}


#quote {
	float: none;
	position: relative;
	top: 0;
	right: 0;
	width: 270px;
	background: url('images/line_vert.gif') repeat-y top left;
	vertical-align: top;
	margin-left:0; margin-right:0; margin-top:13px; margin-bottom:0; padding-left:15px; padding-right:0; padding-top:0px; padding-bottom:0
}

#quote p {
	font: normal 13px/18px georgia, serif;
	color: #8C9297;
	margin: 5px 0;
	padding: 0;
}

.attributea {
	font: italic 10px/14px georgia,serif;
	color: #999;
}

.attributeb {
	font: italic 10px/14px georgia,serif;
	color: #666;
}
	
/*</group>*/

/*<group=Footer>*/

#footer {
	background: url('images/footer.gif') repeat-x top left;
	height: 76px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	padding-left:0; padding-right:0; padding-top:30px; padding-bottom:0
}

#footer_content {
	width: 740px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
	color: #999;
	padding: 0;
	margin: 0;
}
	
/*</group>*/


/*------ middle column wrappers-----*/

.playlist {
	padding: 0 10px 0 0;
}

.playlist p{
	padding: 5px 0;
	font: normal 10px/15px verdana, arial, sans-serif;
}

.playlist a{
	padding: 0;
}

.playmain{
	padding-bottom:15px;
}


.entry_footer {
	font: normal 10px tahoma, arial, verdana, sans-serif;
	color: #99997D;
	border-top: 1px solid #DCDCB4; 
	border-bottom: 1px solid #DCDCB4; 
	background-color:#FAFAE7;
	height:12px; 
	padding:4px; 
	margin:6px 0 15px 0;
}

.entry_footer_text{
	width: 60%;
	float: left;

	margin: 0;
	padding: 0;
}

.highlight{
	border-top: 1px solid #DCDCB4; 
	border-bottom: 1px solid #DCDCB4; 
	background-color:#FAFAE7; 
}

.date{
	width: 40%;
	float: right;
	text-align: right;
	
}

.entry_footer a, .entry_footer a:link, .entry_footer a:visited {
	color: #99997D;
	
}

.entry_footer a:hover, .entry_footer a:active {
	color: #7B7B62;
}

a.icon_comment, a:link.icon_comment, a:visited.icon_comment{
	padding-left:15px;
	background-image: url('images/icon_comment.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	margin: 0; background-position-x:left
}

a:hover.icon_comment{
	padding-left:15px;
	background-image: url('images/icon_comment.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	margin: 0; background-position-x:left
}


a.icon_archive, a:link.icon_archive, a:visited.icon_archive{
	padding-left:15px;
	background-image: url('images/icon_archived.gif');
	background-color: transparent;
	background-repeat: no-repeat;	margin: 0; background-position-x:left
}

a:hover.icon_archive{
	padding-left:15px;
	background-image: url('images/icon_archived.gif');
	background-color: transparent;
	background-repeat: no-repeat;	margin: 0; background-position-x:left
}

	
/*</group>*/

#comments {
	padding:10px 0;
}

.comment1 {
	padding: 6px 16px;
	border-bottom: 1px solid #DCDCB4;
	border-top: 1px solid #DCDCB4;
	margin: 5px 0;
	background-color: #FAFAE7;
	clear: both; 
}

.comment2 {
	padding: 6px 16px;
	margin: 5px 0;
	background-color: #fff;
	clear: both;
}



#TextDisplay{
	font: normal 12px/18px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	color: #666;
}

.comment1 h3, .comment2 h3 {
	font: bold 12px/16px Tahoma, sans-serif;
	color: #036;
	padding: 2px 0;
	margin: 0;
}

pre{
	padding:10px 15px;
	background-color: #eee;
	border: 1px solid #ccc;
	font: normal 10px/15px verdana, sans-serif;
	color: #093;
	margin: 0px 0;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 20px;
	line-height: 20px;
}

.sIFR-hasFlash #work1 {
	visibility: hidden;
	font-size: 20px;
	line-height: 24px;
	padding:0;
	margin:0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 14px;
		line-height: 14px;
}

/*---- Play ----*/

.sIFR-hasFlash #play h1 {
	visibility: hidden;
	font-size: 24px;
	line-height: 24px;
}

.sIFR-hasFlash #play h2 {
	visibility: hidden;
	line-height: 16px;
	font-size: 14px;
	padding:0;
	margin:0;
}