/*
Theme Name: University of Alabama WordPress Theme
Theme URI: http://ua.edu
Description: Multi-functional web template with optional search box in header and functional footer based on the look and feel of the current UA Home Page. Control various aspects of your theme directly from the admin with the UA Theme Options panel.  Available for usage by any official unit of The University of Alabama.
Version: 1.5.1
Author: Web Communications
Author URI: http://webcomm.ua.edu
Tags: university of alabama, crimson, white, grid, xhtml, multi-columns, widgets, menus, threaded comments, theme options panel
*/

/*********************************************************
	CSS Reset
 *********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
}

@font-face {
    font-family: 'CrimsonRoman';
    src: url('fonts/crimson/Crimson-Roman-webfont.eot');
    src: url('fonts/crimson/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/crimson/Crimson-Roman-webfont.woff') format('woff'),
         url('fonts/crimson/Crimson-Roman-webfont.ttf') format('truetype'),
         url('fonts/crimson/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('fonts/cartogothic/CartoGothicStd-Book-webfont.eot');
    src: url('fonts/cartogothic/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cartogothic/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('fonts/cartogothic/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('fonts/cartogothic/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*********************************************************
	HTML Elements
 *********************************************************/
body{
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,sans-serif;
	font-size:62.5%;
	line-height:20px;
}
body.ua-nav-one{background:#fff url('images/header-bg-one.png') top left repeat-x;}
body.ua-nav-two{background:#fff url('images/header-bg-two.png') top left repeat-x;}
body.ua-nav-none{background:#fff url('images/header-bg-none.png') top left repeat-x;}
body.ua-nav-one #content, body.ua-nav-two #content{padding-top:15px;}
body.ua-nav-one #header, body.ua-nav-none #header{height:153px;}
body.ua-nav-two #header{height:179px;}
body.Crimson-Roman #wordmark, body.CartoGothic #wordmark{
	background:none;
	text-indent: 0;
	color:white;
	font-family: 'CrimsonRoman';
	font-size: 60px;
	font-weight: normal;
	position: relative;
	top:10px;
	left:20px;
	height:auto;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
body.Crimson-Roman #wordmark:hover, body.CartoGothic #wordmark:hover{text-decoration: none;}
body.CartoGothic #wordmark{
	font-family: 'CartoGothicStdBook';
	font-weight: 100;
	top:20px;
}

p{
	font:normal 1.4em/155% Verdana,Geneva,sans-serif;
	margin:0 0 15px 0;
}
p.big{
	font-size:1.8em;
	line-height:145%;
	margin-bottom:18px;
}
p.smaller{font-size: 1.3em;}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,sans-serif;
	line-height:1.1em;
	padding:6px 0 10px 0;
}
h1{font-size: 2.6em;padding:5px 0 20px 0;}
h2{font-size: 2.2em;}
h3{font-size: 2.0em;}
h4{font-size: 1.8em;}
h5{font-size: 1.7em;}
h6{font-size: 1.6em;}
ul, ol{
	font-size:1.4em;
	line-height:155%;
	padding:5px 0 0 40px;
	margin:0 0 15px 0;
}
ul ul, ol ol, ul ol, ol ul{
	margin-bottom: 0;
	font-size:1.0em;
}
ol ol{list-style: upper-alpha;}
ol ol ol{list-style: lower-roman;}
ol ol ol ol{list-style: lower-alpha;}
dl{
	font-size:1.4em;
	margin-bottom:24px;
}
dt{font-weight:bold;}
dd{margin-bottom: 18px;}
table{
	margin:0 0 15px 0;
	font-size:1.4em;
	border-collapse:collapse;
	text-align:left;
	width:100%;
}
th{
	background-color:#C0C0C0;
	color:#990000;
	padding:9px;
}
td{padding:3px 9px;}
table p{
	font: 1.4em/175% Verdana,Geneva,sans-serif;
	margin:0 0 5px 0;
}
a:link, a:visited, a:active{
	color:#900;
	text-decoration:none;
}
a:hover{
	color:#900;
	text-decoration:underline;
}
a{outline: none;}
blockquote p{
	font-style:italic;
	padding:0 20px;
}
pre{
	background: #f7f7f7;
	color: #222;
	line-height:18px;
	margin-bottom:18px;
	padding:1.5em;
	font-size:1.6em;
}
code{font-size:1.2em;}
abbr,acronym{
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,sub{
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup{bottom:1ex;}
sub{top:.5ex;}

 
/*********************************************************
	Column width/positioning
 *********************************************************/
#wrapper, #footerwrapper{
	width:972px;
	margin:0 auto;
}

#content{
	font-family:Verdana, sans-serif;
	float:left;
}

/*********************************************************
	Header
 *********************************************************/
#header{position:relative;}
#nameplate{
	background:url(images/ua-logo.png) top left no-repeat;
	width:217px;
	height:62px;
	position:absolute;
	top:28px;
	right:10px;
	text-indent:-9999px;
	margin:0;
}
#nameplate-wide{
	background:url(images/ua-logo-wide.png) top left no-repeat;
	width:254px;
	height:27px;
	position:absolute;
	top:0px;
	left:10px;
	text-indent:-9999px;
	margin:0;
	z-index:100;
}
#wordmark{
	width:709px;
	height:112px;
	position:absolute;
	top:0px;
	left:10px;
	text-indent:-9999px;
	margin:0;
}

