* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	background: #101415;
}

body.widescreen #main { width: 900px; }
body.widescreen #sub, body.widescreen .articleOptions { width: 940px; }
body.widescreen .article { width: 908px; }
body.widescreen #info, body.widescreen #sub { display: none; }
body.widescreen .article dl.articleInfo  { width: 895px; }

body.widescreen .articleView a { background: url(../../visual/images/bt_ss.gif) no-repeat; }
body.widescreen .articleView a:hover { background: url(../../visual/images/bt_ss_on.gif) no-repeat; }

::selection { background: #101415; color: #0cf; } /* Safari and Opera */
::-moz-selection { background: #410800; color: #0cf; } /* Firefox */

a:link { color: #fff; }
a:visited { color: #c8c8c8; }
a:hover { color: #0cf; text-decoration: underline; }
a:active { color: #ccc; }
a:focus { color: #c8c8c8; }

label { cursor: pointer; }
input, textarea, select { font-family: arial, verdana, helvetica, sans-serif; }

img { border: 0; }

#backTop { position: fixed; bottom: 10px; right: 10px; }

#wrapper {
	display: table;
	width: 940px;
	background: #000 url(../../visual/images/bg_wrapper.gif) no-repeat;
	margin: 8px auto;
	padding: 20px;
}

#action { display: none; position: absolute; top: 0; left: 0; width: 100%; font-size: 1.2em; text-shadow: 2px 2px 2px #000; background: #181818 url(../../visual/images/bg_action.gif) repeat-x; border-bottom: 1px solid #fff; overflow-x: hidden; }

#action p { padding: 10px; }

#external {
	padding: 15px 30px;
}

/* Header */

#header {
	float: left;
	width: 940px;
	background: url(../../visual/images/bg_header.gif) no-repeat;
}

body#blog #header { background: url(../../visual/images/bg_header_blog.gif) no-repeat; }

#headerInfo { float: left; width: 940px; height: 90px; }
#headerInfo p a { color: #fff; }

#header h1 { float: right; text-indent: -99999px; margin: 34px 10px 0 0; }

#header h1#logoEF a {
	display: block;
	width: 173px;
	height: 22px;
	background: url(../../visual/images/logo_ef.gif) no-repeat;
}

#header h2 { 
	font-size: 1.2em;
	margin: 34px 0 0 10px;
	text-shadow: 2px 2px 2px #000;
}

#header p { 
	font-size: 1.1em;
	margin-left: 10px;
}

#infoDrawer { 
	clear: both;
	float: left;
	width: 940px;
	margin-bottom: 10px;
}

#infoToggle h3 {
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 1.1em; 
	font-weight: normal;
	color: #c8c8c8;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 15px;
	text-transform: uppercase;
}

#infoHd { 
	float: left;
	width: 918px;
	background: #181818;
	border: 1px solid #333;
	padding: 15px 10px 0 10px;
}

#infoHd p { font-size: 1.2em; margin-bottom: 15px; }

#carousel { 
	clear: both;
	float: left;
	width: 640px;
	color: #fff; 
	position:relative; 
	margin: -50px 0 -20px 150px;
}

/* Nav */

#nav { 
	clear: both;
	float: left; 
	width: 940px;
	background: #101415;
}

#nav ul { list-style: none; }
#nav ul li { float: left; }

#nav a * {
  display: none;
}

#nav ul li a,
#nav ul li a .hover {
	height: 56px;
	position: relative;
	display: block;
	cursor: pointer;
	background: url(../../visual/images/nv_sprite.gif) 0 0 no-repeat;
}

#nav ul li a#navMain { background-position: 0 0; width: 115px; }
#nav ul li.highlight a#navMain:hover, #nav ul li a#navMain .hover { background-position: 0 -56px; width: 115px; }

#nav ul li a#navBlog { background-position: -115px 0px; width: 117px; }
#nav ul li.highlight a#navBlog:hover, #nav ul li a#navBlog .hover { background-position: -115px -56px; width: 117px; }

