/*
File:			custom.css
Description:	Custom styles for Thesis
*/

body.custom {
	background:url(images/bg-body.jpg) top center no-repeat #f4f4ee;
}

.custom #header_area .page {
	padding-top:0;
}

.custom #content_area .page {
	border:1px solid #dddddd;
}

.custom #header_area .page #header {
	height:178px;
	padding-top:0;
	padding-bottom:0;
	border-bottom:0;
}

.custom #header_area #header #logo {
	display:block;
	background:url(images/logo-cs.png) center center no-repeat transparent;
	position:relative;
	top:10px;
	right:65px;
	float:left;
}

.custom #header_area #header #logo a {
	display:block;
	text-indent:-9999px;
	width:137px;
	height:137px;
	overflow:hidden;
}

.custom #header_area #header #headtext {
	float:right;
	text-align:right;
	font-size:15px;
	position:relative;
	top:30px;
}

.custom #header_area #header #headtext * {
	margin-left:20px;
	color:#000;
}

.custom #header_area #header #headtext a {
	border-bottom:3px solid #f4f4ee;
}

.custom #header_area #header #headtext a:hover {
	border-bottom:3px solid #f4c600;
}

.custom #header_area #header #tabs {
	float:right;
	clear:right;
	margin-top:60px;
	left:30px;
}

.custom #footer_area #footer #tabs {
	margin-top:10px;
	float:left;
}

.custom #tabs {
	width:482px;
	height:48px;
	background:url(images/navbar.png) top left no-repeat transparent;
	border:0;
	position:relative;
	padding-left:14px;
	padding-top:12px;
}

.custom #tabs li {
	border:0;
	background:transparent;
	padding:0 1.545em;
	background:url(images/pipe.gif) right center no-repeat transparent;
}

.custom #tabs li a {
	letter-spacing:0;
	text-transform:none;
	font-size:16px;
	background:transparent;
	color:#fff;
	padding:3px 0;
	border-bottom:3px solid transparent;	
}

.custom #tabs li.page-item-5 {
	background:none;
} 

.custom #tabs li a:hover {
	border-bottom:3px solid #f4c600;
	text-decoration:none;
}

.custom #tabs li.current_page_item a {
	border-bottom:3px solid #e61e1e;
}

.custom #footer_area #footer {
	border-top:0;
	padding-top:10px;
}

.custom #footer_area #footer p {
	padding-top:20px;
}

.custom .headline_area {
	padding-bottom:1em;
	border-bottom:1px solid #000;
        font-family: 'Josefin Slab', arial, serif;
        font-weight:bolder;
	color:#e61e1e;
}

/*** Sidebar ***/
.custom #sidebars ul.sidebar_list h3 {
	letter-spacing:1px;
	font-variant:normal;
	font-weight:bolder;
	color:#000;
}

.custom #sidebars a {
	color:#e61e1e;
}

/*** Feature Box ***/
.custom #feature_box {
	padding-top:3em;
	background:#fff;
	border:0;
	border-bottom:1px solid #dddddd;
}

.custom #feature_box object {
	padding-bottom:3em;
	float:right;
	padding-left:2em;
}

.custom #feature_box h2 {
	font-size:22px;
	font-weight:bolder;
	margin-bottom:1em;
}

.custom #feature_box p {
	font-size:1.65em;
	padding-bottom:1em;
	line-height:1.85em;
	font-weight:lighter;
}

.custom #feature_box hr {
	clear:both;
	color:#fff;
	background-color:#fff;
	border:0;
}

.custom #feature_box a {
	color:#e61e1e;
}


/*** Content Area ***/
.custom #content_area .page {
	background:#fff;
	min-height:700px;
}

.custom #content {
	padding-bottom:4em;
}

.custom #content a {
	color:#e61e1e;
	text-decoration:none;
}

.custom #content a:hover {
	text-decoration:underline;
}



/*** Join ***/
.custom.join #content hr {
	margin-top:3em;
	border:0px;
	background-color:#000;
	height:1px;
	clear:both
}

.custom.join #content table {
    width:75%;
	border:1px solid #000;
}

.custom.join #content table td {
	border-top:1px solid #000;
}

.custom.join #content table th, .custom.join #content table td {
	padding:.25em;
	padding-left:1em;
}

.custom.join #content table th {
	text-align:left;
}


/*** Collaborations ***/
.custom.collaborations #content hr {
	height:1px;
	background:#000;
	border:0;
	margin-bottom:3em;
	clear:both;
}

/*** Residents ***/
.custom.residents #content hr {
	height:1px;
	background:#000;
	border:0;
	margin-bottom:3em;
	clear:both;
}

.custom.residents #content img {
	float:left;
	margin-right:30px;
	margin-bottom:120px;
}

.custom.residents #content h2 {
	margin-bottom:0;
}


.custom.residents #content ul {
	float:right;
	margin-bottom:90px;
	width:150px;
	margin-left:50px;
}