/*	Style for:		Refractive AdWatch
	Style author:	Mike Stickel - http://screenflicker.com
	Created:		2007-02-22
---------------------------------------------------------------------*/

/*	=STRUCTURE
---------------------------------------------------------------------*/
*, html, body {
	margin: 0;
	padding: 0;
}

#container {}

#branding {
	padding-top: 26px;
	background: #020363 url('images/bg-header.jpg') repeat-x bottom left;
	border-bottom: 1px solid #fff;
}

#navigation {
	width: 100%;
	float: left;
	background: #a6abc9 url('images/bg-nav.gif') repeat-x 0% -10%;
	position: relative;
	border-bottom: 1px solid #6b74a6;
}

#content, #mainContent {
	width: 850px;
	margin: 0 auto;
	margin-top:10px;
}

	
	#archive #mainContent, #review #mainContent {
		width: 550px;
		margin: 20px 25px 0 0;
		float: left;
	}
	
	body#about #mainContent {
		width: 100%;
		padding: 20px 0 0 0;
		clear: both;
	}

.reviewImage {
	width: 100%;
	margin: 1.5em 0;
	padding: 1.5em 0;
	text-align: center;
	border: 1px dotted #dcdce6;
	border-width: 1px 0;
	float: left;
}

.twoColumns {
	width: 45%;
	padding-right: 4%;
	float: left;
}

#sidebar {
	width: 150px;
	margin-top: 35px;
	float: right;
}
	
	body#archive #sidebar {
		width: 235px;
	}

#feature {
	margin: 15px 0 20px;
	background: #f1f1f1 url('images/bg-mainfeature-content.jpg') repeat-y top right;
	border: 1px solid #898787;
	float: left;
}

#siteInfo {
	clear: both;
	border-top: 1px solid #a6abc9;
}

.innerWrap {
	width: 850px;
	margin: 0 auto;
}

.featureBox {
	width: 267px;
	margin: 20px 0;
	float: left;
}

#rotw {
	width: 279px;
	margin: 20px 15px;
	background: #fff url('images/bg-featurebox-gradient.jpg') repeat-y top left;
	float: left;
}
#bar {
	width: 572px;
	margin: 25px 0px 0px;
	background: #fff url('images/bar.gif') bottom left;
	float: left;
}
.barcontent {
	width: 572px;
}
.barcontent2 {
	psition:relative;
	width: 572px;
}

.barcontent img{
	padding: 15px 15px 5px 10px;
	float: right;
}
.barcontent p{
	width: 450px;
	margin: 0;
	padding: 0px 10px 5px 0;
	float: left;
}




.figure1 {
	width: 30%;
	margin: 1.5em 15px 15px 0;
	float: left;
}

.radioOption {
	width: 57%;
	float: right;
}

/*	=For Gallery
---------------------------------------------------------------------*/

.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}
	
	a.page-options {
		color: #999; 
		text-decoration: none; 
		display: block; 
		text-align: left; 
		padding: 5px; 
		background: #ccc;
		margin: 3px 10px 0 0;
		border-bottom: 1px solid #333333;
		border-bottom: 1px solid #555555;
	}

	a.page-options:hover, 
	a.page-options:focus {
		color: #fff; 
		background: #999;
	}		
	
	.hidden {
		display : none;
	}




/*	=TYPOGRAPHY
---------------------------------------------------------------------*/
body {
	font-size: small;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	line-height: 160%;
}

h1 {}
	
	h1#logo {
		width: 850px;
		height: 65px;
		margin: 0 auto;
		text-indent: -9999px;
		background: url('images/adwatch-logo.jpg') no-repeat top left;
	}

h2 {
	margin: 0 0 0.409em;
	font-size: 140%;
	font-weight: normal;
	color: #353582;
}


	
	ol#posts h2 {
		margin-left: 150px;
	}

h3 {}
	
	.featureBox h3, #rotw dt {
		padding: 10px;
		font-size: 130%;
		color: #fff;
		font-weight: normal;
		background: #030263 url('images/bg-featurebox-title.jpg') repeat-x bottom left;
		display: block;
	}
	
	body#about h3 {
		margin-top: 1.5em;
		padding: 10px;
		font-size: 130%;
		color: #fff;
		font-weight: normal;
		background: #030263 url('images/bg-featurebox-title.jpg') repeat-x bottom left;
		display: block;
	}
	
	#sidebar h3 {
		margin: 1.929em 0 0.643em -10px;
		padding: 2px 10px;
		font-size: 1.1667em;
		line-height: 1.286em;
		color: #fff; /*#030263;*/
		background: #a6abc9;
		display: block;
	}
		
		#sidebar h3.firstHeading {
			margin: 0 0 0.643em -10px;
		}

