/*

Theme Name: viewtraffic.info

Theme URI: http://viewtraffic.info

Author: John Aspinall

Author URI: http://www.fluxcreative.net

Version: 1.0

*/



/*-------

// global reset

//-----*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

acronym { cursor: help; }





/*-------

// general

//-----*/



html { font-size: 100.01%; }

body { font-size: 62.5%; line-height: 1.2; }

input, select, textarea { font-size: 100%; }



input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Tahoma, serif; }

.submit { cursor/**/: /**/pointer; }

select { font-size: 100%; font-family: Tahoma, serif; }

select > option { padding: 0 5px 0 3px; }



.ul, .ol { margin: 0 0 1em 2em; }

.ul li, .ol li { margin: .2em 0; padding: 0; }



.flR { float: right; }

.flL { float: left; }

.alR { text-align: right; }

.alC { text-align: center; }



.hide { display: none; }

.clear { clear: both; }



.ir { position: relative; overflow: hidden; }

.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }



a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }

a:link:hover, a:visited:hover { text-decoration: underline; }

a.inv:link, a.inv:visited { text-decoration: underline; }

a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }



.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }







/*-------

// custom styles

//-----*/



a:link, a:visited { 

	color: #F08F1D;

}

a:visited { 

}

a:link:hover, a:visited:hover {

}



html { height: 100.01%; }

body {

	font-family: Arial, sans-serif;

	background: #000000 url(img/body-bg.jpg) repeat 50% 0;

	padding: 20px 0 0;

}

#page {

	font-size: 1.2em;

	color: #747980;

	width: 974px;

	margin: 0 auto;

	background: #FFFFFF;

	color: #000000;

}



#top {

	width: 100%;

	overflow: hidden;

	background: url(img/page-tr.gif) no-repeat 100% 0;

	height: 267px;

}

	#logo {

		float: left;

		padding: 40px 0 23px 300px;

		background: url(img/logo.gif) no-repeat 14px 6px;

	}

		#logo a:link, #logo a:visited {

			display: block;

			width: 393px;

			height: 71px;

		}

			#logo a:link span, #logo a:visited span {

				background: url(img/logo-1.gif) no-repeat 0 0;

			}

	#subscribe {

		float: right;

		padding: 30px 40px 0 0;

		width: 75px;

		text-align: center;

		font-family: Tahoma, sans-serif;

	}

		#subscribe a.rss:link, #subscribe a.rss:visited {

			display: block;

			margin: 5px auto;

			width: 40px;

			height: 39px;

		}

			#subscribe a.rss:link span, #subscribe a.rss:visited span {

				background: url(img/icon-rss.jpg) no-repeat 0 0;

			}

	#menu {

		clear: both;

		width: 100%;

		overflow: hidden;

		height: 32px;

		font-family: Tahoma, sans-serif;

		font-size: 173%;

		letter-spacing: -0.05em;

		border-bottom: solid 7px #489DD3;

	}

		#menu ul {

			display: table;

			margin: 0 auto;

			white-space: nowrap;

		}

			#menu li {

				display: table-cell;

				padding: 0 2px;

			}

				#menu li a:link, #menu li a:visited {

					float: left;

					color: #333333;

					background: url(img/button3-l.png) no-repeat 0 0;

					text-decoration: none;

				}

					#menu li a:link span, #menu li a:visited span {

						float: left;

						display: block;

						line-height: 32px;

						padding: 0 1.25em;

						background: url(img/button3-r.gif) no-repeat 100% 0;

					}

				#menu li a:link:hover, #menu li a:visited:hover {

					background: url(img/button2-l.png) no-repeat 0 0;

				}

					#menu li a:link:hover span, #menu li a:visited:hover span {

						background: url(img/button2-r.gif) no-repeat 100% 0;

					}

				#menu li.current_page_item a:link, #menu li.current_page_item a:visited {

					background: url(img/button1-l.png) no-repeat 0 0;

				}

					#menu li.current_page_item a:link span, #menu li.current_page_item a:visited span {

						background: url(img/button1-r.gif) no-repeat 100% 0;

					}

				#menu li.current_page_ancestor a:link, #menu li.current_page_ancestor a:visited {

					background: url(img/button1-l.png) no-repeat 0 0;

				}

					#menu li.current_page_ancestor a:link span, #menu li.current_page_ancestor a:visited span {

						background: url(img/button1-r.gif) no-repeat 100% 0;

					}					

	#search {

		clear: both;

		height: 93px;

		background: url(img/search-bg.jpg) no-repeat 0 0;

		position: relative;

	}

		#search input.text {

			position: absolute;

			left: 380px;

			top: 37px;

			width: 255px;

			padding: 3px 5px;

			border: none;

			color: #999999;

		}

		#search input.submit {

			position: absolute;

			left: 670px;

			top: 30px;

			width: 60px;

			height: 50px;

			border: none;

			background: url(img/search-bg.jpg) no-repeat -670px -30px;

			text-indent: -1000em;

			padding: 55px 0 0;

			overflow: hidden;

		}





