/*
Theme Name: ubcsororities
Theme URI: http://wordpress.org/
Description: The main theme for UBC Sororities
Author:
Version: 1.0
*/

body {
    margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;	
    background-color:		#3d3d3d;	
	text-align:				center;	
}

#header-wrapper {
	width:					100%;
	height:					145px;
	background-color:		#ffffff;
	background-image:		url(images/Header_Back.jpg);
	background-repeat:		no-repeat;
	background-position:	center top;
	overflow:				hidden;
}
#header {
	width:					1000px;
	height:					145px;
	margin:					0px auto 0px auto;
	padding:				0px 0px 0px 0px;
	text-align:				left;
	
}

#logo {
	float:					left;		
	width:					240px;
	height:					145px;
	padding:				0px 0px 0px 60px;
}
#top-nav {
	float:					left;
	width:					650px;
	height:					145px;
	position:				relative;
}




#content-wrapper {
	width:					100%;
	background-color:		#ffffff;
	text-align:				center;
	float:					left;
}
	
#content-block {
	margin:					0px auto 0px auto;
	padding:				0px 50px 0px 50px;	
	width:					900px;
	min-height:				600px;
	text-align:				left;
	background-color:		#ffffff;
}

#left-column {
	float:					left;
	width:					310px;	
}
.left-special {
	padding:				0px 0px 38px 0px;
	background-image:		url(images/left-special-line.gif);
	background-repeat:		no-repeat;
	background-position:	left 58px;	
}

#content-column {
	float:					left;
	width:					590px;	
	padding:				0px 0px 20px 0px;
}





#footer-wrapper {
	clear:					both;
	width:					100%;	
	padding:				0px 0px 0px 0px;
	text-align:				center;
	background-image:		url(images/footer-shadow.png);
	background-repeat:		repeat-x;
	background-position:	center top;
}
#footer {
	margin:					0px auto 0px auto;
	padding:				30px 50px 10px 50px;		
	width:					900px;
	min-height:				150px;
	text-align:				left;
}

#footer-FAQs {
	float:					left;
	width:					270px;	
	padding:				0px 40px 0px 0px;
}
#footer-signup {
	float:					left;
	width:					270px;
	padding:				0px 40px 0px 0px;
}
#footer-news {
	float:					left;
	width:					280px;	
}







/* fonts */

div, td, p, li, input, select, textarea {
	font-family:			Verdana, Arial;
	font-size:				14px;
	line-height:			20px;
	color:					#333333;
}

h1 {
	font-family:			Verdana, Arial;
	font-size:				24px;	
	line-height:			30px;
	color:					#ffa800;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 20px 0px;
}

h2 {
	font-family:			Verdana, Arial;
	font-size:				14px;	
	line-height:			20px;
	color:					#ffa800;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 8px 0px;
}

.label-01 {
	font-family:			Verdana, Arial;
	font-size:				14px;	
	line-height:			20px;
	color:					#ffa800;
	font-weight:			normal;
	text-transform:			uppercase;	
}

h4 {
	font-family:			Verdana, Arial;
	font-size:				16x;	
	line-height:			20px;
	color:					#ffffff;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 20px 0px;
}

#footer p {
	color:					#737373;	
}

.sorority-heading {
	
}



/* color variations for Sororities section */

.ADP h1 {
	color:					#0066b3;	
}
.ADP h2 {
	color:					#0066b3;	
}
.ADP .sorority-heading {
	color:					#0066b3;
}

.AGD h1 {
	color:					#004547;	
}
.AGD h2 {
	color:					#004547;	
}
.AGD .sorority-heading {
	color:					#004547;
}

.AOP h1 {
	color:					#ee282f;	
}
.AOP h2 {
	color:					#ee282f;	
}
.AOP .sorority-heading {
	color:					#ee282f;
}

.AP h1 {
	color:					#a8161b;	
}
.AP h2 {
	color:					#a8161b;	
}
.AP .sorority-heading {
	color:					#a8161b;
}

.DG h1 {
	color:					#ec2e8c;	
}
.DG h2 {
	color:					#ec2e8c;	
}
.DG .sorority-heading {
	color:					#ec2e8c;
}

.GPB h1 {
	color:					#614628;	
}
.GPB h2 {
	color:					#614628;	
}
.GPB .sorority-heading {
	color:					#614628;
}

.KAT h1 {
	color:					#edc923;	
}
.KAT h2 {
	color:					#edc923;	
}
.KAT .sorority-heading {
	color:					#edc923;
}

.KKG h1 {
	color:					#00306f;	
}
.KKG h2 {
	color:					#00306f;	
}
.KKG .sorority-heading {
	color:					#00306f;
}






/* links */

a, a:visited {
	color:					#25698C;	
	text-decoration:		none;	
}
a:active {
	color:					#666666;	
	text-decoration:		underline;	
}
a:hover {
	color:					#606060;	
	text-decoration:		underline;
}


/* top-nav */
#top-nav ul {
	position:				absolute;
	top:					85px;
	right:					0px;
	list-style:				none;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}
