@import "/wp-content/themes/nec2008/reset.css";
@import "/wp-content/themes/nec2008/text.css";

/* */

html, body {
	width: 100%;
	height: 100%;
	background: #131314 url(/wp-content/themes/nec2008/images/bg_body.gif) top left repeat-y;
}

br.clear {
	height: 0;
	overflow:hidden;
	display:block;
	width :100%;
	float: none;
	clear: both;
}

/* categories */

.javascript h2, li.javascript { border-left-color: #bc1212; }
.css h2, li.css { border-left-color: #6bc213; }
.html h2, li.html { border-left-color: #1382be; }
.seo h2, li.seo { border-left-color: #be13a0; }
.cr2 h2, li.photography { border-left-color: #6c6c6c; }
.ego h2, li.ego { border-left-color: #d1ce0e; }


div#Content.posts h1.css { background: #6bc213 url(/wp-content/themes/nec2008/images/h1_css.jpg); }
div#Content.posts h1.html { background: #1382be url(/wp-content/themes/nec2008/images/h1_html.jpg); }
div#Content.posts h1.javascript { background: #bc1212 url(/wp-content/themes/nec2008/images/h1_javascript.jpg); }
div#Content.posts h1.seo { background: #be13a0 url(/wp-content/themes/nec2008/images/h1_seo.jpg); }
div#Content.posts h1.photography { background: #6c6c6c url(/wp-content/themes/nec2008/images/h1_cr2.jpg); }
div#Content.posts h1.ego { background: #6c6c6c url(/wp-content/themes/nec2008/images/h1_ego.jpg); }

div#Content.posts h1.tag { background: #c4c3c3 url(/wp-content/themes/nec2008/images/h1_tag.jpg); }
div#Content.posts h1.archives { background: #c4c3c3 url(/wp-content/themes/nec2008/images/h1_archives.jpg); }
div#Content.posts h1.search { background: #c4c3c3 url(/wp-content/themes/nec2008/images/h1_search.jpg); }
div#Content.posts h1.page { background: #c4c3c3 url(/wp-content/themes/nec2008/images/h1_page.jpg); }
div#Content.posts h1.error { background: #c4c3c3 url(/wp-content/themes/nec2008/images/h1_error.jpg); }
div#Content.posts h1#Plurker { background: #131314 url(/wp-content/themes/nec2008/images/h1_plurker.jpg); }

div#Categories ul li.css { background-position: -84px 0px; }
div#Categories ul li.html { background-position: -84px -42px; }
div#Categories ul li.javascript { background-position: -42px 0px; }
div#Categories ul li.seo { background-position: 0px -42px; }
div#Categories ul li.photography { background-position: -42px -42px; }
div#Categories ul li.ego { background-position: 0px 0px; }

h1 { height: 0px; overflow: hidden; margin: 0; }
h4 { margin: 64px 0 0 16px; }

div#Wrapper {
	width: 1004px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	z-index: 10;
}

div#Footer {
	position: relative;
	/*bottom: 0;
	margin-top: -0px;
*/	
height: 80px;
	width: 100%;
	background: #0b0b0b;
	z-index: 1;
}
div#Footer span {
	padding-left: 110px;
}
div#Footer a.center {
	display: block;
	width: 165px;
	padding: 174px 0 0 0;
	height: 0 !important;
	height /**/: 174px;
	overflow: hidden;
	position: absolute;
	background: url(/wp-content/themes/nec2008/images/bg_footer.gif) top left no-repeat;
	top: -121px;
	left: 351px;
}


div#Content {
	width: 568px;
	float: right;
	position: relative;
	z-index: 10;
	margin-bottom: 112px;
}

div#Content.post,
div#Content.index {
	padding-top: 64px;
}

div.post {
	margin-bottom: 48px;
	position: relative;

}

div.post img {
	margin: 0px 12px 0 12px;
	padding: 2px;
	border: 1px solid #767676;
}