#outer1 {

	background: #F8FBFD url(img/wrap-bg.png) repeat-x 0 100%;

	padding: 10px 0 0;

}

	#outer2 {

		background: url(img/content-bg.gif) repeat-y 0 0;

		margin: 0 0 0 14px;

		width: 948px;

	}

		#outer3 {

			background: url(img/content-b.png) no-repeat 0 100%;

		}



#wrap {

	background: url(img/content-t.png) no-repeat 0 0;

	min-height: 920px;

	padding: 23px 17px 0 13px;

	width: 918px;

	overflow: hidden;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

	#wrap2 {

		float: left;

		width: 660px;

/*		margin-left:-50px;*/

	}

		#content {

			float: right;

			width: 480px;

			

		}

		#side1 {

			float: left;

			width: 165px;

		}

	#side2 {

		float: right;

		width: 240px;

	}



#content p {

	margin: 0 0 1em;

	line-height: 1.5em;

}

#content ul {

}



#content h1 {

	font-size: 166%;

	font-weight: normal;

	font-family: Tahoma, sans-serif;

	letter-spacing: -0.05em;

	color: #5F979E;

	margin: 0 0 1em;

}

	#content h1 span {

		color: #CCCCCC;

	}



.intro {

	font-size: 116.67%;

}



#map {

	text-align: center;

	margin: 0 0 20px;

}



.box1 {

	background: #F2F7F9 url(img/box1-b.png) no-repeat 0 100%;

	margin: 0 0 10px;

}

	.box1 .in {

		background: url(img/box1-t.gif) no-repeat 0 0;

		padding: 10px 10px;

	}

	.box1 h2 {

		text-align: center;

		font-family: rockwell, tahoma, verdana ;

		font-size: 160%;

		font-weight:normal ;

		color:#339999;

		margin: 0 0 .75em;

	}



