/*
Theme Name: UCFA Column Theme
Theme URI:
Description: UCFA Column Theme
Author: Bryn Jones
Author URI: http://www.lunarvis.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


body {
background: #418dcb url('images/clouds.jpg') repeat-x top left;
color: #333;
padding-bottom: 155px;
}

p {
font-size: 0.9em;
}

#footer {
overflow: auto;
margin: 0 auto;
padding: 5px 0 0 0;
background-color: #418dcb;
color: #9cc4e4 !important;
height: 15px;
width:900px;
}

#access, #footer, #primary, .sf-menu, .sf-menu ul, .sf-menu a {
border: 0;
}

#header {
position: relative;
width: 900px;
margin: 0 auto;
overflow: hidden;
height: 335px;
}

#access {
position: absolute;
top: 5px;
left: 187px;
background: transparent url('images/menubar.png') no-repeat top left;
height: 42px;
width: 707px;
}

body {
    min-width:900px;
    font-family: Arial, Helvetica, sans-serif;
}

form input {
    font-family: Arial, Helvetica, sans-serif;
}
#main {
min-height: 378px;
width:890px;
padding: 2px 5px;
overflow: visible !important;
}

body.slug-home #content {
height: 290px;
overflow: hidden !important;
}

#subsidiary {
width: 900px;
height: 0px;
padding: 0;
position: relative;
float: left;
overflow: visible;
}

#container {
width: 100%;
padding: 0;
position: relative;
float: left;

}
#content {
margin: 0 5px 0 190px;
width: 660px;
}
#secondary {
position: relative;
float: left;
padding: 0;
margin: 0 0 0 -177px;
width: 177px;
}

#primary {
position: relative;
float: left;
padding: 0;
margin: 0 0 0 -890px;
width: 177px;
}

body.slug-home #content {
margin: 0 192px;
width: 510px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: none;
}

.sf-menu li, .sf-menu ul a, .sf-menu a {
background: none;
color: #999 !important;
font-weight: bold;
font-size: 11px;
}

.sf-menu a:hover, .sf-menu a:focus, .sf-menu li.current_page_item a {
color: #3a89c9 !important;
}

.sf-menu li {
margin-top: 10px;
height: 22px;
}
.sf-menu li.current_page_item {

}

.sf-menu ul a {
margin-bottom: 1px;
}

.sf-menu a {
padding: 0 6px 0 0;
/*text-indent: -15px; */
float: left;
text-align: center;
vertical-align:middle;
}

.sf-menu li, .sf-menu li:hover {
padding: 0 10px 0 15px;
float: left;
background-image: url('images/menudivider.png');
background-repeat: repeat-y;
background-position: top right;
}

.sf-menu span {
padding: 5px 0 5px 0;
position: relative;
}

.sf-menu li li, .sf-menu li li:hover {
text-align: left;
padding: 4px;
height: 12px;
float: left;
left: 0;
top: 8px;
margin: 0;
}
.sf-menu li li span {
background: none;
padding: 0;
right: 0;
}
.sf-menu li li, .sf-menu li li li, .sf-menu li li a:hover, .sf-menu li li a:focus, .sf-menu li li a {
background: #fff !important;
}
.sf-menu li li a {
text-align: left;
}

.sf-menu li li a:hover, .sf-menu li li a:focus {
text-decoration: underline;
}

.sf-menu li li a, .sf-menu li.current_page_item li a, .sf-menu li li a:hover  {
height: 12px;
padding: 0;
text-indent: 0;
float: left;
color: #3066b0 !important;
text-shadow: none !important;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:26px; /* overriding essential styles */
}

#siteinfo {
padding: 0 10px 0 0;
width: auto;
float: right;
color: #9cc4e4;
clear: none;
line-height: 12px;
}

#footer li {
	float:			left;
	position:		relative;
	padding: 0 15px;
	border-right: 1px solid #999;
	line-height: 12px;
}

#footer ul {
font-size: 11px;
margin: 0;
float: left;
list-style-type: none;
clear: none;
}

