/*
Theme Name: Speed Or Safety
Theme URI: http://www.gaijindesign.com/
Description: Theme for cityhypnosis.com
Author: Lawrie Malen @ Gaijin Design New Media
Author URI: http://www.gaijindesign.com/
*/

html {
	background-color: 		#FF9101;
	font-family: 				Trebuchet MS;
	font-size: 					12px;
	color: 						#1A1A1A;
	background-image:			url('./img/bggradient.png');
	background-position:		top center;
	background-repeat:		no-repeat;
}

body {
	background-image:			url('./img/topbar.png');
	background-position:		top left;
	background-repeat:		repeat-x;
	margin:						0px;
	padding:						0px;
}

#headercontainer {
	width:						1000px;
	height:						320px;
	margin-left:				auto;
	margin-right:				auto;
}

#container {
	width:						1000px;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url('./img/tablebg.png');
	background-repeat:		repeat-y;
}

#textcontent {
	width:						930px;
	margin-left:				auto;
	margin-right:				auto;
	padding-top:				20px;
	clear:						both;
}

#leftcolumn {
	float:						left;
	width:						600px;
}

#footer {
	width:						1000px;
	height:						50px;
	background-image:			url('./img/footer.png');
	background-repeat:		no-repeat;
	padding-bottom:			20px;
	margin-left:				auto;
	margin-right:				auto;
	clear:						both;
}

#footermenu {
	width:						930px;
	margin-left:				auto;
	margin-right:				auto;
}

#footermenu a {
	display:						block;
	float:						left;
	margin-right:				10px;
}

#footermenu a.credit {
	float:						right;
	margin:						0px;
}

/*
	INDEX PAGE DEFINITIONS
*/

#features {
	width:						590px;
	padding-bottom:			15px;
}

#features div {
	float:						left;
	width:						280px;
	color:						#666666;
}

#features #cameras, #features #caught {
	margin:						0px 0px 50px 0px;
}

#features .right {
	float:						right;
}

#features div img {
	float:						left;
	margin-right:				10px;
}

#features div div {
	float:						left;
	width:						160px;
	font-size:					11px;
	padding-top:				10px;
}

#features h2 {
	border-bottom:				1px solid #CCCCCC;
}

/*
	SIDEBAR
*/

#sidebar {
	float:						right;
	width:						305px;
}

#sidebar .box {
	float:						right;
	width:						300px;
	border:						1px solid #CCCCCC;
	margin-bottom:				20px;
}

#sidebar .box .content {
	padding:						10px;
	font-size:					11px;
	color:						#666666;
}

#sidebar .box .content h2 {
	width:						250px;
	font-size:					15px;
}

#sidebar .box .content .rss {
	float:						right;
	display:						block;
	width:						25px;
	height:						25px;
	background-image:			url('./img/rss.png');
	background-repeat:		no-repeat;
}

#sidebar .box .content form {
	padding:						10px 0px 10px 0px;
}

#sidebar .box .content form input {
	float:						left;
	width:						180px;
}

#sidebar .box .content form button {
	float:						right;
}

/*
	NEWS SIDEBAR BOX
*/

#sidebar #news .newsitem {
	background-image:			url('./img/newsicon.png');
	background-repeat:		no-repeat;
	background-position:		top left;
	margin-top:					10px;
	padding-left:				22px;
	padding-bottom:			10px;
	border-bottom:				1px dotted #6E6E6E;
}

#sidebar #news .newsitem a {
	color:						#EE8E06;
}

#sidebar #news .newsitem .newstitle {
	font-size:					14px;
	font-weight:				bold;
}

#sidebar #news .newsitem .newstitle a {
	color:						#6E6E6E;
	text-decoration:			none;
}

#sidebar #news .newsitem.last {
	padding-bottom:			0px;
	border-bottom:				none;
}

/*
	SIDEBAR MOBILE CAMERA LIST
*/

#sidebar .box .mobileentry {
	padding:						5px 0px 5px 0px;
	border-bottom:				1px dotted #6E6E6E;
}

#sidebar .box .viewmobile {
	margin-top:					10px;
}

#sidebar .box .viewmobile a {
	color:						#EE8E06;
	font-size:					12px;
}

/*
	ICON SETS TO BE USED WHERE PAGE HAS SUBSECTIONS
*/

#iconset {
	width:						590px;
	padding-bottom:			15px;
}

#iconset div {
	float:						left;
	width:						280px;
	color:						#666666;
	margin-bottom:				20px;
}

#iconset .right {
	float:						right;
}

#iconset div img {
	float:						left;
	margin-right:				10px;
}

#iconset div div {
	float:						left;
	width:						210px;
	font-size:					12px;
	margin-bottom:				0px;
}