h4 {
			margin: 5px 0 0.409em 17px;
			font-size: 140%;
			font-weight: normal;
			color: #353582;
		}
p {}
	
	p.slogan {
		font-size: 130%;
		color: #212176;
	}
	
	
	#recentReviews p {
		padding: 8px 10px;
		line-height: 1.3;
		border-bottom: 1px solid #a6abc9;
	}
	
	#recentReviews p.alt {
		background: url('images/bg-featurebox-gradient.jpg') repeat-y top right;
		height: 115px;
	}
	
	p.nextPage {
		width: 100%;
		margin-bottom: 1.5em;
		float: left;
		clear: left;
	}
	
	#mainContent p {
		color: #323232;
	}
	
	body#about p {
		margin-top: 1.5em;
	}
	
	#mainContent .figure1 p, body#about .figure1 p {
		margin: 0;
		font-size: 90%;
		line-height: 1.61em;
	}
	
	ol#posts p {
		margin-left: 150px;
		color: #323232;
	}
	
	p.tags {
		margin: 1.25em 0 0;
		font-size: 80%;
		line-height: 1.4em;
	}
	
	p.regions {
		margin: 1em 0 1em 0;
		font-size: 80%;
		line-height: 1.4em;
	}
	
	p.tagList, p.regionList {
		margin: 0 0 1.5em;
		font-size: 80%;
		line-height: 1.4em;
	}
	
	#sidebar p {
		margin-bottom: 1.5em;
	}
	
	#siteInfo p {
		width: 49%;
		font-size: 90%;
		color: #a6abc9;
		text-align: left;
		float: left;
	}
	
	#siteInfo p.floatRight {
		text-align: right;
		float: right;
	}

form#signup p label small {
	font-style: normal;
	display: block;
}

blockquote p {
	font-size: 100%;
}
	
	blockquote.mainFeature {
		width: 850px;
		background: url('images/bg-mainfeature-bottom.gif') repeat-x bottom left;
		float: left;
	}
		
		blockquote.mainFeature p.quote {
			width: 512px;
			padding: 20px 44px 5px 30px;
			font-size: 125%;
			line-height: 110%;
			color: #020263;
			text-align: right;
			background: url('images/bg-mainfeature-top.gif') repeat-x top left;
			float: left;
		}
		
		blockquote.mainFeature p.client {
			padding: 0 44px 0 0;
			color: #515b93;
			font-size: 100%;
			text-align: right;
			float: right;
		}
		
		blockquote.mainFeature img {
			float: left;
		}

/*	=LISTS
---------------------------------------------------------------------*/
ul, ol {
	margin: 1.5em 3em 0;
	font-size: 100%;
}
	
	ul ul, ul ol, ol ul, ol ol {
		margin: 0;
		font-size: 100%;
	}
	
	li, li li, li p {
		font-size: 100%;
	}

ul#mainNav {
	margin: 0;
	font-size: 110%;
	list-style: none;
	background: url('images/nav-divider.gif') no-repeat bottom right;
	float: left;
}
	
	ul#mainNav li {
		float: left;
	}

	hr{
	margin: 35px 0 35px 0;
	width:600px;
	border:0;
	border-bottom: 1px dotted #dcdce6;
	}
	
	
ol#posts {
	width: 100%;
	margin: 0;
	padding: 0 0px 1.5em 0;
	float: left;
}
	
	ol#posts li {
		width: 100%;
		margin-bottom: 20px;
		list-style: none;
		border-bottom: 1px dotted #dcdce6;
		float: left;
	}
		
		ol#posts li+li {
			margin-top: 1.5em;
		}
		
		ol#posts li:last-child {
			border-bottom: none;
		}
	
	ol#posts p.tagList li {
		margin: 0;
		list-style: none;
		border: none;
		display: inline;
	}

