/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

end of global reset

************************************************************************************************************************************************************ */






/* HACKING etc ++++++++++++++++++++++++++++++++++ */

.clearBoth {
clear: both;
}

hr {
clear: both;
}



/* little typography ++++++++++++++++++++++++++++++++++ */

.serif {
font-family: "Georgia", Times, serif;
font-size: 1.1em;
}

.timestamp {
font-size: .9em;
margin-top: -1em;
}


/* headings ++++++++++++++++++++++++++++++++++ */

h1, h2, h3 {
margin: 0 0 1em 0;
clear: both;
color: #fff;
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: normal;
line-height: 1.2em;
}

h1 {
font-size: 2.4em;
font-weight: normal;
}

h2 {
font-size: 1.8em;
font-weight: normal;
margin-top: 2em;
}

h3 {
font-size: 1.5em;
font-weight: normal;
margin-top: 2em;
}


/* layout etc ++++++++++++++++++++++++++++++++++ */
html {
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
/*
background-image: url(../furniture/theme_dark/glows.jpg);
background-image: url(../furniture/theme_dark/feathers.jpg);
*/
background-image: url(../furniture/theme_dark/background_rough.jpg);

background-position: right top;
background-repeat: repeat-y;
background-color: #171612;
text-align: center;
font-family: Arial, Verdana, sans-serif;
font-size: 62.5%;
color: #999;
}





body.snow-grab-1 {
background: url(../furniture/snow_grabs/snow_grabs_1.jpg) right top no-repeat white;
}

body.snow-grab-2 {
background: url(../furniture/snow_grabs/snow_grabs_2.jpg) right top no-repeat white;
}

body.snow-grab-3 {
background: url(../furniture/snow_grabs/snow_grabs_3.jpg) right top no-repeat white;
}

body.snow-grab-4 {
background: url(../furniture/snow_grabs/snow_grabs_4.jpg) right top no-repeat white;
}

body.snow-grab-5 {
background: url(../furniture/snow_grabs/snow_grabs_5.jpg) right top no-repeat white;
}

body.snow-grab-6 {
background: url(../furniture/snow_grabs/snow_grabs_6.jpg) right top no-repeat white;
}

body.leaf-grab-1 {
background: url(../furniture/leaf_grabs/leaf_grabs_1.jpg) right top no-repeat white;
}

body.leaf-grab-2 {
background: url(../furniture/leaf_grabs/leaf_grabs_2.jpg) right top no-repeat white;
}

body.leaf-grab-3 {
background: url(../furniture/leaf_grabs/leaf_grabs_3.jpg) right top no-repeat white;
}

body.leaf-grab-4 {
background: url(../furniture/leaf_grabs/leaf_grabs_4.jpg) right top no-repeat white;
}

body.leaf-grab-5 {
background: url(../furniture/leaf_grabs/leaf_grabs_5.jpg) right top no-repeat white;
}

body.leaf-grab-6 {
background: url(../furniture/leaf_grabs/leaf_grabs_6.jpg) right top no-repeat white;
}

body.leaf-grab-7 {
background: url(../furniture/leaf_grabs/leaf_grabs_7.jpg) right top no-repeat white;
}

body.leaf-grab-8 {
background: url(../furniture/leaf_grabs/leaf_grabs_8.jpg) right top no-repeat white;
}

body.leaf-grab-9 {
background: url(../furniture/leaf_grabs/leaf_grabs_9.jpg) right top no-repeat white;
}

body.leaf-grab-10 {
background: url(../furniture/leaf_grabs/leaf_grabs_10.jpg) right top no-repeat white;
}

body.leaf-grab-11 {
background: url(../furniture/leaf_grabs/leaf_grabs_11.jpg) right top no-repeat white;
}

body.leaf-grab-12 {
background: url(../furniture/leaf_grabs/leaf_grabs_12.jpg) right top no-repeat white;
}

body.leaf-grab-13 {
background: url(../furniture/leaf_grabs/leaf_grabs_13.jpg) right top no-repeat white;
}

body.leaf-grab-14 {
background: url(../furniture/leaf_grabs/leaf_grabs_14.jpg) right top no-repeat white;
}

body.leaf-grab-15 {
background: url(../furniture/leaf_grabs/leaf_grabs_15.jpg) right top no-repeat white;
}

body.leaf-grab-16 {
background: url(../furniture/leaf_grabs/leaf_grabs_16.jpg) right top no-repeat white;
}

