/*
Theme Name: University Neighbourhoods Assocation WP
Description: myuna.ca site designed by UBC Public Affairs Web Team
Version: 1.0
*/
@import url("css/reset.css");
@import url("css/typography.css");
@import url("css/wcg-common-layout.css");
@import url("css/wide_form.css");

/* General Styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}
h1 {
	color: rgba(10,10,10,0.75);
}
p {
	color: #111231;
}
.small { 
	font-size: 0.6em; 
}
body {
	background: #EDFAFB url("images/horizontal-bg.gif") repeat-x top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
}

div#container {
	z-index: 0;
}
div.lining {
	overflow: hidden;
}
ul {
	color: #6D3E21;
	list-style: square;
}

/* division specific */
/* header */
div#header {
	background-image: url("images/header.gif");
	background-repeat: no-repeat;
	margin-bottom: 6px;
	padding-bottom: 9px;
	overflow: hidden;
	height: 150px;
	z-index: 0;
}
/* mast */
div#mast {
	float: left;
	margin-top: 16px;
	overflow: hidden;
}
div#mast h1, div#mast h2, div#mast h3 {
	margin: 0;
	line-height: 1em;
}
div#mast h1 {
	color: #4A749E;
	letter-spacing: -1px;
}

div#mast h1#sitetitle a {
	display: block;
	margin-left: 14px;
	width: 150px;
	height: 125px;
	position: relative;
}
div#mast h1#sitetitle a span {
	position: absolute;
	z-index: 10;
	top: -1000px;
	left: 0;
}

div#mast h2 {
	font-size: 1.3em;
	font-style: italic;
	color: #134;
}
/* Homemast */
#homemast {
	background: #fff url('images/home-mast-bg.gif') repeat-x top;
	overflow: hidden;
	margin-bottom: 12px;
}
#homeheader {
	width:950px;
	margin:0 auto;
	padding-bottom: 12px;
	background: url("images/header-home.gif") no-repeat top left;
	overflow: hidden;
	position: relative;
}
div#homeheader h1 {
	color: #4A749E;
	letter-spacing: -1px;
}
div#homeheader h1#sitetitle a {
	display: block;
	margin-left: 14px;
	width: 150px;
	height: 125px;
	position: relative;
}
div#homeheader h1#sitetitle a span {
	position: absolute;
	z-index: 10;
	top: -1000px;
	left: 0;
}

/* horizontal-navigation */
div#horizontal-navigation, div#una-frontmenu {
	width: 780px;
	float: right;
	clear: none;
	margin-top: 63px;
}

/* Common Navigation */
div#horizontal-navigation ul, div#horizontal-navigation li {
	margin: 0;
	padding: 0;
	height: 33px;
	overflow: hidden;
}
div#horizontal-navigation li {
	float: left;
	clear: none;
	display: inline;
}
#nav_primary li ul {
	margin-left: 6px;
}
#nav_primary li a {
	letter-spacing: 0;
	color: #FFFFFF;
	background-color: #51833C;
	font-size: 1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	text-decoration: none;
	height: 33px;
	margin: 0;
	padding: 0.3em 0.7em;
	float: left;
}
#nav_primary .current_page_item a,
#nav_primary .current_page_parent a {
	background-color: #8AAC7C;
}
#nav_primary li a:hover {
	background-color: #8AAC7C;
}
#nav_primary .current_page_item li a {
	background-color: #fff;
}

#nav_secondary li a {
	background-color: #fff;
	color: #18320D;
	padding: 0.6em;
	font-size: 1em;
	float: left;
	text-decoration: none;
}
#nav_secondary .current_page_item a {
	font-weight: bold;
}
#nav_secondary a:hover {
	text-decoration: underline
}
/* Home Navigation */
#una-frontmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#una-frontmenu li {
	float: left;
	padding-right: 0 1em 0 0;
	margin: 0;
	font-size: 1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-weight: normal;
	color: #fff;
}
#una-frontmenu li a {
	display: block;
	overflow: hidden;
	padding: 0.3em 0.7em;
	text-decoration: none;
	color: #fff;
}
#una-frontmenu li a:hover {
	background-color: #8AAC7C;
}


#una-frontmenu li li {
	float: none;
	margin: 0 0 0 12px;
	padding: 0;
	font-size: 0.8em;
}


#una-frontmenu li ul {
	padding: 0;
	margin: 4px 0 0 0;
	list-style: none;
}