#nav ul li a#navMusic { background-position: -232px 0px; width: 128px; }
#nav ul li.highlight a#navMusic:hover, #nav ul li a#navMusic .hover { background-position: -232px -56px; width: 128px; }

#nav ul li a#navPhotos { background-position: -360px 0px; width: 153px; }
#nav ul li.highlight a#navPhotos:hover, #nav ul li a#navPhotos .hover { background-position: -360px -56px; width: 153px; }

#nav ul li a#navAbout { background-position: -513px 0px; width: 427px; }
#nav ul li.highlight a#navAbout:hover, #nav ul li a#navAbout .hover { background-position: -513px -56px; width: 427px; }

/* Info */

#info {
	float: left;
	width: 938px;
	clear: both;
	padding: 10px 0 10px 0;
	margin: 5px 0 20px 0;
	background: #101415;
	border: 1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#info img { float: right; margin: 15px 25px 0 0; }

#tweet { 
	float: left;
	width: 680px;
	margin: 0 0 0 10px;
	padding: 15px 15px 0 15px;
}

#tweet ul { 
	float: left;
	width: 680px;
	list-style: none;
}

#tweet li { font-size: 1.2em; font-style: italic; color: #999; padding: 0 0 15px 0; }

/* Content */

#content {
	clear: both;
	float: left;
	width: 940px;
	padding-bottom: 25px;
}

#mainInfo {
	position: relative;
	float: left;
	width: 910px;
	background: #000;
	padding: 40px 15px 20px 15px;
	background: #000 url(../../visual/images/bg_main_info.gif) no-repeat;
}

#mainInfo p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 15px; }

#badge a { 
	position: absolute;
	right: 0;
	top: 15px;
	z-index: 1;
	display: block;
	width: 434px;
	height: 80px;
	text-indent: -99999px;
	background: url(../../visual/images/badge.png) no-repeat;
}

a#introScroll { 
	position: absolute;
	left: -5px;
	top: 15px;
	z-index: 2;
	width: 164px;
	height: 70px;
	background: url(../../visual/images/intro_scroll.png) no-repeat;
	text-indent: -99999px;
}

a#introScroll:hover { 
	background: url(../../visual/images/intro_scroll_on.png) no-repeat;	
}

/* INTRO */

#intro { position: relative; width: 660px; overflow: hidden; }

#intro, .introBlock { 
	float: left;
	padding: 60px 20px 20px 20px;
	background: #000 url(../../visual/images/bg_intro.jpg) no-repeat;
}

#intro.type1 { 
	float: left;
	width: 660px;
	background: #000 url(../../visual/images/bg_intro_01.jpg) no-repeat;
}

#intro.type2 { 
	float: left;
	width: 660px;
	background: #000 url(../../visual/images/bg_intro_02.jpg) no-repeat;
}

#intro.type3 { 
	float: left;
	width: 660px;
	background: #000 url(../../visual/images/bg_intro_03.jpg) no-repeat;
}

#intro.type4 { 
	float: left;
	width: 660px;
	background: #000 url(../../visual/images/bg_intro_04.jpg) no-repeat;
}

#intro.type5 { 
	float: left;
	width: 660px;
	background: #000 url(../../visual/images/bg_intro_05.jpg) no-repeat;
}

.introImage { 
	float: right;
	margin: 0 0 15px 15px;
}

#viewer { 
	overflow: hidden;
	width: 4500px;
}

.introItem { 
	position: relative;
	float: left;
	width: 660px;
	margin-right: 50px;
}

.introItem h2 {
	line-height: 1.0em;
	font-size: 2.4em;
	font-weight: normal;
	font-variant: small-caps;
	color: #c8c8c8;
	margin-bottom: 15px;
}

.introItem a img.pagePlus { 
	position: absolute;
	bottom: 0;
	right: 0;
}

