/* ---- universal truths ---- */
* {
    box-sizing: border-box;
}

html {
    font-family: "Lucida Sans", sans-serif;
}

body	{
	max-width:800px;
	margin:0 auto;
	font-size: 100%;
	background-repeat:no-repeat !important;
	background-position:top middle;
	background-color:#fff;
	}

h1 {
    text-align:center;
    font-size: 1.75em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:5px;
	margin-bottom:20px;
}

h2 {
	font-size: 1.2em;
	font-weight:normal;
	font-style:italic;
	margin-top:0;
	margin-bottom:10px;
}

h2.range {
	text-align:left;
	padding-top:20px;
	border-top:1px dotted #ccc;
}

h2 a:link, h2 a:visited, h2 a:hover {
    text-decoration:none;
	color:#333;
	border-bottom:1px dashed #fff !important;
}

h2 a:hover {
	color:#000;
	border-bottom-color:#333 !important;
}

p, ul, ol {
    font-size: 0.9em;
	line-height: 1.6em;
}

p, ul, ol {
	margin-bottom:30px;
}

a:link.external img	{
	width:12px;
	height:auto;
	padding-left:3px;
	}

/* ---- grid ---- */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
    float: left;
    padding: 15px;
    /*border: 1px solid red;*/
}

/* ---- rows ---- */
div.row	{
	clear:left;
	}

div.top	{
	border-top:1px solid #063;
	min-height:90px;
	}

div.top	[class*="col-"], div.navigation	[class*="col-"], div.mainBody [class*="col-"], div.portfolio [class*="col-"], div.siteInfo [class*="col-"] {
    /*border: 1px solid #c00;*/
}

div.navigation	{
	min-height:60px;
	}

/* ---- headers 
body.home	{
	background:url(../images/headers/background.jpg) top fixed;
	}

body.about	{
	background:#fff top no-repeat url(../images/headers/25.jpg);
	}
body.portfolio	{
	background:#fff top no-repeat url(../images/headers/24.jpg);
	}
body.contact	{
	background:#fff top no-repeat url(../images/headers/23.jpg);
	}
---- */	


/* ---- tabs ---- */
div.tabMain	{
	padding-top:40px;
	font-size:105%;
	}

div.tabMain, div.tabLeft, div.tabMiddle, div.tabRight, span.backToTop	{
	text-transform:uppercase;
	letter-spacing:5px;
	}

div.tabLeft, div.tabMiddle, div.tabRight	{
	padding-top:20px;
	}

div.tabMain, div.tabMiddle	{
	text-align:center;
	}

div.tabLeft	{
	text-align:left;
	padding-left:0;
	}	
	
div.tabRight	{
	text-align:right;
	padding-right:0;
	}
	
/* ----- links in tabs ---- */
div.tabMain a:link, div.navigation a:link,
div.tabMain a:visited,	div.navigation a:visited	{
	padding:10px 5px;
	color:#666;
	text-decoration:none;
	border-bottom:2px dotted transparent;
	}	

div.tabMain a:link	{
	padding-bottom:15px;
	}	

div.navigation a:link.thisPage, div.navigation a:visited.thisPage	{
	border-bottom-style:solid;
	border-color:#063;
	color:#333;
	}		

div.tabMain a:hover, div.navigation a:hover	{
	border-bottom:2px dotted #063;
	color:#333;
	}	


	
/* ---- text box ---- */
div.intro	{
	padding:30px 0 0 0;
	border-color:#339933;
	}

p.intro	{
	margin-bottom:40px;
	}

div.textBox	{
	padding:0 0 60px 0;
	border-color:#339933;
	}	

div.introPara	{
	padding-bottom:0;
	}

ul.contact	{
	list-style:circle;
	padding-top:0;
	margin-bottom:0;
	margin-left:0;
	border:1px solid #fff;
	}

ul.contact li	{
	padding-bottom:20px;
	padding-left:5px;
	margin-left:0;
	border:1px solid #fff;
	}

ul.contributors 	{
	margin-left:25px;
	}

ul.contributors li	{
	padding-bottom:10px;
	padding-left:8px;
	font-style:italic;
	font-size:0.9em;
	}
	
/* ---- portfolio rows and album tile ---- */
div.portfolio	{
	margin-top:60px;
	}

div.album	{
	overflow:hidden;
	border:1px solid #fff;
	}

div.album img	{
	width:100%;
	height:auto;
	}

div.picture	{
	margin-top:25px;
	padding-top:15px;
	border-top:1px dotted #ccc;
	}

div.picture img	{
	margin-top:10px;
	width:100%;
	height:auto;
	cursor:url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
	}

div.picture img.tile	{
	width:49%;
	height:auto;
	cursor:auto;
	border:1px solid #ddd;
	border-right-color:#bbb;
	border-bottom-color:#ccc;
	}

div.vertical img	{
	width:auto;
	height:auto;
	max-height:400px;
	cursor:url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
	}