/*********************************************************
	Main Navigation
 *********************************************************/
#main-nav{
	position:absolute;
	top:113px;
	background-color:#333;
	width:100%;
}
#main-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#main-nav ul li{float:left;}

ul.menu_4 li{width:243px;}
ul.menu_5 li{width:194px;}
ul.menu_6 li{width:162px;}
ul.menu_7 li{width:138px;}
ul.menu_8 li{width:121px;}
ul.menu_9 li{width:108px;}
ul.menu_10 li{width:97px;}

#main-nav ul li a{
	color:#fff;
	background-color:#333;
	text-decoration:none;
	line-height:39px; 
	display:block;
	font-size:15px;
	font-weight:bold;
	height:39px;
	overflow:hidden;
}
#main-nav ul li a:hover{
	color:#990000;
	background-color:#fff;
	overflow:hidden;
}

/*********************************************************
	Targeted Navigation
 *********************************************************/
#targ-nav{
	position:absolute;
	top:153px;
	right:5px;
	background-color:#ccc;
}
#targ-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
#targ-nav ul li{float:left;}
#targ-nav ul li.slash{background:transparent url(images/targ-nav-slash.png) right center no-repeat;}
#targ-nav ul li a{
	color:#990000;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 10px 0 9px;
	line-height:25px;
	background-color:#ccc;
}
#targ-nav ul li.slash a{
	margin-right:5px;
    padding:0 13px 0 12px; 
}
#targ-nav ul li a:hover{
	color:#333; 
	text-decoration:underline;
}

/*********************************************************
	Second-Level Navigation
 *********************************************************/
.sec-nav{
	padding:0;
	margin:0 0 30px 0;
}
ul.sec-nav{font:bold 1.7em/175% "Lucida Sans",Lucida Sans Unicode,Verdana,Helvetica,sans-serif;}
ul.sec-nav li{list-style:none;}
ul.sec-nav li a{
	width:95%;
	display:block;
	padding:5px 0 5px 5px; 	
	border-top:1px #ccc dotted;
	text-decoration:none;
}
ul.sec-nav li a.noborder{border-top:0px;}
ul.sec-nav li a:hover{
	color:#fff;
	background-color:#900;	
	text-decoration:none;
}

/* Nested Second-Level Sub-Navigation */
ul.sec-nav ul{
	margin:0;
	padding:0 0 10px 15px;
	line-height:130%;
	display:block;
	width:92%;
}
ul.sec-nav ul li a{
	font-size:13px;
	font-weight:normal;
	line-height:130%;
	padding:4px 0 4px 4px;
	border-top:0;
	margin-top:0;
}
ul.sec-nav ul li a:hover{margin-right:20px;}

/* Thinner font for menu items to prevent wrapping */
.thin{letter-spacing:-1px;}


/*********************************************************
	Search Box
 *********************************************************/
#toolbox{
	font-family:"Lucida Sans",Lucida Sans Unicode,Arial,Verdana,sans-serif;
	position:absolute;
	top:32px;
	right:5px;
	background-color:#820c0c;
	border:1px solid #993333;
	width:215px;
	height:50px;	
}
#toolbox form{
	position:absolute;
	top:10px;
	left:10px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