#footer a {
color: #9cc4e4 !important;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#branding {
float: left;
width: 175px;
padding: 5px 0 0 5px;
}
#logo {
position: relative;
height: 66px;
width: 175px;
background: url('images/logo.png');
}

#tagline {
position: relative;
top: 10px;
left: 10px;
height: 50px;
width: 152px;
background: url('images/slogan.png');
}

#topbanner {
position: absolute;
right: 6px;
top: 52px;
height: 275px;
width: 705px;
background: url('images/home.jpg');
}
body.slug-about-the-ukcfa #topbanner {
background: url('images/about.jpg');
}
body.slug-contact-us #topbanner {
background: url('images/contact.jpg');
}

body.slug-costs-explained #topbanner {
background: url('images/costs.jpg');
}

body.slug-meet-the-team #topbanner {
background: url('images/team.jpg');
}

body.slug-travel-arrangements #topbanner {
background: url('images/travel.jpg');
}

body.slug-pgd #topbanner {
background: url('images/pgd.jpg');
}

body.slug-other-services #topbanner {
background: url('images/sperm.jpg');
}

body.slug-our-donors #topbanner {
background: url('images/donors.jpg');
}

body.slug-our-10-egg-guarantee #topbanner {
background: url('images/embryo.jpg');
}

body.slug-costs-explained h1.entry-title {
display: none;
}

#searchform {
padding-top: 10px;
}


.aside a {
text-decoration: none;
color: #333 !important;
font-weight: bold;
}

.aside a:hover {
text-decoration: underline;
}

#content a {
text-decoration: none;
color: #2d64af;
font-weight: bold;
}

#content a:hover {
text-decoration: underline;
}
.hentry {
padding-bottom: 0;
}

.entry-content h1, .entry-content h2, .entry-content h3, h1.entry-title, h2.entry-title, h3.widgettitle, .aside h3 {
clear: none;
color: #3a89c9 !important;
font-weight: normal !important;
font-size: 28px;
font-style: normal;
line-height: 34px;
padding: 0 0 4px 0;
zoom: 1; /* fix strange IE6 bug */
}
body.slug-home h1.entry-title {
font-size: 38px;
line-height: 42px;
letter-spacing: 1px;
}

.entry-content h2, h2.entry-title {
font-size: 22px !important;
line-height: 26px;
}
.entry-content h3, h3.widgettitle, .aside h3 {
font-size: 16px !important;
line-height: 20px;
}
h2.entry-title a {
text-transform: none;
font-weight: normal !important;
}

h2.entry-title a:hover {
text-decoration: underline;
}

.aside ul ul {
list-style-type: none !important;
}

ul.xoxo {
padding: 0;
margin: 0;
}

ul.advanced-recent-posts {
margin-top: 10px !important;
}

.entry-content h1, .entry-content h2 {
line-height: 1.1em;
}