div.post img.alignleft {
	margin: 3px 12px 0 0 ;
	float: left;
}
div.post img.alignright {
	margin: 3px 0 0 12px;
	float: right;
}

div.post a img.noborder,
div.post img.noborder {
	border: none;
}

div#Content.posts {
	padding-top: 212px;
}

div#Content.posts h1 {
	padding: 94px 32px 0 73px;
	border: none;
	position: absolute;
	top:0;
	height: 68px;
	width: 462px;
	overflow: hidden;
	margin: 0;
}

div#Content.posts h1 sup,
div#Content.posts h1 sub {
	position: absolute;
}

div#Content.posts h1 sup { margin: -8px 0 0 -27px; }
div#Content.posts h1 sub { margin: 19px 0 0 -3px; }

div#Content.posts h1 strong {
	display: none;
}

div#SubContent {
	position: relative;
	z-index: 10;
	width: 395px;
	float: left;
	background: url(/wp-content/themes/nec2008/images/bg_logo.jpg) top left no-repeat;
	min-height: 233px;
	padding-top: 530px;
	padding-left: 32px;
	margin-bottom: 112px;
}

* html div#SubContent {
	top: -21px;
}

div#SubContent h3 {
	border-bottom: 1px solid #2d2d2d;
	padding-bottom: 2px;
}

div#Content h2,
div#Content h1 {
	padding-left: 12px;
	padding-bottom: 18px;
	border-left-width: 4px;
	border-left-style: solid;
	margin-bottom: 32px;
}

small.post-date {
	position: relative;
	margin: -48px 0 32px 16px;
	display: block;
	top: auto;
}

p {
	margin: 0 16px 23px 16px;
}

span.tags {
	margin: 0 16px 23px 16px;
}

div#Content blockquote {
	margin: 0 16px 23px 16px;
	height: auto !important;
	height: 50px;
	min-height: 50px;

	padding-left: 73px;
	background: url(/wp-content/themes/nec2008/images/bg_quotation.gif) top left no-repeat;
}

div#Content h3 {
	margin: 0 0 23px 16px;
}

div#Content ul {
	margin: 0 0 23px 32px;
	list-style-type: square;
}

div#Content ul li {
	padding-bottom: 8px;
}

div#SubContent div.box {
	float:left;
	width: 180px;
	margin-right: 16px;
}

div#SubContent ul {
	padding: 14px 0 32px 0;
}

div#SubContent ul li {
	line-height: 14px;
	margin-bottom: 14px;
	padding-left: 8px;
}

div#Recent ul li {
	border-left-width: 4px;
	border-left-style: solid;
}

div#Recent ul li img {
	max-width: 128px;
}
div#Reading ul li span {
	display: block;
	margin: 8px 0 0 0;
	width: 121px;
	padding-bottom: 16px;
}

div#SubContent div#Categories {
	position: absolute;
	top: 361px;
	left: 150px;
	width: 128px;
	height: 80px;
	padding: 0 0 0 128px;
	margin: 0;
}

div#SubContent div#Categories ul {
	display: block;
	width: 128px;
	height: 80px;
	margin: 0;
	padding: 0;

}

div#Categories ul li {
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	float: right;
	padding: 0;
	margin: 0 10px 10px 0;
	background-image: url(/wp-content/themes/nec2008/images/bg_cat.jpg);
	background-repeat: no-repeat;
}

div#Categories ul li a {
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	color: #fff;
	font-size: 11px;
	text-indent: 2px;
	line-height: 48px;
	text-transform: lowercase;
}

div#Categories ul li {}

div#Categories h3 {
	display: none;
}

div#SubContent div#Flickr {
	width: 376px;
}

div#SubContent div#Flickr ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 2px;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: 1px solid #767676;

}
div#SubContent div#Flickr ul li a {
	display: block;
	width: 75px;
	height: 75px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

ol.comments {
	margin-left: 16px;
	margin-top: 32px;
}