#toolbox form input{
	border:0;
	width:157px;
	margin:2px;
	padding:2px;
	vertical-align:middle;
	font-size:1.4em;
	color:#333;
}
#toolbox form input#submit{
	background:transparent url(images/search.gif) 0 0 no-repeat;
	cursor:pointer;
	height:24px;
	width:24px;
	border:0;
	font-size:0;
    line-height:0;
	text-indent:-9999px;
}

/*********************************************************
	Columns
 *********************************************************/
.column_1,.column_2,.column_3,.column_4,.column_5,
.column_6,.column_7,.column_8,.column_9{
	display:inline;
	float: left;
	margin:0 10px;
	overflow:hidden;
}
.column_1{width:88px;}
.column_2{width:196px;}
.column_3{width:304px;}
.column_4{width:412px;}
.column_5{width:520px;}
.column_6{width:628px;}
.column_7{width:736px;}
.column_8{width:844px;}
.column_9{width:952px;}

.clear{
	clear:both;
	display:block;
	height:0;
	width:0;
	overflow:hidden;
	visibility:hidden;
}

/*********************************************************
	Columns - Prefix (empty space BEFORE columns)
 *********************************************************/
.prefix_1{padding-left:108px;}
.prefix_2{padding-left:216px;}
.prefix_3{padding-left:324px;}
.prefix_4{padding-left:432px;}
.prefix_5{padding-left:540px;}
.prefix_6{padding-left:648px;}
.prefix_7{padding-left:756px;}
.prefix_8{padding-left:864px;}
 
/*********************************************************
	Columns - Suffix (empty space AFTER columns)
 *********************************************************/
.suffix_1{padding-right:108px;}
.suffix_2{padding-right:216px;}
.suffix_3{padding-right:324px;}
.suffix_4{padding-right:432px;}
.suffix_5{padding-right:540px;}
.suffix_6{padding-right:648px;}
.suffix_7{padding-right:756px;}
.suffix_8{padding-right:864px;}

/********************************************************************
	Content Columns	(used to position content within overall columns)
 ********************************************************************/
.cont_col_2, .cont_col_3{
	float: left;
	margin:0;
	padding:10px 20px 0 0;
}
.noright{padding-right:0;}
.column_9 .cont_col_2{width:466px;}
.column_9 .cont_col_3{width:304px;}
.column_7 .cont_col_2{width:358px;}
.column_7 .cont_col_3{width:232px;}
.column_6 .cont_col_2{width:294px;}
.column_6 .cont_col_3{width:189px;}
.column_5 .cont_col_2{width:250px;}
.column_5 .cont_col_3{width:160px;}
.column_4 .cont_col_2{width:196px;}
.column_4 .cont_col_3{width:124px;}

/*********************************************************
	Second-Level Images
 *********************************************************/
.img_main{margin:0 0 15px 0;}
.img_left{
	float:left;
	margin:3px 15px 10px 0px;
}
.img_right{
	float:right;
	margin:3px 0px 10px 15px;
}

/*********************************************************
	Links Boxes
 *********************************************************/
