/*#################################################################
#   darkboyandshoddy.com                                          #
#                                                                 #
#   created by ben the geek @ sustainablemedia.co.uk              #
#   all content, images, and code (c)darkboyandshoddy.com 2006    #
#                                                                 #
#################################################################*/

html, body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 100%;
	background-color: #e5e5e5;
	color: #000; 
}

a { color: #F1037F; background-color: #fff;  text-decoration: none; }
a:hover { text-decoration: underline; }
/*a:visited { color: #A64456; }*/
a img { border: none; }

h1,h2,h3,h4 {  }
h2 a, h3 a { color: #000; background-color: #FFF; }

small sup { font-size: 0.75em; }
hr { background-color: #F1037f; color:#F1037f; border: none; height: 1px;}
pre { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important; }

#title { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 1;
}

#wrap {
	position: absolute;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	top: 200px;
	text-align: left;
	z-index: 2;
}


/* ############################### Popin messagebox ##################### */
/*
#mb {
	postion: absolute;
	top: 300px;
	margin: 0 auto;
	width: 300px;
	border: 1px solid #f1037f;
	background-color: #FFF;
	padding: 15px;
	z-index: 100;
	text-align: left;
}
*/

/* ############################### Primary nav ##################### */
#nav_primary ul {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 5;
}

#nav_primary ul li {
	width: 100px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	z-index: 6;
}

#nav_primary ul li a {
	height: 20px;
	display: block;
	z-index: 7;
}

#nav_primary ul li#tab1 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_01.gif') no-repeat 0 0; }
#nav_primary ul li#tab2 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_02.gif') no-repeat 0 0; }
#nav_primary ul li#tab3 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_03.gif') no-repeat 0 0; }
#nav_primary ul li#tab4 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_04.gif') no-repeat 0 0; }
#nav_primary ul li#tab5 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_05.gif') no-repeat 0 0; }
#nav_primary ul li#tab6 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_06.gif') no-repeat 0 0; }
#nav_primary ul li#tab7 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_07.gif') no-repeat 0 0; }
#nav_primary ul li#tab8 a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_08.gif') no-repeat 0 0; }

#nav_primary ul li#tab1.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_01.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab2.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_02.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab3.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_03.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab4.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_04.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab5.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_05.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab6.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_06.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab7.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_07.gif') no-repeat 0 -20px; }
#nav_primary ul li#tab8.selected a { color: #333; background: #e5e5e5 url('/images/layoutElements/tabs_08.gif') no-repeat 0 -20px; }

#nav_primary br { clear: both; }



/* ############################################# MAIN CONTENT STYLES ##################################### */
#content {
	margin: 15px 16px 30px 38px;
	color: #000;
	background: #FFF url('/images/layoutElements/body_bckgrnd_01.png') no-repeat bottom left;
}

#content .clear { clear: both; }

#content #leftColumn {
	float: left;
	width: 564px;
	padding: 10px 10px 60px 20px;
}

#content #rightColumn {
	float: right;
	width: 130px;
	padding: 13px 20px 105px 0;
	text-align: right;
}

#rightColumn h3 { padding: 0; }

#rightColumn ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#content div.post { margin: 10px 0 40px 0; }
#content .post h2 { padding: 0; margin: 0;}

#content div.exhibition { margin: 10px 0 60px 0; width: 270px; text-align: center; float: left; }
#content div.exhibition a img { padding: 5px; border: 1px solid #F1037F; }
#content .exhibition h2 { padding: 0; margin: 0;}

#content div#photoSet {  }
#content div#photoSet a img { padding: 5px 25px 10px 0; }

#floatingPreview
{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #333;
	background-color: #fff;
	color: #000;
	padding: 10px;
	z-index:500;
}

img.floatRight { float:right; padding-left: 10px; }
img.floatLeft { float: left; padding-right: 10px; }

#floatingPreview #image { text-align: center; }
#floatingPreview p { text-align: left; }


/* ############################### Footer ##################### */
#footer {
	text-align: center;
	margin-bottom: 30px;
	font-size: 10px;
	color: #999;
	background-color: #e5e5e5;
}

#footer a { background-color: #e5e5e5; }

#footer img {  }


/* ############################### Tableless forms ##################### */
form { margin-top: 17px; }
label,input,select,textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select { width: 205px; }
textarea {  }

label {
	width: 75px;
	padding-right: 20px;
}

form br { clear: left; }

input.error {
	color: #000;
	background-color: #FCC;
	border: 1px solid #7F9DB9;
}
input.potato { margin-left: -9999px; }
#content form p { 
	margin: 0 0 0 95px;
	padding: 5px 0 0 0;
}

input.button, input.autoWidth, input.checkbox, input.radio { width: auto; }
input.hidden { float: none; display: none; }


/* ############################### tables ############################ */
table { border-collapse: collapse; }
td { padding: 2px 5px 2px 5px; }
tr.stripe { background-color: #fee5f2; color: #000; }