body.leaf-grab-17 {
background: url(../furniture/leaf_grabs/leaf_grabs_17.jpg) right top no-repeat white;
}






#banner-area {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}


body.spring-grab-5 #banner-area {
background: url(../furniture/bird_grabs/bird_grab_5.jpg) right top no-repeat transparent;
}

body.spring-grab-1 #banner-area {
background: url(../furniture/bird_grabs/bird_grab_1.jpg) right top no-repeat transparent;
}

body.spring-grab-2 #banner-area {
background: url(../furniture/bird_grabs/bird_grab_2.jpg) right top no-repeat transparent;
}

body.spring-grab-3 #banner-area {
background: url(../furniture/bird_grabs/bird_grab_3.jpg) right top no-repeat transparent;
}

body.spring-grab-4 #banner-area {
background: url(../furniture/bird_grabs/bird_grab_4.jpg) right top no-repeat transparent;
}





#wrapper {
width: 950px;
text-align: left;
margin: 0 auto 0 0;
z-index: 2;
position: relative;
padding-top: 300px;
padding-bottom: 100px;
padding-left: 80px;
background: url(../furniture/theme_dark/edge.gif) left bottom repeat-y transparent;
}




#logo-3dmc {
position: absolute;
left: 80px;
top: 45px;
}


#main-area {
padding-bottom: 3em;
padding-top: 40px;
border-top: 1px solid #333;
}




#logo-3dmc a {
display: block;
background-image: url(../furniture/logo_3dmc.png);
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
width: 262px;
height: 0;
overflow: hidden;
text-indent: -5000px;
padding: 0 0 45px 0;
}

* html #logo-3dmc a {
background-image: url(../furniture/logo_3dmc_ie6.gif);
}

#col-left {
float: left;
width: 204px;
font-size: 1.3em;
margin-right: 30px;
padding-bottom: 30px;
}



#nav-main {
background: url(none) right bottom no-repeat transparent;
}


#nav-main ul {
background: url(none) left top no-repeat transparent;
padding-bottom: 8px;
}


#nav-main li {
display: inline;
}

#nav-main a {
display: block;
padding: .5em 10px .5em 0;
color: #666;
border-bottom: 1px solid #a1a5a4;
}

#nav-main a:hover {
color: #ccc;
text-decoration: underline;
}

#nav-main ul ul {
background-image: none;
background-color: transparent;
margin-left: 10px;
padding-bottom: 0;
margin-bottom: 30px;
border-bottom: 2px solid #a1a5a4;
margin-left: 25px;
}


#nav-main li.current a {
background-image: url(../furniture/theme_dark/nav_arrow.gif);
background-position: 100% .9em;
background-repeat: no-repeat;
background-color: transparent;
color: #999;
}

#nav-main li.on a {
color: #999;
}

#nav-main li ul a {
border-top: 1px solid #333;
padding-left: 0;
padding-top: 7px;
padding-bottom: 7px;
font-weight: bold;
background-image: none !important;
}

#nav-main li ul a:hover {
color: #fff;
}

#nav-main li.on ul li.on a {
color: #fff;
}

#nav-main ul li ul li.current a {
color: #fff;
background-image: url(../furniture/theme_dark/nav_arrow.gif) !important;
}

#col-right {
float: left;
width: 681px;
background: left top repeat transparent;
padding: 0 0px 3em 35px;
font-size: 1.3em;
padding-bottom: 30px;
}

.blog-site #col-right {
width: 641px;
}

#content-main {
float: left;
width: 415px;
margin-right: 40px;
line-height: 1.4em;
padding-top: 5px;
font-size: 1.1em;
}

.blog-site #content-main {
width: 635px;
margin-right: 0;
}

div.standfirst {
clear: both;
}

#content-main p {
margin-bottom: 1.5em;
}


#content-main a {
color: #ccc;
text-decoration: underline;
}

#content-main a:hover {
text-decoration: none;
color: #fff;
}


#content-secondary {
float: left;
width: 224px;
padding-top: 0;
}

#content-secondary p {
margin-bottom: 1em;
}







#footer {
clear: both;
margin: 0 0;
font-size: 1.2em;
}


#bookmarks-bar {
background: url(../furniture/bbar_hat.gif) left top no-repeat #0c0c0a;
height: 3.9em;
}

#bookmarks-bar ul {
/*background: url(../furniture/bbar_shoe.gif) left bottom no-repeat transparent;*/
height: 2.9em;
padding: .5em 0;
margin-right: 10px;
}

