/*
	CEOP MOST WANTED CSS
	CREATED:05.03.10
	MODIFIED:18.03.10
	AUTHOR:ANDY FIELD
*/

/*
	COLOURS
	BACKGROUND:#96b3cb
	DARK BLUE:#203758
	RED:#d21316
	RULE:#d1dce8
	FOOTER BACKGROUND:#e6edf3
*/

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

a img,:link img,:visited img {
	border:none;
}

:link,:visited {
	text-decoration:none;
}

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

fieldset, img { 
	border:0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

img {
	border:none;
}

ol,ul,dl {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

/* BASE
******************************************/

html>body {
	font-size:12px;
}

body {
	background:#97B3CB;
	color:#111;
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:75%;
	line-height:1.5em; 
	padding:0 0 1.5em 0;
	text-align:center;
}

button,input,select,textarea {
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	padding:.2em;
	vertical-align:middle;
}

#skip {
	height:0;
	margin:0;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:0;
}

a {
	outline:none;
}

a:focus {
	color:#d21316;
}

a:link,
a:visited {
	color:#d21316;
	text-decoration:none;
}

a:hover,
a:active {
	color:#d21316;
	text-decoration:underline;
}

a {
	font-weight:bold;
}

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

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
	height:1px;
	color:#d1dce8;
	margin:0.75em 0;
	padding:0;
	background-color:#d1dce8;
	border:0;
}

/* TYPOGRAPHY
******************************************/

p,dl,ol,ul,td,th {
	font-size:1em;
	line-height:1.5em;
}

p,dl { 
	margin:0 0 1.5em 0;
}

table,fieldset {
	margin:0.75em 0 1.5em 0;
}

h1,h2,h3,h4,h5,h6,dt,caption {
	color:#203758;
	font-weight:bold;
	line-height:1.3em;
}

h1 { /* 23 */
	border-bottom:1px solid #d1dce8;
	font-size:1.916667em;
	letter-spacing:-0.03em;
	margin:0 0 0.782609em 0;
	padding:0 0 0.391304em 0;
}

h1 span {
	color:#111;
	display:block;
	font-size: 0.521739em;
	line-height: 1.5em;
}

h2 { /* 18 */
	font-size:1.5em;
	margin-top:0.5em;
	margin-bottom:1em;
	margin:0 0 0.5em 0;
}

h3,dt,caption { /* 15 */
	font-size:1.25em;
	margin-top:0.6em;
	margin-bottom:1.2em;
	margin:0 0  0.6em 0;
}

h4,h5,h6 { /* 13 */
	font-size:1.083333em;
	margin-top:0.692308em;
	margin-bottom:1.384615em;
	margin:0 0 0.692308em 0;
}

ol,ul {
	margin:0 4em 1.5em 4em;
}

ul {
	list-style-type:disc;
}

ol {
	list-style-type:lower-roman;
}

ol.alpha {
	list-style-type:lower-alpha;
}

ul ul,
ul ol {
	margin:0.75em 4em;
}

li,dd {
	padding:0.375em 0;
}

dd {
	border-bottom:1px solid #d1dce8;
}

blockquote {
	border-left:2px solid #d1dce8;	
	margin:0 4em;
	padding:0 0 0 1.5em;
}

p cite {
	font-style:italic;
	margin:0 0 0 4em;
}

p small {
	font-size: 0.916667em;
	line-height: 1.636364em;
}

/* DECORATION
******************************************/

img.il {
	float:left;
	margin:0 20px 0.75em 0;
}

img.ir {
	float:right;
	margin:0 0 0.75em 20px;
}

.red {
	color:#d21316;
}

#pad {
	background:#fff;
	margin:0 auto;
	padding:1.5em 10px 0.75em 10px;
	width:940px;
}

ul.three-col {
	float:left;
	list-style-type:none;
	margin-right:0;
	margin-left:0;
	margin-bottom:0;
	width:940px;
}

ul.appeal {
	margin-top:1.5em;
}

li.one-col {
	display:block;
	float:left;
	margin:0 20px 0 0;
	width:300px;
}

li.two-col {
	display:block;
	float:left;
	margin:0 20px 0 0;
	width:620px;
}

/*#edit li.one-col {
	padding:0;
	width:300px;
}

#edit li.two-col {
	padding:0;
	width:620px;
}*/

.item {
	background:#f7f7f7 url(/assets/images/wanted/grey-fade.png) 0 bottom no-repeat;
	margin:0 0 1.5em 0;
	min-height:120px;
	padding:10px;
	width:280px;
}

/* .item img {
	float:right;
	height:80px;
	margin:0 0 0 20px;
	width:80px;
} */

p.unsubscribe {
	margin:1.5em 0 1.5em 160px;
}

#profile {
	background:#f7f7f7 url(/assets/images/wanted/grey-fade.png) 0 bottom repeat-x;
	margin:0 0 1.5em 0;
	padding:10px;
	width:600px;
}

