/* James Madson */

/* Global Reset */
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin: 1em 0;
}

/* Base Elements */
a, a:link, a:visited, a:active {color: #ccc; text-decoration: none;}
a:hover {color: #bbb; text-decoration: none;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {background: #cccccc; color: #ffffff;border:none; font-style: italic; margin: 0 0 1.5em 1.5em; padding-right: 1.5em;padding-left: 1.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
body {
	background:#ccc;
	color: #666;
	font: 1.3em/2.2em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
code, var, kbd {
	background: none;
	color: #fff;
	font-family: monaco, courier, monospace;
	font-size: 1em;
	padding: 2px;
}
h1 {color: #999999; font: bold 9em/1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0.4em 0 0.4em 0; text-align: center; text-shadow: 2px 2px #666;}

h2 {color: #ccc; font: bold 1.5em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 2em; margin-top: 0;}
h3 {color: #ccc; font: bold 1.4em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h4 {color: #ccc; font: normal 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}
hr {border: none; height: 1px; background: #333; margin: 1.5em 0;}
img {border:none;}
ul, ol {margin-left: 1.5em;}


/* Structure*/
#wrap 		{margin: 30px auto; width: 980px;}
#content 	{float: left; width: 48em;}
#fourofour {width:980px;float:left;}
#sidebar 	{float: right; width: 22.25em;}
#footer		{}

/* Wrap */
#wrap {}

/* Topper*/
#link{}
#topper {
	font: .8em "Helvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #ffffff;
	margin: 3em auto;
	overflow: auto;
	width: 980px;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
}
#topper p {
	font-size: 0.9em;
	line-height: 35px;
	margin: 0 auto;
	text-transform: uppercase;
	letter-spacing:0.1em;
}
#topper p a, #topper p a:link, #topper p a:visited, #topper p a:active {color: #999999; padding-right:1.5em;text-decoration: none;font-weight:bold; margin-left: 1em;border-right:1px solid #dddddd;}
#topper p a:hover {color: #999999; text-decoration:none;text-shadow: 1px 1px #e8e9e9}
p#toplinks {float: left; padding-left: .5em; text-align: left; width: 75%;}
#topsearch {float: right; padding: 0 1em 0 0; text-align: right; width: 15%;height:22px;background:url(img/2008/jamesmadson.gif)no-repeat;margin-top:0.5em;}

/* Sidebar*/
#colophon {
	background: none;
	font-size: 11px;
	margin-bottom: 3em;
	padding: 1px 1em;
	-webkit-border-radius: 6px; -moz-border-radius: 6px;
}
#colophon p {line-height: 2.25em;}
#colophon a {color: #666666;}
#colophon #newlogo {float: left; padding: .75em 2em;}
#colophon a:hover {color: #999999;}

#monogram {
	margin-bottom: 2em;
	text-align: center;
}

#additional {
	background: #ffffff;
	color:#000;
	font-size: 1em;
	margin-bottom: 3em;
	padding: 1.2em 1em;
	-webkit-border-radius: 6px; -moz-border-radius: 6px;
}

#additional a:link, a:active, a:visited{
	color:#999999;
	font-size: 1em;
	margin-bottom: 3em;
	padding: .5em .5em;
}

#additional a:hover{
	color:#999999;
	font-size: 1em;
	margin-bottom: 3em;
	padding: .5em .5em;
	text-shadow: 1px 1px #e8e9e9;
	
}

#additional ul,li{list-style:none;}
dl#sidebarlinks {margin: 3px 0 8em 0;}
dl#sidebarlinks dt {
	color: #666;
	font-size: 0.8em;
	margin-bottom: 3px;
	text-transform: uppercase;
}
dl#sidebarlinks dd {
	background: none;
	margin-bottom: 5px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px;
}
dl#sidebarlinks dd a {
	color: #999;
	display: block;
	text-indent: 28px;
}
dl#sidebarlinks dd a:hover {color: #999;}


/* James Blog */
.Blog {margin-bottom: 4em;
background: #ffffff;
margin-bottom: 2em;
	padding: 1px 1em;
	-webkit-border-radius: 6px; -moz-border-radius: 6px;
}

.Blog p .avatar {float:left;}

