@import url(/res/css/forms.css);

body {
	font-size: small;
	line-height: 1.4;
}

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

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

#masthead a {
	display: block;
	height: 132px;
	background: #fff url(/res/images/masthead.png) 0 0 no-repeat;
	text-indent: -9000px;
}

#masthead.nocouple a {
	background: #fff url(/res/images/masthead_nocouple.png) 0 0 no-repeat;
}

#content #nav {
	list-style: none;
	margin: 0 0 3em 0;
	padding: 0 25ex 0 12ex;
	font-size: 90%;
	position: relative;
}

* html #nav {
	height: 1%;
}

#content #nav li {
	display: inline;
	/*line-height: 2em;
	vertical-align: middle;*/
	padding-left: 0;
	padding-right: 10px;
	border-right: 1px solid #ddd;
	margin-right: 9px;
}

#content #nav li span {
	color: #ccc;
}

#content #nav #nav_login,
#content #nav #nav_blog,
#content #nav #nav_register {
	padding-right: 0;
	border-right: none;
	margin-right: 0;
}

#content #nav #nav_login #loginbtn {
	display: block;
	/*float: left;
	width: 10ex;
	margin-right: 2em;
	position: relative;
	top: -0.2em;*/
	position: absolute;
	width: 9ex;
	left: 0;
	top: -0.4em;
	background: #500 url(/res/images/grad_brown.png) 0 50% repeat-x;
	margin: 0;
	padding: 0;
}

#content #nav #nav_login #loginbtn a {
	display: block;
	margin: 0;
	padding: 0.5em 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

#content #nav #nav_register {
	display: block;
	width: 25ex;
	text-align: right;
	position: absolute;
	top: -3px;
	right: 0;
	margin: 0;
	padding: 0;
}

#content #nav #nav_register a {
	float: right;
	padding-left: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1;
}

#content #nav #nav_register a:link,
#content #nav #nav_register a:visited {
	color: #31b055;
	background: #fff url(/res/images/icons/create_list_off.gif) 0 50% no-repeat;
}

#content #nav #nav_register a:hover,
#content #nav #nav_register a:focus,
#content #nav #nav_register a:active {
	color: #ff1969;
	background: #fff url(/res/images/icons/create_list_on.gif) 0 50% no-repeat;
}

#content #nav #nav_login a:hover,
#content #nav #nav_login a:focus,
#content #nav #nav_login a:active {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
	color: #aaa;
	font-size: 200%;
	letter-spacing: 0.2em;
	padding-bottom: 0.4em;
	border-bottom: 2px dotted #aaa;
	margin: 0 10px 0.5em 10px;
}

h1#masthead {
	border-bottom: none;
	padding-bottom: 0;
}

h2 {
	font-weight: bold;
	font-size: 130%;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #aaa;
	margin: 2em 10px 0.5em 10px;
}

p {
	margin: 15px 10px;
}

ul, ol {
	margin: 15px 10px 15px 40px;
}

li {
	margin: 8px 0;
}

ol {
	list-style-type: decimal;
}

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

#content .highlight {
	background: #ffd7eb url(/res/images/grad_highlight.gif) -2px 100% no-repeat;
	padding: 10px;
	margin: 15px 2px;
	font-size: 110%;
}

.highlight a:link, 
.highlight a:visited {
	color: #369;
	text-decoration: underline;	
}

#content .gobutton {
	display: block;
	width: 18ex;
	margin: 0;
	padding: 4px;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background: #31b055 url(/res/images/gobutton_bg.gif) 0 50% repeat-x;
	text-align: center;
	text-transform: uppercase;
}

#content .gobutton.wide {
	width: 26ex;
}

#content .gobutton.centred {
	margin: 0 auto;
}

#content .gobutton:hover,
#content .gobutton:active,
#content .gobutton:focus {
	text-decoration: none;
}

.feint {
	color: #888;
}

.superfeint {
	color: #888;
	font-size: 80%;
}

p.footnote {
	color: #666;
	text-align: right;
	margin: 40px 10px 0 10px;
	font-size: 80%;
}

.pink {
	color: #ff1969 !important;
}

.pull {
	margin: 20px 140px;
	padding: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-style: italic;
	font-size: 120%;
	text-align: center;
}

.comment {
	margin: 30px 10px;
	padding: 20px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	text-align: center;
	font-size: 110%;
	background: transparent url(/res/images/stamps.jpg) 50% 50% no-repeat;
}

.bq {
	margin: 30px 10px;
	padding: 20px 140px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	font-style: italic;
	font-size: 120%;
	background: transparent url(/res/images/stamps.jpg) 50% 50% no-repeat;
}

.bq blockquote {
	margin: 0;
	font-size: 90%;
	text-align: left;
	padding: 0 0 0 35px;
	background: transparent url(/res/images/quot-tl.gif) 0 0 no-repeat;
}

.bq blockquote p {
	margin: 0;
	padding: 0 35px 0 0;
	background: transparent url(/res/images/quot-br.gif) 100% 100% no-repeat;
}