#menu2 {

	width: 100%;

	overflow: hidden;

}

	#menu2 li {

		float: left;

		width: 100%;

		margin: 0 0 5px;

	}

		#menu2 li a:link, #menu2 li a:visited {

			display: block;

			height: 66px;

			width: 144px;

			position: relative;

		}

			#menu2 li a:link span, #menu2 li a:visited span {

				position: absolute;

				left: 0;

				top: 0;

				width: 100%;

				height: 100%;

				background: url(img/buttons.png) no-repeat 0 0;

			}

		#menu2 #b1 a:link span, #menu2 #b1 a:visited span { background-position: 0 0; }

		#menu2 #b1 a:link:hover span, #menu2 #b1 a:visited:hover span { background-position: -144px 0; }

		#menu2 #b2 a:link span, #menu2 #b2 a:visited span { background-position: 0 -75px; }

		#menu2 #b2 a:link:hover span, #menu2 #b2 a:visited:hover span { background-position: -144px -75px; }

		#menu2 #b3 a:link span, #menu2 #b3 a:visited span { background-position: 0 -145px; }

		#menu2 #b3 a:link:hover span, #menu2 #b3 a:visited:hover span { background-position: -144px -145px; }

		#menu2 #b4 a:link span, #menu2 #b4 a:visited span { background-position: 0 -221px; }

		#menu2 #b4 a:link:hover span, #menu2 #b4 a:visited:hover span { background-position: -144px -221px; }

		#menu2 #b5 a:link span, #menu2 #b5 a:visited span { background-position: 0 -294px; }

		#menu2 #b5 a:link:hover span, #menu2 #b5 a:visited:hover span { background-position: -144px -294px; }

		#menu2 #b6 a:link span, #menu2 #b6 a:visited span { background-position: 0 -368px; }

		#menu2 #b6 a:link:hover span, #menu2 #b6 a:visited:hover span { background-position: -144px -368px; }

		#menu2 #b7 a:link span, #menu2 #b7 a:visited span { background-position: 0 -442px; }

		#menu2 #b7 a:link:hover span, #menu2 #b7 a:visited:hover span { background-position: -144px -442px; }

		#menu2 #b8 a:link span, #menu2 #b8 a:visited span { background-position: 0 -515px; }

		#menu2 #b8 a:link:hover span, #menu2 #b8 a:visited:hover span { background-position: -144px -515px; }

		#menu2 #b9 a:link span, #menu2 #b9 a:visited span { background-position: 0 -589px; }

		#menu2 #b9 a:link:hover span, #menu2 #b9 a:visited:hover span { background-position: -144px -589px; }

		#menu2 #b10 a:link span, #menu2 #b10 a:visited span { background-position: 0 -663px; }

		#menu2 #b10 a:link:hover span, #menu2 #b10 a:visited:hover span { background-position: -144px -663px; }

		#menu2 #b11 a:link span, #menu2 #b11 a:visited span { background-position: 0 -743px; }

		#menu2 #b11 a:link:hover span, #menu2 #b11 a:visited:hover span { background-position: -144px -743px; }

		#menu2 #b12 a:link span, #menu2 #b12 a:visited span { background-position: 0 -821px; }

		#menu2 #b12 a:link:hover span, #menu2 #b12 a:visited:hover span { background-position: -144px -821px; }







.box2 {

	background: #F2F7F9 url(img/box2-b.png) no-repeat 0 100%;

	margin: 0 0 15px;

}

	.box2 .in {

		background: url(img/box2-t.gif) no-repeat 0 0;

		padding: 10px 12px;

	}

	.box2 h2 {

		text-align: center;

		font-family: rockwell, tahoma, verdana ;

		font-size: 160%;

		font-weight:normal ;

		color:#339999;

		margin: 0 0 .75em;

	}

	.box2 .content {

		border: solid 1px #EAF1F4;

		background: #FFFFFF;

		padding: 5px 10px;

	}



ul.tabs {

	width: 100%;

	overflow: hidden;

	margin: 0 0 5px;

	font-size: 116.67%;

	font-family: Arial, sans-serif;

}

	ul.tabs li {

		float: left;

		margin: 0 10px 0 0;

	}

	ul.tabs li.last {

		margin: 0;

	}

		ul.tabs li a:link, ul.tabs li a:visited {

			display: block;

			float: left;

			padding: 4px 6px;

			color: #FF9900;

			background: #FFFFFF;

			border: solid 1px #EAF1F4;

		}

		ul.tabs li a:link:hover, ul.tabs li a:visited:hover {

			background: #5F979E;

			color: #FFFFFF;

			border-color: #5F979E;

			text-decoration: none;

		}



ul.list1 {

	width: 100%;

	overflow: hidden;

}

	ul.list1 li {

		float: left;

		width: 100%;

		margin: 0 0 .5em;

	}

		ul.list1 li a:link, ul.list1 li a:visited {

			display: block;

			color: #666666;

			padding: 0 0 0 25px;

			line-height: 18px;

			background: url(img/icon-1.gif) no-repeat 0 50%;

			text-decoration: underline;

		}

		ul.list1 li a:link:hover, ul.list1 li a:visited:hover {

			color: #FD7E18;

		}

		