.linksbox{
	background-color:#eee;
	border:1px solid #ccc;
	margin:0 0 20px 0;
	padding:0;
}
.linksbox h1, .linksbox h1.gray, linksbox h1.darkgray{
	font-size:1.4em;
	color:#fff;
	margin:0;
	padding: 8px 5px 8px 12px;
}
.linksbox h1{background-color:#900;}
.linksbox h1.gray{background-color:#777;}
.linksbox h1.darkgray{background-color:#333;}
.linksbox h1.large{font-size:2.2em;}
.linksbox ul{
	font: 1.3em/140% Verdana,sans-serif;
	padding:5px 12px 0px 25px;
}
.linksbox ul li{padding-bottom:3px;}
.linksbox ul.nobullets{
	list-style-type:none;
	padding:5px 5px 0px 12px;
}
.linksbox p{padding:4px 10px 0 10px;}
.linksboxright{
	float:right;
	width:250px;
	margin:0 0 0 10px;
}


/*********************************************************
    Horizontal List
 *********************************************************/
.hori-list{
	margin-bottom:30px;
	margin-top:20px;
}
.hori-list h1{text-align:center;}
.hori-list ul{
	padding:10px 0;
	margin-bottom:0px;
	text-align:center;
}
.hori-list ul li{
    display:inline;
    font-size:1.4em;
	font-weight:bold;
	padding:4px;
}

/*********************************************************
    Form Styles
 *********************************************************/
form.uaform{
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,Arial,sans-serif;
	margin:20px 0;
}
form.uaform li{width:auto !important;}
.uaform ul{
	list-style:none;
	margin:0 14px;
	padding:0;
	font-size:1.2em;
}
.uaform li{
	clear:both;
	margin:0;
	padding:6px 1% 9px;
	width:64%;
}
.uaform li div span, span.full input, span.full select{
	display:block;
	float:left;
	width:100%;
}
.uaform span.left{
	float:left;
	width:48%;
}
.uaform span.right{
	float:right;
	width:48%;
}
.uaform span.right input, .uaform span.right select, .uaform span.left input, .uaform span.left select{width:100%;}
.uaform li div label, .uaform li span label{font-size:90%;}
.uaform fieldset{
	background-color:#eeeeee;
	-webkit-box-shadow:2px 2px 10px #ADADAD;
	-moz-box-shadow:2px 2px 10px #ADADAD;
	box-shadow:2px 2px 10px #ADADAD;
	margin:15px 0;
	clear:both;
}
.uaform legend{
	font-size:1.4em;
	font-weight:bold;
	color:#990000;
	margin-left:5px;
}
.uaform .legend{
	margin:5px 14px;
	padding:0 6px;
	color:#990000;
	border-bottom:1px dotted #CCCCCC;
}
.uaform label, label.desc{
	display:block;
	margin:0;
	padding-bottom:3px;
	color:#000;
}
label.desc{font-weight:bold;}
.uaform label.choice{
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px;
	width:88%;
}
.uaform label span{
	color:#BC1212;
	vertical-align:middle;
}
input.text, textarea.textarea, select.select{
	font-size:100%;
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,Arial,sans-serif;
	margin:0;
	padding:2px 0;
}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:100%;}
textarea.medium{height:10em;}
.submit{font-size:1.1em;}
input.checkbox, input.radio{
	font-size:1.1em;
	display:block;
	height:13px;
	width:13px;
	margin:4px 0 0;
}
label.error{
	color:red;
	font-weight:bold;
}
input.error, select.error, textarea.error{border:1px solid red;}
p#form_success{
	color:green;
	font-weight:bold;
}

/*********************************************************
	Calendar Widget
*********************************************************/
#wp-calendar{
	font-size:1.3em;
	width:100%;
	padding:5px;
}
#calendar_wrap{width:100%;}
#wp-calendar td, #wp-calendar th{
	padding:0;
	width:20px;
	text-align:center;
}
td#prev{text-align:left;}
td#next{text-align:right;}
#wp-calendar td a{font-weight:bold;}
#wp-calendar caption{
	font-size:1.2em;
	margin-bottom:3px;
}

/*********************************************************
	Search Widget
*********************************************************/
#searchform div{
	font-family:"Lucida Sans",Lucida Sans Unicode,Arial,Verdana,sans-serif;
	height:65px;
}
form#searchform{
	margin:0;
	padding:4px;
	width:97%;
}
#searchform #s{
	border:#cccccc solid 1px;
	width:75%;
	padding:4px;
	margin-right:5px;
	vertical-align:middle;
	font-size:1.17em;
	color:#333;
	float:left;
}
#searchform #searchsubmit{
	background:transparent url(images/search.gif) 0 0 no-repeat;
	cursor:pointer;
	height:24px;
	width:24px;
	border:0;
	font-size:0;
    line-height:0;
	float:left;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
#searchform label{display:block;font-size:1.1em;}

/*********************************************************
	RSS Widget
*********************************************************/
.rsswidget img{display:none;}
.linksbox h1 .rsswidget{color:#fff;}

/*********************************************************
	Comments
 *********************************************************/
h3#comments{margin-top:55px;}
li.comment{
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	padding:20px;
	position:relative;
	margin-bottom:20px;
	font-size:0.7em;
	margin-left:-40px;
				                
}
.entry h2{padding-bottom:5px;}
.metadata{
	font-size:1.1em;
	padding:5px 0;
}
li.comment, li.pingback{list-style:none;}
li.pingback{
	margin-left:-40px;
	font-size:0.7em;
}
.comment-author{
	display:block;
	font-size:1.2em;
}
.comment-meta{
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:1.1em;
}
.fn{
	font-size:1.4em;
	font-weight:normal;
	font-style:normal;
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,sans-serif;
}
.avatar{
	position:absolute;
	top:10px;
	right:10px;
	clear:both;
}
.comment-reply-link{font-size:1.3em;}
#respond{
	position:relative;
	margin-top:10px;
}
.cancel-comment-reply{
	font-size:1.5em;
	position:absolute;
	top:13px;
	right:13px;
}
.children{margin:10px 0;}
.children .depth-2, .children .depth-4{
	background-color:#eeeeee;
	border-color:#999999;
}
.comment.depth-2,.comment.depth-3,.comment.depth-4,.comment.depth-5,.comment.depth-6{font-size:1.0em;}
.morelink{margin-bottom:0;}

