/*
-----------------------------------------------
Screen Styles
-----------------------------------------------
Bauhouse Design
file:		http://bauhouse/workspace/css/screen.css
author:		Stephen Bau
date:		2 January 2007
----------------------------------------------- */


/* body
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #ddd;
	font: normal 75%/1.5em helvetica, arial, sans-serif;
	}
body * {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
	color: #666;
	list-style-type:none;
}

/* anchors
----------------------------------------------- */
a { 
	color: #333;
	text-decoration: none;
	}
a:link, a:visited, a:active  { 
	color: #333;
	text-decoration: none;
	}
a:hover {
	color: #F00;
	text-decoration: none;
	}


/* image replacement
----------------------------------------------- */
em.ir, strong.ir {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0.5em;
	}


/* blocks
----------------------------------------------- */
#top, #middle, #bottom {
	display:block;
	}
#bottom {
	clear:both;
	padding-top: 3em;
	}


/* box content
----------------------------------------------- */
#box {
	width: auto;
	margin: 0;
	border: 0;
	background: #fff;
	}
#box_header {
	border: 0;
	background: #666 url(../img/shadow_tab.gif) center bottom repeat-x;
	}
#box_mainhead {
	background: #000;
	}
#box_content {
	width: 756px;
	margin: 0 auto;
	background: #fff;
	}
#box h1 {
	width: 754px;
	margin: 0 auto;
	padding: 1.5em 0 1.7em 0;
	font-size: 1.5em;
	text-transform:lowercase;
	background: #000;
	}
#box h1 a {
	display: inline;
	width: auto;
	color: #fff;
	margin:0;
	padding: 1.5em 25px 1.6em 45px;
	font-weight: normal;
	background: #000 url(../img/bauhouse_ampersand.gif) 10px center no-repeat;
	}
#box h1 a:hover {
	color: #f00;
	}
#box h1 a strong {
	color: #f00;
	font-weight: normal;
	}
#box h1 a:hover strong {
	color: #fff;
	}


/* columns
----------------------------------------------- */
.content_2col .colA { 
	float:left;
	width: 540px;
	}
.content_2col .colB { 
	float:left;
	width: 215px;
	}

.content_3col .colA { 
	float:left;
	width: 216px;
	}
.content_3col .colB { 
	float:left;
	width: 204px;
	margin-left:12px;
	}
.content_3col .colC { 
	float:left;
	width: 204px;
	margin-left:12px;
	}


/* mainMenu
----------------------------------------------- */
#mainMenu {
	width: 756px;
	margin: 0 auto;
	border: 0;
	padding: 0;
	height: 3em;
	}
#mainMenu li {
	display: inline;
	height: 3em;
	border: 0;
	padding: 0;
	}
#mainMenu li a {
	float:left;
	display: block;
	margin:0;
	padding:0 .7em;
	color:#ccc;
	background:none;
	line-height:3em;
	}
#mainMenu li a:hover {
	color:#fff;
	background:#555;
	}
#mainMenu li a:active,
#mainMenu li a.active,
#mainMenu li a.active:hover {
	color:#fff;
	background:#444;
	}

/* menu
----------------------------------------------- */
#menu {
	float:right;
	}



/* selectTabs
----------------------------------------------- */
#selectTabs {
	padding: 0;
	border: 0;
	height: 3em;
	}
#selectTabs li {
	display: inline;
	height: 2.5em;
	border: 0;
	padding: 0;
	}
#selectTabs li a {
	float:left;
	display: block;
	margin: 0;
	margin-right: 2px;
	margin-top:.5em;
	line-height: 2.5em;
	padding: 0 1em;
	color:#000;
	background: #ddd url(../img/shadow_tab_off.gif) center bottom repeat-x;
	border: 0;
	}
#selectTabs li a:hover {
	color:#900;
	background: #eee url(../img/shadow_tab_over.gif) center bottom repeat-x;
	}
#selectTabs li a:active,
#selectTabs li a.active,
#selectTabs li a.active:hover {
	color:#f00;
	background:#fff url(../img/shadow_tab_active.gif) center bottom repeat-x;
	}


/* subheader, submenu
----------------------------------------------- */
#subheader {
	margin:0;
	padding:0;
	background: #ddd url(../img/shadow_tab_off.gif) center bottom repeat-x;
	border-top:1px solid #fff;
	border-bottom:1px solid #777;
	}