ol.comments li {
	width: 536px;
	background: #313134 url(/wp-content/themes/nec2008/images/bg_comment.gif) top left no-repeat;
	padding-bottom: 16px;
	margin-bottom: 24px;
	position: relative;
}

ol.comments li.admin {

	background: #47474c url(/wp-content/themes/nec2008/images/bg_commentadmin.gif) top left no-repeat;
}

ol.comments li p {
	margin-top: 16px;
	margin-bottom: 0;

}


ol.comments li span.name {
	display: block;
}

ol.comments li span.name,
ol.comments li small {
	padding-left: 48px;
}

ol.comments li img.avatar {
	position: absolute;
	top: -5px;
	right: 2px;
}

ol.comments li img.avatar-default { display: none; }

fieldset.comment {
	background:#232324;
	margin-left: 16px;
	margin-top: 32px;
	width: 536px;
	font-size: 11px;
	padding: 16px 0;
}

fieldset.comment label {
	font-weight: bold;
	display: block;
	width: 200px;
	text-align: right;
	float: left;
	clear:left;
	margin: 0 8px 8px 0;
}

fieldset.comment input.text,
fieldset.comment textarea {
	display: block;
	float: left;
	clear: right;
	margin: 0 0 8px 0;
	padding: 2px 4px;
	width: 300px;
	background: #47474c;
	border: none;
	color: #dedede;
}

fieldset.comment textarea {
	height: 150px;
}

fieldset.comment h4 { margin: 0px 0 8px 16px; }



fieldset.comment input.submit {
	margin: 8px 0 0 208px;
	border: 0;

}

div.wp_syntax {
	width: 536px;
	margin: 16px;
}



 .wp_syntax {
  color: #100;
  background-color: #dedede;
  margin: 0 0 32px 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 8px 16px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;

}

* html div#Wrapper {  width: 1024px; }


fieldset#Search {
	width: 406px;
	height: 55px;
	display: block;
	background: #000 url(/wp-content/themes/nec2008/images/bg_search.gif) top left no-repeat;
	position: absolute;
	top: 459px;
	left: 0;
}
fieldset#Search legend { display: none; }

fieldset#Search input.text {
	width: 242px;
	height: 21px;
	background: #393a3c;
	color: #dedede;
	border: none;
	padding: 0;
	position: absolute;
	top: 14px;
	left: 112px;
	line-height: 20px;


}
fieldset#Search input.submit {
	width: 32px;
	height: 21px;
	background: #2c2d2f;
	color: #a5a5a5;
	border: none;
	position: absolute;
	top: 14px;
	left: 364px;

}

a#Index {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	overflow: hidden;
	width: 396px;
	padding: 270px 0 0 0;
	height: 0 !important;
	height /**/: 270px;
}

div#Plurk {
background:#2D2D2F none repeat scroll 0% 0%;
font-size:11px;
height:32px;
left:60px;
padding:0 0 0 10px;
position:absolute;
top:319px;
width: auto !important;
width:200px;
min-width:200px;
line-height:14px;
max-width:326px;
}

a#plurkLink {
background:#3A3A3C none repeat scroll 0% 0%;
color:#A5A5A5;
display:block;
float:left;
font-family:verdana,sans-serif;
font-size:10px;
height:32px;
left:18px;
line-height:48px;
margin-right:5px;
overflow:hidden;
position:absolute;
top:319px;
width:32px;
}
a#plurkLink:hover {
text-decoration: none;
}


div#PlurkerIntro {
	width: 213px;
	height: 228px;
	padding: 32px 323px 0 16px;
	background: url(/wp-content/themes/nec2008/images/plurker_intro.jpg) top left no-repeat;
}

div#PlurkerDownload {
	width: 213px;
	height: 178px;
	padding: 32px 323px 0 16px;
	position: relative;
}
div#PlurkerBadge {
	position: absolute;
	width: 217px;
	right: 40px;
	top: 32px;
}

div#PlurkerPost a {
	color: #bc1212;
}