#respond, #comments {
background: none;
padding-top: 0;
}

	/* General form and content styling */
	dl{
		width:600px;
		display:block;
		overflow:hidden;
		margin-bottom: 10px;
	}

	dt{
		display:block;
		float:left;
		clear: both;
		width:244px;
		margin: 0;
		font-size:12px;
		text-align: right;
		padding: 2px 6px 0 0;
	}
	dt.large {
	width: 400px;
	}

	dd{
		font-size:12px;
		float:left;
		display:block;
		width:345px;
		margin:-17px 0 0 250px;
	}
	dd.small{
		width:219px;
	}
	dd.empty{
		margin-top: 12px;
	}
	dd.break, dt.break {
	   line-height: 0;
		border-bottom: 1px solid #aaa;
		padding: 0;
	}

	form{
		color: #333;
	}
	dt,dd{
		list-style-type: none;
		display: block;
		margin: 5px 0 5px 0;
	}
	select {
		width: 300px;
		padding: 2px;
		font-size: 14px;
		border: solid 1px #999999;
	}
	select.highlight {
		background-color: #ffffcd;
	}
	input {
	   line-height: 100%;
		width: 295px;
		padding: 2px;
		font-size: 14px;
		border: solid 1px #999999;
	}

	#searchform input {
	width: auto;
	}

	textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 60px;
	font-size: 14px;
	}

	/* For everything we want defaulted */
	.default{
		width:auto;
		height:auto;
		border:auto;
		padding:inherit;
	}
	#content .msg {
		display: block;
		padding: 7px;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		border-bottom: solid 1px #DEDDBA;
		display: none;
		background: #FFFFCD url(/files/icons/small/msg.png) no-repeat 6px 6px;
		padding-left: 27px;
		}

	#content .success {
		display: block;
		padding: 7px;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		border-bottom: solid 1px #DEDDBA;
		display: none;
		background: #FFFFCD url(/files/icons/small/yes.png) no-repeat 6px 6px;
		padding-left: 27px;
		}

	#content .error {
		display: block;
		background: #FFFFCD url(/files/icons/small/error.png) no-repeat 6px 6px;
		padding: 7px;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		border-bottom: solid 1px #DEDDBA;
		display: none;
		padding-left: 27px;
		}

.entry-content p {
font-size: 0.8em;
line-height: 1.4em;
margin-bottom: 8px;
}

.entry-content p span {
font-size: 1.1em;
font-weight: bold;
color: #2d64af;
}

.entry-content {
padding-top: 0;
}

.main-aside {
right: 0;
}



.textwidget  input {
float: left;
width: 146px;
font-size: 12px;
padding: 1px 2px 1px 2px;
}
.textwidget  input.register {
float: left;
width: 60px;
height: 20px;
padding: 0;
background: url('images/registerbutton.png');
text-indent: -10000px;
float: right;
border: none;
}
.textwidget p {
font-size: 1em;
}
.textwidget span {
font-weight: bold;
color: #3a89c9;
}
@media all and (-webkit-min-device-pixel-ratio: 0) { .textwidget  input { padding: 0 2px; margin-bottom: 3px; } }

.textwidget  label {
display: block;
float: left;
text-align: left;
width: 70px;
padding-left: 5px;
clear: left;
font-size: 11px;
}

.textwidget .submit {
margin-top: 5px;
display: block;
background: none;
float: right;
border: 0;
cursor: pointer;
font-weight: bold;
color: #fff;
font-size: 14px;
text-shadow: 0 1px 3px #333;
padding-right: 7px;
text-align: right;
}

.textwidget p {
margin-bottom: 10px;
}

.widget_text {
display: block;
position: relative;
}


a.more {
color: #ffffff !important;
text-decoration: none;
}
a:hover.more {
text-decoration: underline;
}
.error-message {
font-weight: bold;
}

li.widget_advancedrecentposts ul {
margin: 0 !important;
font-size: 0.85em;
line-height: 16px;
}

li.widgetcontainer {
margin-bottom: 8px;
display: block;
position: relative;
overflow: auto;
}

#first {
display: block;
position: absolute;
width: 522px !important;
left: 189px;
top: -95px;
height: 87px;
z-index: 99999;
}
#text-13 {
position: absolute;
top: 0;
right: 0;
width: 237px;
height: 47px;
background: url('images/linksbox.png');
padding: 40px 10px 0 10px;

}
#text-13 .widgettitle {
background: none;
display: none;
}

#advancedrecentposts-4 {
position: absolute;
top: 0;
left: 0;
width: 237px;
height: 47px;
background: url('images/newsbox.png');
padding: 40px 10px 0 10px;
}

.textwidget {
font-size: 12px;
line-height: 16px;
}

#yoastbreadcrumb {
position: relative;
clear: both;
margin: 0 auto;
width: 900px;
float: left;
text-align: left;
color: #fff !important;
height: 30px;
line-height: 30px;
font-size: 11px;
padding: 0;
}

#yoastbreadcrumb a {
color: #fff !important;
}