#submenu {
	width: 755px;
	margin: 0 auto;
	padding: 0;
	border:0;
	height:2em;
	font-size:1em;
	border-left:1px solid #aaa;
	}
#submenu ul {
	border-left:1px solid #aaa;
	}
#submenu li {
	margin:0;
	padding:0;
	display:inline;
	border:0;
	height:2em;
	}
#submenu li a {
	float:left;
	display: block;
	margin:0;
	padding: 0 1em;
	line-height: 2em;
	color:#000;
	background: #ddd url(../img/shadow_tab_off.gif) center bottom repeat-x;
	border-right:1px solid #aaa;
	border-left:1px solid #ccc;
	}
#submenu li a:hover {
	background: #eee url(../img/shadow_tab_over.gif) center bottom repeat-x;
	color:#900;
	}
#submenu li a:active,
#submenu li a.active {
	background:#fff url(../img/shadow_tab_active.gif) center bottom repeat-x;
	color:#f00;
	}


/* section
----------------------------------------------- */
#section { 
	background:#bbb;
	height:215px;
	}


/* section_box
----------------------------------------------- */
#section_box { 
	width:756px;
	height:215px;
	margin: 0 auto;
	background:#fff;
	}


/* sectionhead
----------------------------------------------- */
#sectionhead { 
	color:#fff;
	background:#444;
	}
#sectionhead h2 { 
	width:732px;
	margin:0 auto;
	padding: 0 12px .2em 12px;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.8em;
	color:#fff;
	background:#000;
	}


/* sectionmenu
----------------------------------------------- */
#sectionmenu {
	float:left;
	width:215px;
	height:215px;
	background:#ddd;
	margin:0;
	padding:0;
	}
#sectionmenu li {
	color:#666;
	line-height:1.2em;
	margin:0;
	list-style: none;
	}
#sectionmenu li a { 
	color:#000;
	line-height: 1.3em;
	display:block;
	margin:0;
	text-decoration:none;
	padding: .4em 0 .5em 9px;
	border-bottom:1px solid #fff;
	width:206px;
	}
#sectionmenu li a:link, 
#sectionmenu li a:visited  { 
  color:#000;
	}
#sectionmenu li a:hover {
	color:#000;
	line-height: 1.3em;
	background: #eee url(../img/arrowred.gif) no-repeat right center;
	}
#sectionmenu li a:active,
#sectionmenu li a.active {
	color:#f00;
	line-height: 1.3em;
	background: #fff url(../img/arrowred.gif) no-repeat right center;
	}


/* sectionsidebar
----------------------------------------------- */
#sectionsidebar {
	float:left;
	width:215px;
	height:215px;
	margin:0;
	padding:0;
	background:#ddd;
	border-right:1px solid #fff;
	}
#sectionsidebar h4 {
	color:#000;
	}


/* sectionimg
----------------------------------------------- */
#sectionimg {
	background:url(/workspace/images/elementary_forms_gs.jpg) left top no-repeat;
	width:756px;
	height:215px;
	margin: 0 auto;
	padding:0;
	}
#sectionimg p {
	display:none;
	}


/* sectionimage
----------------------------------------------- */
#sectionimage {
	margin:0;
	padding:0;
	background-color:#fff;
	}
#sectionimage img {
	float:left;
	margin:0;
	padding:0;
	}
#section_identity #sectionimage img,
#section_print #sectionimage img,
#section_web #sectionimage img,
#section_type #sectionimage img {
	width:323px;
	height:215px;
	border-right:1px solid #fff;
	}


/* sectionthumbs
----------------------------------------------- */
#sectionthumbs {
	float:left;
	width:216px;
	height:215px;
	background: url(../img/thumbs_grid_215.gif) left top no-repeat;
	}
#sectionthumbs h3 {
	display:none;
	}
#sectionthumbs a {
	float:left;
	display:block;
	padding:0;
	margin:0;
	width:54px;
	height:54px;
	}
#sectionthumbs a img {
	width:53px;
	height:53px;
	}

#sectionthumbs a img.thumb_over {display:none;}
#sectionthumbs a.current img.thumb_over {display:block;}
#sectionthumbs a img.thumb_off {display:block;}
#sectionthumbs a.current img.thumb_off {display:none;}

#sectionthumbs a:link img.thumb_over {display:none;}
#sectionthumbs a.current:link img.thumb_over {display:block;}
#sectionthumbs a:link img.thumb_off {display:block;}
#sectionthumbs a.current:link img.thumb_off {display:none;}

