@charset "UTF-8";
/*
Theme Name: Cargilfield v1
Theme URI: http://www.union.co.uk
*/

/*===================MAIN=====================*/

html {
	height: 100%;
	background-color: #dde8f1;
	}
body {
	font: 63.5%/150% Georgia, serif;
	color: #000;
	margin: 0;
	text-align:center;
	background-image: url(img/bg-body.gif);
	background-repeat: repeat-x;
	background-color: white;
	}
	
ul {
	font: 1.35em/150% Georgia, serif;
	color: #000;
	padding-right: 10px;
	}
ol {
	list-style-type: none;
	}
ol li {
	font: 1.2em/175% Georgia, serif;
	color: #666;
	}
	
h1 {
	font: 2.4em/100% Georgia, serif;
	font-weight: bold;
	color: #1d60a3;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
	
h2 {
	font: 2.4em Georgia, serif;
	font-weight: normal;
	color: #1d60a3;
	margin: 0 0 4px 0;
	text-align: left;
	padding: 0px;
	}
	
h3 {
	font: 1.7em Georgia, serif;
	font-weight: normal;
	color: #1d60a3; 
	margin: 12px 0 0 0;
	text-align: left;
	}
	
h4 {
	font-size: 1.5em;
	font-family: Georgia, serif;
	font-weight: normal;
	color: #1d60a3; 
	margin: 12px 0 0 0;
	text-align: left;
	clear: both;
	padding-top: 1em;
	}
	
h5 {
	font-size: 1.2em;
	font-family: Georgia, serif;
	font-weight: normal;
	color: #1d60a3; 
	margin: 12px 0 0 0;
	text-align: left;
	clear: both;
	}

/*===================LAYOUT=====================*/

#wrap {
	width: 930px;
	margin: 0px auto;
}

#masthead {
	width: 100%;
	height: 79px;
	margin: 0 0 10px 0;
	}
#masthead-left {
	padding: 0px;
	margin: 20px 0 0 0;
	width: 410px;
	height: 59px;
	float: left;
	text-align: left;
	}
#masthead-right {
	font: 1em/175% "Lucida Grande", Arial, sans-serif;
	color: white;
	padding: 0px;
	margin: 20px 0 0 0;
	width: 410px;
	height: 59px;
	float: right;
	text-align: right;
	}
#masthead-right ul {
	font: 1em/175% "Lucida Grande", Arial, sans-serif;
	color: white;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
#masthead-right li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
#masthead-right a {
	color: white;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	}
#masthead-right a:hover {
	text-decoration: underline;
	}

	
#search {
	width: 410px;
	height: 24px;
	text-align: right;
	vertical-align: middle;
	margin: 4px 0 0 0;
	}
.searchfield {
	vertical-align:middle;
	}
.searchbtn {
	vertical-align:top;
	}
	
#topnav {
	margin: 0px;
	width: 930px;
	height: 42px;
	}
#topnav-shadow {
	margin: 0 0 20px 0;
	width: 930px;
	height: 10px;
	}

#console-shadow {
	margin: 0 0 15px 0;
	padding: 0px;
	width: 930px;
	height: 10px;
	text-align: left;
	}
		
#console-index {
	height: 250px;
	margin: 0px;
	background-image: url(img/bg-console-index.gif); 
	}

#console-index p {
	font: 1.1em/155% "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	color: white;
	text-align: justify;
	height: 180px;
	width: 270px;
	margin: 0 20px 10px 20px;
	padding: 60px 0 0 0;
	float: left;
	}
#console-index-img {
	width: 616px;
	height: 242px;
	margin: 4px 4px 4px 0;
	padding: 0px;
	float: right;
	}
#console-index-img p {
	font: 1em/145% "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	color: white;
	width: 600px;
	height: 35px;
	margin: 0px;
	padding: 208px 0 0 10px;
	text-align: left;
	}
#console-index-img a {
	color: #e2383f;
	text-decoration: none;
	}
	
#console {
	height: 121px;
	margin: 0px;
	background-image: url(img/bg-console.gif); 
	}
#console-left {
	height: 121px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#console p {
	font: 1em/130% "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	color: white;
	text-align: justify;
	height: 50px;
	width: 430px;
	margin: 4px 0 0 0;
	padding: 0 0 0 20px;
	float: left;
	/*overflow: hidden;*/
	}
#console-img {
	width: 454px;
	height: 113px;
	margin: 4px 4px 4px 0;
	padding: 0px;
	float: right;
	}

.clear {
	clear: both;
	height: 0px;
	visibility: hidden;
	}
	
#quotes {
	height: 130px;
	margin: 0 0 10px 0;
	text-align: center;
	}
div#quotes embed,
div#quotes object {
	height: 100px;
	margin: 0;
}