.introBlock { /* Contact me box */
	position: relative;
	overflow: visible;
	width: 660px;
	margin-top: 15px;
	padding: 20px 20px 0 20px;
	z-index: 4;
}

.introBlock h2 {
	line-height: 1.0em;
	font-size: 1.8em;
	font-weight: normal;
	font-variant: small-caps;
	color: #c8c8c8;
	margin-bottom: 15px;
}

#contactStamp { position: absolute; top: -10px; right: 0; z-index: 4 }

#contact { list-style: none; width: 660px; }
#contact li { float: left; width: 300px; margin-bottom: 10px; height: 25px; }
#contact li label { float: left; display: block; width: 100px; font-size: 1.2em; color: #c8c8c8; }
#contact li input.field, #contact li textarea { float: left; width: 170px; padding: 2px; font-size: 1.1em; background: #000; border: 1px solid #456073; color: #fff; }
#contact li textarea { height: 60px; overflow-y: hidden; }
#contact li input#submitContact { margin-left: 486px; }
#contactMe, #contactSuccess { float:left; width: 660px; }
#contactSuccess { display: none; }

#introSub { 
	float: right;
	width: 195px;
	margin-left: 15px;
	margin-top: 60px;
}

#introSub h2 { 
	font-size: 1.4em;
	margin-bottom: 15px;
	text-shadow: 4px 4px 4px #000;
}

#introSub ul { 
	list-style: none;
	font-size: 1.2em;
}

#introSub li { margin-bottom: 8px;  }
#introSub li a:link, #introSub li a:visited { display: block; padding: 2px 0 2px 30px; background: url(../../visual/images/bullet_intro.gif) no-repeat 0 2px; }
#introSub li a:hover { color: #fff; background: url(../../visual/images/bullet_intro_on.gif) no-repeat 0 2px; }

/* Main */

#main {
	float: left;
	width: 650px;
}


.articleOptions { float: left; width: 660px; margin-bottom: 15px; }

.articleView { float: right; }
.articleView p { float: left; font-size: 1.2em; margin-right: 10px; padding-top: 4px; margin-bottom: 0;  }
.articleView a { float: left; text-indent: -99999px; display: block; width: 30px; height: 20px; background: url(../../visual/images/bt_ws.gif) no-repeat; }
.articleView a:hover { background: url(../../visual/images/bt_ws_on.gif) no-repeat; }

.article { 
	float: left;
	width: 628px;
	padding: 15px 15px 5px 15px;
	background: #101415 url(../../visual/images/bg_article_hd.gif) repeat-x top;
	margin: 0 0 15px 0;
	border: 1px solid #333;
	box-shadow: #3b3b3b 2px 2px 13px;
	-moz-box-shadow: #3b3b3b 2px 2px 13px;
	-webkit-box-shadow: #3b3b3b 2px 2px 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.article h2 {
	float: left; 
	width: 400px;
	line-height: 1.2em;
	font-size: 2.6em;
	font-weight: normal;
	font-variant: small-caps;
	color: #efefef;
	margin-bottom: 5px;
}

.article h2 a {
	text-decoration: none;
	text-shadow: 4px 4px 4px #000;
}

.article h2.hdSub { 
	margin-bottom: 15px; 
}

.article #comment h2 {
	padding: 15px 0 15px 0;
}

