@import url("css/html_basics.css");
@import url("css/header.css");
@import url("css/topnav_dropdowns.css");
@import url("css/breadcrumbs.css");
@import url("css/footer.css");

@import url("css/custom.css"); /* Added by Nathan Weston to build custom styles into this theme */

@charset "utf-8";
/*
Theme Name:CEI - from Express Theme
Theme URI:http://umc.utah.edu/wordpress-themes
Description:Based on Media Solutions' general Omni Update theme
Version:1.0
Author:Brad Ledbetter - modified by Nathan Weston
Author URI:http://umc.utah.edu/
*/

/** -- page break classes -- **/
@media all
{
	.page-break	{ display:none; }
}

@media print
{
	.page-break	{ display:block; page-break-before:always; }
}

/** -- our own placeholder handling -- **/
.placeholder
{
	color:#aaa !important;
	vertical-align:middle;
}

/* -- x.x Clearfix -- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ .none { display:none; } /* End Clearfix */

/* hide an element without setting display:none, which makes it invisible to screen readers */
.hide
{
	position:absolute;
	top:-50000px;
	left:0;
	height:1px;
	width:1px;
	overflow:hidden;
}

/* Text meant only for screen readers */
.screen-reader-text
{
	position:absolute;
	left:-9000px;
}


/*** --- Layout --- ***/
/* The main theme structure */
#wrapper
{
	width:100%;
	border:none;
	margin:0;
	text-align:center;
	background:#ffffff;
	padding:0 0 15px 0;
}

#main
{
	clear:both;
	overflow:hidden;
}

#content
{
	text-align:left;
}

#content .contentColumns
{
	background-color:transparent;
	background-repeat:repeat-y;
}
#content #content2Columns { background-image:url("images/bg_2col.png"); }
#content #content3Columns { background-image:url("images/bg_3col.png"); }
#content #content4Columns { background-image:url("images/bg_2col.png"); }

#content .contentColumns > div
{
	float:left;
	margin:0;
	padding:0;
	background:transparent;
}

#content #leftcol,
#content #rightcol
{
	width:200px;
}

#content #content2Columns #maincol
{
	width:760px;
}

#content #content3Columns #maincol
{
	width:560px;
}

#content #maincol > div
{
	margin:0 15px 0 30px;
	padding:5px 0 15px 0;
	overflow:hidden;
}

#homePageSS2 .ss2_nav_button > a:focus,
#homePageSS2 .ss2_nav_button > a:hover,
#homePageSS2 .ss2_nav_button > a:active
{
	background-color:transparent;
}

#content ul
{
	display:block;
	list-style-type:disc;
}
#content ol
{
	display:block;
	list-style-type:decimal;
}

#content ul,
#content ol
{
	margin:.5em 0 1em 2px;
}