#una-frontmenu li li a {
	display: inline;
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #18320D;
	text-decoration: none;
}
#una-frontmenu li li a:hover {
	border-bottom: 1px solid #18320D;
	background: transparent;
}
/* Secondary Links */
div#secondarylinks {
	position: absolute;
	z-index: 20;
	top: 2px;
	right: 262px;
}
div#secondarylinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#secondarylinks li {
	margin: 0 0.15em;
	float: left;
	padding: 0 1px;
}
div#secondarylinks li a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
div#secondarylinks li a:hover {
	border-bottom: 3px solid #eee;
}



/* Secondary Section */
div.secondary div.lining {
	padding: 9px 0.7em;
	border: 12px solid #EDFAFB;
	overflow: hidden;
}
div.secondary td {
	vertical-align: top;
}
div.secondary div.column1 {
	width: 180px;
	float: left;
	clear: left;
	border-right: 1px dotted #C2DDF4;
	margin-bottom: 12px;
}
div.secondary div.column2 {
	width: 170px;
	float: right;
	clear: right;
	margin-bottom: 12px;
}
div.secondary h1, div.secondary h2, div.secondary h3, div.secondary h4, div.secondary h5, div.secondary h6 {
	clear: both;
}
div.secondary ul {
	margin-right: 0;
	padding-right: 0;
}
div.secondary li {
	margin-right: 0;
}
div.secondary td:first-child {
	border-right: 1px dotted #C2DDF4;
	width: 50%;
}
/* navigation */
div#navigation {
	background-color: #fff;
	margin-bottom: 12px;
}
div#navigation h1 {
	font-size: 2.3em;
	color: #777;
} 
div#navigation h2 {
	font-size: 1.8em;
	color: #777;
} 
div#navigation li h1, div#navigation li h2, div#navigation li h3, div#navigation li h4, div#navigation li h5, div#navigation li h6 {
	margin: 0;
}
div#navigation div.lining {
	padding: 9px 0.7em;
	border: 12px solid #EDFAFB; 
}
div#navigation li a {
	font-size: 1.2em;
}

/* menu styling */
div#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navigation li {
	margin: 4px 0;
}
div#navigation ul li li {
	margin-left: 10px;
}
div#navigation ul li a {
	display: block;
	padding: 2px 2px 2px 7px;
	border-left: 6px solid #ddd;
	color: #4A749E;
	text-decoration: none;
}
div#navigation ul li a:hover {
	background-color: #eeeef2;
}

/* content */
div#content {
	padding-bottom: 3em;
}
div#content div.lining {
	padding: 12px 12px 0;
}
div#content div.una_slides {
	margin-bottom: 7px;
	background-color: #FAFFFE;
}
.newsitem {
	margin-bottom: 20px;	
}
div#content .newsitem h2 {
	margin-bottom: 0;	
}
div#content .newsitem p.small {
	margin-top: 0;
}
#home div.una_slides {
	width: 525px;
	height: 250px !important;
	overflow: hidden;
}
div.una_slides .thumbnail {
	float: right;
	display: block;
}

div.una_slides h1, div.una_slides p {
	/* margin: 17px; */
}
div.una_slides h1 a {
	color: #6D3E21;
}
div.una_slides h1 a:hover {
	text-decoration: none;	
}
div#cycle_nav {
	text-align: right;	
}
div#cycle_nav a {
	padding: 2px 5px;
	margin-right: 2px;
	height: 25px;
	background-color: #6D3E21;
	color: #fff;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
}
div#cycle_nav a.activeSlide {
	background-color: #4A749E;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
	color: #6D3E21;
}
div#content p {
	color: #444;
	font-size: 1.1em;
}
div#content p.small {
	font-size: 0.8em;
}
#content img.imgright { 
	padding: 8px;
	border: 2px solid #D6EAF8;
	margin: 0.35em 0 10px 0.35em;
	background-color: #FFFFFF;
	float: right;
}
#content img.imgleft { 
	padding: 8px;
	border: 2px solid #D6EAF8;
	margin: 0.35em 035em 10px 0;
	background-color: #FFFFFF;
	float: left;
}
/* extra */
div#extra li h1, div#extra li h2, div#extra li h3, div#extra li h4, div#extra li h5, div#extra li h6 {
	margin: 0;
}
div#extra h1, div#extra h2, div#extra h3, div#extra h4, div#extra h5, div#extra h6 {
	color: #4A749E;
}
div#extra {
	background-color: #fff;
}
div#extra div.lining {
	padding: 0 0.7em;
}