div.square img	{
	height:auto;
	cursor:url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
	}



div.picture, div.vertical, div.square	{
	text-align:center;
	}
	
div.picture a.lightbox img	{
	cursor:url(/img/layout/backgrounds/zoom.cur), -moz-zoom-out;
	}
	
p.details, p.fourOfour	{
	font-size:80%;
	margin-top:5px;
	margin-bottom:45px;
	text-align:left;
	}

div.picture p.info, div.picture ul	{
	font-size:80%;
	text-align:left;
	margin-bottom:0;
	}

div.picture ul.info	{
	margin-bottom:45px;
	}

div.post div.picture p.details	{
	margin-bottom:0;
	}

div.range	{
	padding-bottom:40px;
	}

div.post p.details	{
	margin-bottom:20px;
	font-style:italic;
	}

p.fourOfour, h1.fourOfour	{
	color:#c00;
	}

span.title	{
	display:block;
	font-style:italic;
	font-weight:bold;
	}

span.medium, span.size	{
	color:#666;
	}

/* ---- button ---- */
p.buttons	{
	margin-top:30px;
	margin-bottom:0;
	}

span.button	{
	float:right !important;
	margin-left:10px;
	}

span.button a:link, span.button a:visited, span.button input	{
	border-radius: 10px;
	color:#FFF;
	dispaly:block;
	padding:10px;
	background-color:#C00;
	font-weight:bold;
	text-decoration:none;
	}
	
span.button a:hover, span.button input:hover	{
	text-decoration:underline;
	background-color:#7ac800;
	box-shadow: 0 2px 2px 0 grey;
	}	
	
div.clear	{
	clear:both;
	padding:0;
	margin:0;
	}	

/* ---- blog ---- */
div.post	{
	border-bottom:1px dashed #333;
	margin-bottom:60px;
	}
	
/* ---- site info ---- */
div.siteInfo	{
	border-top:1px dotted #063;

	}	
	
div.siteInfo p	{
	margin-bottom:20px;
	font-size:75%;
	}
	
/* ----- data lists ----- */
dl	{
	margin-bottom:0;
	margin-top:20px;
	margin-left:30px;
	line-height:1.25em;
	clear:left;
	}

dt	{
	display:block;
	float:left;
	clear:left;
	width:80px;
	text-align:left;
	margin-right:5px;
	margin-bottom:0;
	font-weight:bold;
	border:1px solid #fff;
	white-space:normal;
	}

dd	{
	display:block;
	text-align:left;
	margin-right:40px;
	margin-bottom:10px;
	margin-left:0;
	padding-left:90px;
	color:#000;
	border:1px solid #fff;
	}

dt, dd	{
	font-size:0.9em;
	}
			
dd p	{
	padding:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:10px;
	margin-left:0;
	}

dd ul	{
	margin-left:0;
	margin-top:0;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	}

dd ul li	{
	padding-left:0 !important;
	margin-left:20px !important;
	padding-top:0 !important;
	border:1px solid #fff;
	}

/* contact form */

div.gcdContact	{
	margin:0;
	/* border:1px solid #cc9; */
	padding:15px 0 30px 0;
	background-color:#fff;
	}

div.gcdContact dl	{
	margin:0 0 0 20px;
	}

div.gcdContact fieldset	{
	margin:30px 0 10px 0;
	border-color:#fff;
	border-style:dotted;
	padding:0;
	}

div.gcdContact fieldset legend	{
	margin-left:12px;
	margin-bottom:15px;
	padding:0 10px;
	}

div.gcsContact fieldset dl	{
	margin:10px 0 0 20px;
	}
	
dl.contact dt, dl.contact dd, div.gcdContact fieldset dt, div.gcdContact fieldset dl dd	{
	border:1px solid #fff;
	width:auto;
	}	

dl.contact dt, div.gcdContact fieldset dl dt	{
	float:none;
	}

dl.contact dd, div.gcdContact fieldset dl dd	{
	float:none;
	padding-left:0;
	}

div.gcdContact input.button	{
	margin-left:0;
	}

div.gcdContact span.helpText	{
	display:block;
	color:#999;
	font-weight:normal;
	}
	
span.err	{
	color:#c00;
	}	
	
/* detail tiles */



p.twos	span.detail	{
	width:49.5%;
}

p.threes	span.detail	{
	width:33%;
}
p.fours	span.detail	{
	width:24.5%;
}

p.fives	span.detail	{
	width:19.5%;
}

span.detail	{
	float:left;
	border:4px solid #fff;
	border-bottom-color:#C80067;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	margin-bottom:0;
	padding-bottom:0;
}	

span.detail img.tile	{
	width:100%;
}

span.name	{
	display:block;
	font-size:75%;
}

span.code	{
	display:block;
	color:#666;
}

span.detail a:link, span.code a:link	{
	color:#999 !important;
	text-decoration:none !important;
}