#add {

	background: #72B4DD url(img/add-bg.jpg) repeat-x 0 100%;

	position: relative;

	color: #FFFFFF;

}

	#add .in {

		padding: 36px 40px 0;

		min-height: 350px;

		background: url(img/page-bl.gif) no-repeat 0 100%;

	}



	#tAdd {

		width: 396px;

		height: 29px;

		margin: 0 0 15px;

		text-indent: -1000em;

	}

		#tAdd span {

			background: url(img/title-1.png) no-repeat 0 0;

		}

	#add p {

		font-size: 150%;

		margin: 0 0 1.5em;

	}



	#add ul {

		float: left;

		width: 266px;

		margin: 0 24px 0 0;

	}

		#add li {

			margin: 0 0 20px;

			position: relative;

		}

			#add li span {

				position: absolute;

				left: 0;

				top: 0;

			}

				#add li span em {

					width: 19px;

					height: 19px;

					display: block;

					line-height: 19px;

					text-align: center;

					font-size: 116.67%;

					font-weight: bold;

					font-style: normal;

					color: #FFFFFF;

					background: url(img/icon-number.png) no-repeat 0 0;

				}

			#add li label {

				display: block;

				font-weight: bold;

				font-size: 116.67%;

				padding: 0 0 0 30px;

				color: #1C5377;

			}

			#add li div {

				margin: 5px 0 0 auto;

				width: 241px;

				height: 30px;

				padding: 5px 0 0 10px;

				background: url(img/input-1.png) no-repeat 0 0;

			}

			#add li.ta div {

				height: 120px;

				background: url(img/input-2.png) no-repeat 0 0;

			}

				#add li input.text {

					border: none;

					font-size: 150%;

					width: 220px;

					color: #000000;

				}

				#add li textarea {

					height: 110px;

					width: 230px;

					border: none;

					font-size: 116.67%;

					color: #000000;

				}

				#add li select {

					font-size: 125%;

				}

		#add li.button {

			margin: 0 0 0 80px;

		}





#footer {

	margin: 0 auto;

	padding: 15px 0;

	width: 910px;

	color: #FFFFFF;

	font-size: 1.2em;

}

	#footer p {

		margin: 0 0 .6em;

	}

#cam-iframe {

	width:450px;

	height:375px;

	overflow:hidden;

	position:relative;

	margin-bottom:12px;

}

#inner-iframe {

	position:absolute;

	top:-180px;

	left:-115px;

	width:1280px;

	height:1200px;

}

#inner-iframe2 {

	position:absolute;

	top:0px;

	left:0px;

	width:1280px;

	height:1200px;

}

h3 { 

	background:url(img/tyre-tread-bg.gif) no-repeat; 

	height:42px; 

	padding-top:5px; 

	font-size:190%;

	color: #000000;

	font-family: tahoma, "Trebuchet MS", Trebuchet, Verdana, Arial;

	font-weight:normal;

}

#adsense468text {

	margin: 15px 0 20px 0;

}

#adsense468links {

	margin: 15px 0 20px 0;

}

#adsense160text {

	padding: 25px 15px 25px 28px;

}

	

	

#eastern li {

	background-color:#000000;

	color:#FFFFFF;



}

#eastern li li  {

	background: url(img/icon-cam.gif) 10px 5px no-repeat;

	padding:10px 0px 10px 50px;

	background-color:#E8F3FF;

	border-bottom: 1px solid #AAD2FF;		

		}

.page-item-333 {

	background: #C6E1FF url(img/icon-info.gif) no-repeat; 

	padding: 10px 0;

}

