/*
CSS for davidcorrell.net version3

Thank you for taking an interest in my code. Please feel free to use any of this code for reference or as a learning tool. However; the unique 
combination of images, colors, sizes, typography, & positioning - the "design" - are all copyright 2005 David Correll and may not be copied.
*/


/* ----- Palette
#BDBEB5 = background color
#ACADA4 = one equal step down
#9B9C93 = two equal steps down
*/


/* Global
--------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #BDBEB5;
	/* new background color: #908d71 */
	color: #FFF;
	font-size: 62.5%;
	line-height: 1.5em;
}

a:link		{ color: #FFF; text-decoration: none; }
a:visited	{ color: #FFF; text-decoration: none; }
a:active	{ color: #000; text-decoration: none; }
a:hover		{ color: #000; text-decoration: none; }

ul, li { list-style: none; }

p {
/*	margin: 0 0 1.2em 0;*/
	margin: 0 0 1em 0;
	padding: 0;
	color: #FFF;
/*	font: 1.2em "Helvetica Neue", Arial, sans-serif;*/
	font: 1.2em Helvetica, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.4em;
/*	text-align: justify;*/
/*	word-spacing: -.02em;*/
}

h3 {
	margin: 0;
	padding: 0;
	color: #000;
	font: 1.8em Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#innerContent h3 a			{ width: 355px; margin-top: 0; display: block; }
#innerContent h3 a:link     { color: #000; text-decoration: none; border-top: 1px solid #BDBEB5; }
#innerContent h3 a:visited	{ color: #000; text-decoration: none; border-top: 1px solid #BDBEB5; }
#innerContent h3 a:hover	{ color: #000; text-decoration: none; border-top: 1px solid #000; background-color: #ACADA4; }
#innerContent h3 a:active	{ color: #000; text-decoration: none; border-top: 1px solid #000; background-color: #ACADA4; }

.uppercase {
text-transform: uppercase;
}

.whiteLine {
margin: 0px;
padding: 0px;
height: 10px;
background-color: #FFF;
overflow: hidden;
width: 100%;
}

.strikeOut {
text-decoration: line-through;
}

abbr {
border-bottom: 1px dashed #000;
}


/* Structure
--------------------------------- */
/* top */
#contain {
margin-bottom: 28px;
padding: 0;
width: 100%;
float: left;
}

#innerContent { 
	width: 355px; 
	float: right;
	margin: 0; 
	padding:0;
}

	#innerContent h3.smaller {
		font-size: 12px;
		font-weight: bold;
	}

#topContain {
margin: 0;
padding: 0;
width: 500px;
height: 354px;
}

/* bottom */
#bottomContain {
margin: 0;
padding: 0;
width: 100%;
float: left;
}

#wideWrap {
margin: 0 0 0 0;
padding: 0;
width: 100%;
float: left;
}

#contentWrap {
float: left;
width: 500px;
margin: 0;
padding: 0;
}

#logosectioncontain {
float: left;
width: 372px;
height: 327px;
margin:0 0 27px 0;
padding:0;
}

#navWrap {
margin: 0;
padding: 0;
width: 372px;
height: 156px;
}

#content {
margin: 16px 0 0 0;
padding: 0;
width: 500px;
float: left;
}

#bottomRightWrap {
margin: 0 0 14px 0;
padding: 0;
position: absolute;
top: 354px;
left: 505px;
}

#rightBlank {
margin: 0 26px 0 0;
height: 194px;
width: 200px;
}

body#information #rightBlank 	{ height: 196px;}
body#news #rightBlank 	{ height: 196px; }

#rightContent {
margin: 0 0 0 60px;
width: 130px;
}


/* Header
--------------------------------- */
h1 {
font: 1.1em "Helvetica Neue", Arial, sans-serif;
margin:0;
padding:0;
}

h1 a {
	display: block;
	width: 134px;
	height: 327px;
	color: #000;
	text-indent: -9999px;
	overflow: hidden;
}

#logo {
width: 134px;
height: 327px;
background: transparent url(../images/global/davidcorrell.gif) top left no-repeat;
margin: 0 0 0 146px;
padding:0;
}

#logosectioncontain {
float: left;
width: 372px;
height: 327px;
margin:0 0 27px 0;
padding:0;
}

#logosectioncontain img { display: none; }

h2 {
position: absolute;
top: 0;
left: 300px;
width: 72px;
height: 327px;
margin: 0;
padding:0;
text-indent: -9999px;
color: #FFF;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
}