.article h3 { clear: both; font-size: 1.6em; color: #ccc; font-weight: normal; margin: 0 0 15px 10px; }

.article h4 {
	font-size: 1.1em;
	color: #93d43b;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.article img {
	float: left;
	margin: 0 10px 10px 0;
}

.article img.articleImage { float: right; margin: 0 0 10px 10px; border: 2px solid #fff; }

.article p {
	font-size: 1.2em;
	color: #999;
	line-height: 1.5em;
	margin: 0 10px 15px 10px;
}

.article p a { font-weight: bold; border-bottom: 1px dashed #82999b; text-decoration: none; }
.article p a:hover { color: #0cf; }

.article p strong.highlight { 
	color: #c8c8c8;
}

.article p.dateTime {
	width: 240px;
	font-size: 1.1em;
	color: #ccc;
	font-weight: normal;
	margin: 0 0 15px 10px;
}

.article p.show {
	float: right;
	cursor: pointer;
	border: 1px solid #82999b;
	font-size: 1.0em;
	text-align: center;
	text-transform: uppercase;
	background: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.article p.show a:link, .article p.show a:visited { display: block; width: 80px; padding: 3px; color: #fff; text-decoration: none; border: none; }

.article dl.articleInfo { float: left; width: 614px; font-size: 1.2em; background: #212121 url(../../visual/images/bg_article_info.gif); padding: 5px 8px; margin: 0 0 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.article dl.articleInfo dt { clear: left; float: left; display: block; width: 100px; font-weight: bold; color: #999; margin-right: 5px; }
.article dl.articleInfo dd { float: left; width: 400px; display: block;  }

.article p.first { clear: both; }

.article p.comment {
	clear: both;
	font-size: 1.2em;
	color: #fff;
	background: #000 url(../../visual/images/bg_comment.gif) no-repeat;
	border: 1px solid #3c4042;
	padding: 8px 5px 8px 10px;
}

.article p.comment a { color: #82999b; }
.article p small { font-size: 0.9em; }

.article ul {
	list-style: none;
	margin-bottom: 15px;
	margin-left: 10px;
}

.article ol { margin-bottom: 15px; margin-left: 15px;}

.article ul li, .article ol li {
	font-size: 1.2em;
	color: #c8c8c8;
	background: url(../../visual/images/bullet_silver.gif) no-repeat 0 10px;
	padding-left: 15px;
}

.article ul li a:link, .article ul li a:visited {
	display: block;
	color: #c8c8c8;
	text-decoration: none;
	padding: 6px 5px 10px 15px;
}

.article ul li a:hover {
	font-weight: bold;
	color: #fff;
	background: url(../../visual/images/bg_li.gif) no-repeat;
	text-decoration: none;
}

.article hr {
	height: 1px;
	border: 0;
	color: #82999b;
	background: #82999b;
	margin-bottom: 10px;
}

#main ol#commentAdd { list-style: none; }
#main ol#commentAdd li { margin-bottom: 10px; }
#main ol#commentAdd li label { display: block; float: left; width: 130px; font-size: 1.2em; font-weight: bold; }
#main ol#commentAdd li input.field { width: 230px;}
#main ol#commentAdd li textarea { font-size: 1.1em; width: 230px; height: 120px;}
#main input.submit { width: auto; }

/* Player embed */

.player { margin: 0 0 15px 10px; }
.share { float: right; text-align: right; }
.share img { margin-right: 0; }

#comment { float: left; margin-left: 25px; width: 550px; }
#comment h2 { 	
	font-size: 2.0em;
	font-weight: normal;
	font-variant: small-caps;
	color: #efefef;
	margin-bottom: 5px;
}

#comment h3, #comment h4 { font-size: 1.2em; color: #c8c8c8; margin-bottom: 15px; }
#comment p { font-size: 1.2em; margin: 0 0 15px 0; }

.commentArticle { margin: 0 10px 10px 0; }
.commentArticle h4 { font-weight: normal; color: #fff; border: 1px solid #ccc;
padding: 2px 5px 2px 10px; margin-bottom: 0; background: #000 url(../../visual/images/bg_comment.gif) no-repeat;  }
.commentArticle p { background: #000; padding: 10px; margin-right: 0;}

#main .infoColumn { 
	float: left;
	width: 300px;
}

#main .infoColumn h3 {
	font-size: 1.2em;
	color: #fff;
	text-decoration: underline;
}

#main .infoColumn ul { list-style: none; margin: 0 15px 15px 0; padding: 0; }
#main .infoColumn ul li { font-size: 1.2em; padding: 0 0 5px 15px; margin: 0; background: url(../../visual/images/bullet_silver.gif) no-repeat 0 5px; }
#main .infoColumn ul li a:link, #main .infoColumn ul li a:visited { color: #fff; }

/* Sub */

#sub {
	float: right;
	display: inline;
	width: 252px;
	background: #101415;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#sub img.portrait { margin: 10px; }

#sub h3 {
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	background: url(../../visual/images/sub_hd.gif) no-repeat;
	margin-bottom: 10px;
	padding: 5px 10px;
}

#sub h3#rss, #sub h3#archive, #sub h3#photos, #sub h3#mp3, #sub h3#misc { width: 252px; height: 58px; padding: 0; text-indent: -99999px; border-bottom: 0; margin-bottom: 0; }
#sub h3#rss a { display: block;  width: 252px; height: 58px; background: url(../../visual/images/sub_rss.gif) no-repeat; }
#sub h3#archive { background: url(../../visual/images/sub_archive.gif) no-repeat; }
#sub h3#photos { background: url(../../visual/images/sub_photos.gif) no-repeat; }
#sub h3#mp3 { background: url(../../visual/images/sub_mp3.gif) no-repeat; }
#sub h3#misc { background: url(../../visual/images/sub_misc.gif) no-repeat; }


#sub h4 {
	font-size: 1.1em;
	color: #c8c8c8;
}

#sub ul {
	width: 216px;
	list-style: none;
	margin-bottom: 15px;
	margin-top: 10px;
}

#sub ul ul { margin-bottom: 0; }

#sub ul li {
	width: 201px;
	font-size: 1.2em;
	color: #dcdcdc;
	background: url(../../visual/images/bullet_silver.gif) no-repeat 0 10px;
	padding-left: 15px;
	margin-left: 10px;
}

#sub ul li a:link, #sub ul li a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 5px 5px 3px 5px;
}

#sub ul li a:hover {
	background: #446097;
	text-decoration: none;
	/*text-align: center;*/
}

#sub li li a {font-size: 0.8em; }

#sub ul.section2 li a:hover {
	color: #000;
	background: #FF0000;
}