.formBuilderForm { 

		padding:12px; 

		background: #DDEEFF;

}

		.formBuilderForm input{

		width:250px;

		padding:5px;

		margin-bottom:13px;

		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial; 

		font-size:110%;

		border:1px solid #66B3FF;

	}

	.formBuilderForm textarea{

		width:400px;

		padding:5px;

		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial; 

		font-size:110%;

		margin-bottom:13px;

		border:1px solid #66B3FF ;				

	}

	.formBuilderLabelRequired, .formBuilderLabel {

		font-weight:bold;

		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial; 

		font-size:130%;

		margin-bottom:3px;

	}

	.formBuilderError {

		color:#FF0000;

	}

	.formBuilderSubmit input {

		width:100px;

		border-left:1px solid #c5c5c5;

		border-top:1px solid #c5c5c5 ;

		border-right:1px solid #666666;

		border-bottom:1px solid #666666;

	}



#cam-list li { 

	background: url(img/icon-roadsign.gif) no-repeat; 

	 padding: 5px 0 5px 48px;

	 list-style:none;



}

#cam-list li a {

	color:#0066CC;

}

#cam-list li li {

	background: #ffffff url(img/icon-sign.gif) no-repeat;

	margin-top:8px;

	padding-left:40px;

}

#cam-list li li li{

	background: #ffffff url(img/icon-info.gif) no-repeat;

	padding-left:35px;

}

#region-list li {

	background: #ffffff url(img/icon-sign.gif) no-repeat;

	margin-top:8px;

	 padding: 5px 0 5px 45px;

	 list-style:none;	

}

#region-list li li {

	background: #ffffff url(img/icon-info.gif) no-repeat;

	margin-top:8px;

	padding-left:40px;

}

#region-list li li li {

	background: #ffffff url(img/icon-cam.gif) no-repeat;

	margin-top:8px;

	padding-left:40px;

}

#region-list li li li li li {

	background: #ffffff url(img/icon-cam.gif) no-repeat;

	margin-top:8px;

	padding-left:40px;

}

.breadcrumb { 

	border-bottom: 1px solid #e0ebf0; 

	padding:3px 0 3px 5px;

	border-top: 1px solid #e0ebf0;

	background-color:#f2f7f9;

}

.alignleft {float:left; margin: 0 3px 3px 0;}

.alignright {float:right; margin: 0 0 3px 3px;}

.blog-post {width: 480px; margin-bottom:1em;}

	.blog-post h4 { 

		font-size:140%;

	}

	.blog-post h5, cite {

		color:#339999;

		margin:0.5em 0;

		font-weight:normal;

	

	}	

	.blog-post h6 {

		color:#666666;

		font-weight:normal;

		font-style:italic;

		margin:0.5em 0;

	}	

	.blog-post span {

		color:#5B9999;	

		margin-top:0.5em;

		display:block;

	}

.blog-top { 

	background:url(img/blog-post-top.jpg) no-repeat; 

	height: 13px; 

	overflow: hidden;

}

.blog-content { 

	background: url(img/blog-post-grad.jpg) repeat-x; 

	border-right:1px solid #BCBCBC; 

	border-left:1px solid #BCBCBC;

	overflow: hidden;

	padding:0 10px;	

}

.blog-bottom { 

	background:url(img/blog-post-bottom.jpg) no-repeat; 

	height:35px;

	padding:0 10px;	

}

	.blog-bottom p { 

		font-size:90%; 

		color:#CCCCCC; 	

		background:url(img/dotted-line.gif) repeat-x top;

		padding-top:8px;

	}

	.blog-bottom span {

		background:url(img/icon-comments.gif) 10px 0 no-repeat;

		padding-left:30px;

		border-left: 1px solid #CCCCCC;

		margin-left:8px;

		display:inline;

		padding-bottom:0.3em;

	}

	.blog-bottom span.rss{

		background:url(img/feed-icon-14x14.png) 10px 0 no-repeat;

	}

#subscribe-blog	{

		background: #fff url(img/rss-corner.gif) right no-repeat;

		border: solid 1px #EAF1F4;

		padding: 10px;		

}

	#subscribe-blog	p {

		font-size:90%;

		color:#333333;

	}