#top-nav li { 
	float:					left;
	background-image:		url(images/default-tab-right-side.gif);
	background-repeat:		no-repeat;
	background-position:	right top;	
	margin:					0px 0px 0px 4px;
	padding:				0px 6px 0px 0px;
}
#top-nav a, #top-nav a:visited, #top-nav a:active {
	float:					left;
	display:				block;
	font-family:			Verdana;
	font-size:				12px;
	color:					#ffffff;
	text-decoration:		none;
	height:					24px;
	padding:				6px 6px 0px 12px;
	text-align:				center;
	text-transform:			uppercase;
	background-image:		url(images/default-tab-left-side.gif);
	background-repeat:		no-repeat;
	background-position:	left top;	
}

#top-nav ul li.selected {
	background-image:		url(images/default-tab-right-side-over.gif);
	background-repeat:		no-repeat;
	background-position:	right top;	
	margin:					0px 0px 0px 4px;
	padding:				0px 6px 0px 0px;
}
#top-nav a.selected {
	background-image:		url(images/default-tab-left-side-over.gif);
	background-repeat:		no-repeat;
	background-position:	left top;
	color:					#ffffff;
}

#top-nav a:hover {
	background-image:		url(images/default-tab-left-side-over.gif);
	background-repeat:		no-repeat;
	background-position:	left top;
	color:					#ffffff;
}
#top-nav li:hover { 
	background-image:		url(images/default-tab-right-side-over.gif);
	background-repeat:		no-repeat;
	background-position:	right top;	
	margin:					0px 0px 0px 4px;
	padding:				0px 6px 0px 0px;
}


/* left-nav */
#left-nav a, #left-nav a:visited, #left-nav a:active {
	display:				block;
	font-family:			Verdana;
	font-size:				14px;
	color:					#ffffff;
	text-decoration:		none;
	width:					273px;
	height:					28px;
	padding:				11px 0px 0px 13px;
	margin:					0px 0px 4px 0px;
	background-image:		url(images/left-button-default.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}
#left-nav a:hover {
	background-image:		url(images/left-button-default-rollover.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}
#left-nav a.selected, #left-nav a.selected:visited, #left-nav a.selected:active, #left-nav a.selected:hover {
	background-image:		url(images/left-button-default-selected.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}


/* variations of these buttons for sororities */
#left-nav a.ADP:hover {
	background-image:		url(images/left-button-ADP-rollover.gif);	
}
#left-nav a.selectedADP, #left-nav a.selectedADP:visited, #left-nav a.selectedADP:active, #left-nav a.selectedADP:hover {
	background-image:		url(images/left-button-ADP-selected.gif);	
}

#left-nav a.AGD:hover {
	background-image:		url(images/left-button-AGD-rollover.gif);	
}
#left-nav a.selectedAGD, #left-nav a.selectedAGD:visited, #left-nav a.selectedAGD:active, #left-nav a.selectedAGD:hover {
	background-image:		url(images/left-button-AGD-selected.gif);	
}

#left-nav a.AOP:hover {
	background-image:		url(images/left-button-AOP-rollover.gif);	
}
#left-nav a.selectedAOP, #left-nav a.selectedAOP:visited, #left-nav a.selectedAOP:active, #left-nav a.selectedAOP:hover {
	background-image:		url(images/left-button-AOP-selected.gif);	
}

#left-nav a.AP:hover {
	background-image:		url(images/left-button-AP-rollover.gif);	
}
#left-nav a.selectedAP, #left-nav a.selectedAP:visited, #left-nav a.selectedAP:active, #left-nav a.selectedAP:hover {
	background-image:		url(images/left-button-AP-selected.gif);	
}

#left-nav a.DG:hover {
	background-image:		url(images/left-button-DG-rollover.gif);	
}
#left-nav a.selectedDG, #left-nav a.selectedDG:visited, #left-nav a.selectedDG:active, #left-nav a.selectedDG:hover {
	background-image:		url(images/left-button-DG-selected.gif);	
}

#left-nav a.GPB:hover {
	background-image:		url(images/left-button-GPB-rollover.gif);	
}
#left-nav a.selectedGPB, #left-nav a.selectedGPB:visited, #left-nav a.selectedGPB:active, #left-nav a.selectedGPB:hover {
	background-image:		url(images/left-button-GPB-selected.gif);	
}

#left-nav a.KAT:hover {
	background-image:		url(images/left-button-KAT-rollover.gif);	
}
#left-nav a.selectedKAT, #left-nav a.selectedKAT:visited, #left-nav a.selectedKAT:active, #left-nav a.selectedKAT:hover {
	background-image:		url(images/left-button-KAT-selected.gif);	
}

#left-nav a.KKG:hover {
	background-image:		url(images/left-button-KKG-rollover.gif);	
}
#left-nav a.selectedKKG, #left-nav a.selectedKKG:visited, #left-nav a.selectedKKG:active, #left-nav a.selectedKKG:hover {
	background-image:		url(images/left-button-KKG-selected.gif);	
}