/*********************************************************
	Blog Content
 *********************************************************/
.details{
	border-bottom:#6F737A solid 1px;
	margin-bottom:20px;
	padding-bottom:7px;
	float:left;
	width:100%;
	font-size:1.1em;
	color:#666666;
	line-height:140%;
}
.index-details{
	border-bottom:none;
	margin-bottom:0;
}
.last-details{
	margin-bottom:20px;
	padding-bottom:15px;
}
.index-excerpt{
	margin-bottom:13px;
	padding-bottom:13px;
	border-bottom:#6F737A solid 1px;
	line-height:140%;
}
.more{
	font-size:1.5em;
	font-weight:bold;
	text-align:right;
	margin-bottom:0px;
}

/*********************************************************
	Captions
 *********************************************************/
.aligncenter, div.aligncenter{
	text-align:center;
	margin:0 auto;
	clear:both;
	display:block;
}
.alignright, div.alignright{
	float:right;
	margin-left:10px;
}
.alignleft, div.alignleft{
	float:left;
	margin-right:10px;
}
.wp-caption{
	text-align: center;
	font-size:0.8em;
}
.wp-caption-text{
	font-size: 12px;
	line-height: 17px;
	padding-left:5px;
	margin: 0;
}
img.aligncenter, img.alignright, img.alignleft{margin-top:7px;}
.postmetadata{font-size:1.2em;}
.gallery-caption{font-size:0.8em;}

/*********************************************************
	Paging Navigation
 *********************************************************/
.navigation{
	font-size:1.2em;
	margin-top:20px;
}
.wp-pagenavi{
	text-align:center;
	margin:0 auto;
	font-size:1.1em;
	padding:5px;
}
.wp-pagenavi a, .wp-pagenavi span{
	padding:4px;
	margin:2px;
	text-decoration:none;
	border: 1px solid #666666;	
}
.wp-pagenavi a:hover{border: 1px solid #000000;}
.wp-pagenavi span.pages{color: #666666;}
.wp-pagenavi span.current{
	font-weight: bold;
	border: 1px solid #333333;
	color: #FFFFFF;
	background-color: #333333;
}
.wp-pagenavi span.extend{color: #000000;}

/*********************************************************
	Footer
 *********************************************************/
#footer{
	background:#990000 url(images/footer-bg.png) top left repeat-x;
	margin-top:40px;
	padding:20px 0 30px 0;
	border-top:2px #999 solid;
	float:left;
	width:100%;
	min-width:972px;
	color:#fff;
}
#footer h1{font-size:1.8em;}
#footer ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
	width:90%;
}
#footer li a{
	border-top:1px dashed #fff;
	display:block;
	padding:5px 0 5px 3px;
	width:100%;
	text-decoration:none;
}
#footer li a:hover{background-color:#4b0505;}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{text-decoration:underline;}
p#links, p#copyright{
	font-size:1.2em;
	font-family:"Lucida Sans", Verdana, sans-serif;
	color:#ffffff;
	margin:10px 0 0 0;	
	text-align:right;
}
p#copyright{
	font-size:1.1em;
	padding:0;
}

/*********************************************************
	Footer Links
 *********************************************************/
 
#footer-links ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:right;
	width:100%;
}
#footer-links ul li{display:inline;}
#footer-links ul li.slash{background:transparent url(images/pipe.png) right center no-repeat;}
#footer-links ul li a{
	color:#fff;
	text-decoration:none;
	padding:0;
	line-height:25px;
	border:none;
	display:inline;
}
#footer-links ul li.slash a{margin-right:5px;}
#footer-links ul li a:hover{
	text-decoration:underline;
	background:none;
}