#bookmarks-bar ul li {
float: right;
border-left: 1px solid #333;
padding: .8em 0;
}

#bookmarks-bar ul a {
background-position: 0 .7em;
background-repeat: no-repeat;
background-color: transparent;
padding: 1em 0 1em 25px;
margin: 0 10px;
color: #999;
}

#bookmarks-bar ul a:hover {
text-decoration: underline;
color: #fff;
}

#bookmarks-bar ul li#delicious a {
background-image: url(../furniture/icon_delicious.gif);
}

#bookmarks-bar ul li#digg a {
background-image: url(../furniture/icon_digg.gif);
}

#bookmarks-bar ul li#reddit a {
background-image: url(../furniture/icon_reddit.gif);
}

#bookmarks-bar ul li#facebook a {
background-image: url(../furniture/icon_facebook.gif);
}

#bookmarks-bar ul li#stumbleupon a {
background-image: url(../furniture/icon_stumbleupon.gif);
}






/* ================= lists in content-main ================= */
#content-main ul {
margin-bottom: 1em;
}

#content-main ul li {
background: url(../furniture/bullet.gif) 0 .15em no-repeat transparent;
padding: 0 0 0 15px;
margin-bottom: 1em;
}

#content-main ul li p {
margin: 0 0 .5em 0;
line-height: 1em;
}






/* ================= image in content-main ================= */

#content-main img.img-float {
float: left;
margin: 0 20px 10px 0;
}







/* ================= expandable list block using jquery ================= */


div#list-block {
background-color: #0c0c0a;
padding: 20px 10px 10px 10px;
border-radius: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

div#list-block h2 {
margin-top: 0;
color: #ffffff;
padding: 0 0 0 0;
font-size: 1.4em;
}


div#list-block-accordian dt {
background-image: url(../furniture/theme_dark/simple_pointer.gif);
background-position: 5px 8px;
background-repeat: no-repeat;
background-color: #27272a;
cursor: pointer;
border-top: 1px solid #666;
padding: 8px 5px 8px 25px;
margin: 0;
color: #999;
font-weight: bold;
}

* html div#list-block-accordian dt {
cursor: hand;
}

div#list-block-accordian dt.selected {
color: #fff;
background-position: 5px -90px;
}

div#list-block-accordian dd {
background-color: #27272a;
padding: 5px 0;
color: #999;
}

div#list-block-accordian dd a {
color: #fff;
text-decoration: underline;
}

div#list-block-accordian dd div.inset {
background-color: #27272a;
padding: 5px 5px;
margin: 0 5px;
}

div#list-block-accordian dd div.inset p {
clear: both;
}


* html div#list-block-accordian dd div.inset p {
height: 1%;
}


div.inset p.button-prev {
float: left;
clear: none;
width: 75px;
background-color: #0c0c0a;
color: #999;
padding: .3em 5px;
cursor: pointer;
text-align: center;
margin-bottom: 10px;
line-height: 2em;
font-weight: bold;
}


div#list-block-accordian dd div.inset p.button-next {
clear: none;
}
div.inset p.button-next {
float: right;
clear: none;
width: 75px;
text-align: right;
background-color: #0c0c0a;
color: #999;
padding: .3em 0;
cursor: pointer;
text-align: center;
margin-bottom: 10px;
line-height: 2em;
font-weight: bold;
}


* html p.button-prev, * html p.button-next {
cursor: hand;
}




p.buttonlink {
margin-bottom: 0;
font-weight: bold;
}

p.buttonlink a {
display: block;
color: #999;
background-color: #0c0c0a;
padding: 10px 5px;
text-align: center;
}

p.buttonlink a:hover {
color: #fff;
text-decoration: underline;
}









/* ================= all forms ================= */
form .required {
color: red;
}

form input, form select, form textarea {
font-family: Arial, helvetica, sans-serif;
font-size: 1em;
color: #666666;
}

form label {
line-height: 1em;
}

html fieldset{
   position: relative;
   margin-top:1em;
   padding-top:1.25em;
   }
html legend{
   position: relative;
   left: .5em;
   }

/* ================= forms in insets ================= */



div.inset form {
margin-bottom: 1em;
}


div.inset input {
width: 165px;
margin-left: 0px;
margin-bottom: 5px;
border: 1px solid #CCCCCC;
padding: 5px;
font-family: Arial, helvetica, sans-serif;
color: #333;
font-size: 1em;
}

div.inset input#submit {
width: auto;
background-color: #0c0c0a;
color: white;
border: none;
font-family: Arial, helvetica, sans-serif;
font-size: 1em;
padding: 10px 10px 7px 10px;
}