#panels-wrap {
	height: 112px;
	margin: 12px 0 0 0;
        clear: both;
	}
#panel-left {
	width: 310px;
	float: left;
	margin: 0px;
	}
#panel-middle {
	width: 310px;
	float: left;
	margin: 0px;
	}
#panel-right {
	width: 310px;
	float: right;
	margin: 0px;
	}
	
#content-wrap {
	width: 930px;
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: white;
        background-image: url("/wp-content/themes/cargilfield_theme_v1/img/content-left-vert.png");
        background-repeat: repeat-y;
        background-position: 634px 400px;
	}
#content-left {
	width: 585px;
	margin: 0 0 40px 0;
	padding: 0 20px 20px 20px;
	text-align: left;
	float: left;
	}
#content-left p {
	font: 1.2em/175% "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	color: #666;
	text-align: left;
	margin: 0px;
	padding: 6px 0 0 0;
	}
#content-left img {
	text-align: left;
	margin: 0 10px 0 0;
	}
#content-left ul {
	font: 1.2em/175% "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	color: #666;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 6px 0 0 0;
	list-style: disc;
	}
#content-left a {
	font-weight: bold;
	color: #e2383f;
	text-decoration: none;
	}
#content-left a:hover {
	font-weight: bold;
	color: #e2383f;
	text-decoration: underline;
	}
#content-right, #content-right-news {
	width: 284px;
	margin: 40px 0 0 0;
	padding: 0px;
	text-align: left;
	float: right;
	}

	
/*===================FOOTER=====================*/

#footer-wrap {
	width: 100%;
	text-align: center;
	height: 198px;
	margin: 0px;
	padding: 0px;
	background-image: url(img/bg-footer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #dde8f1;
	}
	
#footer {
	width: 930px;
	margin: 0 auto;
	padding: 130px 0 0 0;
	}

#footer p {
	font: 1em/175% "Lucida Grande", Arial, sans-serif;
	color: #667a8d;
	margin: 0px;
	padding: 0px;
	}

#footer-right {
	font: 1em/175% "Lucida Grande", Arial, sans-serif;
	color: #667a8d;
	padding: 4px 0;
	margin: 0 6px 0 0;
	width: 410px;
	float: right;
	}

#footer-left {
	font: 1em/175% Lucida, "Lucida Grande", Arial, sans-serif;
	color: #667a8d;
	padding: 4px 0;
	margin: 0 0 0 6px;
	width: 410px;
	float: left;
	}

#footer-left p {
	text-align: left;
	}

#footer-left ul {
	font: 1em/175% "Lucida Grande", Arial, sans-serif;
	color: #667a8d;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
#footer li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
#footer-left a, #footer-left a:visited,
#footer-right a, #footer-right a:visited {
	color: #667a8d;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	}
#footer-left a:hover, #footer-left a:active,
#footer-right a:hover, #footer-right a:active {
	color: #667a8d;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	}

#footer-right p {
	text-align: right;
	}

#footer-right ul {
	font: 1em/175% "Lucida Grande", Arial, sans-serif;
	color: #667a8d;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
#footer-right li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

.pipe {
	padding: 0 3px;
	margin: 0px;
	}
		
/*===================TERM CALENDAR TABLE STYLES=====================*/

#termcalendar {
	width: 100%;
	margin: 0 0 10px 0;
	font: 1.2em/175% "Lucida Grande", Arial, sans-serif;
	color: #666;
	font-weight: normal;
	vertical-align: top;
	}
.termdate {
	width: 140px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	}
.termtime {
	width: 34px;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	}
.termevent {
	width: 190px;
	vertical-align: top;
	border-bottom: 1px dotted #999;	
	}
.termdouble {
	width: 224px;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	}
	
/*===================WEEKLY CALENDAR TABLE STYLES=====================*/

#weeklycalendar {
	width: 400px;
	margin: 0px 10px 10px 10px;
	font: 1em/150% "Lucida Grande", Arial, sans-serif;
	color: black;
	font-weight: normal;
	vertical-align: top;
	}
.weekdate {
	width: 140px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	}
.weektime {
	width: 34px;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	}
.weekevent {
	width: 190px;
	vertical-align: top;
	border-bottom: 1px dotted #999;	
	}
.weekdouble {
	width: 224px;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	}
	
/*===================NEWS AND EVENTS TABLE STYLES=====================*/	
	
.newsart { /*STYLE FOR NEWSART HRs*/
	margin: 0px 20px 0px 10px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px dotted #999;
	height: 1px;
	clear: both;
	}
