/* this file contains specific styles for the Samford website styles. these styles are repeated across templates.*/

body {
	background: #2d455e; 
	color: #12212e;
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	color: #416181; 
	font-family: "athelas-1","athelas-2", Georgia, serif; 
	font-weight: normal;

}
#container h1 {color: #88110e; text-transform: uppercase;}

.caption {
	color: #416181; 
	font-style: italic; 
	text-align: right;
}

/*br.clear {height: 0; width: 0;}*/

/*to be used as necessary--do not remove, contains top shadow*/
#emergency {
	position: relative; 	
	width: 960px; 
	margin: 0px auto -16px;
	padding: 20px 22px; 
	background: url(images/shadowtop.png) bottom center no-repeat; 
	z-index: -999;
}

#container  {
	position: relative;
	width: 960px; height: 100%; 
	margin: auto; 
	padding: 0px 22px; 
	background: #cbd7e0 url(images/shadow.png) center center repeat-y; 
	overflow: auto;
}

/* content */
#content {
	position: relative; 
	clear: both; 
	height: 100%; 
	width: 960px; 
	padding-top: 15px; 
	background: #bdd1e1 url(images/main_bg.jpg) top left no-repeat; 
	overflow: auto;
}

#container #content a:link, #container #content a:visited {text-decoration: none; color: #631e1e;}
#container #content a:hover, #container #content a:focus, #container #content a:active {border-bottom: 1px dotted #4d7399; color: #4d7399;}

/*breadcrumbs*/
#content .breadcrumbs {padding-bottom: 40px;}
#content .breadcrumbs li {
	float: left; 
    list-style: none;
	margin: 0; 
	margin-right: 12px; 
	padding: 0; 
	padding-left: 8px; 
	font-size: .9em;
	background: url(images/breadcrumb.png) center left no-repeat; 
}

/*indented boxes such as on the community, academics and traditions pages */
#content .box {
	height: 200px; 
	padding: 15px 5px; 
	border-bottom: 1px solid rgb(220, 230, 238); 
	border-bottom: 1px solid rgba(255, 255, 255, .50); 
	clear: both;
}
#content .box:last-child{border:none;}
#content .box img.right {padding-bottom: 0;}

#content #video_container {float: right; width: 250px; margin: 3.5em 10px 0;}
#content #video_container table td{margin: 0; padding: 0;}
#content ul.meta {margin-top: 1em;}
#content .meta li {
    list-style: none; 
    padding: .5em 10px; 
    margin: 0;
    border-bottom: 1px solid rgb(220, 230, 238); 
}
#content .video li {height: 75px; list-style: none; padding: .5em; margin: 0;}
#content .video p {margin-top: 15px}
#content .video img {margin-top: -15px;}

#content object {display: block; margin: 1em 0 2em;}

/*skip links for accessibility*/
ul#access  {position: absolute; top: -9000px; left: -9000px; z-index: 999;}
ul#access a:active, ul#access a:focus {
	position: absolute; 
	top: 9000px; left: 9100px;
	width: 12em; 
	padding: 5px; 
	background: #a8c1d7;
    -moz-border-radius: 0 0 4px 4px;
	color: #4b0000; 
	font-weight: bold;
	text-decoration: none; 
	text-align: center;
	z-index: 9999;
}

/*logo*/
#header {background: #88110e;}
a#su:link, a#su:visited {background: url(images/su_logo_sub.png) top left no-repeat; }
a#su:hover, a#su:focus, a#su:active {background: #88110e url(images/su_logo_sub.png) bottom left no-repeat;}

#su img {padding-top: 50px; height: 0px;} 

/* top navigation */
#searchbar, #constituents { text-align: right;}
#searchbar {background: #88110e;}
#constituents {background:#a8c1d7 url(images/hdivider.png) left -1px repeat-x;}
#cse-search-box {display: inline;}

#searchbar li, #constituents li {
	display: inline; 
	margin: 0px 10px; 
}
#searchbar ul {float: left; width: 440px;}
#searchbar #search {display: block; float: right; margin-top: 16px; width: 265px;}


#searchbar a:link, #searchbar a:visited,
#constituents a:link, #constituents a:visited {
	padding: 5px; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform: uppercase;
	color: #fff;
}

#searchbar a:hover, #searchbar a:focus, #searchbar a:active {
    background: #4b0000;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

#constituents a:link, #constituents a:visited {color: #631e1e;}
#constituents a:hover, #constituents a:focus, #constituents a:active {
    background: #fff; 
    -moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

/* bottom navigation */
#subnavigation {
	clear: left; 
	height: 100%; 
	width: 960px; 
	background: #a8c1d7 url(images/hdivider.png) left -1px repeat-x; 
	padding: 15px 0; 
	overflow: auto;
}
#subnavigation h2 {
	padding-bottom: 5px; 
	color: #4d7399; 
	font-family: georgia, times, "times new roman", serif; 
	font-size: 1.25em; 
	text-transform: uppercase;
}
#subnavigation li {
	margin-bottom: .25em; 
	border-bottom: 1px solid #a0bbd3;
}
#subnavigation a:link, #subnavigation a:visited {
	display: block; 
	padding: .25em 2px; 
	color: #334b64; 
	text-decoration: none;
}
#subnavigation a:hover, #subnavigation a:focus, #subnavigation a:active {background: #cddbe7; color: #4b0000; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}

/*quick links drop down*/
#quicklinks h2 {margin-bottom: .25em; border-bottom: 1px solid #a0bbd3;}

#quicklinks .sf-menu li {
	width: 200px;
	border-bottom: 1px solid #a0bbd3;
	-moz-border-radius: 4px 4px 0 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat 0 -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.5em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*social media buttons*/
#socialmedia {clear: both; padding-top: 1.5em;}
#socialmedia a:link, #socialmedia a:visited {
	background: transparent; 	
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.80;      /* khtml, old safari */
	-moz-opacity: 0.80;       /* mozilla, netscape */
	opacity: 0.80;           /* fx, safari, opera */
}

#socialmedia a:hover, #socialmedia a:focus, #socialmedia a:active {
	background: transparent; 	
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
}

/* footer, contains bottom shadow */
#footer { 
	clear: both; 
	width: 960px; 
	margin: -16px auto 0; 
	padding: 30px 22px 10px; 
	background: url(images/shadowbottom.png) top center no-repeat; 
	color: #fff;
}
#footer p {padding: 0 10px;}
#footer a:link, #footer a:visited {
	border-bottom: 1px dotted #ccc; 
	color: #a8c1d7; 
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {border-bottom: 1px solid #fff; color: #ccc;}