#sub ul.section3 li a:hover {
	color: #000;
	background: #fc0;
}

#sub ul.section4 li a:hover {
	color: #000;
	background: #93d43b;
}

#sub p { font-size: 1.2em; color: #999; margin-left: 10px; padding-top: 10px; }

#sub h4, #sub p {
	margin-bottom: 15px;
}

#sub img.cover { 
	margin-bottom: 15px;
}

#playlist { 
	float: left;
	width: 440px;
	background: #000;
	padding: 15px 30px;
}

#playlist img#playlistCover { 
	float: right;
	margin: 0 0 15px 15px;
}

#playlist p { font-size: 1.2em; margin-bottom: 15px; }
#playlist p#playlistCopy { clear: both; font-size: 1.1em; margin-bottom: 0; }

#playlist ul { list-style: none; font-size: 1.2em; }
#playlist h2 {
	line-height: 0.9em;
	font-size: 2.4em;
	font-weight: normal;
	font-variant: small-caps;
	color: #efefef;
	margin: 0 0 15px 0;
}

#playlist ul#playlistInfo { margin-bottom: 15px; }
#playlist ul#playlistContent { float: left; clear: both; margin-bottom: 10px; }
#playlist ul#playlistContent li { width: 440px; margin-bottom: 5px; }
#playlist ul#playlistContent li a:link, #playlist ul#playlistContent li a:visited { 
	display: block;
	padding: 5px 10px 5px 25px;
	background: #101415;
	text-decoration: none;
	background: url(../../visual/images/bg_li.gif) no-repeat;
}

#playlist ul#playlistContent li a:hover { font-weight: bold; }

/* Footer */

#footer {
	clear: both;
	float: left;
	width: 940px;
	color: #fff;
	background: #101415 url(../../visual/images/bg_footer.gif);
}

#footer p {
	font-weight: bold;
	line-height: 25px;
	padding-left: 15px;
	text-shadow: 2px 2px 2px #000;
}