#sectionthumbs a:visited img.thumb_over {display:none;}
#sectionthumbs a.current:visited img.thumb_over {display:block;}
#sectionthumbs a:visited img.thumb_off {display:block;}
#sectionthumbs a.current:visited img.thumb_off {display:none;}

* html #sectionthumbs a:hover {background: url(../img/thumbs_grid_215.gif) left top no-repeat;} /* ie win hovers won't work without this rule */

#sectionthumbs a:hover img.thumb_over {display:block; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#sectionthumbs a.current:hover img.thumb_over {display:block; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#sectionthumbs a:hover img.thumb_off {display:none;}
#sectionthumbs a.current:hover img.thumb_off {display:none;}

#sectionthumbs a:active img.thumb_over {display:block; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#sectionthumbs a.current:active img.thumb_over {display:block; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#sectionthumbs a:active img.thumb_off {display:none;}
#sectionthumbs a.current:active img.thumb_off {display:none;}

#sectionthumbs a span {
	position:absolute;
	width:100%;
	top:2.3em;
	right:0;
	color:#fff;
	}
#sectionthumbs a span strong {
	display:none;
	margin:0 auto;
	padding-left:214px;
	padding-right:15px;
	width:525px;
	color:#fff;
	text-align:right;
	}
#sectionthumbs a:hover span {
	display:block;
	}
#sectionthumbs a:hover span strong {
	display:block;
	font-weight:normal;
	}
#sectionthumbs em {
	color:#f00;
	font-style:normal;
	font-weight:normal;
	}
#sectionthumbs br {display:none;}


/* contentthumbs
----------------------------------------------- */
#contentthumbs {
	width: 756px;
	margin: 1px auto 0 auto;
	border: 0;
	}
#contentthumbs a {
	float:left;
	display:block;
	padding:0;
	margin:0;
	margin-right:1px;
	margin-bottom:1px;
	height:107px;
	}
#contentthumbs a img {
	display: block;
	}
#contentthumbs a:hover {
	background:#fff;
	}
#contentthumbs a:link img.preview_over {display:none;}
#contentthumbs a:visited img.preview_over {display:none;}
#contentthumbs a:hover img.preview_over {display:block;}
#contentthumbs a:active img.preview_over {display:block;}

#contentthumbs a:link img.preview_off {display:block;}
#contentthumbs a:visited img.preview_off {display:block;}
#contentthumbs a:hover img.preview_off {display:none;}
#contentthumbs a:active img.preview_off {display:none;}

#contentthumbs br {display:none;}


/* content
----------------------------------------------- */
#content p { 
	margin-bottom:1em;
	}
#content del { 
	text-decoration:line-through;
	}
#content h2 {
	margin-top:.5em;
	margin-bottom:1em;
	font-size:1.5em;
	font-weight:normal;
	color:#000;
	}
#content h3,
#content_secondary h3,
#content h4 { 
	font-size:.9em;
	font-weight: normal;
	letter-spacing:.2em;
	text-transform: uppercase;
	}
#content h3,
#content_secondary h3 { 
	margin: 2em 0 1.5em 0;
	padding:3px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #ccc;
	}
#content h4,
#content h4 span {color:#f00;}
#content h4,
#content h5,
#content h6 { 
	margin-bottom: .8em;
	}
#content h5 { 
	font-size:1em;
	color:#000;
	}
#content form { 
	background:#eee;
	margin: 12px 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
#content form input { 
	margin-right:6px;
	}
#content form input#s { 
	width:170px;
	margin-bottom:6px;
	}
#content #articles form {
	margin:15px 0 15px 0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#content #articles form li {
	list-style-type:none;
	margin-left:0;
	}
#content #articles form label {
	display:block;
	font-size:.8em;
	font-weight: normal;
	letter-spacing:.2em;
	text-transform: uppercase;
	margin:5px 0;
	}
#content #articles form input.text {
	width:250px;
	}
#content #articles form textarea {
	width:400px;
	}
#content #articles h3 {
	margin-left:0;
	padding-left:0;
	}
#content h3 a.view {
	letter-spacing:0;
	text-transform: none;
	}
#content a {
	font-weight:bold;
	}


/* articles
----------------------------------------------- */
#articles { 
	margin-right:15px;
	}
#articles ol,
#articles ul { 
	margin-left:1em;
	margin-bottom:1em;
	}