.bq blockquote p.plus {
	background-image: none;
}

.bq .attrib {
	margin: 10px 0 0 0;
	font-size: 80%;
}

.attrib {
	text-align: right;
	color: #666;
	font-style: italic;
}

li.star {
	list-style: none;
	margin-left: -25px;
	padding-left: 25px;
	background: transparent url(/res/images/star_pink.gif) 0 2px no-repeat;
}

.floatright {
	float: right;
	margin: -15px 0 10px 10px;
}

p.centred,
div.centred {
	text-align: center;
	padding-top: 20px;
}

/* USA prompt */

#usa_prompt,
#uk_prompt {
	margin: 15px 0 25px 0;
	padding: 0;
	width: 740px;
	height: 50px;
}

#usa_prompt a,
#uk_prompt a {
	position: relative;
	display: block;
	width: 740px;
	padding-top: 12px;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color: #333;
}

#usa_prompt a {
	background: transparent url(/res/images/usa_prompt.jpg) 50% 50%;
}

#uk_prompt a {
	background: transparent url(/res/images/uk_prompt.jpg) 50% 50%;
}

#usa_prompt a:link,
#usa_prompt a:visited,
#uk_prompt  a:link,
#uk_prompt  a:visited {
	color: #333;
	text-decoration: none;	
}

#usa_prompt a:hover,
#usa_prompt a:active,
#usa_prompt a:focus,
#uk_prompt  a:hover,
#uk_prompt  a:active,
#uk_prompt  a:focus {
	color: #ff1969;
}

#usa_prompt span,
#uk_prompt span {
	text-decoration: underline;
}

/*#usa_prompt a,
#uk_prompt a {
	position: absolute;
	top: 0;
	left: 0;
	width: 740px;
	padding-top: 12px;
	line-height: 38px;
	overflow: hidden;
	text-indent: -9999px;
}

#usa_prompt img,
#uk_prompt img {
	position: absolute;
	top: 0;
	left: 0;
	width: 740px;
	height: 50px;
}*/

/* footer */

#footer {
	clear: both;
	/*margin: 40px 10px 30px 10px;
		border-top: 1px dotted #aaa;*/
	margin: 0 20px 40px 20px;
	border-top: none;
	padding-top: 10px;
	list-style: none;
	font-size: 85%;
	overflow: hidden;
}

#footer li.lhs {
	float: left;
	margin: 0 25px 0 0;
}

#footer li.rhs {
	float: right;
	margin: 0 0 0 25px;
}

#footer li a {
	padding: 25px 0 20px 0;
}

#footer li a:link,
#footer li a:visited {
	color: #888;
}

#footer li a:hover,
#footer li a:active,
#footer li a:focus {
	color: #ff1969;
	text-decoration: none;
}

#footer #sitemap {
	margin-left: -200px;
}

#content strong.pink {
	font-size: 120%;
	color: #ff1969;
}

/* guides bar */

#guide_bar {
	clear: both;
	margin: 40px -10px 5px -10px;
	border-top: 1px solid #e2e2e2;
	padding: 8px 130px;
	border-bottom: 1px solid #e2e2e2;
	background: #ebf1f2 url(/res/images/guide_bar_bg.png) 0 0 repeat-x;
	overflow: auto;
	zoom: 100%;
}

#guide_bar p {
	margin: 0;
	float: left;
	width: 220px;
	font-size: 90%;
	font-weight: bold;
}

#guide_bar #guide_link_toptips {
	float: right;
}

#guide_bar p a {
	display: block;
	padding-left: 35px;
}

#guide_bar p a:link,
#guide_bar p a:visited {
	color: #3b5997;
	text-decoration: none;
}

#guide_bar p a:hover,
#guide_bar p a:active,
#guide_bar p a:focus {
	color: #ff1969;
	text-decoration: underline;
}

#guide_bar #guide_link_paypal a:link,
#guide_bar #guide_link_paypal a:visited {
	background: transparent url(/res/images/guide_bar_paypal_off.png) 0 50% no-repeat;
}

#guide_bar #guide_link_paypal a:hover,
#guide_bar #guide_link_paypal a:active,
#guide_bar #guide_link_paypal a:focus {
	background: transparent url(/res/images/guide_bar_paypal_ov.png) 0 50% no-repeat;
}

#guide_bar #guide_link_toptips a:link,
#guide_bar #guide_link_toptips a:visited {
	background: transparent url(/res/images/guide_bar_tips_off.png) 0 50% no-repeat;
}

#guide_bar #guide_link_toptips a:hover,
#guide_bar #guide_link_toptips a:active,
#guide_bar #guide_link_toptips a:focus {
	background: transparent url(/res/images/guide_bar_tips_ov.png) 0 50% no-repeat;
}

/* Native rounded corners for browsers that support them (avoid Niftycube) */

p#loginbtn,
a.gobutton {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

p.highlight {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}