/*
Theme Name: ejnord2009
Theme URI: http://ejnord.com/
Description: Check me out at <a href="http://ejnord.com/">ejnord.com</a>
Version: 0.1
Author: Eric Nord
Author URI: http://ejnord.com/
Tags: 

blah...

*/

body {margin:0 0 50px 0; padding:0px; border:0px; color:#000; background-color:#141516; }

a {outline:none; text-decoration:none;}


p {float:left; margin:0; font:12px verdana, helvetica, sans-serif; padding:0 0 10px 0;}
h2 {font:18px arial, verdana, helvetica, san-serif; font-weight:bold; margin:0; padding:0;}

#bg {width:100%; border:0px solid #00ff00; background: url(img/ruler.gif) repeat-x; background-position: top center;}
#contain {border:0px solid #00ffff; width:996px; margin: 0 auto; text-align: left; overflow:hidden; font:12px verdana, helvetica, sans-serif; background-color:#fff;}



#sitename {position:absolute;}
#sitename h1 {border:0px solid #ff0000; display:inline; float:left; width:133px; height:27px; text-indent:-10000px; margin:0; padding:0; border:0px solid #ff0000;}
#sitename h1 a, #head h1 a:hover {padding:38px 0 0 30px; float:left; width:100px; height:40px;  border:0px solid #00ff00;}


/* PAGENAV */

#pages_nav {display:block; width:996px; height:134px; border-bottom:0px solid #00ff00; margin:0; padding:0; background: url(img/header-bg-logo.gif) bottom left no-repeat;}

#pages_nav ul.level1 { border-right:18px solid #141516; float:right; display:inline; list-style: none; padding: 0; margin: 44px 0 10px 0; position: relative;}
#pages_nav ul.level1 li {float:left; display:inline; width:120px; height:53px; }
#pages_nav ul.level1 li a {display: block; color:#fff; outline: none; text-decoration:none; padding:39px 0 0 11px; border-left:1px solid #fff;}
#pages_nav ul.level1 li a:hover {background-position: left bottom; color:#2be1c4; border-left:1px solid #2be1c4;}
#pages_nav ul.level1 li.current a {background-position: left bottom; color:#2be1c4; border-left:1px solid #2be1c4;}
#pages_nav ul.level1 li.currentparent a {background-position: left bottom; color:#2be1c4; border-left:1px solid #2be1c4;}

#pages_nav ul.level2 { background-color:#ccc; display: block; border-bottom:1px solid #2be1c4; height:27px; padding:0 0 0 498px; margin:0; float:left; list-style: none; line-height:19px;}
#pages_nav ul.children  {border-bottom:1px solid #ccc;}
#pages_nav ul.level2 li {float:left; display:inline; margin:0; padding:0; width:120px;}
#pages_nav ul.level2 li a {color:#000; text-decoration:none; font:12px verdana, helvetica, sans-serif; float:left; height:21px; width:107px; margin:0; padding:5px 0 0 11px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#ccc;}
#pages_nav ul.level2 li a:hover {text-decoration:underline;}
#pages_nav ul.level2 li.current a {float:left; height:21px; width:107px; margin:0; padding:5px 0 0 11px; border-left:1px solid #2be1c4; border-right:1px solid #2be1c4; border-top:1px solid #2be1c4; border-bottom:1px solid #fff; background-color:#fff;}




#top {height:14px;}

/* HEADER */

#nav {width:978px; border:0px solid #00ff00; margin:0; padding:0; height:93px; background: url(img/header_bg.gif) repeat-x top;}
#nav h1 {border:0px solid #ff0000; display:inline; float:left; width:133px; height:27px; text-indent:-10000px; margin:0; padding:23px 0 0 0; border:0px solid #ff0000;}
#nav h1 a, #head h1 a:hover {padding:0 0 0 30px; float:left; width:208px; height:29px; background: url(img/logo.gif) no-repeat top center; border:0px solid #ff0000;}

#nav ul { float:right; display:inline; list-style: none; padding: 0; margin: 30px 0 0 0; position: relative;}
#nav li {float:left; display:inline; width:120px; height:53px; }
#nav li a {display: block; color:#fff; outline: none; text-decoration:none; padding:39px 0 0 11px; border-left:1px solid #fff;}
#nav li a:hover {background-position: left bottom; color:#2be1c4; border-left:1px solid #2be1c4;}
#nav li a.on {background-position: left bottom; color:#2be1c4; border-left:1px solid #2be1c4;}

#subnav-left { float:left; width:498px; height:27px; background-color:#ccc; border-bottom:1px solid #2be1c4; }
#subnav {border-bottom:1px solid #ccc; height:27px; margin:0 18px 0 0;}
#subnav1 ul { float:left; display:inline; list-style: none; padding: 0; margin:0; position: relative;}
#subnav1 li {float:left; display:inline; margin:0; padding:5px 0 0 11px;  width:108px; height:22px; border:0px solid #ff0000; }
#subnav1 li a {color:#000; text-decoration:none; font:13px verdana, helvetica, sans-serif;}
#subnav1 li a:hover {text-decoration:underline;}
#subnav1 li#sub_web_on {height:22px; border-left:1px solid #2be1c4; border-right:1px solid #2be1c4; border-top:1px solid #2be1c4;}
#subnav1 li#sub_web_code_on {height:22px; border-left:1px solid #2be1c4; border-right:0px solid #2be1c4; border-top:1px solid #2be1c4;}
#subnav1 li#sub_web_off {height:22px; border-left:1px solid #ccc; border-top:1px solid #ccc; background-color:#ccc;}
#subnav1 li#sub_brand_off {background-color:#ccc; border-bottom:1px solid #2be1c4; border-right:1px solid #ccc;}
#subnav1 li#sub_brand_off_end { width:108px; background-color:#ccc; border-bottom:1px solid #2be1c4;}

#subnav-left { float:left; width:498px; height:27px; background-color:#ccc; border-bottom:1px solid #2be1c4; }


/* SHEET */

/* ADJUST SPACE AT BOTTOM HERE (padding) ! ! ! */
#sheet {float:left; border:0px solid #00ff00; width:996px; background-color:#fff; padding:0 0 22px 0; overflow:hidden; }


#nav-nudge {height:1px; float:left; width:978px; border-right:18px solid #fff; background-color:#ccc;}
#nav-nudge_blog {height:1px; float:left; width:978px; border-right:18px solid #fff; background-color:#2be1c4;}

#target, #target-blog { float:left; display:inline; width:466px; margin:0 0 18px 18px; overflow:hidden;}
#target-blog a {color:#0000ee;}
#target-blog a:hover {text-decoration:underline;}
#target-blog a.blog-title-link {color:#000000; line-height:1.2em;}
#target-blog a.blog-title-link:hover {color:#333; text-decoration:none;}

#crumbs {color:#000; margin:0; height:34px; padding: 10px 0 0 0; border-bottom:0px dotted #000; font:11px verdana, helvetica, sans-serif;}
#crumb-hide {color:#fff;}
#target h2 {float:left; width:464px; padding:0 0 7px 0; margin:1px 0 13px 0; border-bottom:3px solid #2be1c4; line-height:19px;}

#target-blog h2 {float:left; width:466px; padding:0 0 5px 0; margin:0 0 9px 0; border-bottom:3px solid #2be1c4;}

.example1, .example2, .section-example1 {float:left; display:inline; margin:0; padding:0; width:221px; border:0px solid #00ff00; }
.section-example1 a, .example2 a {border:0; width:213px; height:132px;}
.section-example1 a:hover, .example2 a:hover {text-decoration:underline;}
.section-example1_brand {height:169px; width:461px; float:left; margin:0 0 13px 0; padding:0; border:0px solid #ff0000;}
.section-example1_code {height:158px; width:461px; float:left; margin:11px 0 0 121px; border:0px solid #ff0000;}
.example2 {margin:0 0 0 20px;}
.example1 ul, .example2 ul, .section-example1 ul {float:right; text-align:right; list-style: none; padding: 0; margin:6px 3px 10px 0;  font:10px verdana, helvetica, sans-serif; line-height:14px;}

a.thumb-a {float:left; width:213px; height:132px; padding:3px; border:2px solid #aaa; background-color:#fff; margin:0;}
a.thumb-a:hover{border:2px solid #2be1c4;}
img.thumb-single {float:left; width:213px; height:132px; border:0; margin:0; padding:0; background-color:#fff;}
img.thumb-single_brand { margin:0; padding:0;border:0;}


img.thumb {float:left; width:213px; height:132px; background-color:#fff; border:0; margin:0; padding:0;}
img.thumb-other { margin:0; float:left; width:213px; height:132px; background-color:#fff; padding:3px; border:2px solid #aaa;}


.summary {float:left; padding:3px 0 20px 0; margin:0 0 30px 0; display:block; clear:both; overflow:visible;}
.summary-blog {float:left; padding:0 0 20px 0; border-bottom:1px solid #777;}
.summary img, .summary-blog img {float:left; margin:0 0 3px 0; border:0px solid #aeaeae; background-color:#fff;}
.summary-single {float:left; padding:0 0 16px 0; border-bottom:1px solid #777; border-top:1px dotted #bbb;}
.summary p, .summary-blog p { width:464px; padding:0 0 10px 0; margin:0; line-height:19px; }
.summary-single p { width:464px; padding:10px 0 4px 0; line-height:19px; }
.summary-single p a:hover{ text-decoration:underline;}
.entry-foot {float:left; width:466px; height:34px; border-top:1px dotted #000; border-bottom:1px dotted #fff; margin:10px 0 0 0; line-height:31px;}
.entry-date {float:left; display:inline; width:85px; height:30px; line-height:31px;}
.entry-author {float:left; text-align: center; display:inline; width:64px; margin:0 6px 0 6px; padding: 0 6px 0 6px 0; height:30px; border-left:1px dotted #000; border-right:1px dotted #000; line-height:31px;}
.entry-comments {float:right; text-align:right; display:inline; width:216px; height:30px; line-height:31px;}
.date-signed {color:#888;}

#target h3 {float:left; display:block; width:464px; margin:1px 0 0 0; padding: 9px 0 9px 5px; border-top:1px dotted #444; font-size:13px;}
.comment { border:0px solid #ff0000; float:right; padding:7px 0 9px 0; border-top:1px solid #d5d5d5; width:464px; font:11px verdana, helvetica, sans-serif; line-height:19px; }
.comment p { margin:0 0 0 5px; padding:0; line-height:22px; float:left; color:#999; border:0px solid #ff0000; font-size:11px;}
.post {margin:1px 0 1px 0; width:344px; padding:0; float:right; font:12px verdana, helvetica, sans-serif; border:0px solid #ff0000;}
.post p {float:right; width:344px; margin:0; padding:0 0 3px 0; border:0px solid #ff0000; line-height:19px; color:#000; font-size:12px;}
.time { margin:2px 0 0 0; width:140px; float:left; font:12px verdana, helvetica, sans-serif;  color:#999; border:0px solid #ff0000;}


#rtcol, #rtcol_blog {width:360px; display:inline; border:0px solid #ff0000; float:right; padding:71px 39px 0 0;}
#rtcol ul {float:right; width:340px; list-style: none; position: relative;  margin:0; padding:12px 0 0 0; border-top:3px solid #2be1c4;}


#rtcol_blog ul, #rtcol_blog ul.blogroll {float:right; width:340px; list-style: none; position: relative;  margin:0; padding:6px 0 17px 0; border-top:3px solid #2be1c4;}
#rtcol li, #rtcol_blog li { margin:0 0 5px 0;  border:0px solid #ff0000; padding:3px 0 3px 0;}
#rtcol li a, #rtcol_blog li a {height:30px; color:#000; text-decoration:none; font:11px verdana, helvetica, sans-serif; padding:3px 14px 3px 12px; background-color:#d5d5d5;}
#rtcol li a:hover, #rtcol_blog li a:hover {padding-left:9px; text-decoration:none;  border-left:3px solid #2be1c4;}
#rtcol li a#on, #rtcol_blog li a#on{ background-color:#95f0e1; }
#rtcol li a#on:hover, #rtcol_blog li a#on:hover { background-color:#a1f0e3; }

#rtcol_blog ul.blogroll h3 {float:right; text-align:right; display:inline; width:330px; padding:12px 12px 12px 0;}
#rtcol_blog h3 {margin:0; padding:8px 0 10px 0; font:14px arial, verdana, helvetica, san-serif; font-weight:bold; }
#rtcol_blog ul.blogroll li {width:300px; height:14px; float:right; display:block; clear:both; margin:0 0 7px 0; padding:3px 0 3px 0;}
#rtcol li ul.blogroll a, #rtcol_blog ul.blogroll li a {height:14px; float:right; color:#000; text-decoration:none; font:11px verdana, helvetica, sans-serif; padding:3px 11px 4px 12px; background-color:#d5d5d5;}
#rtcol ul.blogroll li a:hover, #rtcol_blog ul.blogroll li a:hover {height:14px; padding-right:8px; text-decoration:none;  border-right:3px solid #2be1c4; border-left:0;}

#foot { float:left; height:45px; width:996px; background: url(img/foot.gif) no-repeat;}

#foot-sub, #foot-sub-index { float:left; margin:0; height:41px; width:996px; background: url(img/foot-sub-03_alt.gif) no-repeat;}
#foot-sub-index {height:400px; background-color:#141516;}

#sub { width:996px; height:70px; margin: 0 auto; padding:0 0 50px 0; color:#555; border:0px solid #ff0000; font:11px verdana, helvetica, sans-serif;}
#sub ul {float:left; width:424px; margin:18px 18px 0 19px; padding:0; list-style: none; line-height:19px;}
#sub a {color:#555;}
#sub a:hover {color:#777;}


	/* comments */

.comments	input	{  font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 2px; margin: 0px; background-color: #FFF;}
.field, .button	{width:480px; float:left; margin: 0; border-top: 1px solid #ccc; padding: 0px 0px 0px 5px;}
.button	{ border:0px solid #0000ff; border-top: 1px solid #ccc; padding: 0px 0px 10px 5px; margin:3px 0 0 0;}
.field	span	{  line-height: 18px; color: #666; padding-top: 2px;}
/* Edit the following for general width */
label	{ border:0px solid #0000ff; float: left; width: 116px; margin: 0px; padding: 9px 0px 8px 0px; font-size: 12px; line-height: 14px; color: #000;}
.field	input	{  width:210px; margin: 5px 10px 5px 0px;}
.button	input		{margin: 8px 15px 5px 0px;}
.field	input#name, .field	input#email, .field input#url	{width: 210px;}
textarea.your-comment	{ border:1px solid #777; clear: none; width: 336px; height: 120px; margin: 5px 0px 5px 0px;}
	
	
/* MAIN */


#subnav-main { float:left; padding:7px 0 0 17px; width:961px; height:20px; background-color:#ccc; border-bottom:0px solid #2be1c4; font:10px verdana, helvetica, sans-serif;  }
	
	
#intro	{float:left; width:978px; margin:0; padding:0; display:inline;}
#intro-p {float:left; margin:0 0 0 32px; border:0px solid #ff0000;}
#slideshow {float:left; display:inline; width:959px; height:483px; margin:0; padding:0 0 0 360px; background: url(http://ejnord.com/img/ejnord_billboard_test.jpg) no-repeat top left;}
#headline h1 { display:block; clear:both; border:0px solid #ff0000; width:580px; height:88px; margin:189px 0 0 0; font:42px georgia, times, helvetica, sans-serif; font-weight:bold; text-indent:-10000px;}
#headline p { float:left; display:inline; padding:3px 18px 7px 0; width:470px; font:14px verdana, helvetica, sans-serif; line-height:24px;}


#recent_wrap {float:left; display:inline; padding:15px 0 0 0; margin:0 0 2px 20px; width:338px; border-top:1px dotted #777;}
.recent, .recent2 {float:left; width:168px;}
.recent2 {float:right; width:170px;}
#recent_wrap h3 {display:block; padding:0; margin:0 0 2px 0; color:#000; font:12px verdana, helvetica, sans-serif; font-weight:bold;}
#recent_wrap ul { float:left; list-style:none; margin:0; padding:0;}
#recent_wrap li { line-height:19px;}
#recent_wrap li a {color:#0253d9; text-decoration:none; font:11px verdana, helvetica, sans-serif;}
#recent_wrap li a:hover {color:#2be1c4; text-decoration:none;}

#gotcha {float:right; display:inline; margin:0 2px 0 10px; padding:20px 0 0 0; width:597px; height:86px; border-top:1px dotted #777;}
#gotcha h4 {margin:0; padding:0; float:left; font:12px verdana, helvetica, sans-serif; font-weight:bold; text-decoration:underline; color:#0250d1;}
#gotcha h4 a {float:left; font:12px verdana, helvetica, sans-serif; font-weight:bold; text-decoration:underline; color:#0250d1;}
#gotcha p {line-height:16px; padding:0; margin:1px 0 1px 0; font-size:11px; }
.green {color:#369e36; font-size:11px verdana, helvetica, sans-serif;; }
.fake-ad, .fake-ad-end {float:left; width:188px; padding:0 14px 0 0;}
.fake-ad h4 {width:190px;}
.fake-ad-end { padding:0;}


/* SECTION */

#sections_wrap	{float:left; display:inline; width:978px; margin:6px 0 20px 0; padding:0; border:0px solid #ff0000; font:10px verdana, helvetica, sans-serif; line-height:15px; overflow:hidden;}
.section01 {float:left; display:inline; width:959px; margin:24px 0 0 18px; padding:0;  border:0px solid #00ff00; overflow:hidden;}
.section01 a {color:#0000dd;}
.section01 a:hover {color:#0000ff;}
.example1-wrap {float:left; margin:0 20px 0 0; border:0px solid #00ff00; }


/* reconcile the following */
#subnav-left-section { float:left; width:498px; height:27px; background-color:#ccc; border-bottom:1px solid #ccc; }
#subnav1 li#sub_brand_off-section {background-color:#ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#subnav1 li#sub_brand_off_end-section { width:108px; background-color:#ccc; border-bottom:1px solid #ccc;}

.section-intro {float:left; width:480px; padding:11px 0 0 0; margin:4px 0 0 0;  border:0px solid #0000ff;}
.section-intro h2 {float:left; width:463px; height:19px; margin:0 0 10px 0; padding:0 0 7px 1px; border-bottom:3px solid #2be1c4; line-height:19px; }
.section-intro h2 a {float:left; color:#000; text-decoration:none; padding:0; margin:0;font:18px arial, verdana, helvetica, san-serif; font-weight:bold;  line-height:19px;}
.section-intro h2 a:hover {color:#2be1c4; }
.section-intro p {float:right; width:344px; margin:0 18px 0 0; font:12px verdana, helvetica, sans-serif; line-height:19px; border:0px solid #0000ff;}


.example-title, .example-info, .example-desc, .example-info-bottom {float:left; padding:2px 0 3px 6px; width:218px; border-bottom:1px dotted #888;}
.example-title { border-bottom:3px solid #2be1c4; color:#000;}
.example-desc {border:0; line-height:17px; padding:2px 0 0 6px;}
.example-info-bottom {border:0;}

.section-headline {float:left; width:440px; margin:18px 0 0 18px; border:0px solid #0000ff;}
.section-headline h1 {padding:6px 0 0 14px;  width:440px; margin:0; font:20px verdana, helvetica, sans-serif; font-weight:bold; color:#2be1c4; line-height:28px; background-color:#141516; }
.section-headline p { border:0px solid #ff0000; padding:0 0 10px 0; margin:8px 0 8px 0; padding:6px 18px 15px 14px; width:360px; font:12px verdana, helvetica, sans-serif; line-height:19px; background-color:#ddd; }

.rtcol2 {float:left; display:inline; width:221px; padding:0; margin:41px 0 18px 0; border-top:3px solid #2be1c4;}
.rtcol2 ul {float:left; width:221px; list-style: none; position: relative;  margin:0; padding:10px 0 0 0;}
.rtcol2 li { margin:0;  margin:0 0 8px 0;  border:0px solid #ff0000; padding:3px 0 3px 0;}
.rtcol2 li a {height:30px; color:#000; text-decoration:none; font:11px verdana, helvetica, sans-serif; padding:3px 14px 3px 12px; background-color:#d5d5d5;}
.rtcol2 li a:hover {padding-left:9px; text-decoration:none;  border-left:3px solid #2be1c4; color:#000}
.rtcol2 li a#on { background-color:#95f0e1; }
.rtcol2 li a#on:hover { background-color:#a1f0e3; }

.other p {float:right; width:344px; margin:0 18px 0 0; font:12px verdana, helvetica, sans-serif; padding:0 0 10px 0; line-height:19px;}

#about img {margin:8px 0 3px 16px;}


/* SUBSECTION */


.subsection-intro {float:left; width:960px; height:34px; padding:14px 0 0 0; margin:1px 0 0 0;  }
.subsection-intro h2 {float:left; width:942px; height:21px; margin:0 0 5px 0; padding:0 0 5px 1px; border-bottom:3px solid #2be1c4; line-height:19px; }
#examples-contain {width:742px; float:right; border:0px solid #ff0000; margin:8px 0 36px 0; overflow:hidden;}
.example2-wrap {float:left; display:inline; margin:0 0 10px 20px; border:0px solid #00ff00; }







#subnav1 li#sub_web_on {height:22px; border-left:1px solid #2be1c4; border-right:1px solid #2be1c4; border-top:1px solid #2be1c4;}
#subnav1 li#sub_web_code_on {height:22px; border-left:1px solid #2be1c4; border-right:0px solid #2be1c4; border-top:1px solid #2be1c4;}
#subnav1 li#sub_web_off {height:22px; border-left:1px solid #ccc; border-top:1px solid #ccc; background-color:#ccc;}
#subnav1 li#sub_brand_off {background-color:#ccc; border-bottom:1px solid #2be1c4; border-right:1px solid #ccc;}
#subnav1 li#sub_brand_off_end { width:108px; background-color:#ccc; border-bottom:1px solid #2be1c4;}