/***********************************************
 *
 *Rosa for Maine Theme
 *by Clifford Vickrey <clifford.vickrey@uconn.edu>
 *
 *Tried, tested, not approved!
 *
 **********************************************/

/***********************************************
 *
 *Color reference
 *
 *UNSATURATED
 *	#000000 black (darkest):  content text, footer text
 *	#808080 gray:             content drop shadow
 *	#333333 gray:             content headers
 *	#555555 gray:             small text, blockquotes, strike-through text, post meta-data, "no comments"
 *	#999999 gray:             breadCrumbs border
 *	#dddddd gray:             blockquote border, indented text border, caption border
 *	#ffffff white (lightest): content background, even thread comments
 *	
 *SATURATED
 * 	#0055ff light blue:       ribbon header links hover, sidebar header links hover
 *	#1015c8 blue:             ribbon links, sideBar links
 *	#10154c dark blue:        ribbon text, ribbon links, sideBar text
 *	#5044ac palish blue:      ribbon links hover background
 *	#839dd1 pale blue:        background
 *	#e6e8ff chomatic blue:    important list items, image gallery captions
 *	#1964a1 medium pale blue: content links
 *	#202835 dark pale blue:   background drop shadow
 *	#ff7100 bright orange:    Twitter links
 *	#f47714 orange:           ribbon background, ribbon links hover, ribbon links hover background, content links hover
 *	#f36b0f orange:           sideBar background (IE), social meda background (IE)
 *	#f45914 red-orange:       sideBar background (standards-compliant browsers), social media background (standards-compliant browsers), footer links hover
 *	#fff1e6 chromatic orange: sticky posts, odd thread comments, Twitter text
 *	#b85b5a chromatic red:    blog post visited links
 *	#f41414 red:              blog post visited links hover,Twitter links hover
 *
 **********************************************/

/***********************************************
 *
 *Font reference
 *
 *Verdana, Tahoma, Helvetica, Arial, sans-serif:                                  body, text fields 
 *"Trebuchet MS", "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif: headers, navigation items
 *Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif:        serif
 *"Courier New", Courier, fixed:                                                  code
 *
 **********************************************/ 

/***********************************************
 *
 *Site structure
 *
 **********************************************/

html
{
	font-size:100%;
	height:100%;
	width:100%;
}

body
{
	background:#839dd1 url("../img/bg/bgTopAlt.jpg") no-repeat center top;
	font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	height:100%;
	margin:0;
	overflow:auto;
	padding:0;
	width:100%;
}

#ribbon
{
	height:309px;
	left:0px;
	position:absolute;
	top:87px;
	width:100%;
	z-index:1;
}

#wrapper
{
	height:100%;
	left:50%;
	margin:0 0 0 -480px;
	position:absolute;
	top:0px;
	width:960px;
	z-index:2;
}

@media handheld and (max-device-width:480px), screen and (max-device-width:480px)
{
	#wrapper
	{
		left:auto;
		margin:0;
		position:relative;
		top:auto;
	}
} 

/***********************************************
 *
 *Misc.
 *
 **********************************************/

hr
{
	display: none;
}

.clear
{
	clear:both;
}

.center
{
	text-align:center;
}

.hidden
{
	display:none;
}

.screen-reader-text
{
    left:-1000em;
    position:absolute;
}

/***********************************************
 *
 *Lettering
 *
 **********************************************/

small
{
	font-size:.9em;
	line-height:1.5em;
}

small,blockquote,strike
{
	color:#555555;
}

code
{
	font:1.1em "Courier New",Courier,fixed;
}

acronym,abbr,span.caps
{
	cursor:help;
	font-size:.9em;
	letter-spacing:.07em;
}

acronym,abbr
{
	border-bottom:1px dashed #999999;
}

.indent
{
	margin:15px 30px 0 10px;
	padding-left:20px;
}

blockquote
{
	border-left:5px solid #dddddd;
	margin:15px 30px 0 10px;
	padding-left:20px;
}

blockquote cite
{
	display:block;
	margin:5px 0 0;
}

textarea
{
	font:1em Verdana,Tahoma,Helvetica,Arial,sans-serif;
}

.unBold
{
	font-weight:normal;
}