/*#news {
	width: 476px;
	}
#events {
	width: 476px;
	}

#newstable {
	font: 1em/100% "Lucida Grande", Arial, sans-serif;
	width: 446px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 0px;
	}
#eventstable {
	width: 446px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	}
.headercell {
	width: 218px;
	height: 16px;
	}
.spacercell {
	width: 10px;
	}
.trianglecell {
	width: 10px;
	height: 16px;
	}
.subheadcell {
	width: 208px;
	height: 16px;
	font: 1em/100% "Lucida Grande", Arial, sans-serif;
	color: #71B5E7;
	font-weight: normal;
	text-transform: uppercase;
	}
.subheadcell a {
	width: 208px;
	height: 16px;
	font: 1em/100% "Lucida Grande", Arial, sans-serif;
	color: #71B5E7;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	}
.subheadcell a:hover {
	width: 208px;
	height: 16px;
	font: 1em/100% "Lucida Grande", Arial, sans-serif;
	color: #71B5E7;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
	}
.datacell {
	width: 208px;
	font: 1em/120% "Lucida Grande", Arial, sans-serif;
	color: white;
	font-weight: normal;
	vertical-align: top;
	}
.datacell a {
	width: 208px;
	font: 0.95em/120% "Lucida Grande", Arial, sans-serif;
	color: white;
	font-weight: normal;
	text-decoration: none;
	}
.datacell a:hover {
	width: 208px;
	font: 0.95em/120% "Lucida Grande", Arial, sans-serif;
	color: white;
	font-weight: normal;
	text-decoration: underline;
	}	*/

table {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0px;
	}

#formtable {
	font-weight: bold;
	width: 446px;
}

table td, table th {
	font-size: 1em;
	font-family: "Lucida Grande", Arial, sans-serif;
    color: #777777;
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	}


#console-index-flash {
	width: 616px;
	height: 242px;
	margin: 4px 4px 4px 0;
	padding: 0px;
	float: right;
	position: relative;
	}

#console-index-flash img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

/* /////////////////// */

#content-left dl.gallery-item dd {
    font: 1.2em "Lucida Grande", Arial, sans-serif;
    font-weight: normal;
    color: #666;
    text-align: center;
    margin: 0px;
    padding-right: 10px;
}

/* /////////////////// */

div.blog-post { clear: both; margin: 0 0 20px 0; }
input.error { background: #efefef; }
label.error { display: block; clear: both; padding: 5px 0 0 0; color: #E2383F; }

div#sidebar { margin: 0; padding: 20px 0 0 20px; }

div#sidebar a { font-weight: bold; color: #e2383f; text-decoration: none; }
div#sidebar a:hover { font-weight: bold; color: #e2383f; text-decoration: underline; }

div#sidebar div.widget { clear: both; width: 260px; margin: 0; background-image: url("/wp-content/themes/cargilfield_theme_v1/img/sidebar-bg-top.gif"); background-position: left top; background-repeat: no-repeat;  padding: 5px 0 0 0; font-family: "Lucida Grande", Arial, sans-serif;
color: #1d60a3; }
    div#sidebar div.widget div.widget-inner { margin: 0; background-image: url("/wp-content/themes/cargilfield_theme_v1/img/sidebar-bg.gif"); background-position: left top; background-repeat: repeat-y;  padding: 6px 0 0 0; }
    div#sidebar div.widget div.widget-bottom { clear: both; margin: 0; background-image: url("/wp-content/themes/cargilfield_theme_v1/img/sidebar-bg-bottom.gif"); background-position: left bottom; background-repeat: no-repeat;  padding: 0 0 10px 0; }
    div#sidebar div.widget h3 { margin: 0 10px 5px 10px; border: #91b9dc solid; border-width: 0 0 1px 0; padding: 0 0 5px 0; }
    div#sidebar div.widget p { margin: 0; padding: 0 10px 5px 10px; font-size: 1.2em; line-height: 125%; }

div#sidebar div#media-slot { margin: 0 0 20px 0; }
    div#sidebar div#media-slot h3 { margin: 0 10px 0 10px; border-width: 0; padding: 0; }
    div#sidebar div#media-slot img { margin: 5px 10px 5px 10px; border: 1px #91b9dc solid ; padding: 0; }

div#sidebar div#polaroid-slot { margin: 0 0 20px 0; background-image: none; padding: 0; }
    div#sidebar div#polaroid-slot div.widget-inner { background: none; padding: 0; }

div#sidebar div#promo-slot { margin: 0 0 20px 0; }
    div#sidebar div#promo-slot div.widget-bottom p { margin: 15px 10px 5px 10px; border: #91b9dc solid; border-width: 1px 0 0 0; padding: 5px 0 0 0; }
	
p.postmetadata { font-family: "Lucida Grande", Arial, sans-serif; font-size: 0.7em; color: #666; }