body#home h2		{ background: url(../images/global/h2.gif) 0 0 no-repeat; }
body#news h2 		{ background: url(../images/global/h2.gif) -72px 0 no-repeat; }
body#portfolio h2 	{ background: url(../images/global/h2.gif) -144px 0 no-repeat; }
body#information h2	{ background: url(../images/global/h2.gif) -216px 0 no-repeat; }
body#freespace h2 	{ background: url(../images/global/h2.gif) -288px 0 no-repeat; }
body#playlist h2 	{ background: url(../images/global/h2.gif) -288px 0 no-repeat; }
body#notfound h2	{ background: url(../images/global/h2_404.gif) 0 0 no-repeat; }


/* Main Nav
--------------------------------- */
#navBorder {
margin: 0;
padding: 0;
width: 10px;
height: 153px;
float: left;
background-color: #000;
}

ul#mainNav {
margin: 0 0 0 0;
padding: 0;
width: 362px;
height: 156px;
float: right;
background: url(../images/global/nav/mainNav.gif) 136px 0  no-repeat; 
position: relative;
}

ul#mainNav li {
margin:0;
padding: 0;
position: absolute;
left: 134px;
}

ul#mainNav li, ul#mainNav a {
height: 39px;
display: block;
}

ul#mainNav li a {
	text-indent: -9999px;
	text-decoration: none;  
	overflow: hidden;
}

#navNews { top: 0; width: 224px; }
#navPortfolio 	{ top: 39px; width: 224px; }
#navInformation { top: 78px; width: 224px; }
#navFreespace  { top: 117px; width: 224px; }

#navNews a:hover { background: transparent url(../images/global/nav/mainNav.gif) 0 -156px no-repeat; }
#navPortfolio a:hover { background: transparent url(../images/global/nav/mainNav.gif) 0 -195px no-repeat; }
#navInformation a:hover { background: transparent url(../images/global/nav/mainNav.gif) 0 -234px no-repeat; }
#navFreespace a:hover { background: transparent url(../images/global/nav/mainNav.gif) 0 -273px no-repeat; }


/* Portfolio
--------------------------------- */
#portfolioImage {
margin: 0 26px 0 0;
min-height: 161px;
}

#portfolioDesc {
float: left;
width: 350px;
}

.portfolioList {
margin: 0 0 14pt 0;
padding: 0;
color: #000;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
line-height: 1.5em;
}

.portfolioList li {
margin: 0;
padding: 0;
}

.portfolioList a:link 		{ color: #000; text-decoration: none; }
.portfolioList a:visited 	{ color: #000; text-decoration: none; }
.portfolioList a:active 	{ color: #FFF; text-decoration: none; }
.portfolioList a:hover 		{ color: #FFF; text-decoration: none; }

#portBreak {
background: transparent url(../images/global/infoBreak.gif) 1px 0 no-repeat;
margin: 13px 0 2px 0;
padding-top: 2px;
}

	#portBreak p { 
		margin: 0 0 13px 0; 
		width: 350px; 
		text-align: left;
	}

#portSubNav { margin: 9px 0 0 0; padding-top: 2px; }
#portSubNav p { color: #000; }
#portSubNav a:link 		{ color: #000; border-bottom: 1px dotted; }
#portSubNav a:visited 	{ color: #000; border-bottom: 1px dotted; }
#portSubNav a:active 	{ color: #FFF; border-bottom: 1px solid; }
#portSubNav a:hover 	{ color: #FFF; border-bottom: 1px solid; }


/* Information
--------------------------------- */
.infoSectionBio {
margin: 0 0 25px 1px;
padding-left: 7px;
border-left: 1px solid #FFF;
}

.infoSection { margin-bottom: 25px; }

dl#colophon {
	margin: 0 0 14px 0;
	padding: 0;
	color: #FFF;
}

#colophon dt {
	margin: 5px 0 0 0;
	padding: 0;
	color: #666; 
	font: 1em "Helvetica Neue", Arial, sans-serif; 
	vertical-align: bottom;
}

#colophon dt { text-transform: uppercase; }

#colophon dd { 
	margin: 0; 
	font: 1.2em "Helvetica Neue", Arial, sans-serif;
	line-height: 1.4em;
}

ol {
margin: 0;
padding: 0;
color: #FFF;
}

ol li {
	list-style-type: decimal;
/*	list-style-position: inside;*/
	color: #fff;
	font: 1.2em "Helvetica Neue", Arial, sans-serif;
}

ul#techInfo {
	margin: 0;
	padding: 0;
/*	height: 98px;*/
/*	width: 80px;*/
	border-top: 1px solid #FFF;