ul#successes {
	background:#fff;
	float:left;
	list-style-type:none;
	margin:0;
	padding:10px;
	width:260px;
}

ul#successes li {
	background:#ddd;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	text-align:center;
	width:50px;
}

ul#successes li a {
	background:#fff url(/assets/images/wanted/located-50.png) 0 0 no-repeat;
	display:block;
	padding:65px 0 0 0;
}

li.end,
ul#successes li.end {
	margin:0;
}

/* TABLES
******************************************/

table {
	width:100%;
}

#profile table {
	width:auto;
}

td,th {
	padding:0.375em;
	vertical-align:top;
}

th {
	color:#203758;
	font-weight:bold;
}

thead th {
	background:#203758;
	color:#fff;
}

tbody th,
tbody td {
	border-bottom:1px solid #d1dce8;
}

/* FORMS
******************************************/

fieldset ol {
	list-style-type:none;
	margin:0;	
}

label {
	display:block;
	float:left;
	padding:0.375em 20px 0.375em 0;
	width:140px;
}

label em {
	color:#d21316;
	font-style:normal;
	font-weight:bold;
}

button,input,select,textarea {
	border:2px solid #d1dce8;
	padding:0.375em;
	vertical-align:middle;
}

input.long,
textarea.long {
	width:200px;
}

button {
	background:#d21316;
	border:2px solid #d21316;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	left:160px;
	padding:0.375em 1em;
	position:relative;
	text-align:center;
}

button:hover {
	border:2px solid #ae1012;
	background:#ae1012;
}

form#info {
	background:#f7f7f7 url(/assets/images/wanted/grey-fade.png) 0 bottom repeat-x;
	padding:10px;
	width:600px;
}

form#info fieldset {
	margin:0 0 1.5em 0;
}

form#info textarea {
	width:586px;
}

form#info label {
	float:none;
	width:auto;
}

form#info button {
	left:0;
}

label.error {
	clear:left;
	color:#d21316;
	float:none;
	width:auto;
}

input.error,
select.error {
	border-color:#d21316;
}

/* HEADER
******************************************/

p#ceop {
	margin:0.375em auto;
	text-align:left;
	width:980px;
}

#global {
	background:transparent url(/assets/images/wanted/sprite.png) 0 0 no-repeat;
	float:left;
	padding:35px 0 0 115px;
	width:520px;
}

#logo { /*24*/
	color:#fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1em;
	margin:0 0 15px 0;
}

#logo span { /*18*/
	display:block;
	font-size: 0.75em;
	font-weight:normal;
}

#register { /*15*/
	border:1px solid #f7f7f7;
	display:block;
	float:right;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.2em;
	padding:10px;
	position:relative;
	top:15px;
	width:196px;
}

#register a {
	background:transparent url(/assets/images/wanted/sprite.png) 0 -150px no-repeat;
	color:#f7f7f7;
	display:block;
	padding:0 0 0 50px;
}

#register a:hover {
	color:#d21316;
	text-decoration:none;
}

ul#nav {
	list-style-type:none;
	margin:0;
}

ul#nav li {
	display:inline;
	padding:0;
}

ul#nav a { /*14*/
	color:#fff;
	font-size: 1.166667em;
	line-height: 1.285714em;
	padding:0 10px 0 0;
}

ul#nav a:hover {
	color:#d21316;
}

/* SIDEBAR
******************************************/

#sidebar ul {
	list-style-type:none;
	margin:1.5em 0;
	width:220px;
}

#sidebar ul h3 {
	margin:0;
}

/* FOOTER
******************************************/

#footer ul {
	left:115px;
	list-style-type:none;
	margin:0;
	position:relative;
	width:505px;
}

#footer ul li {
	display:inline;
}

#footer ul a { /*14*/
	color:#fff;
	font-size: 1.166667em;
	line-height: 1.285714em;
	padding:0 10px 0 0;
}

#footer ul a:hover {
	color:#d21316;
}

/* LAYOUT
******************************************/

#header,
#content,
#footer {
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	width:960px;
}

#header {
	background:#203758;
	height:130px;
	padding:10px 20px;
	width:940px;
}

#content {
	background:transparent url(/assets/images/wanted/header-fade.png) 0 0 repeat-x;
	padding:0 10px;
	width:960px;
}

#c-wrapper {
	background:#fff url(/assets/images/wanted/footer-fade.png) 0 bottom repeat-x;
	margin:0 auto;
	width:980px;
}

#sidebar {
	float:left;
	width:220px;
}

#main {
	float:right;
	width:700px;
}

.pd #sidebar {
	float:left;
	width:300px;
}

.pd #main {
	float:right;
	margin:0 0 1.5em 0;
	width:620px;
}

#footer {
	background:#203758;
	clear:both;
	padding:1.5em 10px;
}