#content ol ol
{
	list-style-type:lower-alpha;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul
{
	margin-left:0;
}

.entry-title
{
}

.entry-title a:link,
.entry-title a:visited
{
}

.entry-title a:active,
.entry-title a:hover
{
}

.entry-meta
{
}

.entry-meta abbr,
.entry-utility abbr
{
}

.entry-meta abbr:hover,
.entry-utility abbr:hover
{
}

.entry-content,
.entry-summary
{
}

.entry-content fieldset
{
}

.entry-content fieldset legend
{
}

.entry-content input
{
}

.entry-content input.file,
.entry-content input.button
{
}

.entry-content label
{
}

.entry-content select
{
}

.entry-content sup,
.entry-content sub
{
}

.entry-content blockquote.left
{
}

.entry-content blockquote.right
{
}

/*** --- Images --- ***/
#content .entry-content img,
#content .attachment img
{
}

#content .alignleft,
#content img.alignleft
{
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}

#content .alignright,
#content img.alignright
{
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}

#content .aligncenter,
#content img.aligncenter
{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter
{
	margin-bottom:12px;
}

#content .wp-caption
{
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:20px;
	padding:4px;
	text-align:center;
}

#content .wp-caption img
{
	margin:5px 5px 0;
}

#content .wp-caption p.wp-caption-text
{
	color:#888;
	font-size:12px;
	margin:5px;
}

#content .wp-smiley
{
	margin:0;
}

#content .attachment img
{ /* single attachment images should be centered */
	display:block;
	margin:0 auto;
}


/*** --- Comments --- ***/
#comments
{
	clear:both;
	margin:0 15px 18px;
}

#comments .navigation
{
	padding:0 0 18px 0;
}

h3#comments-title,
h3#reply-title
{
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-bottom:0;
}

h3#comments-title
{
	padding:24px 0;
}

#content /*ul*/.commentlist
{
	list-style-type:none;
}

#content /*ul*/.commentlist li.comment
{
	position:relative;
	margin:0.2em 0 0.5em 0;
	border-bottom:1px solid #e7e7e7;
}

#content /*ul*/.commentlist li:last-child
{
	border-bottom:none;
	margin-bottom:0;
}

#comments .comment-body ul,
#comments .comment-body ol
{
	margin-bottom:18px;
}

#comments .comment-body p:last-child
{
	margin-bottom:6px;
}

#comments .comment-body blockquote p:last-child
{
	margin-bottom:24px;
}

.commentlist .avatar
{
	position:absolute;
	top:4px;
	left:0;
}

.comment-author
{
}

.comment-author cite
{
	color:#000;
	font-style:normal;
	font-weight:bold;
}

.comment-author .says
{
	font-style:italic;
}

.comment-meta
{
	font-size:12px;
	margin:0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited
{
	color:#888;
	text-decoration:none;
}

.comment-meta a:active,
.comment-meta a:hover
{
	color:#ff4b33;
}

.commentlist .even
{
}

.commentlist .bypostauthor
{
}

.reply
{
	font-size:12px;
	padding:0 0 24px 0;
}

.reply a,
a.comment-edit-link
{
	color:#888;
}

.reply a:hover,
a.comment-edit-link:hover
{
	color:#ff4b33;
}

.commentlist .children
{
	list-style:none;
	margin:0;
}

.commentlist .children li
{
	border:none;
	margin:0;
}

.nopassword,
.nocomments
{
	display:none;
}

#comments .pingback
{
	border-bottom:1px solid #e7e7e7;
	margin-bottom:18px;
	padding-bottom:18px;
}

.commentlist li.comment+li.pingback
{
	margin-top:-6px;
}

#comments .pingback p
{
	color:#888;
	display:block;
	font-size:12px;
	line-height:18px;
	margin:0;
}

#comments .pingback .url
{
	font-size:13px;
	font-style:italic;
}

/* Comments form */
#respond
{
	border-top:1px solid #e7e7e7;
	margin:24px 0;
	overflow:hidden;
	position:relative;
}

#respond p
{
	margin:0;
}

#respond .comment-notes
{
	margin-bottom:1em;
}

.form-allowed-tags
{
	line-height:1em;
}

.children #respond
{
	margin:0 48px 0 0;
}

h3#reply-title
{
	margin:18px 0;
}

#comments-list #respond
{
	margin:0 0 18px 0;
}

#comments-list ul #respond
{
	margin:0;
}

#cancel-comment-reply-link
{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

#respond .required
{
	color:#ff4b33;
	font-weight:bold;
}

#respond label
{
	color:#888;
	font-size:12px;
}

#respond input
{
	margin:0 0 9px;
	width:98%;
}

#respond textarea
{
	width:98%;
}

#respond .form-allowed-tags
{
	color:#888;
	font-size:12px;
	line-height:18px;
}

#respond .form-allowed-tags code
{
	font-size:11px;
}

#respond .form-submit
{
	margin:12px 0;
}

#respond .form-submit input
{
	font-size:14px;
	width:auto;
}

/*** --- Widget Areas --- ***/
.widget-container
{
	margin:0 15px;
	padding:5px 0 0 0;
}

.widget-container .widget-title
{
	font-weight:normal;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	margin:0 0 0.3em 0;
	padding:5px 0 0 0;
	margin-top:20px;
}

.widget-container .widget-content
{
}

.widget-title, .widget-title a
{
	color:#f6d39d;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-family:Helvetica Nueue, Helvetica, sans-serif;
}

.widget-title a:focus,
.widget-title a:active,
.widget-title a:hover
{
	text-decoration:underline;
}

.widget-container a:link,
.widget-container a:visited,
.widget-area a:link,
.widget-area a:visited
{
	font-size:12px;
	color:#e1e1e1;
	text-decoration:underline;
}

.widget-container a:active,
.widget-container a:hover,
.widget-area a:active,
.widget-area a:hover
{
	text-decoration:none;
}

.widget-container p
{
	font-family:Helvetica Nueue, Helvetica, sans-serif;
	font-size:12px;
	color:#e1e1e1;
	font-weight:normal;
}

.widget-container ul
{
}

.widget-container ul ul
{
}

.widget-container ul li+li
{
}

#content #leftcol .widget-container ul
{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:none;
}

#content #leftcol .widget-container ul li
{
	display:inline;
	margin:0;
	padding:0;
	line-height:1.25em;
	margin-left:0px;
}

#content #leftcol .widget-container ul li a
{
	text-decoration:none;
	display:block;
	padding:5px 10px 3px 10px;
	background-color:#ededed;
	color:#333333;
	border-top:none;
}
#content #leftcol .widget-container ul li a:hover {
	background-color:#990000;
	color:#ffffff;
}

#content #leftcol .widget_nav_menu ul li a
{
	font-weight:normal;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content #leftcol .widget_nav_menu ul li.current-menu-item a
{
	color:#ffffff;
	background-color:#990000;
}

.nojs #content #leftcol .widget_nav_menu ul ul
{
	display:block;
	
}

#content #leftcol .widget_nav_menu ul ul
{
	font-weight:normal;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:none;
	margin-bottom:1em;
}

#content #leftcol .widget_nav_menu li.current-menu-item ul
{
	font-weight:normal;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:none;
	margin-bottom:1em;
	display:block;
}

#content #leftcol .widget_nav_menu ul ul a,
#content #leftcol .widget_nav_menu ul li.current-menu-item ul a
{
	font-weight:normal;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-left:1em;
	margin-top:2px;
	border:none;
	color:#333;
	background-color:#ededed;
}

#content #leftcol .widget_nav_menu ul ul a:focus,
#content #leftcol .widget_nav_menu ul ul a:hover,
#content #leftcol .widget_nav_menu ul ul a:active,
#content #leftcol .widget_nav_menu ul li.current-menu-item ul a:focus,
#content #leftcol .widget_nav_menu ul li.current-menu-item ul a:hover,
#content #leftcol .widget_nav_menu ul li.current-menu-item ul a:active
{
	background-color:#990000;
	color:#ffffff;
}

/*** --- Mobile Safari ( iPad, iPhone and iPod Touch ) --- ***/
pre
{
	-webkit-text-size-adjust:140%;
}

code
{
	-webkit-text-size-adjust:160%;
}

#topNavMenu,
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area
{
	-webkit-text-size-adjust:120%;
}

#site-description
{
	-webkit-text-size-adjust:none;
}


/*** --- skip navigation link --- ***/
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder
{
	left:-200%;
	height:1px;
}

#skiplinkholder p
{
	margin:0;
}

#skiplinkholder a,
#skiplinkholder a:link,
#skiplinkholder a:visited
{
	display:block;
	width:200px;
	position:absolute;
	top:0;
	font-size:80%;
	z-index:2;
}

#skiplinkholder a:focus,
#skiplinkholder a:active {
	top:3em;
	left:300px;
	z-index:5;
}

#skiptargetholder {
	position:absolute;
	left:-200%
}
/* You may find on certain page layouts that the skip link is appearing
underneath other elements on the page in IE7 and below. If this is the case then
try uncommenting the two statements below, and if that does not work then try
increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position:relative}
* html #skiplinkholder a:active {position:relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a,
#skiplinkholder a:link,
#skiplinkholder a:visited {
	color:#fff;
	text-decoration:underline;
	padding:5px;
}

/* --- styles for searchbox watermark text, Safari and Firefox only --- */
input::-webkit-input-placeholder
{
	font-size:120%;
}

input:-moz-placeholder
{
 	font-size:70%;
	margin-top:-0.2em;
}