/* ================= speculative jobs form ================= */


form#spec-jobs-form fieldset {
padding: 30px 10px;
margin-bottom: 1em;
background-color: #0c0c0a;
border-radius: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

form#spec-jobs-form legend {
font-weight: bold;
color: #999;
background-color: #0c0c0a;
padding: 5px 30px;
border: 1px solid #333;
}

form#spec-jobs-form label {
float: left;
width: 170px;
margin-right: 10px;
color: #999;
line-height: 1.2em;
}

form#spec-jobs-form input {
float: left;
width: 200px;
border: 1px solid #CCCCCC;
padding: 3px;
margin-bottom: 1em;
color: #333;
line-height: 1.2em;
}

form#spec-jobs-form input#submit {
width: 100px;
float: none;
font-weight: bold;
background-color: #fff;
border: none;
padding: 5px 10px;
color: #0c0c0a;
}

form#spec-jobs-form select {
float: left;
width: 210px;
border: 1px solid #CCCCCC;
margin-bottom: 1em;
padding: 3px;
color: #333;
line-height: 1.2em;
}

form#spec-jobs-form textarea {
float: left;
width: 200px;
border: 1px solid #CCCCCC;
margin-bottom: 1em;
padding: 3px;
color: #333;
line-height: 1.2em;
}







/* ================= contact form ================= */

form#contact-form fieldset {
padding: 30px 10px;
margin-bottom: 1em;
background-color: #0c0c0a;
border-radius: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

form#contact-form legend {
font-weight: bold;
color: #999;
background-color: #0c0c0a;
padding: 5px 30px;
border: 1px solid #333;
}

form#contact-form label {
float: left;
width: 170px;
margin-right: 10px;
color: #999;
line-height: 1.2em;
}

form#contact-form input {
float: left;
width: 200px;
border: 1px solid #CCCCCC;
padding: 3px;
margin-bottom: 1em;
color: #333;
line-height: 1.2em;
}

form#contact-form input#submit {
width: 100px;
float: none;
font-weight: bold;
background-color: #fff;
border: none;
padding: 5px 10px;
color: #0c0c0a;
}


form#contact-form textarea {
float: left;
width: 200px;
border: 1px solid #CCCCCC;
margin-bottom: 1em;
padding: 3px;
color: #333;
line-height: 1.2em;
}














/* ================= grid with 3 columns ================= */

div.grid-3col div {
float: left;
width: 130px;
height: 75px;
border: 1px solid #EEEEEE;
margin-right: 9px;
margin-bottom: 1em;
overflow: hidden;
}

div.grid-3col div img {
	width: 130px;
	height: 75px;
	margin: 0;
	padding: 0;
}

div.grid-3col div.last {
margin-right: 0;
}










/* ================= accordian using a dl list in  content main ================= */

div#accordian-dl {
}

div#accordian-dl dt {
background-image: url(../furniture/theme_dark/simple_pointer.gif);
background-position: 0 13px;
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
border-bottom: 1px solid #333;
padding: 10px 5px 10px 25px;
display: block;
margin: 0;
font-size: 1.2em;
font-family: "Georgia", Times, serif;
color: #ccc;
}

* html div#accordian-dl dt {
cursor: hand;
}

div#accordian-dl dt.selected {
color: #fff;
background-position: 22px -85px;
border-bottom: none;
background-color: #0c0c0a;
padding-left: 45px;
}

div#accordian-dl dd {
padding: 1em 25px;
background-position: left top;
background-repeat: repeat-x;
background-color: #0c0c0a;
border-bottom: 1px solid #333;
}


/* ================= special links ================= */


a.icon-camera {
background: url(../furniture/icon_camera.gif) 0 .2em no-repeat transparent;
padding: 10px 10px 10px 32px;
}




/* - hornetisms - */




body#about.ethos ul li, body#error ul li {
}
/* yes ie6'll plop, but otherwise it means doing it in the markup which'll cause MCE editing issues, and it's a subtle enough difference.  could js that in for ie6 if really fussed? */
body#about.ethos ul li:first-letter {
	font-weight:bold;
}
body#communication blockquote {
	margin-bottom:1em;
	font-family: "Georgia", Times, serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	color: #666;
}

body#communication blockquote:before { content: open-quote; font-weight: bold; font-style:normal; }
body#communication blockquote:after { content: close-quote; font-weight: bold; font-style:normal; }

