/****************
Made with the help of: Henry Rose
Email: henryrose@gmail.com
****************/

/** GENERAL.CSS **/

/** typeography **/
body {
	font: normal 16px/16px arial;  
	font-size:14px; 
	}


h2{
	font-size:2em;
	line-height:1.5em; 
	}



/**** Header ****/
#header {
	background:#3845A8;
	padding-left:10px; 
	}

#header h1{
	font-size:3em; 
	line-height:3em; 
	color:#7663DB; 
	}
	
#flairNav h1{
	font-size:2.5em;
	line-height:2.5em;
}


/**** Nav ****/
#nav,#ptNav{
	background:#3845A8; 
	padding-left: 10px; 
	}
	
#flairNav{
	padding-left: 10px;
}
	
#ptSubNav{
	background:#960000; 
	padding-left: 10px; 
	}
}

#nav ul,#ptNav ul{
	}
	
#ptSubNav ul{
	padding: 3px 0pt 0pt 7px;
	}

#nav ul li,#ptNav ul li,#ptSubNav ul li,#flairNav ul li{
	display:block; 
	float:left; 
	margin-right: 25px; 
	}
	
#nav ul li a,#ptNav ul li a, #nav ul li a:visited,#ptNav ul li a:visited{
	font-size: 1.5em; 
	color:#F0E06B;
	text-decoration:none;
	}

#flairNav ul li a,#flairNav ul li a:visited{
	font-size: 1.5em;
	text-decoration:none;
}

#ptSubNav ul li a,#ptSubNav ul li a:visited{
	font-size: 1.3em;
	color:#F0E06B;
	text-decoration:none;
}

#nav ul li a:hover,#ptNav ul li a:hover,#ptSubNav ul li a:hover,#flairNav ul li a:hover{
	text-decoration:underline;
	}
	
#nav ul li.current a,#ptNav ul li.current a{
	color:#D6A050;
	text-decoration:none;
	}
	
#ptSubNav ul li.current a{
	color:#D6A050;
	text-decoration:none;
	}
	
#flairNav ul li.current a{
	text-decoration:none;
}
	
/**** Content ****/
#content{
	padding-left:10px; 
	margin-top:10px; 
	}
.aboutMe a,.aboutMe a:visited,.regionalTransit a,.regionalTransit a:visited{
	color:#7663DB;
	text-decoration:none;
}
.aboutMe a:hover,.regionalTransit a:hover{
	color:#7663DB;
	text-decoration:underline;
}

p{
	margin: 10px;
}
	
img.teaserImage{
	float:left; 
	margin-right:20px; 
	}
	
#djstrokyImage{
	margin-left:10%;
}

#footer a,#footer a:visited{
	color:#7663DB;
	text-decoration:none;
}

#footer a:hover{
	color:#7663DB;
	text-decoration:underline;
}


/**** Projects ****/

#projectList{
	width:95%; 
	margin-bottom:15px;
	}
	
.project{
	width:100%; 
	height:1%; 
	margin-top:20px; 
	}

.project img{
	float:left;
	margin:2px 20px 2px 2px;
	border-style:solid;
	border-width:1px;
	border-color:#010000;
	}

.project img:hover{
	margin:1px 19px 1px 1px;
	border-width:2px;
	border-color:#960000;
}
	
.project h3{
	font-size:1.25em; 
	line-height:1em; 
	font-weight:bold; 
	color:#010000;	
}

.project h4{
	font-size:1.1em;
	margin-top: 10px;
	font-weight: bold;
}
	
.project h3 a, .project h3 a:visited{
	color:#010000;
	text-decoration:underline;
	}
	
.project h3 a:hover{
	color:#960000;
	}
	
img.projectNohov:hover{
	margin:2px 20px 2px 2px;
	border-width:1px;
	border-color:#010000;
	}
	
/****Public Transit****/

#ptCol{
	width:33%;
	float:left;
}

#ptItem{
	width:100%;
	margin:10px;
}

.ptItem{
	float:left;
	position:relative;
	width:95%; 
	height:1%; 
	margin:5px;
	border-style:solid;
	border-width:0pt 0pt 1px 1px;
}

.ptItem img{
	float:left; 
	margin:5px 10px 2px 4px;
	border-style:solid;
	border-width:1px;
	border-color:#010000;
	}

.ptItem img:hover{
	margin:4px 9px 1px 3px;
	border-width:2px;
	border-color:#960000;
}
	
.ptItem h3{
	font-size:1.25em; 
	line-height:1em; 
	font-weight:bold; 
	color:#010000;
	margin-left:4px;
}
	
.ptItem h3 a, .ptItem h3 a:visited{
	color:#010000;
	text-decoration:underline;
	}

.ptItem p{
	margin:5px;
	}
	
.ptItem h3 a:hover{
	color:#960000;
	}
	
.ptItem ol{
	margin-left:5px;
}
	
img.ptItemNohov:hover{
	margin:5px 10px 2px 4px;
	border-width:1px;
	border-color:#010000;
	}

/****Regional Transit****/

.regionalTransit h2 a,.regionalTransit h2 a:hover,.regionalTransit h2 a:visited{
	color:#010000;
	text-decoration:none;
	}
	
#regionalTransit ul{
	margin:10px 0pt 10px 20px;
	}
	
.regionalTransit table{
	table-layout:auto;
	border:2px solid black;
	border-spacing:0px;
}

.regionalTransit th{
	border:1px solid black;
	padding:2px;
	font-weight:bold;
	}

.regionalTransit td{
	border:1px solid black;
	padding:2px;
	}

.regionalTransit sup{
	vertical-align:super;
	font-size:75%;
	}

.regionalTransit h4{
	font-size:1.2em;
	line-height:1em;
	margin-left:25px;
	}
	
.alongR td{
	text-align:center;
	color:#960000;
	}
	
.total td{
	text-align:right;
	color:#F0E06B;
	background-color:#960000;
	}


/****Brochure****/

#brochureL{
	width:275px;
	float:left;
	}

#brochureR{
	width:600px;
	float:left;
	}
	
#h3Brochure{
	font-size:1.5em;
	line-height:2em;
}

#h3BrochureError{
	font-size:2em;
	line-height:2em;
	color:red;
	font-weight:bold;
}
	
/****DJStroky****/

#aboutMe h2 a, #aboutMe h2 a:visited{
	color:#010000;
	text-decoration:underline;
}

#aboutMe h2 a:hover{
	color:#960000;
}
	
	
/*******Flair*********/
.mcbhelperimage{
	margin:10px;
}