ul#reviewDetails {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
	
	ul#reviewDetails li {
		width: 100%;
		padding: 2px;
		text-align: right;
		float: left;
		clear: left;
	}
	
	ul#reviewDetails li p {
		padding: 2px;
		float: left;
	}
	
	ul#reviewDetails li.alt {
		background-color: #eaf4f7;
	}
	
	ul#reviewDetails li.overallRating {
		margin: 1.5em 0;
		font-weight: bold;
	}

#rotw dl {
	width: 100%;
	border-bottom: 1px solid #a6abc9;
}
	
	#rotw dd {
		margin: 5px 0 10px 147px;
		padding: 0 10px;
		font-size: 90%;
		color: #191970;
		line-height: 1.3;
	}
	
	#rotw dd.image {
		margin: 5px 0 0;
		padding: 0;
	}

	#rotw dd.image img {
		margin: 0;
		float: left;
	}

ol#archive_list {
	margin: 0;
	list-style: none;
}
	
	ol#archive_list li {
		padding-left: 0;
	}

/*	=FORMS
---------------------------------------------------------------------*/
form, fieldset {
	padding: 0;
	border: none;
}

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

form#searchForm {
	padding: 0;
	line-height: 2;
	float: right;
}
	
	label#navbarLabel {
		display: none;
	}

form#signup {
	width: 100%;
	margin-bottom: 1.5em;
	float: left;
}
	
	form#signup fieldset {
		width: 100%;
		margin-top: 1.5em;
		border-top: 1px solid #bec1d7;
		float: left;
	}
	
	form#signup fieldset legend {
		width: 100%;
		margin: 1.7em 0 0;
		padding: 0.3em;
		font-size: 130%;
		text-align: center;
		background-color: #bec1d7;
		display: block;
	}
	
	form#signup p {
		width: 100%;
		padding-top: 0.3em;
		float: left;
	}
	
	form#signup label {
		width: 38%;
		margin-right: 2%;
		padding-right: 2%;
		font-style: bold;
		text-align: right;
		border-top: 1px solid #bec1d7;
		float: left;
	}
	
	form#signup input[type="text"] {
		/*margin-left: 40%;*/
		margin-right: 10px;
		float: left;
		display: block;
	}
	
	form#signup input[type="submit"] {
		margin-left: 40%;
	}

form#uploadForm p {
	margin: 0 0 0.5em;
}

/*	=LINKS
---------------------------------------------------------------------*/
a:link, a:visited, a:hover {
	color: #353582;
	text-decoration: none;
}

ul#mainNav li a:link, ul#mainNav li a:visited {
	padding: 0 20px;
	color: #020263;
	text-transform: lowercase;
	line-height: 1.8;
	background: url('images/nav-divider.gif') no-repeat bottom left;
	display: block;
	float: left;
}
	
	ul#mainNav li a:hover {
		background: #c9ccde url('images/nav-over.jpg') repeat-x top left;
	}
	
	ul#mainNav li.selected a:link, ul#mainNav li.selected a:visited {
		margin-bottom: -1px;
		background: #fff url('images/nav-divider.gif') no-repeat bottom left;
		border-bottom: 1px solid #fff;
	}

blockquote.mainFeature a:link, blockquote.mainFeature a:visited {
	margin-top: 15px;
	font-size: 80%;
	color: #222276;
	display: block;
}

#recentReviews a:link, #recentReviews a:visited {
	padding: 0 0 0 20px;
	background: url('images/arrow-continue.gif') no-repeat top left;
	display: block;
}

#siteInfo a:link, #siteInfo a:visited {
	color: #a6abc9;
}

a.continue:link, a.continue:visited {
	padding-left: 15px;
	background: url('images/arrow-continue.gif') no-repeat 0 50%;
}

ol#archive_list a:link, ol#archive_list a:visited {
	margin-left: -10px;
	padding-left: 25px;
	background: url('images/arrow-continue.gif') no-repeat 10px 3px;
	display: block;
}
	
	ol#archive_list a:hover {
		background-color: #bec1d7;
	}

/*	=MISC
---------------------------------------------------------------------*/
img {
	border: 0;
}

ol#posts li img {
	/*padding-right: 25px;*/
	float: left;
}

#rotw img {
	float: left;
}

.figure1 img {
	margin: 0; padding: 0;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}