.icon-rss {

	background:url(img/feed-icon-14x14.png) no-repeat; 

	padding:0 0 5px 23px;

	font-weight:bold;	

	margin-bottom:0.5em;

}

.icon-info {

	background:url(img/icon-info.gif) no-repeat; 

	padding:0 0 5px 23px;

	margin-left:20px;

	margin-bottom:0.5em;

}

.icon-email {

	background:url(img/icon-email.gif) no-repeat; 

	padding:0 0 5px 23px;

	margin-bottom:0.5em;

	line-height:1.3em;

	font-weight:bold;

}

.icon-twitter {

	background:url(img/icon-twitter.gif) no-repeat; 

	padding:0 0 5px 23px;

	margin-bottom:0.5em;

	line-height:1.3em;

	font-weight:bold;

}

.widget { border:1px solid red;}

.wp-polls {

	background-color:#fff4e9; 

	margin-top:1em;

	border:1px solid #FFEAD5;

	font-family:Georgia, "Times New Roman", Times, serif;



}

	.wp-polls p {

		font-size: 12px;

		font-weight:bold;

		text-align:left;

		color:#FFFFFF;

		background-color: #E87400;

			padding:4px;

	}

	.wp-polls li {

		padding:6px 0;

		font-size:12px;

		border-bottom:1px solid #FFEAD5;

		padding-left:80px;

	}

.warning {

	padding:12px 0 12px 60px; 

	border:1px solid #d82400; 

	margin:12px 0; 

	background: #eaeaea url(img/icon-warning.png) 8px 10px no-repeat; 

	font-size:12px;

	clear:both;

}	

.warning a { color:#d82400;}

#prev-next { margin-top: 12px;}

h4.comments {font-size:120%; border-top:1px dotted #000000; padding-top:12px; }

#respond {

	width:435px; 

	background:#eaeaea url(img/comments-form-bg.jpg) bottom repeat-x; 

	padding:12px; 

	margin-bottom:12px;

}

	#respond textarea {width:350px;}

	#respond label, #respond .small {font-size:10px;}

	#respond h4 {margin-bottom:1em;}

.comments-head 	{

	color: #FFFFFF; 

	font-weight:bold; 

	font-size:130%; 

	background-color: #009999;

	padding:6px;

}

.comment-body p {color: #4e4e4e; font-family:Arial, Helvetica, sans-serif;}

.blog-content h4 {font-size:180%;}

.depth-2 { margin-left:10px; border-left:1px dotted #339999; padding-left: 12px;}

.depth-3 { margin-left:15px; padding-left: 12px;}

.depth-4 { margin-left:20px; padding-left: 12px;}

.depth-5 { margin-left:25px; padding-left: 12px;}

cite {font-style:normal; font-weight:bold; font-size:130%;}

cite.off {font-weight:normal;}

.commentlist li .commentnumber {

	float:right;

	color:#fff;

	font-size:2em;

	margin:0;

	clear:right;

	background:#c0c0c0;

	padding:0.1em;

}

.commentlist li li .commentnumber {

	font-size:1.5em;

}

.commentlist li li li .commentnumber {

	font-size:1.1em;

}

.commentlist div {

	background:#f1f1f1; 

	margin:12px 0 12px 0; 

	padding:3px;

	color:#666666;

}

.commentlist p { padding: 0 8px;}



div .vcard {

	background: url(../../themes/viewtraffic/img/icon-comment.png) no-repeat; 

	padding:5px 0 10px 40px;

}

#respond label {display:block; font-size:100%; font-weight:bold; margin-bottom:6px; color:#339999;}

#respond input { margin-bottom: 12px; width:200px;}

#respond span { font-weight:normal; display:inline; color:#666666; font-size:90%;}

#respond textarea {margin-bottom:12px;}

#respond input {padding:5px; font-size:120%; color:#333333;}

.reply {background:url(img/icon-reply.png) no-repeat; padding-left:50px;}
.flux { padding: 12px 0 12px 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif;}