/* footer */
div#footer {
	margin-top: 8px;
	border-top: 1px dotted #C2DDF4;
	background-image: url("images/footer.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
	z-index: 80;
}
div#footer h1, div#footer h2, div#footer h3, div#footer h4, div#footer h5, div#footer h6 {
	color: #51833C;
}
div#footer p {
	color: #444;
}
div.footersection {
	padding: 14px;
}
div#address {
	width: 190px;
}
div#links {
	width: 250px;
}
div#related {
	width: 420px;
}
div#related div {
	overflow: auto;
}
div#related p {
	margin-left: 212px;
}
img.relatedimg {
	float: left;
	margin: 0 12px 12px 0;
}
div.footerlast {
	padding: 0 14px 0;
	margin: 0;
}
div.footerlast p {
	margin: 0;
	text-align: right;
}
/* Search form Positioning Hack */
div#searchform {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.2em 0.6em 0.5em;
	margin-bottom: 10px;
	z-index: 100;
}
div#searchform label {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	color: #4A749E;
	font-size: 1.15em;
	text-align: left;
}
div#searchform input {
	font-size: 1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}
div#footer div#searchform input#google_q {
	width: 155px;
	border: 2px solid #EDFAFB;
	background-color: #FFFFFF;
}
div#footer div#searchform input#google_sa {
	background-color: #eee;
	border: none;
	height: 22px;
	color: #6095D9;
	color: #6D3E21;
	font-size: 1.1em;
	padding: 0 0.1em;
	margin: 0;
}

/* Datebox */
li.event {
	overflow: auto;
	list-style: none;
	display: block;
	margin: 1em 0;
	padding: 0;
}
div.datebox {
	width: 30px;
	text-align: center;
	background-color: #ECFAFB;
	padding: 0.3em 0;
	float: left;
	margin-right: 6px;
}
li.event div.eventdetails {
	float: left;
	width: 280px;
}
div.datebox span {
	color: #4A74AF;
	display: block;
	line-height: 1.1em;
}
div.datebox span.date {
	font-size: 1.3em;
	font-weight: bold;
}
div.datebox span.hour {
	display: none;
}

/* WordPress Alignment */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* alerts */
#alert {
	margin-bottom:10px; /* o, v */
	/* background-image:url(/assets/images/quotemarks.gif);
	background-repeat:no-repeat;
	background-position:left;  */
	background-color:#FFDCB9; /* o, v */
	border:1px dotted #FF8000;	/* o, v */
	padding:0px 10px 4px 10px; /* o, v */
	color:#FF8000;
}

#alert p {
	margin:4px; /* o, v */
	color:#FF8000;
	font-size:100%;
}

#alert h2 {
	margin:4px; /* o, v */
	border:none;
	color:#FF8000;
}

#alert ul {
	color:#FF8000;
}

/* errors */
#error {
	margin-bottom:10px; /* o, v */
	/* background-image:url(/assets/images/quotemarks.gif);
	background-repeat:no-repeat;
	background-position:left;  */
	background-color:#FFD9D9; /* o, v */
	border:1px dotted #FF0000;	/* o, v */
	padding:0; /* o, v */
	color:#FF0000;
}

#error p {
	margin:4px; /* o, v */
	color:#FF0000;
	font-size:100%;
}

#error ul {
	color:#FF0000;
}

#error ul li {

}

/* success */
div#success {
	margin-bottom:10px; /* o, v */
	/* background-image:url(/assets/images/quotemarks.gif);
	background-repeat:no-repeat;
	background-position:left;  */
	background-color:#d5f3df; /* o, v */
	border:1px dotted #006600;	/* o, v */
	padding:0; /* o, v */
	color:#006600;
}

div#success p {
	margin:4px; /* o, v */
	color:#006600;
	font-size:100%;
}

div#success ul {
	color:#006600;
}

#content form {
	width:100%;

}

#cf_field_2, #cf2_field_2, #cf3_field_3, #cf3_field_4 {
	width:100px;
}

li#li-2-2 label, li#li--2 label, li#li-3-2 label, li#li-3-3 label, li#li-3-4 label {
	float:left;

}

li#li-2-3, li#li--3 {
	clear:both;

}
fieldset.cf-fs1, fieldset.cf-fs2, fieldset.cf-fs3 {
	background:#E4E4E4;
}

li#li-3-5 {
	padding-top:20px;
}