.Blog h2 span {background: #cccccc;color:#999999;}
.Blog h2 a {color: #999999;margin-right:0.5em;}
.Blog h2 a:hover {margin-right:0.5em;}
.Blog h3, .Blog h4 {color:#999999;margin-right:0.5em;border-bottom: 1px solid #cccccc;}
.Blog a, .Blog a:link, .Blog a:visited, .Blog a:active {color: #999; text-decoration: none;}
.Blog a:hover {color: #CCC; text-decoration: none;}

div.Blog p a {background: none;}
div.Blog p a:hover {}
div.Blog p small {font-size:0.5em;width:150px;padding:0 2em 0 0; border-right: 1px solid #cccccc;}

/* James Work */

#portfolio 	{float: left; width: 66.5em;}

.Work {
	margin-bottom: 4em;
	background: #ffffff;
	margin-bottom: 2em;
	padding: 1px 1em;
	-webkit-border-radius: 6px; -moz-border-radius: 6px;
}

.Work p .avatar {float:left;}

.Work h2 span {background: none;color:#999999;}
.Work h2 a {color: #999999;margin-right:0.5em;}
.Work h2 a:hover {margin-right:0.5em;}
.Work h3, .Blog h4 {border-right: 1px solid #cccccc;}
.Work a, .Blog a:link, .Blog a:visited, .Blog a:active {color: #999; text-decoration: none;}
.Work a:hover {color: #CCC; text-decoration: none;}

dl.Work span.dateinfo p{color: #ccc; font-size:0.9em; margin-top: -1.25em; margin-bottom:0; margin-left:0.8em;}
dl.Work p a {background: none;}
dl.Work p a:hover {}
dl.Work dt small {font-size:0.5em;width:150px;padding:0 2em 0 0; border-right: 1px solid #cccccc;}

dl.Work dl {}
dl.Work dl,dd {}
dl.Work dt {color: #ccc; font: bold 1.5em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 2em; margin-top: 0;}
dl.Work dt a {color: #999999;margin-right:0.5em;}
dl.Work dd a {color:#999999;}
dl.Work ul { list-style: none; padding: 5px; }


p.dateinfo {color: #777; font-size:11px; margin-top: -1.25em;}

.highlight {color: #666;}
.image {
	border: none;
	padding: 0px;
}

img {
	border: none;
	padding: 0px;
	}

a:hover img {
	border: none;
	padding: 0px;
	}

h1 a, h1 a:link, h1 a:visited, h1 a:active {padding:0;}

h2 a, h2 a:link, h2 a:visited, h2 a:active {background:none; padding: .5em;}
h2 a:hover {color: #bbb;}
h2 span {color: #1a1a1a; padding: .5em;}


/* =PrevNext */
#prevnext {}
#prevnext h2 a:hover {color: #ffcc00;}
#prev {float: left;}
#next {float: right;}

/* !Pagination */
ul#pagination {list-style: none;}
ul#pagination a {padding: 0.5em; background: none; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
ul#pagination a:hover {padding: 0.5em; background: #fff; color: #222; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
ul#pagination li {display: inline; color: #444; padding: 0.5em;}

/* =Archive */
dl.aa dt {margin-top: 1.5em;}
dl.aa span.rssSubdate {color: #444;}

/* =Contact */
#Name, #Email {width: 45%;}
#Name, #Email, #Message {border: 4px solid #1a1a1a; padding: 2px;}

/* =Comments */
.even, .odd {margin: 1em 0;}
.odd {background: none); padding: 1em 1em .5em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.even {padding: 0 1em;}
.commentname {float: left;}
.commentname h4 {font-size: 1.1em; margin: 0;}
.commentdate {float: right; color: #666;}
.commentword {clear: both; margin: 0; border-top: 1px dashed #333;}

#comment-form {}
#comment-form p {border-bottom: 1px dashed #333; padding-bottom: 1em;}
#comment-form label, #comment-form span.check {float: left; width: 200px;}
#comment-form span.check label {float: none;}
#comment-form #name, #comment-form #email, #comment-form #web, #comment-form #message {width: 400px;}

/* =Code */
ol.code {color: #2AA7DC; font-family: monaco, courier, monospace; list-style-type: none; overflow: auto; padding: .75em 0; margin: 0;}
ol.code li {background-color: #1f1f1f; margin: .25em 0 0 0; padding: .5em;}
ol.code li.source {background-color: #1f1f1f; border-bottom: 1px solid #333; color: #fff; padding: .5em;}
ol.code li code {color: #888;}
ol.code li.cmnt code {}

/* =Photos */
div.center {text-align: center;}
p.photonotes {margin-top: -1em; font-size: 11px; color: #999;}


/* Footer */

#footer {
	font: .8em "Helvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	textalign:right;
	background: #ffffff;
	margin:auto;
	overflow: auto;
	width: 980px;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
}
#footer p {
	font-size: 0.9em;
	line-height: 35px;
	margin: 0 auto;
	text-transform: uppercase;
	letter-spacing:0.1em;
}
#footer p a, #topper p a:link, #topper p a:visited, #topper p a:active {color: #999; padding-right:1.5em;text-decoration: none;font-weight:bold; margin-left: 1em;border-right:1px solid #dddddd;}
#footer p a:hover {color: #999; text-decoration:none;}
p#footerlinks {float: left; padding-left: .5em; text-align: left; width: 70%;}
#footersearch {float: right; padding: .6em 2em 0 0; text-align: right; width: 20%;height:22px;margin-top:0.5em;}

/* Other */
.clear {clear:both;}
.left {text-align: left;} .center {text-align: center;} .right {text-align: right;}
#accessability {display: none;}