/*	line-height: 1.1em;*/
/*	background: transparent url(../images/info/tech-info.gif) 0 0 no-repeat;*/
	position: relative;
}

	ul#techInfo li {
		margin: 0 0 3px 0;
		line-height: 1.2em;
		padding: 0;
		font: 1em "Helvetica Neue", Arial, sans-serif; 
/*		position: absolute;*/
	}

	ul#techInfo li, 
	ul#techInfo a {
/*		display: block;*/
/*		height: 11px;*/
/*		margin-bottom: 3px;*/
	}

		ul#techInfo li a {
/*			text-indent: -9999px;*/
			text-decoration: none;
		}

/*		#tech-rss            		{ top: 0; width: 80px; }
		#tech-rssPlaylist   	    { top: 14px; width: 80px; }
		#tech-xhtml          		{ top: 28px; width: 80px; }
		#tech-css            		{ top: 42px; width: 80px; }
		#tech-firefox        	    { top: 56px; width: 80px; }
		#tech-wordpress      	    { top: 70px; width: 80px; }
		#tech-browsehappy   	    { top: 84px; width: 80px; }

		#tech-rss           a:hover { background: url(../images/info/tech-info.gif) 0 -98px no-repeat; }
		#tech-rssPlaylist   a:hover	{ background: url(../images/info/tech-info.gif) 0 -112px no-repeat; }
		#tech-xhtml         a:hover { background: url(../images/info/tech-info.gif) 0 -126px no-repeat; }
		#tech-css           a:hover	{ background: url(../images/info/tech-info.gif) 0 -140px no-repeat; }
		#tech-firefox       a:hover { background: url(../images/info/tech-info.gif) 0 -154px no-repeat; }
		#tech-wordpress     a:hover	{ background: url(../images/info/tech-info.gif) 0 -168px no-repeat; }
		#tech-browsehappy   a:hover	{ background: url(../images/info/tech-info.gif) 0 -182px no-repeat; }
*/

/* Freespace
--------------------------------- */
.freespaceItem {
margin-bottom: 24px;
}

#linksList {
margin: 0;
padding: 0;
color: #FFF;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
line-height: 1.5em;
}

#linksList ul,li {
margin: 0;
padding: 0;
font-style: normal;
}

#linksList ul li ul { margin-bottom: 14px; }

#linksList li span { 
color: #666; 
font: 1em "Helvetica Neue", Arial, sans-serif; 
line-height: 1.5em; /* for IE 5.5 PC */
}

#linksList #links_friends span,
#linksList #links_respect span,
#linksList #links_music span,
#linksList #links_miscellanea span { 
text-transform: uppercase; 
}


/* Playlist
--------------------------------- */
#rightContent p {
margin-bottom: 0;
color: #000;
font: 1em "Helvetica Neue", Arial, sans-serif;
}

#rightContent p#playlistRSS {
margin-bottom: 18px;
}

#playlistRSS a		 	{ color: #FFF; }
#playlistRSS a:link 	{ color: #FFF; }
#playlistRSS a:active 	{ color: #000; }
#playlistRSS a:hover 	{ color: #000; }

#playlistArchiveList {
margin: 0 0 0 0;
padding: 0;
color: #FFF;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
line-height: 1.5em;
}

#playlistArchiveList li { margin: 0; padding: 0; }


/* Main Blog
--------------------------------- */
.oneEntry {
margin: 0 0 21px 0;
padding: 0;
width: 350px;
}

p.blogMeta {
	margin: 2px 0 12px 0;
	padding: 0;
	color: #666;
	font: 1em "Helvetica Neue", Arial, sans-serif;
	text-align: left;
}

p.blogMeta span { text-transform: uppercase; }