#articles ol li,
#articles ul li { 
	margin-left:1em;
	list-style-type:square;
	margin-bottom:.5em;
	}
#articles ol li {
	list-style-type:decimal-leading-zero;
	}
#articles pre { 
	padding:15px;
	margin-bottom:15px;
	background:#eee;
	overflow:auto;
	}
#articles blockquote {
	padding-left:15px;
	border-left:1px dotted #999;
	}




/* entry
----------------------------------------------- */
#content .entry { 
	clear:both;
	border-top:1px solid #000;
	margin:1em 0 2em 0;
	}
#content .entry .entry_data { 
	float:left;
	width:216px;
	padding-top:1.5em;
	border-top:4px solid #000;
	}
#content .entry .entry_body { 
	padding-top:1em;
	margin-left:216px;
	border-bottom:1px solid #ccc;
	}
#content.content_2col .entry .entry_data { 
	float:left;
	width:108px;
	padding-top:1em;
	border-top:4px solid #000;
	}
#content.content_2col .entry .entry_body { 
	padding-top:.5em;
	margin-left:108px;
	border-bottom:1px solid #ccc;
	}
#section_about #content .entry .entry_body,
#section_contact #content .entry .entry_body { 
	border-bottom:0;
	}
#content .entry .entry_body a span { 
	color: #333;
	text-decoration: none;
	}
#content .entry .entry_body a:hover span { 
	color: #F00;
	text-decoration: none;
	}
#content .entry .entry_info { 
	margin:0;
	padding:.5em 0 .7em 0;
	border-top:1px solid #ccc;
	font-size:0.9em;
	}
#content .entry .entry_info span { 
	float:left;
	width:162px;
	font-weight:bold;
	}
#content.content_2col .entry .entry_info span { 
	float:left;
	width:108px;
	font-weight:bold;
	}
#content .entry .entry_cont { 
	float:right;
	}
#content .entry blockquote { 
	margin-left:2em;
	margin-bottom:2em;
	}
#content .entry ul { 
	padding-left:2em;
	margin-bottom:2em;
	}
#section_contact #content .entry ul { 
	padding-left:0;
	}
#content .entry ul li { 
	list-style-type:square;
	}
#content .entry pre { 
	padding:15px;
	margin-bottom:15px;
	border:1px solid #ccc;
	background:#eee;
	overflow:auto;
	}


/* entry images
----------------------------------------------- */
#image-block {
	margin: 20px;
	margin-left: 2em;
	padding: 0;
	}
#image-block img {
	float: none;
	display: inline;
	border: 1px solid #ccc;
	margin: 7px 3px 2px 0;
	padding:3px;
	}
img.entry_image {
	padding:9px;
	border: 1px solid #ccc;
	margin-bottom:12px;
	}
img.left {
	float:left;
	margin-right:12px;
	}
img.right {
	float:right;
	margin-left:12px;
	}

/* entry 1 column
----------------------------------------------- */
.content_1col .entry .entry_body { 
	margin-left:216px;
	}
.content_1col .entry .entry_data { 
	width:216px;
	}
.content_1col .entry .entry_data { 
	float:left;
	width:215px;
	padding-top:.9em;
	border-top:4px solid #000;
	}


/* content_secondary
----------------------------------------------- */
#content_secondary { 
	margin-top:12px;
	margin-left:108px;
	padding-top:18px;
	border-top:5px solid #000;
	}
#content_secondary h2 { 
	padding-bottom:12px;
	font-weight:normal;
	}
#content_secondary a {
	font-weight:bold;
	}


/* lists
----------------------------------------------- */
.lists { 
	font-size:.9em;
	line-height:1.4em;
	margin-top:12px;
	}
#content .lists h3,
#content_secondary .lists h3 { 
	margin: 0 0 1em 0;
	padding:.7em 0;
	color:#f00;
	}
.lists ul { 
	margin-bottom:10px;
	}
.lists ul.posts li {
	list-style-image:url(../img/a_post.gif);
	}
.lists ul.categories li {
	list-style-image:url(../img/a_category.gif);
}
.lists ul.links li {
	list-style-image:url(../img/a_link_arrow.gif);
}
.lists ul.file_download_list li {
	list-style-image:url(../img/a_download.gif);
	}