.intro
{
	border-bottom:1px solid #999999;
	margin-bottom:5px;
	padding-bottom:10px;
}

/***********************************************
 *
 *Headers
 *
 **********************************************/

h1,h2,h3,.styleH2,.styleH3
{
	clear:both;
	font-family:"Trebuchet MS","Lucida Grande",Verdana,Tahoma,Helvetica,Arial,sans-serif;
	font-weight:bold;
}

h1
{
	font-size:2.6em;
	margin:10px 0 10px;
	text-transform:uppercase;
}

h2,.styleH2
{
	font-size:1.8em;
}

h2
{
	margin:30px 0 0;
}

h2.pagetitle
{
	margin-top:30px;
	text-align:center;
}

.sticky h2
{
	padding-top:10px;
}

h3
{
	font-size:1.5em;
	margin:30px 0 0;
	padding:0;
}

h4
{
	font-size:1.2em;
}

.serif
{
	font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
}

/***********************************************
 *
 *Lists
 *
 *Special stylized non-IE bullets
 *They do not work in the misbegotten abomination known as IE, which merely defaults to normal bullets
 *
 **********************************************/

html>body .entry ul
{
	list-style:none;
	margin-left:0px;
	padding:0 0 0 30px;
	padding-left:10px;
	text-indent:-10px;
}

html>body .entry li
{
	margin:7px 0 8px 10px;
}

.entry ul li:before,.sideBar ul ul li:before
{
	content:"\00BB \0020";
}

.entry ol
{
	margin:0;
	padding:0 0 0 35px;
}

.entry ol li
{
	margin:0;
	padding:0;
} 

html>body #content ul
{
	list-style:none;
	margin-left:0px;
	padding:0 0 0 30px;
	padding-left:10px;
	text-indent:-10px;
}

html>body #content li
{
	margin:7px 0 8px 10px;
} 

#content ul ul li:before
{
	content:"\00BB \0020";
}

#content li.icon:before
{
	content:"";
}

#content li.icon
{
	list-style-position:inside;
}

#content li.adobe
{
	list-style-image:url("../img/icons/adobe.png");
}

#content li.bdn
{
	list-style-image:url("../img/icons/bdn.png");
}

#content li.print
{
	list-style-image:url("../img/icons/print.png");
}

#content li.rss
{
	list-style-image:url("../img/icons/rss.png");
}

#content li.wordPress
{
	list-style-image:url("../img/icons/wordPress.png");
}

#content li.spacer
{
	list-style-image:url("../img/icons/spacer.png");
}

#content ul,#content ul ol
{
	margin:0;
	padding:0;
}

#content ul li
{
	list-style-image:none;
	list-style-type:none;
	margin-bottom:15px;
}

#content ul p,#content ul select 
{
	margin:5px 0 8px;
}

#content ul ul,#content ul ol
{
	margin:5px 0 0 10px;
}

#content ul ul ul,#content ul ol
{
	margin:0 0 0 10px;
}

#content ul ol li
{
	list-style:decimal outside;
}

#content ul ul li,#content ul ol li
{
	margin:3px 0 0;
	padding:0;
}

.sideBar ul,.sideBar ul ol
{
	margin:0;
	padding:0;
}

.sideBar ul li
{
	list-style-image:none;
	list-style-type:none;
	margin:3px 0;
}

.sideBar ul p,.sideBar ul select 
{
	margin:5px 0 8px;
}

.sideBar ul ul,.sideBar ul ol
{
	margin:0 0 0 10px;
}

ol li,.sideBar ul ol li
{
	list-style:decimal outside;
}

.sideBar ul ul li,.sideBar ul ol li
{
	margin:3px 0 0;
	padding:0;
}

#content .blank li,#content .blank,#sidebar .blank li,#sidebar .blank
{
	list-style:none;
	text-indent:0;
}

#content .blank li:before,#content .blank:before,#sidebar .blank li:before,#sidebar .blank:before
{
	content:"";
}

