/************************************************************************
  NWI Creative.org Styles
************************************************************************/

/************************************************************************
  Global 
************************************************************************/
/* Resets and Clears */
* {margin: 0; padding: 0;}
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
.clearer { clear:both; margin:0; line-height:0; padding:0; }
/* ie6 */
#ie6 {background: red; color: white; text-align: center; font-weight: bold;}

body { width:1024px; }

/* Basic Tag Elements */
a { text-decoration:none; outline:none; color: #BF911E;  }
a:hover {  }
img { border:0; vertical-align: middle; }
a img {border: 0; outline: 0; background: none;}
body { color:#333; margin:0 auto; font-size:14px; padding:0; }
h1 a,h2 a,h3 a,h4 a,h5 a { color:#333; }
textarea { width:97%; }

/* Home Page */
.ind-post h1 {width: 60%; margin-bottom: 20px;}
.metahome,.metahomesmall {font-size:11px; color:#BF911E;font-style:italic; width: 30%; float: right; text-align: right; margin: 10px 20px 20px 0;  }

.metahomesmall .date { margin-bottom:5px; color:#333; font-style: normal; font-size:11px; }

#homepagesmall {font-size: 12px;}
.twopost h1#homepagesmall { font-size:20px; margin-top:5px; font-weight:normal;  color:#333; float: left; max-width: 55%; width: 55%; }
.twopost .storycontent p a {white-space: nowrap;}


/* Fontage */
#navigation ul a, #navigation ul li:last-child a, .side-widget h2, .date, #sub-navigation p.rsslink a, #footer, #wpu-profile h2 { font-family:Futura, "Century Gothic", AppleGothic, sans-serif;}

#leftcontent .post h1,#leftcontent .ind-post h1,#leftcontent .twopost h1,#leftcontent .threepost h1, #title a, #description, #leftcontent h1.catheader { font-family: Goudy, Baskerville, Times New Roman, Times, serif;}

#leftcontent .post p, #leftcontent .meta, .storycontent p, #leftcontent .date, .posts p, #wpu-profile p, .wpu-user, .wpu-id, #respond p, #widget_login label, #searchform, .side-widget ul li, div.wpcf7, #leftcontent .post .entry ul li, #wpu-profile h2, #wpu-profile h3, #wpu-profile ul li, ol.commentlist li div.reply a, .metahome, .metahomesmall, .dig-in a, table.tec-calendar, table.tec-calendar a, .pages p {font-family: Helvetica, sans-serif;}

/* Header Elements */
#header { background:#333; float:left; width:100%;  }
#headerad { margin:10px 0; display: block; clear: both; float: left;  }
#login { height:16px; font-size:12px; color:#fff; text-align:right; padding:7px 10px 9px; background:url(images/login.png) repeat-x; }
#login a { color:#fff; }
#login ul { padding:0; margin:0; }
#login ul li { display:inline; }
.dot:before { content:url(images/whitedot.png) " "; }
#title { font-size:48px; margin:40px 0 0 20px; padding:0; line-height:34px; }
#title a { color:#222; color: #fff; }
#title a:hover { color:#f0f0f0; text-decoration:none; }
#description { font-size:15px; margin:10px 0 0 20px; padding:0;clear:left; float:left; color: #fff;}

/* Primary Navigation */
#navigation { clear:left; float:left; width:100%; z-index:100; position:relative; margin-top:20px;border-top:1px solid #333;border-bottom:1px solid #333; background: #fff;  }
#navigation ul * { margin:0; padding:0; }
#navigation ul { padding:0; margin:0 0 0 5px; }
#navigation ul li { position:relative; list-style-type:none; float:left; padding:0; margin:0; position:relative; }
#navigation ul a { display:block; color:#333; border-right:1px solid #333; padding:10px 15px; margin: 0 0 5px 0; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-family:Futura, "Century Gothic", AppleGothic, sans-serif;   }
#navigation ul li:last-child a { display:block; color:#333; border-right:0; padding:10px 15px; margin: 0 0 5px 0;font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
#navigation ul li:last-child a:hover { display:block; color:#BF911E; border-right:0; padding:10px 15px; margin: 0 0 5px 0;font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}

#navigation ul .current-cat a, #navigation ul li.cat-item a.active_category { display:block; color:#fff; background: #333; border-right:1px solid #333; padding:10px 15px; margin: 0 0 5px 0; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
#navigation li.current-cat:last-child a{ color:#fff; }
#navigation ul a:hover { color:#BF911E; text-decoration:none; }
#navigation ul li:hover ul { display:block; z-index:1000; }
#navigation ul li:hover ul ul { display:none; }
#navigation ul ul { position:absolute; top:24px; left:0; background:#d1d1d1; display:none; list-style:none; }
#navigation ul ul li { position:relative; border:1px solid #aaa; width:159px; margin:0; }
#navigation ul ul li a { display:block; padding:0 7px 0 12px; color:#555; background-color:#d1d1d1; border-right:0; font-size:12px; }
#navigation ul ul li a:hover { background-color:#c5c5c5; }
#navigation ul ul li:hover ul { display:block; }
#navigation ul ul ul { left:159px; top:-1px; display:none; }
#navigation .date { background:none; float: right; padding: 15px 20px 0 0; font-size: 12px; }

/* Sub Navigation */
#sub-navigation { clear:both; float:right; z-index:50; position:relative; margin: 0 20px 5px 0; display:block; height: 20px;}
#sub-navigation p.rsslink a{ float:right; display:block; border: 0; color: #333; font-size: 11px; padding: 5px 0 0 0; margin: 0 10px; }
#sub-navigation p.rsslink a.register { float:right;  display:block; border: 0; color: #333; font-size: 11px; padding: 5px 0 0 0; }

/* Main Elements - Wrappers */
#mainwrapper { float:left; width:100%; padding:10px 0; margin:10px 0 10px 0;  background:#fff url(images/body_bg.gif) repeat-y; }
#sidebar { float:left; margin:0; padding:5px 0 0 20px; border-left: 1px solid #333; min-height: 500px; width: 250px;}


/************************************************************************
  Sidebar - Global
************************************************************************/
#secondsidebar { float:left; margin:0 10px; padding:5px 0 0; }
#secondsidebar { width:250px; }
#secondsidebar .side-widget { width:160px; }
.side { line-height:20px; font-size:18px; margin-bottom:0; }
.side-widget ul li a {color:#BF911E; text-align: right;}
.side-widget { float:left; margin:0 0 10px; padding:0 0 15px 0; width:250px; }
.side-widget ul { padding:0; margin:0; list-style-type:none; }
.side-widget ul li { padding:0; margin:0; font-size:11px; }
.side-widget ul li { padding-left:15px; margin:2px 0; }
.side-widget h2 { font-weight: normal; font-size:14px; background: #333; color: #fff; padding: 8px 0 0 5px; margin: 0 0 15px 0; text-align:left; width: 245px; font-family:Futura, "Century Gothic", AppleGothic, sans-serif; }
.side-widget .storycontent { border-bottom:1px solid #ddd; }
.side-widget .noline { border-bottom:0; }
/* Search and Login Forms */
#widget_login input[type="text"], #widget_login input[type="password"], #searchform input[type="text"] {border:1px solid #AAA; padding: 5px; width: 237px; color: #BF911E; font-weight: bold; }
#widget_login input:focus[type="text"], #widget_login input:focus[type="password"], #searchform input:focus[type="text"] {border:1px solid #BF911E; }
#widget_login input[type="submit"] {background: #333; color: #fff; padding: 5px; border: 0; width: 100px; text-align: center; float: right;}
#widget_login input:focus[type="submit"] {background: #BF911E; color: #fff; padding: 5px; border: 0; width: 100px; text-align: center; float: right;}
#widget_login {margin: 0 0 20px 0; display: block; clear: both;}
#widget_login label {font-size: 11px;}
#forgotpassword {margin: 10px 0 0 0; display: block;}

ul#recentcomments li {display:block; margin: 0 0 10px 0;}
ul#recentcomments li a {display:block; clear:both;}

.dig-in a {background: #BF911E; color: #fff; padding: 5px; border: 0; text-align: center; float: right; font-size: 12px; margin: 10px 0 0 0; }
ul.upcoming .when {font-size: 14px; font-weight: bold;}
ul.upcoming .event {font-size: 12px; font-weight: bold;}

ul.upcoming li {margin: 10px 0; border-bottom: 1px dashed #ccc; padding: 10px 0 0 15px;}

.more-link {display: block; margin: 5px 0 0 0; text-align: left;}

/************************************************************************
  Body Content 
************************************************************************/
.posts { border-bottom:1px solid #ccc; margin-bottom:10px; float:left; width:100%; }
.posts h2 { margin:10px 0 0;  float: left; width: 50%;}
.posts img { margin:10px 10px 10px 0; float:left; }
.readmore { color:#fff; background: #BF911E;  padding: 2px; margin: 0 0 0 10px; }
.readmore:focus { color:#fff; background: #333;  padding: 2px; margin: 0 0 0 10px; }
#footer { clear:both; float:left; width:100%; padding:10px 0; text-align:left; font-size:11px; border-top:1px solid #333;  }
#footer #footleft {float: left;}
#footer #footright {float: right;}

/* Author Info */
#authorContent {margin: 20px 0; background: #f6f6f6; border-bottom: 1px solid #CCCCCC; padding: 20px; display: block; clear: both;}
#authorContent img {float: left; margin: 0 20px 20px 0; padding: 5px; background: #fff; border: 1px solid #CCCCCC;}
#authorContent h2 {font-size: 22px; margin: 0 0 10px 0;}
#authorContent p {font-size: 13px;}

/* Left Content Elements */
#leftcontent { float:left; margin:0 20px; padding:0; }
#leftcontent h5 { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; margin-bottom:5px; font-size:14px; }
#leftcontent h1 { margin:0; padding:0; font-size:24px; line-height:26px; }
/* Post Pages H's */
#leftcontent .entry h2, #leftcontent .entry h3 ,#leftcontent .entry h4 { padding:0; font-size:24px; line-height:26px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; font-weight: normal; color:#BF911E; }
/* Category Page H's */
#leftcontent .posts h2, #leftcontent .posts h3 ,#leftcontent .posts h4 { padding:0; font-size:24px; line-height:26px;  font-weight: normal; color:#BF911E; }

#leftcontent h1.catheader {font-size:36px; line-height:26px; color:#BF911E; font-weight: normal;line-height:38px;  }
#leftcontent .post h1,#leftcontent .ind-post h1, #leftcontent .threepost h1, .entry-title { margin-top:5px; font-size:36px; font-weight:normal; line-height:38px; color:#333; float: left; max-width: 65%; width: 65%; }
#leftcontent .threepost h1 { font-size:20px; line-height:22px; }
#leftcontent .postmetadata { clear:both; line-height:14px; }
#leftcontent .post .entry { width: 90%; }
.storycontent, .entry, .pages {clear: both;margin:1.33em 0 0 0; }
/* Paragraphs */
#leftcontent .post .entry p a { color:#fff; background-color: #BF911E;  padding: 2px;  }
#leftcontent .post .entry p a:hover { color:#fff; background-color: #333;  padding: 2px;  }
#leftcontent p a img { background: none !important; padding: 0 !important; margin: -6px;    }

#leftcontent .post .entry p, .storycontent p, .posts p, .pages p { font-size:0.90em; line-height:1.6em; margin-bottom:1.33em;  }
#leftcontent .post .entry ul { margin: 0 0 20px 40px; display: block;}
#leftcontent .post .entry ul li {font-size:0.9em; line-height:1.6em;}
#leftcontent .date { margin-bottom:5px; color:#333; font-style: normal; font-size:11px; }
#leftcontent .meta{ font-size:11px; color:#BF911E;font-style:italic; width: 30%; float: right; text-align: right; margin: 10px 20px 0 0;  }
.posts p{ margin: 10px 0;}
.catdesc {border-bottom:1px solid #CCCCCC;}
#leftcontent,#twocol,#threecol,#threecol2,.commentlist { width:710px; }
#leftcontent img { max-width:797px; }
#leftcontent p.sub { font-size:24px; line-height:26px; font-weight:bold; font-style:italic; margin:10px 0 0; }
#leftcontent blockquote, #leftcontent .catdesc {  line-height:1.6em; margin-bottom:1.33em; border-left: 4px solid #ccc; padding: 0 0 0 15px; margin: 0 0 1.33em 20px; }
#leftcontent blockquote p { font-size:0.90em; }
.more-link { font-size:11px; text-align:right; color:#cc0000; }
.tags a { color:#cc0000; }
.ind-post,.post { float:left; border-bottom:1px solid #aaa; margin-bottom:10px; padding-bottom:10px; width:100%; }
.ind-post img { margin:0 10px 5px 0; }
#twocol { float:left; margin-bottom:3px; padding:10px 0 0; background:url(images/line.png) repeat-y 50% 0; }
#twocol img { margin:0 8px 5px 0; }
#twocol hr.two { height:0; border:0; clear:both; border-bottom:1px solid #aaa; }
.mainhr { float:left; background:#aaa; clear:both; width:100%; height:1px; border:0; }
.twopost { width:46%; float:left;  }
.twopost2,.twopost4 { margin-left:7.5%; }
.twopost3,.twopost4 { border-top:1px solid #aaa; padding-top:5px; }
.twopost1,.twopost3 { clear:left; }
#threecol { float:left; background:url(images/line.png) repeat-y 31.5% 0; margin-top:3px; }
#threecol2 { float:left; padding:0; background:url(images/line.png) repeat-y 67% 0; }
#threecol img { margin:0 5px 5px 0; }
.threepost { width:29%; float:left; border-top:1px solid #aaa; padding:10px 0 10px 0; }
.threepost2,.threepost5 { padding:10px 0 0; margin:0 6%; }
.threepost1,.threepost2,.threepost3 { border-top:0; }
.threepost1,.threepost4 { clear:left; }

/* Comment Elements */
#respond {border-top: 1px solid #333; padding: 20px 0 0 0; margin: 20px 0 0 0;}
h3#comments { text-transform:none; padding-bottom:5px; }
#postcomments { padding-top:20px; }
h4#comments,#respond h3 { color:#333; font:normal 240% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em; }
#respond p { font-size:11px; margin:0 0 1em; }
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border-bottom:1px solid #d5d5d5;  margin:0 0 20px 0; padding:5px 7px 20px 64px; position:relative; display: block; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size:14px; line-height:16px; font-family:helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size:11px; }
ol.commentlist li div.vcard cite.fn a.url,.cancel-comment-reply a { color:#BF911E; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover,.cancel-comment-reply a:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background:#fff; border:1px solid #aaa; padding:5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size:10px; line-height:16px; font-family:helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size:12px; line-height:16px; font-family:helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size:12px; line-height:16px; font-family:helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply {  }
ol.commentlist li div.reply a:hover { background:#333; color:#fff; }
ol.commentlist li div.reply a:focus { background:#BF911E; color:#fff; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; background:#333; color:#fff; font-size:11px; padding:6px 5px 4px; text-align:center; width:50px; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
.commentnumber { position:absolute; left:7px; bottom:3px; font-size:14px; color:#ccc; }
#commentform input[type="submit"] {background: #333; color: #fff; padding: 5px; border: 0; width: 100px; text-align: center; }


/* Buttons */
#commentform input:focus[type="submit"] {background: #BF911E; color: #fff; padding: 5px; border: 0; width: 100px; text-align: center; }


/* WordPress Required Elements */
.aligncenter,div.aligncenter { display:block; margin:5px auto; }
.alignleft,div.alignleft { float:left; margin:5px 15px 5px 0; }
.alignright,div.alignright { float:right; margin:5px 0 5px 15px; }
.alignnone { margin:5px 0; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:0; }

/************************************************************************
  User Profiles 
************************************************************************/
#wpu-profile h2, #wpu-profile h3 {margin: 20px 0 20px 0; color: #333;}
#wpu-profile ul {margin: 0 0 0 20px;}
#wpu-profile ul li {margin: 0 0 0 10px;}
.wpu-user {margin:1.33em 0; border-bottom: 1px solid #333; padding:0 0 1.33em 0; }
#wpu-profile p, .wpu-user { font-size:0.90em; margin: 0 0 5px 0; line-height:1.6em; }

/************************************************************************
  Contact Form 
************************************************************************/
div.wpcf7 { margin:0; padding:0; }
div.wpcf7 p { margin: 15px 0; }
div.wpcf7 p span{ margin: 5px 0 0 0; display: block; }
.wpcf7 input[type="text"] {border:1px solid #AAA; padding: 5px; width: 237px; color: #BF911E; font-weight: bold; margin: 0 0 15px 0; }
.wpcf7 input:focus[type="text"]{border:1px solid #BF911E; }
.wpcf7 textarea {border:1px solid #AAA; padding: 5px; width: 500px; color: #BF911E; font-weight: bold; margin: 0 0 15px 0; }
.wpcf7 input[type="submit"] {background: #333; color: #fff; padding: 5px; border: 0; width: 100px; text-align: center; }
div.wpcf7-response-output { margin:2em .5em 1em; padding:2em 1em;  }
div.wpcf7-mail-sent-ok { border:2px solid #398f14; color: #398f14; }
div.wpcf7-mail-sent-ng { color:#fff;  }
div.wpcf7-spam-blocked {  }
div.wpcf7-validation-errors { color: #ff0000; font-weight: bold; }
span.wpcf7-form-control-wrap { position:relative; }
span.wpcf7-not-valid-tip { position:absolute; top:20%; left:20%; z-index:100; background:#ff0000;  font-size:10pt; width:280px; padding:2px; color: #fff; text-align: left; }
span.wpcf7-not-valid-tip-no-ajax { color:#f00; font-size:10pt; display:block; }
span.wpcf7-list-item { margin-left:.5em; }
.wpcf7-display-none { display:none; }
img.ajax-loader { border:none; vertical-align:middle; }

span.wpcf7-not-valid-tip { left:auto; right:20%; direction:rtl; }
span.wpcf7-not-valid-tip-no-ajax { direction:rtl; }
span.wpcf7-list-item { margin-left:0; margin-right:.5em; }
/************************************************************************
  Contact Form 
************************************************************************/

.social_bookmark {padding:50px 0 0 0; display:block; margin: 0 auto; text-align:center; width: 100%; }
.social_img { padding:1px; }