#freeconsultation {
display: block;
width: 95px;
height: 95px;
text-indent: -10000px;
position: absolute;
left: 0;
bottom: 0;
}

#wrapper {
position: relative;
width: 900px;
margin: 0 auto;
overflow: auto;
background-color: #fff;
}
#text-10 {
position: absolute;
top: -190px;
left: 0;
z-index: 99;
}

#text-10 a, #pregnancy-fix, #moneyback-fix {
display: block;
width: 177px;
height: 87px;
text-indent: -10000px;
margin-bottom: 8px;
}

#text-10 a.pregnancy {
background: transparent url('images/pregnancybox.png') no-repeat 0 0;
}
#text-10 a.moneyback {
background: transparent url('images/moneybackbox.png') no-repeat 0 0;
}
#text-10 a.nhs {
background: transparent url('images/nhsbox.png') no-repeat 0 0;
}
#text-10 a.guarantee {
background: transparent url('images/guaranteebox.png') no-repeat 0 0;
}
#text-10 a.donor {
background: transparent url('images/donorbox.png') no-repeat 0 0;
}
#text-10 a.testimonials {
background: transparent url('images/testimonialsbox.png') no-repeat 0 0;
}

#pregnancy-fix, #moneyback-fix {
position: absolute;
top: 148px;
left: 5px;
}

#moneyback-fix {
position: absolute;
top: 243px;
left: 5px;
}

h3.widgettitle {
display: none;
}

#text-11, #text-12 {

overflow: hidden;
}

#text-11 {
width: 153px;
height: 110px;
background: transparent url('images/consultationbox.png') no-repeat 0 0;
padding: 60px 12px 12px 12px;
}

#text-12 {
width: 153px;
height: 124px;
background: transparent url('images/newsletterbox.png') no-repeat 0 0;
padding: 46px 12px 12px 12px;
}
#allnews {
display: block;
text-indent: -10000px;
width: 90px;
height: 20px;
position: absolute;
top: 6px;
left: 10px;
}

#allinks {
display: block;
text-indent: -10000px;
width: 40px;
height: 20px;
position: absolute;
top: 6px;
left: 10px;
}

#homelink1 {
display: block;
text-indent: -10000px;
width: 113px;
height: 24px;
position: absolute;
top: 48px;
left: 12px;
background: transparent url('images/homelink1.png') no-repeat 0 0;
}

#homelink2 {
display: block;
text-indent: -10000px;
width: 100px;
height: 27px;
position: absolute;
top: 47px;
left: 145px;
background: transparent url('images/homelink2.png') no-repeat 0 0;
}

#contactbutton {
display: block;
text-indent: -10000px;
width: 155px;
height: 20px;
position: absolute;
bottom: 12px;
left: 12px;
background: transparent url('images/contactbutton.png') no-repeat 0 0;
}


#strapline {
font-size: 15px;
position: absolute;
display: block;
right: 8px;
bottom: 4px;
color: #f5f5f5;
}#contact-info {
float:left;
width:200px;
}
form.contact {
float:right;
display: block;
background-color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: solid 1px grey;
width: 350px;
height: 300px;
padding: 10px;
}

form.contact  input {
float: left;
width: 200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
padding: 1px 2px 1px 2px;
margin-bottom: 8px;
}

form.contact input.enquire {
margin: 10px 0 10px 105px;
padding: 4px;
}

form.contact  label {
display: block;
float: left;
text-align: left;
width: 100px;
padding-left: 5px;
clear: left;
font-size: 12px;
}

form.contact textarea {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:solid 1px grey;
width: 200px;
height: 200px;
font-size: 12px;
}
table.stats caption {
font-weight: bold;
margin-bottom: 4px;
}

table.stats {
width: 490px;
}

table.stats th {
text-align: right;
background-color: #3a89c9;
color: #fff;
}

table.stats td {
text-align: right;
}

table.stats td.col0 {
text-align: left;
}

div.bluebox {
background-color: #e6f0f8;
padding: 5px;
}

div.whitebox {
padding: 5px;
}