h2 a, h2 a:visited, h2 a:active {
	color:					#ffa800;	
}
h2 a:hover {
	text-decoration:		underline;	
}




/* footer links */

#footer a, #footer a:visited, #footer a:active {
	color:					#ffffff;
	text-decoration:		none;	
	font-size:				12px;
}
#footer a:hover {
	text-decoration:		underline;
}

/*#footer-FAQs a, #footer-FAQs a:visited, #footer-FAQs a:active {
	font-size:				14px;
	display:				block;
	color:					#737373;
	padding:				0px 0px 6px 16px;
	background-image:		url(images/arrow-01.gif);
	background-repeat:		no-repeat;
	background-position:	0px 5px;
}
#footer-FAQs a:hover {
	color:					#cccccc;
}*/

#footer-news a, #footer-news a:visited, #footer-news a:active {
	font-size:				14px;
	display:				block;
	color:					#737373;
	padding:				0px 0px 6px 16px;
	background-image:		url(images/arrow-01.gif);
	background-repeat:		no-repeat;
	background-position:	0px 5px;
}
#footer-news a:hover {
	color:					#cccccc;
}









/* form styles */

form {
	margin:					0px;
}





/* bullet styles */

ul {
	list-style:				none;
	padding:				0px 0px 12px 16px;
	margin:					0px 0px 0px 0px;
}

ul li {
	background-image:		url(images/bullet-01.gif);
	background-repeat:		no-repeat;
	background-position:	0px 7px;
	padding:				0px 0px 6px 16px;
	margin-left:			0px;
}

ul li #nospacing {
	background-image:		url(images/bullet-01.gif);
	background-repeat:		no-repeat;
	background-position:	0px 7px;
	padding:				0px 0px 0px 16px;
	margin-left:			0px;
}


ol {
	list-style:				decimal;
	padding:				0px 10px 14px 12px;
	margin:					0px 0px 0px 12px;
}

ol li {
	background-image:		none;
	padding:				2px 0px 2px 0px;
	margin-left:			10px;
}






/* special styles */

p {
	margin:					0px;
	padding:				0px 0px 20px 0px;
}

img {
	border:					0px;
}

img.block {
	display:				block;
}

.break {	
	clear:					both;
}

.right {
	text-align:				right;
}

.center {
	text-align:				center;
}

.left {
	text-align:				left;
}

hr {
	margin:					6px 0px 6px 0px;
	padding:				0px;
	border:					0px;
	outline:				0px;
	background:				#cacaca;
	color:					#cacaca;
	height:					1px;
}




/* special content tables styles can go here */

.home-tables {
	width:					590px;
	display:				block;
	margin:					0px 0px 10px 0px;
	background-image:		url(images/home-tables-back.gif);
	background-repeat:		repeat-y;
	background-position:	0px 0px;	
}
.home-table-top {
	width:					590px;
	height:					6px;
	background-image:		url(images/home-table-top.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	font-size:				6px;
	line-height:			6px;
}
.home-table-bottom {
	width:					590px;
	height:					6px;
	background-image:		url(images/home-table-bottom.gif);
	background-repeat:		no-repeat;
	background-position:	0px bottom;
	font-size:				6px;
	line-height:			6px;
}
.home-tables td.content {
	width:					240px;
	padding:				15px 20px 5px 20px;	
}
.home-tables td.spacer {
	width:					30px;	
}
.home-tables h2 {
	font-size:				24px;	
	line-height:			30px;
	color:					#ffffff;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 20px 0px;
}
.home-tables td.content a, .home-tables td.content a:visited, .home-tables td.content a:active {
	display:				block;
	font-family:			Verdana;
	font-size:				14px;
	color:					#ffffff;
	text-decoration:		none;
	width:					227px;
	height:					39px;
	padding:				11px 0px 0px 13px;
	margin:					0px 0px 4px 0px;
	background-image:		url(images/home-table-button.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}
.home-tables td.content a:hover {	
	background-image:		url(images/home-table-button-over.gif);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}


/* news page styles */

.news-post {
	padding:			 	0px 0px 20px 0px;
	margin:					0px 0px 36px 0px;
	border-bottom:			solid 1px #cccccc;
}
.news-post-head {
	float:					left;
	width:					430px;
}
.news-post-date {
	float:					right;	
	width:					160px;
	text-transform:			uppercase;
	font-size:				12px;
}
.news-post-head h2, .type-post h2 {
	font-family:			Verdana, Arial;
	font-size:				24px;	
	line-height:			30px;
	color:					#ffa800;
	font-weight:			normal;
	text-transform:			uppercase;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 16px 0px;
}

.news-post-head h2 a, .news-post-head h2 a:visited, .news-post-head h2 a:active {
	color:					#ffa800;	
}
.news-post-head h2 a:hover {
	text-decoration:		underline;
}

.news-post-content {
	clear:					both;	
}

.type-post h2 a, .type-post h2 a:visited, .type-post h2 a:active {
	color:					#ffa800;	
}
.type-post h2 a:hover {
	text-decoration:		underline;
}