.lists ul.feeds li {
	list-style-image:url(../img/a_feed.gif);
}
.lists ul.categories li.subcategory {
	list-style-image:none;
	padding-left:15px;
	background:url(../img/a_subcategory.gif) left 3px no-repeat;
}
.lists ul {
	margin-bottom:15px;
}
.lists ul li {
	margin:2px 0 2px 20px;
	padding-bottom:2px;
	border-bottom:1px solid;
}
.lists li a {
	display:block;
	padding:1px 0;
	height:1%; /* IE WIN */
}
.lists ul li {
	border-bottom-color:#eee;
}
.lists li a:hover {
	color:#f00;
}
.lists li a:active {
	color:#f00;
}

.lists li.date_small {font-size:.8em; margin:0;}

#content .lists ul li a span {
	font-weight:normal;
	}


/* box footer
----------------------------------------------- */
#box_footer {
	width: auto;
	margin: 0;
	border: 0;
	background: #ddd url(../img/shadow_footer.gif) center top repeat-x;
	}
#footer {
	width: 732px;
	margin: 0 auto;
	padding: 25px 12px;
	border: 0;
	}
#footer p {
	font-size:.9em;
	padding: 0;
	margin: 0;
	}
#footer .top {
	float:right;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .8em;
	text-align:right;
	margin:0;
	}


/* miscellaneous
----------------------------------------------- */

hr {display:none;}

.clear {clear: both;}
.top {
	float:right;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .8em;
	}
.right {
	float:right;
	}


/* form
----------------------------------------------- */

form {
	background: #eee;
	border: 1px solid #ccc;
	}
fieldset {
	padding: 12px;
	background: #eee;
	}
legend {
	font-size: 1.2em;
	color: #000;
	padding: .5em;
	}
label {
	display: block;
	}
input {
	display: block;
	color: #000;
	}
textarea {
	margin-top: .5em;
	width: 400px;
	color: #000;
	}
input.text {
	width: 400px;
	}


/* table
----------------------------------------------- */

th {
	padding: .5em 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	}
td {
	padding: .5em 0;
	border-bottom: 1px solid #ccc;
	}




/* About page
----------------------------------------------- */

#section_about .entry ul li,
#section_contact .entry ul li {
	margin-left:2em;
	margin-right:48px;
	list-style-type:square;
	margin-bottom:1em;
	font-size:.8em;
	line-height:1.5em;
	}

#section_about form,
#section_contact form {
	background-color: #eee;
	width: 500px;
	font-size: 90%;
	padding: 12px 12px 36px 12px;
}

form label {
	display: block;
	color: #333;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 150%;
	margin-bottom: 15px;
}

form label small {
	display: block;
	color: #888;
	font-size: 80%;
	text-transform: none;
	text-align: right;
	margin-left: 40%;
	margin-top: -1.55em;
}

form label small a:hover {
	color: #666;
	border-color: #888; 
}

form input, form textarea {
	display: block;
	width: 100%;
}

form textarea {
	height: 200px;
}

form input#submit {
	float: right;
	display: block;
	width: 120px;
}

form p.success {
	color: #6cc33c;
	background: #e2e4db url("../img/icon-tick.gif") left center no-repeat;
	font-size: 99%;
	margin: 0 0 9px;
	padding-left: 24px;
}

form p.error {
	color: #ff4242;
	background: #e2e4db url("../img/icon-cross.gif") left center no-repeat;
	font-size: 99%;
	margin: 0 0 9px;
	padding-left: 24px;
}


/* About page: Tumble Log
----------------------------------------------- */
dl.listing {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-bottom: 20px;
	font-size: .9em;
}

dl.listing dt {
	float: left;
}

dl.listing dd {
	background: url(../img/arrowred.gif) left 0.5em no-repeat;
	padding-left: 15px;
	margin: 0 0 10px 110px;
}



/* Archive page
----------------------------------------------- */
#archive a small {
	color: #aaa;
	font-style: italic;
	font-size: 85%;
}

#archive a {
	display: block;
	padding: 0 10px;
}

#archive a:hover {
	color: #fff;
	background-color: #ccc;	
}

#archive a.active {
	color: #fff;
	background-color: #ccc;
}

#archive ul li {
	margin: 0 0 5px;
}

ul#year {
	float: left;
	list-style: none;
	margin: 0;
}

ul#month {
	float: left;
	list-style: none;
}

ul#past-entries {
	list-style: none;
	border-left: 1px dotted #333;
	padding-left: 20px;
	margin-left: 216px;
}