.important
{
	background-color:#e6e8ff;
	border:1px solid #dddddd;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

li.sideBySide,li.linkcat,li.reg
{
	clear:both;
	width:100%;
}

li.sideBySide ul li
{
	float:left;
	width:140px;
}

/***********************************************
 *
 *Images
 *
 **********************************************/

img
{
	border:0;
}

p img
{
	padding:0;
	max-width:100%;
}

img.centered
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright
{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft
{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

.alignright
{
	float:right;
}

.alignleft
{
	float:left;
}

.aligncenter
{
	display:block;
	margin-right:auto;
	margin-left:auto;
}

/***********************************************
 *
 *Background and drop shadows
 *
 **********************************************/

#ribbonTop
{
	background:#f47714 url("../img/bg/ribbonBg.jpg") repeat-x center top;
	height:304px;
	opacity:.8;
	width:100%;
}

#ribbonBottom
{
	background:#202835 url("../img/dropShadow/bgDropShadow.png") repeat-x center top;
	height:5px;
	opacity:1;
	width:100%;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	font-size:0;

	/**************************************/
}

#contentDropShadow
{
	background:#808080 url("../img/dropShadow/contentDropShadow.png") repeat-x center top;
	clear:left;
	height:5px;
	width:100%;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/
	
	font-size:0;
	
	/**************************************/
}

#contentDropShadow div
{
	background:#202835 url("../img/dropShadow/bgDropShadowIntersection.png") no-repeat center top;
	float:right;
	height:5px;
	width:5px;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/
	
	font-size:0;
	
	/**************************************/
}

.dropShadowBottom
{
	background:#202835 url("../img/dropShadow/bgDropShadow.png") repeat-x center top;
	clear:left;
	height:5px;
	width:100%;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	font-size:0;

	/**************************************/
}

.leftCorner
{
	background:#202835 url("../img/dropShadow/bgDropShadowLeft.png") no-repeat center top;
	float:left;
	height:5px;
	width:5px;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	font-size:0;

	/**************************************/
}

.rightCorner
{
	background:#202835 url("../img/dropShadow/bgDropShadowRightLower.png") no-repeat center top;
	float:right;
	height:5px;
	width:5px;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	font-size:0;

	/**************************************/
}

/***********************************************
 *
 *Header
 *
 **********************************************/

#rosaHeader
{
	height:86px;
	width:100%;
}

#rosaHeaderLeft
{
	float:left;
	height:100%;
	width:520px;
}

#rosaHeaderLeft img
{
	height:71px;
	width:100%;
	margin-top:10px;
}

#rosaHeaderRight
{
	float:right;
	height:100%;
	text-align:center;
	width:440px;
}

#rosaHeaderRight img
{
	height:50px;
	margin-top:31px;
	width:312px;
}

/***********************************************
 *
 *Navigation
 *
 **********************************************/

#navBar
{
	font:normal 1.8em "Trebuchet MS","Lucida Grande",Verdana,Tahoma,Helvetica,Arial,sans-serif;
	height:30px;
	line-height:30px;
	overflow:hidden;
	position:relative;
	text-align:left;
	width:100%;
}

#navBar a
{
	padding:2px 10px 4px !important;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	padding-top:3px;

	/**************************************/
}

/***************************************
 *
 *Gecko
 *
 **************************************/
@-moz-document url-prefix()
{
    #navBar a
	{
        padding-top:3px !important;
    }
}
/**************************************/


#navBar a:link,#navBar a:visited
{
	color:#10154c;
	text-decoration:none;
}

#navBar a:hover
{
	background-color:#5044ac;
	color:#f47714;
	text-decoration:none;
}

/***********************************************
 *
 *Top content
 *
 **********************************************/

#wrapperTop
{
	clear:left;
	height:304px;
	width:100%;
} 

#topLeftPane
{
	float:left;
	width:600px;
}

#topRightPane
{
	float:right;
	width:360px;
}

#headShot
{
	height:275px;
	width:100%;
}

#blurbTop
{
	background-image:url("../img/dropShadow/ribbonDropShadow.png");
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#10154c;
	font-size:1.2em;
	height:295px;
	padding:5px 10px 5px 20px;
	text-align:justify;
	width:330px;
}

#blurbTop h3
{
	text-align:justify;
}

/***********************************************
 *
 *Main content
 *
 **********************************************/

#wrapperMiddle
{
	clear:both;
	margin-top:0 !important;
	width:100%;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	margin-top:-2px;

	/**************************************/
}

#middleLeftPane
{
	background-image:url("../img/dropShadow/bgDropShadowRight.png");
	background-position:right;
	background-repeat:repeat-y;
	float:left;
	width:605px;
}

#middleRightPane
{
	float:right;
	text-align:center;
	width:355px;
}

#contentWrapper
{
	width:600px;
}

#breadCrumbs
{
	border-bottom:1px solid #999999;
	margin-bottom:5px;
	padding-bottom:5px;
}

#content
{
	background:#ffffff url("../img/bg/contentGradient.png") repeat-x center bottom;
	font-size:1.2em;
	min-height:100px;
	padding:5px 15px 10px 15px;
	text-align:justify;
	width:570px;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	height:auto !important;
	height:100px;

	/**************************************/
}

#content a:link,#content a:visited
{
	color:#1964a1;
	font-weight:bold;
	text-decoration:none;
}

#content a:hover
{
	color:#f47714;
	font-weight:bold;
}

#content h1,#content h2,#content h3,#content h4
{
	color:#333333;
}

/***********************************************
 *
 *Posts
 *
 **********************************************/

.entry
{
	line-height:1.4em;
}

.postmetadata
{
	clear:both;
	color:#555555;
}

.pageMetaData
{
	clear:both;
	color:#555555;
	line-height:1.4em;
}

#content .entry p a:visited
{
	color:#b85b5a;
}

#content .entry p a:visited:hover
{
	color:#f41414;
}

.sticky
{
	background:#fff1e6;
	padding:0 10px 10px;
}

.post
{
	margin:0 0 40px;
	text-align:justify;
}

.post hr
{
	display:block;
}

.entry form 
{
	text-align:center;
}

/***********************************************
 *
 *Blog navigation
 *
 **********************************************/

.navigation
{
	display:block;
	margin-bottom:60px;
	margin-top:10px;
	text-align:center;
}

/***********************************************
 *
 *Image gallery
 *
 **********************************************/

.wp-caption,.gallery-item
{
	background-color:#e6e8ff;
	border:1px solid #dddddd;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:10px !important;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	margin:8px;

	/**************************************/
	padding-top:4px;
	text-align:center;
	
}

.wp-caption img
{
	border:0 none;
	margin:0;
	padding:0;
}

.wp-caption p.wp-caption-text,.gallery-caption
{
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.gallery .gallery-item
{
	width:29% !important;
}

/***********************************************
 *
 *Comment threads
 *
 **********************************************/

h3.comments
{
	margin:40px auto 20px;
} 

.thread-alt
{
	background-color:#fff1e6;
}

.thread-even
{
	background-color:#ffffff;
}

.depth-1
{
	border:1px solid #dddddd;
}

.even,.alt 
{
	border-left:1px solid #dddddd;
}

.comment:before
{
	content:"" !important;
}

.commentlist li
{
	font-size:0.9em;
	text-indent:0;
}

.commentlist li ul li
{
	font-size:1em;
}

.commentlist li
{
	font-weight:bold;
}

.commentlist li .avatar
{ 
	background:#fff;
	border:1px solid #eee;
	float:right;
	padding:2px;
}

.commentlist cite,.commentlist cite a
{
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
}

.commentlist p
{
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
}

.commentmetadata
{
	font-weight:normal;
}

.nocomments
{
	color:#555555;
	margin:0;
	padding:0;
	text-align:center;
}

.commentmetadata
{
	display:block;
	margin:0;
}

.alt
{
	margin:0;
	padding:10px;
}

.commentlist
{
	padding:0;
	text-align:justify;
}

.commentlist li
{
	list-style:none !important;
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
}

.commentlist li ul li
{ 
	margin-left:10px;
	margin-right:-5px;
}

.commentlist p
{
	margin:10px 5px 10px 0;
}

.children
{
	padding:0;
}

#respond:after
{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

/***********************************************
 *
 *Comment form
 *
 **********************************************/

#commentform
{
	display:inline;
} 

#commentform select
{
	width:130px;
}

#commentform input
{
	width:170px;
	margin:5px 5px 1px 0;
	padding:2px;
}

#commentform
{
	margin:5px 10px 0 0;
}

#commentform textarea
{
	padding:2px;
	width:99%;
}

#commentform #submit
{
	margin:0 0 5px auto;
	float:right;
}

#commentform p
{
	margin:5px 0;
}

/***********************************************
 *
 *Content footer
 *
 **********************************************/

#footer
{
	clear:both;
}

#footer p
{
	font-size:.9em;
	margin:0;
	padding:20px 0;
	text-align:center;
}

#footer p span
{
	margin:0 5px;
}

/***********************************************
 *
 *Social media footer
 *
 **********************************************/

#socialMediaFooter
{
	background:#f47714 url("../img/bg/orangeGradient.png") repeat-x center top;
	color:#10154c;
	font-size:1.2em;
	padding:5px 10px 10px;
	text-align:center;
	width:580px;
}

#socialMediaFooter .socialMediaThumb
{
	height:64px;
	margin:0 10px;
	width:64px;
}

/***********************************************
 *
 *Right sideBar
 *
 **********************************************/

.sideBarWrapper
{
	background:#202835 url("../img/dropShadow/bgDropShadowRight.png") repeat-y right top;
	margin:20px;
	width:315px;
}

.sideBar
{
	background:#f47714 url("../img/bg/orangeGradient.png") repeat-x center top;
	color:#10154c;
	float:left;
	padding:3px;
	width:304px;
}

.sideBar.hasText
{
	font-size:1.2em;
	padding:5px 10px 10px;
	text-align:left;
	width:290px;
}

.sideBar a:link,.sideBar a:visited,#blurbTop a:link,#blurbTop a:visited
{
	color:#1015c8;
	font-weight:bold;
	text-decoration:none;
}

.sideBar a:hover,#blurbTop a:hover
{
	color:#0055ff;
}

.sideBar h1,h2,h3,h4
{
	margin:0;
	padding:7px 0 2px;	
}


#socialMedia
{
	text-align:center;
}

#socialMedia h1,h2,h3,h4
{
	text-align:left;
}

#socialMedia .socialMediaThumb
{
	height:32px;
	margin:0 5px;
	width:32px;
}

#admin,#sidebar
{
	padding-bottom:10px;
	padding-top:20px;
}

.sideBarWrapper .topCorner
{
	background:#202835 url("../img/dropShadow/bgDropShadowRightUpper.png") no-repeat center top;
	float:right;
	height:5px;
	width:5px;
	/***************************************
	 *
	 *IE 6
	 *
	 **************************************/

	font-size:0;

	/**************************************/
}

/***********************************************
 *
 *Search form
 *
 **********************************************/

#searchform
{
	margin:10px auto;
	padding:5px 3px;
	text-align:center;
}

#sidebar #searchform #s
{
	width:108px;
	padding:2px;
}

#sidebar #searchsubmit
{
	padding:1px;
}

#sidebar form
{
	margin:0;
}

/***********************************************
 *
 *Twitter
 *
 **********************************************/

#twitterLeft
{
	float:left;
	width:60px;
}

#twitterProfilePic
{
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
	border:2px solid #004b88;
	border-radius:2px;
	float:left;
}

#twitterWordBubble
{
	float:right;
}

#twitterRight
{
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	color:#fff1e6;
	background-color:#004b88;
	float:right;
	font-size:.9em;
	line-height:1.5em;
	padding:5px;
	text-align:justify;
	width:210px;
}

#twitterRight a,a:visited
{
	color:#ff7100;
}

#twitterRight a:hover
{
	color:#ff0000;
}

.twitter-timestamp abbr
{
	border:0;
}

/***********************************************
 *
 *Facebook
 *
 **********************************************/

#facebook iframe
{
	border:0;
	margin:0;
	padding:0;
} 

/***********************************************
 *
 *Footer
 *
 **********************************************/

#bottom
{
	clear:both;
	padding:5px 10px;
	text-align:center;
}

#bottom a:link,#bottom a:visited
{
	color:#10154c;
	font-weight:bold;
	text-decoration:none;
}

#bottom a:hover
{
	color:#f45914;
}

#footNav
{
	font-size:1.2em;
}

#footNav a,#footNav span
{
	margin:0 10px;
}

#copyRight
{
	font-size:1em;
}

#copyRight a,#copyRight .copyText
{
	margin:0 5px;
}

#copyRight .copyText a
{
	margin:0;
}