/*
Theme Name: The Maine Campus
Theme URI: http://mainecampus.com/
Description: The theme written for the Maine Campus.
Version: 0.1
Author: William P. Davis
Author URI: http://mainecampus.com
Tags: Maine, Campus, University of Maine


	This theme was designed and built by William P. Davis,
	for The Maine Campus


Table of contents

I. Basic text styles - ol, ul, h1-h4
II. Links
III. Containers - #mainecontainer, mainecontent, footer, insidepage
IV. Generic stuff - clears
V. Everything above the content - titlebar, masthead, timestamp
VI. Top links
VII. Article, media
	A. Styles
	B. Bottom content - campus currents and comments
VIII. Sidebar and widgets
	A. Publish2



*/
body {
	background-color : #fff;
	font-family : arial, verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	line-height : 16px;
}


/* Basic text styles
________________ */


ul { margin:0px; padding:0 0 0 15px; }
ol { margin:0px; padding:0 0 0 20px; }
.rss li { list-style-type: none; padding: 0 0 0 17px;  background: url(/media/assets/icons/rss11.gif) no-repeat left center; }

h1, h2, h3, h4 { padding: 3px 0 3px 0; margin: 0px; }

h1 {font-size: 26px; line-height: 26px;}
h2 {font-size: 18px; line-height: 20px;}
h3 {font-size: 16px; line-height: 18px;}
h4 {font-size: 14px; line-height: 16px;}



/* Links
________________ */

a:link {
	color : #006699;
	text-decoration: none;
}
a:hover {
	color :#3366cc;
}
a:visited {
	text-decoration: none;
	color :#663366;
}
a img {
	border: none;
}
a.new, #p-personal a.new {
	color: #ba0000;
}
a.new:visited, #p-personal a.new:visited {
	color: #a55858;
}


/* Containers. Yeah, baby, yeah...
________________ */


#mainecontainer { /* Get it? */
	width:975px;
	margin:5px auto;
	border: 1px solid #ccc;
	padding: 0px;
	background-color : #fff;
}

#mainecontent {
	padding: 0;
	margin: 0;
	width:100%;
	clear:both;
}

#footer {
	border-top: 1px solid #ccc;
	padding: 5px 25px 5px 25px;
}

#insidepage {
	padding:7px;
}


/* Generic stuff
________________ */