p.blogMeta a:link 		{ color: #666; border-bottom: 1px dashed #666; }
p.blogMeta a:visited 	{ color: #666; border-bottom: 1px dashed #666; }
p.blogMeta a:active 	{ color: #000; border-bottom: 1px solid #000; }
p.blogMeta a:hover 		{ color: #000; border-bottom: 1px solid #000; }

/* .storycontent a { padding: 0 2px 0 2px; margin: 0 -2px 0 -2px; background-color: #aaaba5; } */
.storycontent a { text-decoration: underline; }

/* Comments */
h3#comments { margin-top: 28px; margin-bottom: 14px; }

h4 {
margin-top: 20px;
margin-bottom: 0;
padding-top: 4px;
color: #000;
line-height: 1.3em;
font: 1.1em "Helvetica Neue", Arial, sans-serif;
}

h4#postcomment {
margin-top: 30px;
padding-top: 2px;
border-top: 1px solid #000;
}

ol { margin: 0; padding: 0; }

ol#commentlist li {
border-top: 1px solid #FFF;
margin:0 0 14px 0;
padding: 5px 8px 0 5px;
background-color: #ACADA4;
list-style-type: none;
} 

		ol#commentlist li p {
			font-size: 1em;
		}

		p.commentMeta {
			margin: 0 0 0 0;
			padding: 0;
			color: #000;
			font: 1.335em "Helvetica Neue", Arial, sans-serif !important;
			line-height: 1.5em;
		}

/*  for IE just being silly and here to annoy us by pixel jogs
    only IE winblowz sees this */
* html p.commentMeta {
    margin: 0 0 0 -17px;
    }
/* begone with the IE */

#commentlist li p.commentTimeSince {
margin: 0 0 14px 0;
padding: 0;
color: #666;
font: 1em "Helvetica Neue", Arial, sans-serif;
}

#commentlist li p.commentTimeSince {
text-transform: uppercase;
}

.commentText {
margin: 0;
padding: 0;
background: transparent;
}

.commentText a {
text-decoration: underline;
}

#commentlist li .endComment {
margin-top: 0;
margin-bottom: 0px;
padding-bottom: 3px;
color: #666;
font: .845em "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
}

p.endComment a:link 	{ color: #666; border-bottom: 1px dotted; }
p.endComment a:visited 	{ color: #666; border-bottom: 1px dotted; }
p.endComment a:active 	{ color: #000; border-bottom: 1px solid; }
p.endComment a:hover 	{ color: #000; border-bottom: 1px solid; }

cite { font-style: normal; }

.commentMeta cite a {
	color: #000;
}

ol#commentlist li.highlighted {
border-top: 1px solid #000;
}

ol#commentlist li blockquote {
border: 1px solid #9B9C93;
background-color: #BDBEB5;
margin: 0 10px 5px 5px;
padding: 5px 5px 3px 5px;
}

ol#commentlist li blockquote p {
margin-bottom: 0;
}

#author, #email, #url, #comment {
margin: 0;
padding: 4px 4px 2px 3px;
border: none;
width: 355px;
font: 1.1em "Helvetica Neue", Arial, sans-serif;
}

#comment {
height: 100px;
}

#author:focus 	{ background-color: #FFF; padding: 3px 3px 1px 2px; border: 1px solid #000; }
#email:focus 	{ background-color: #FFF; padding: 3px 3px 1px 2px; border: 1px solid #000; }
#url:focus 		{ background-color: #FFF; padding: 3px 3px 1px 2px; border: 1px solid #000; }
#comment:focus 	{ background-color: #FFF; padding: 3px 3px 1px 2px; border: 1px solid #000; }

input#submit {
padding: 2px 5px;
border: 1px solid #000;
background-color: #C3C4BC;
font: 1.1em "Helvetica Neue", Arial, sans-serif;
}
input#submit:hover {
padding: 2px 5px;
border: 1px solid #000;
background-color: #FFF;
font: 1.1em "Helvetica Neue", Arial, sans-serif;
}

#rightContent p#rssLink { margin-top: 14px; text-transform: uppercase; }

/* OOPS! additions
------------------------------- */
ul.playlist {
margin: -14px 0 14px 0;
padding: 0;
color: #FFF;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
line-height: 1.5em;
list-style: none;
}

.notFoundContent {
margin: 0 0 21px 0;
padding: 0;
width: 350px;
}

.notFoundContent a {
text-decoration: underline;
}

ul#notFoundList {
margin: -14px 0 0 0;
padding: 0;
list-style: none;
color: #FFF;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
}

.oneEntry blockquote {
margin: 0 0 14px 0;
padding: 14px 14px 0 14px;
background-color: #ACADA4;
border: 1px solid #9B9C93;
}

.oneEntry img {
padding: 3px;
background-color: #ACADA4;
border: 1px solid #9B9C93;
}

.oneEntry ul {
margin: 14px;
padding: 0;
font: 1.2em "Helvetica Neue", Arial, sans-serif;
}

.oneEntry li {
list-style: circle;
margin: 3px 0;
}

sup {
line-height: 0;
}

.oneEntry ol {
margin-left: 1.5em;
}
.oneEntry ol li {
list-style: decimal;
}

code {
font: 1em Monaco, monospace;
text-align: left;
}

pre {
font: 1em Monaco, monospace;
text-align: left;
}

.due-cred {
	color: #666;
	font-size: 1.1em;
}