#blockquoteCitation {
	display:block;
	text-align:right;
	padding-top:0em;
	margin-top:-1em;
	margin-bottom:1em;
	color: #666;
}

body div#list-block-accordian dd div.inset p.disabled {
	color:#333;
}
body div#list-block-accordian dd div.inset span.commentTag {
	font-style:italic;
}


body div.inset p.button-next.disabled, body div.inset p.button-next.disabled {
	color:#333;
}

body#communication div.inset {
	position:relative;
	overflow:hidden;
	font-size: .9em;
}

body#communication div.inset p.button-next, body#communication div.inset p.button-prev {
line-height: 2.5em;
}


body#communication div.inset .serif {
color: #fff;
font-size: 1.2em;
font-style: italic;
}

body#communication p.buttonlink {
display: none;
/*	left:100px;
	position:absolute;
	bottom:-1px;
	width:225px;
	color:#eee;*/
}

body#communication p.buttonlink a {
text-decoration: none;
line-height: 1.6em;
}

body#communication p.buttonlink a:hover {
text-decoration: underline;
}

body#communication div.inset #content-main a {
	color:#ccc;
}

body#communication p.buttonlink a {
	text-align:center;
}


















/*messages*/
body div.conf, body div.notice, body div.error {
	display:block;
	margin:10px auto;
	padding:5px 0;
	width:410px;
	text-align:center;
}

body #content-main div.notice p, body #content-main div.error p {
	margin-bottom:0px;
	text-align:center;
}

body #content-main div.conf p {
  margin: 0 10px;
  text-align: left;
}

body div.conf {
	border:1px solid #b8e8b8;
	background-color:#efe;
}

body div.notice {
	border:1px solid #b8b8e8;
	background-color:#eef;
}

body div.error {
	border:1px solid #e8b8b8;
	background-color:#fee;
}







/* from new_styles */

body #content-main ul li {
}

body #banner-area {
}

#blog_entries {
margin-bottom: 2em;
background-color: #F5F5F5;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}

#blog_entries h2 {
margin-top: 0;
}

#blog_entries li {
background: url(furniture/speech_bubble.gif) 5px 15px no-repeat white;
border-bottom: 1px solid #EEEEEE;
padding-left: 30px;
padding-top: 10px;
}

#blog_entries a {
color: #65646C;
}

#blog_entries a:hover {
text-decoration: underline;
}


div.promo {
	background-color: #0c0c0a;
	padding: 20px 10px 10px 10px;
	border-radius: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;


margin-bottom: 2em;
}

div.promo h2 {
margin-top: 0;
font-size: 1.3em;
color: white;
}

body div.promo p {
margin-top: .5em;
}

body div.promo p.divided {
border-top: 1px solid #a1a5a4;
padding-top: .5em;
}

body div.promo p.promo-link {
display: block;
color: white;
background-color: #27272a;
padding: 5px;
text-align: center;

}

div.promo p.promo-link a {
color: #999;
font-weight: bold;
}

div.promo p.promo-link a:hover {
text-decoration: underline;
color: #fff;
}


body #content-secondary {
line-height: 1.2em;
}


div.meta{
  padding-bottom: 2em;
}






/* blog styles ------- */

#list-block2 {
}

#list-block-accordian2 {
	background-color: #333;
	padding: 20px 10px 10px 10px;
	border-radius: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 184px;
	margin-bottom: 2em;
}


#menu2 li {
	font-family: "Georgia", Times, serif;
	color: #fff;
	margin: .5em 0;
	font-size: 1.2em;
	color: #fff;
	border-bottom: 1px solid #666;
}

#menu2 li ul li {
	font-size: .8em;
	color: #999;
	border-bottom: none;
	margin: 1.5em 0;
}

#menu2 li a {
	color: #ccc;
}

#menu2 li a:hover {
	color: #fff;
	text-decoration: underline;
}


#col-left #list-block {
background-color: #333;
width: 184px;
}

#col-left #list-block li {
margin: .5em 0;
border-bottom: 1px solid #666;
font-family: "Georgia", Times, serif;
color: #fff;
font-size: 1.2em;
}

#col-left #list-block li li {
border-bottom: none;
font-family: Arial, Verdana, sans-serif;
font-size: .8em;
}

#col-left #list-block a {
color: #ccc;
}

#col-left #list-block a:hover {
text-decoration: underline;
color: #fff;
}




.post {
border-bottom: 2px solid #666;
margin-bottom: 2em;
}


textarea#comment {
width: 450px;
}
}