#iconset div div p {
	margin:						0px;
}

#iconset h2 {
	border-bottom:				1px solid #CCCCCC;
	margin-bottom:				5px;
}

/*
	MAP
*/

#mapborder {
	position:					relative;
	width:						600px;
	height:						512px;
	background-color:			#FFFFFF;
	border:						1px solid #999999;
}

#map {
	position:					absolute;
	top:							5px;
	left:							5px;
	width:						588px;
	height:						500px;
	border:						1px solid #999999;
}

#mapform {
	margin-top:					10px;
}

#mapform h2 {
	margin-bottom:				5px;
}

#mapform .field {
	display:						inline;
	margin-right:				10px;
}

#mapform .field label {
	font-size:					14px;
}

#mapform .field input {

}

/*
	MAP HTML ELEMENTS
*/

.speedicon {
	float:						left;
	width:						35px;
	height:						35px;
	margin-right:				10px;
}

.camtype {
	float:						left;
	height:						35px;
	color:						#EE8E06;
	font-size:					18px;
	font-weight:				bold;
	line-height:				30px;
}

.speedlimit {
	margin-top:					5px;
	background-color:			#FFF9B5;
	border:						1px solid #FF9900;
	padding:						5px;
}

/*
	MOBILE CAMERA SCHEDULE PAGE
*/

.mobilepageentry {
	padding:						5px 0px 5px 0px;
	border-bottom:				1px dotted #6E6E6E;
}

/*
	COMMUNITY PAGE
*/

#communityform .formfield {
	height:						30px;
}

#communityform .formfieldtall textarea {
	clear:						both;
	margin-bottom:				10px;
}

#communityform .inputbox {
	float:						left;
}

#communityform input {
	background-color:			#FFFFFF;
	color:						#333333;
	border: 						1px solid #C5C2BA;
	font-family: 				Trebuchet MS;
	font-size:					11px;
	width:						300px;
}

#communityform textarea {
	background-color:			#FFFFFF;
	color:						#333333;
	border: 						1px solid #C5C2BA;
	font-family: 				Trebuchet MS;
	font-size:					11px;
	width:						300px;
	height:						120px;
}

#communityform .label {
	float:						left;
	width:						250px;
	text-align:					right;
	font-size:					11px;
	color:						#EE8E06;
	margin-right:				30px;
}

#communityform button {
	float:						right;
	margin-right:				15px;
}

/*
	CONTACT SIDEBAR
*/

.contactaddress {
	width:						230px;
	border-top:					1px dotted #6E6E6E;
	border-bottom:				1px dotted #6E6E6E;
	padding:						5px 0px 5px 0px;
	margin:						10px 0px 10px 10px;
}

/*
	STANDARD TABLE LAYOUT
*/

.tablecontainer {
	width:						600px;
	border:						1px solid #CCCCCC;
	padding-bottom:			5px;
}

.infotable {
	width:						590px;
	border:						1px solid #CCCCCC;
	margin:						5px 0px 0px 5px;
}

.infotable thead th {
	text-align:					left;
	border-bottom:				1px dotted #999999;
}

.infotable tbody td {
	background-color:			#F2F2F2;
	text-align:					left;
	padding-left:				10px;
}

.infotable .white {
	background-color:			#FFFFFF;
	padding:						0px;
}

.infotable .center {
	text-align:					center;
}

/*
	TICKETING PROCESS PAGE
*/

.ticketprocess {
	width:						590px;
}

.ticketprocess img {
	float:						left;
	border:						5px solid #CCCCCC;
	margin-right:				15px;
}

.ticketprocess div {
	float:						right;
}

/*
	REGULAR CLASSES
*/

.sep {
	width:						600px;
	height:						10px;
	background-image:			url('./img/sep.png');
	background-repeat:		no-repeat;
	clear:						both;
	margin:						10px 0px 10px 0px;
}

.hilite {
	border:						1px solid #FF9100;
	background-color:			#FFF9B5;
}

.boxlink {
	display:						none;
}

.clear {
	clear:						both;
}

.columnclear {
	clear:						both;
	padding-top:				10px;
}

.grey {
	color:						#666666;
}

.black {
	color:						#000000;
}

img.display {
	border:						4px solid #EDEDED;
}

img.right {
	float:						right;
	margin:						0px 0px 10px 10px;
}

/*
	ELEMENTS
*/

a {
	color:						#6E6E6E;
}

img {
	border:						0px;
}

h1 {
	border-bottom:				1px solid #E2E2E2;
}

h2 {
	margin:						0px 0px 10px 0px;
}

h5 {
	color:						#1A1A1A;
}

input {
	color:						#333333;
	font-family:				Trebuchet MS;
}

button {
	padding:						0px 5px 0px 5px;
}