.clear { clear:both; border-top: 1px solid #ccc; line-height:5px; }
.cleardouble {
	clear:both;
	height:4px;
	background-image: url(http://www.mainecampus.com/wp-content/themes/MEC/images/horizontal.gif);
	background-repeat: repeat-x;
	margin:10px 0 10px 0;
	}
.specialannouncement { border-bottom: 1px dotted #ff0000; padding: 5px; margin: 5px; }
.specialannouncement h2 { color: #ff0000; text-align:center; }
.specialannouncement p {border-top: 1px dotted #ff0000; margin: 0; padding: 3px 0;}

/* Everything above the content
________________ */


#titlebar {
	margin : 0;
	width:965px;
	height : 90px;
	padding : 5px;
	clear : both;
	text-align:center;
}

#masthead {	width:965px;
	height : 90px;
	padding : 5px;
	clear : both;
	text-align:center;
	z-index:-10;
}

#masthead_inside {
	margin : 0;
	height : 75px;
	padding : 5px;
	clear : both;
	text-align:center;
}

.timestamp { color: #a81817; }

/* Top links
________________ */

.leftlink {
	border-right: 1px solid #ccc;
	float:left;
	vertical-align:middle;
	display:inline;
}

.leftlink a {
    padding: 2px 5px 1px 5px;
}

.leftlink a:hover {
   background-color:#069;
   color:#fff;
}

.rightlink {
	border-left: 1px solid #ccc;
	float:right;
	padding: 0 5px 0 5px;
	vertical-align:middle;
}

.floatit {
	padding : 0 5px 0 5px;
	margin : 0;
}
.floatit a {
	font-weight : bold;
}

.floatleft {float:left; text-align:left;}
.floatright {float:right; text-align:right;}


/* Article
________________ */


#article {
	text-align: left;
	float:left;
	margin: 0px;
	padding: 6px;
	border:0;
	width: 600px;
	min-height:1100px;
	border-right: 1px solid #ccc;
	}

.media {
	float:right;
	width:200px;
	margin-left:5px;
	clear:both;
	font-family : arial, verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	line-height : 16px;}
.media img{
	max-width:200px;}
	
.thumb { float:right; }
.thumb img { max-width:100px; max-height:100px; }


/* Styles
________________ */

.hed {
	font-size:20px;
	line-height: 20px;
	font-weight: bold;
}
.hed a{
	font-size:19px;
	font-weight: bold;
}


.subhed {
	font-size:14px;
	font-weight:bold;
}
.subhed a{
	font-size:12px;
	font-weight: bold;
}

.byline { color:#aaa; }
.byline_left {
   margin-top:5px;
   width:100%;
   border-bottom:3px dotted #eee;
}
.byline a{ color:#282727; }
.credit, .cutlineCredit { color:#aaa; text-align:right; font-size: 10px; clear:both; }
.cutline { color:#666666; text-align:left; font-size: 10px; clear:both; }
.kicker { color:#ff0000; font-weight:bold; text-transform:uppercase; }


/* Bottom content
________________ */

.campuscurrents {
	background-color: #FAF9DC;
	padding: 5px;
	margin: 10px 0 0 0;
	}
#respond {
	background-color: #FAF9DC;
	padding: 5px;
	margin: 10px 0 0 0;
	}
	
#footer .title {
	width:125px; 
	text-transform: capitalize;
	float:left;
	font-weight:bold;
	font-size: 125%;
	}
#footer .sitemap {
	line-height: 165%;
	}


/* Sidebar
________________ */


#sidebar {
	float: right;
	width: 350px;
	height: 100%;
	padding: 0 6px 6px 6px;
}

.widgettitle {
	width:356px;
	min-height:23px;
	vertical-align:middle;
	background-color:#006699;
	position: relative;
	right:6px;
	color: #fff;
	padding: 5px 0 0 6px;
	margin:0px 0 3px 0;
}
.widgettitle a { color :#fff; }
.widgettitle a:hover { color :#ccc; }
.widgettitle a:visited {
	text-decoration: none;
	color :#fff;
}
.triwidget {
	background-color: #e6eff8;
	width:356px;
	position: relative;
	right:6px;
	padding: 0 0 0 6px;
	margin:0px 0 3px 0;
	min-height:230px;
	border-bottom: 1px #006699 solid;
}
.triwidgettitle {
	font-size:10px;
	text-align:center;
	margin: 0;
}


/* Publish2
________________ */
	
.publish2 p { padding:0; margin: 0; }
.publish2_header {
	font-size:16px
}
.publish2_story_tags,
.publish2_story_publication_date,
.publish2_story_publication_name {
	color:#999999;
}
.publish2_journalist_profile {
	font-style: italic;
}
.publish2_link {
	color: #FE0000;
}
.publish2_story_headline {
	color:#000;
	font-family:georgia,serif;
	font-weight:bold;
}
.publish2_story_description {
	font-family:verdana, sans-serif;
}
.publish2_story_tags {
	font-size:8px;
}
#publish2_footer {
	color:#eee;
}

/* Comments 
_______________ */
.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #999;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}
.chalt{
	background-color: #E2E2E2;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}

/* Comments */
.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #999;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}
.chalt{
	background-color: #E2E2E2;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}
		


/* Lightwindow
_______________ */
/* Lightwindow
_______________ */
/* Lightwindow
_______________ */

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

	#candidate_wrapper {
	   width:500px;
	   float:left;
	   margin-bottom:30px;
	   margin-top:10px;
	   margin-left:30px;
	}
	
	.election_head {
	   font-size:32pt;
	   font-weight:bold;
	   margin-top:10px;
	   margin-bottom:15px;
	   color:#000066;
	}
	
	.election_subhead {
	   font-size:14pt;
	   font-weight:bold;
	}
	
	.candidate {
	   width:125px;
	   float:left;
	   text-align:center;
	   margin-bottom:10px;
	   margin-left:5px;
	}
	
	.can_name {
	   font-size:16pt;
	   margin-top:5px;
	   text-align:center;
	   width:125px;
	}
	
	.election_link_large {
	   font-size:12pt;
	   font-weight:bold;
	   padding-top:20px;
	   clear:both;
	}
	
	.election_link_small {
	   font-size:10pt;
	   padding-top:10px;
	}
	
	.twitterwidget-title {
	   color:#eee;
	}
	
	.wrapper_left {
	   margin-top:40px;
	   width:450px;
	}
	
	.election_xyz {
	   font-size:12pt;
	   font-weight:bold;
	}
	
	.lead_brief {
	   text-align:justify;
	   margin-bottom:20px;
	}
	
	.featured {
	   text-align:justify;
	   border-bottom:3px dotted #999999;
	   margin-bottom:25px;
	   padding-bottom:10px;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




@import url(http://files.mainecampus.com/lightbox/css/lightwindow.css);
@import url(http://mainecampus.com/wp-content/plugins/wp-recaptcha/recaptcha.css);
@import url(http://mainecampus.com/wp-content/plugins/wp-email/email-css.css?ver=2.40);