/*
Theme Name:  MTGA
Theme URI: http://www.luckyfishsoftware.com
Description: Custom theme originally based on Silver Lexus by Highlands by Design (http://www.highlandsbydesign.com/)
Version: 1.1
Author: Luckyfish Software
Author URI: http://www.luckyfishsoftware.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Base Elements */

* {margin: 0; padding: 0; border: 0; list-style: none;}

body {font: 75%/158% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; color: #333; background-color: #006158; padding: 0px; text-align: center; margin: 30px 20px;}

#sizer {margin: 0 auto; width: 100%; text-align: left; max-width: 100%;}
#expander {margin: 0px auto; min-width: 650px; width: 960px; position: relative;}

/*\*/
* html #expander {height: 0;}
/* */


a {text-decoration: underline; color: #333; font-weight: bold; background: transparent;}
a:hover {text-decoration: none; color: #999;}

small {text-align: right; margin: 1em 0;}

h1 {font-size: 1.6em; line-height:150%;}
h2, h3, h4 {font-size: 1.6em; }

hr {margin: 0 auto; clear: both; border-top: 1px solid #ddd;}

.date {color: #006158; padding: 0.5em 1em; text-align: right; float: right; background-color:#d8e5de; line-height:200%;}
.date1 {font-size: 3em; display: block;}
.date2 {font-size: 2em; display: block;}
.date3 {font-size: 2em; display: block; font-weight: bold;}

.more-link {display: block; text-align: right;}
.pageInfo {font-size: 0.8em; color: #555; text-align: right; background-color:#f0f0f0; padding: 1em; clear: both; -moz-border-radius: 5px;}

.fifty {width: 40%; text-align: center;}

.boxedup { /*border: 1px solid #eee; */ padding: 0.5em; margin: 0.5em;}
.boxedin {background-color: #fff; border: 0px none; padding: 0 1em; margin: 0 120px 0 0.5em; text-align: right;}

/* End Base Elements */

/* Begin Layout Elements */

#newheader {background: url('images/page_header_2.jpg') no-repeat; text-align: left; height: 169px; padding-top: 0;}
#headerimage {/*background:transparent url('images/MTGA_logo_box_glow.png') no-repeat scroll left center;height: 180px; list-style: none; margin-left:9px; *background-image: url('images/MTGA_logo_box.gif'); */}
#newheader h1 {padding: 30px 0 0 180px; border: 0;}
#newheader h1 a {font-size: 1.4em; color: #fff;}
#newheader h1 a:hover {color: #088C80; text-decoration: none; }
#newheader h2 {color: #000; font-size: 1.1em; font-weight: bold; border: 0; padding: 20px 0 0 182px; }


#wrapper1 {background-color: #fff; padding: 1px;}

.double-column {margin: 10px 215px 0px 213px; }
.single-column {margin: 10px 15px 0px 213px; }

.float-wrap {
	float: left; 
	width: 100%; 
	margin: 0 -1px 0 0; 
	background: #D8E5DE url(images/green-tl.png) no-repeat scroll left top;
}

#column1 {
	float: right; 
	width: 95%; 
	position: relative; 
	background: transparent url(images/green-tr.png) no-repeat scroll right top
}

#column1 p {margin: 0.5em 1.2em 1em 1em; line-height: 1.5em; text-align: justify; color: #333;}
#column1 a {color: #333;}
#column1 a:hover { color: #000; }

#column1 address {margin: 0.5em 0.5em 1em 3em; }
#column1 h1, #column1 h2, #column1 h3, #column1 h4, #column1 h5, #column1 h6 {color: #333;  padding: 5px 0; text-align: left;}
#column1 h2 {font-size: 1.5em;}
#column1 h2.firstheading {
/*	background: url('icons/icon_wave.gif') 0 5px no-repeat;  */
/*	padding-left: 10px;  */
	margin-right: 125px;
	margin-top:5px;
}
#column1 h2 a {color: #008080;}
#column1 h2 a:hover {color: #999;}
#column1 ul, #column1 ol {margin: 0.5em; padding: 0.5em;}
#column1 ul li {margin: 0 1em; padding: 0.2em; list-style: square outside;}
#column1 ol li {margin: 0 3em; padding: 0.2em; list-style: decimal outside;}
#column1 blockquote {margin: 15px; padding: 0 0 10px 30px; font-style: italic; background: url('images/blockquote.png') 0 0 no-repeat;}
#column1 blockquote p {margin: 1em 2em 0 0;}

#column2 {float: left; position: relative; width: 190px; margin-left: -202px; font-size: 0.9em;}
/* .container-left {margin-right: 15px;  } */

#column3 {float: right; position: relative; width: 190px; margin-right: -205px; margin-left:10px; font-size:0.9em;}




/* .container-right {margin-left: 5px; color: #999999;} */



#footer {background-color:#f0f0f0; font-size: 0.8em; clear: both; padding: 20px 10px; margin: 0;}
#footer p {text-align: center; margin: 0; padding: 0;}

#back {clear: both; font-size: 0.8em; text-align: right; padding: 10px; clear: both; margin-top: 20px;}
#back a {font-weight: normal;}
#back span {float: left;}
#back strong {color: #006;}

/* End Layout Elements */

/* Begin Navigation Elements */

#navigation {display: block; background-color:#999; text-align: center; height: 21px; padding: 2px 0; *padding-bottom: 0;  }

#nav {padding-left: 35px; /* min-width: 1000px; */ margin: 0 auto;}
#nav, #nav ul {text-align: left; font-size: 1em; list-style: none; font-weight: normal; z-index: 8; color: #000;}
#nav li {float: left; padding: 0; margin: 0;}
#nav a {border-right: 1px dotted #eee; display: block; line-height: 1.6em; padding: 0 10px; color: #fff; text-decoration: none; font-weight: bold;}
#nav a:hover { color: #fff; background: #006158;}
#nav li ul {margin: 0; padding: 0; font-size: 1em; border: 1px solid #ddd; background-color: #999999; position: absolute; left: -999em; height: auto; width: 14em;}
#nav li li {width: 17.5em; margin: 0; font-size: 0.8em; border-bottom: 1px dotted #ccc;}
/* #nav li ul a {border-left: 1em solid #000; margin: 0;}
#nav li ul a:hover {border-left: 1em solid #000;} */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { color: #fff; background: #006158;}

#page_nav a:hover {color: #000; }

#breadcrumbs {position: absolute; font-size: 0.8em; top: 148px;  right: 5px; text-align: right; text-transform: lowercase; color: #999999;}
#breadcrumbs a { color: #006158; }

/* End Navigation Elements */

/* Begin Form Elements */

#searchCSS {font-size: 0.9em; position: absolute; top: -25px; right: 5px;}
#searchform {text-align: center;}
#searchform #s {width: 140px; font-size: 11px; padding: 1px; border: 1px solid #ccc;}
#searchform #s:focus {border: 1px solid #aaa; background: #fafafa;}
#searchsubmit {font-size: 10px; background: #fff; /* url('icons/icon_search.gif') 1px 1px no-repeat;  cursor: pointer;*/ padding: 0 0 0 15px; border: 1px solid #aaa;}
#searchsubmit:hover {border: 1px solid #999;}
#submit {cursor: pointer;}

#MTGA_logo_link {
	position:absolute;
	left:5px;
	top:5px;
	width: 156px;
	height: 153px;
	border: none;
	padding: 2px;
	z-index:1;
}

#MATAG_logo_link {
	position:absolute;
	right:5px;
	top:5px;
	width: 180px;
	height: 60px;
	border: none;
	padding: 2px;
	background-color:#ffe23c;
	-moz-border-radius:5px;
	text-align:center;	
	display:none;
}

#Michigander_logo {
	position:absolute;
	right:5px;
	top:5px;
	width: 306px;
	height: 155px;
	border: none;
	padding: 2px;
	z-index:1;
}

.entry form {text-align: center;}
.entry img { padding: 0 5px; }
.entry h2 { font-size: 1.4em; }
.entry h3 { font-size: 1.2em; }
.entry h4 { font-size: 1.1em; }

select {width: 140px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #ccc; background: #f9f9f9; -moz-border-radius:5px;}
#commentform textarea {width: 95%; padding: 2px; border: 1px solid #ccc; background: #f9f9f9; -moz-border-radius:5px;}
#commentform #submit {color: #666; background: #eee; vertical-align: top;}
#commentform #submit:hover {border: 1px solid #aaa; background: #ddd;}
#commentform input:focus, #commentform textarea:focus, #searchform #s:focus {background: #fff;}

.comment_no {padding: 10px 0; float: right; font-size: 3em; color: #ccc;}

.commentlist {padding: 20px; margin: 0;}
ol.commentlist {margin: 0 !important; padding: 0 !important;}
.commentlist li {clear: both;  list-style-type: none !important; padding: 10px !important; background: #fff  0 -10px repeat-x;  margin: 10px !important;}
.commentlist li:hover {background-position: 0 0;}

.commentmetadata {border-top: 1px dashed #ec5; clear: both; text-align: right; font-size: 0.8em; font-weight: normal; color: #ca5; margin-top: 20px !important;}

#column1 blockquote.commented {margin-left: 5px; padding: 0 10px 10px 20px; font-style: italic; color: #963; background: url('images/blockquote.gif') 0 0 no-repeat !important;}
#column1 blockquote.commented blockquote, #column1 blockquote.commented ul, #column1 blockquote.commented ul li {background: none !important; margin: 0 !important; padding: 0 !important;}

.commentlist .gravatar {display: block; float:left; padding: 3px; margin: 0 20px 5px 0; border: 2px solid #ccc; background: #eee;}

h3#comments, h3#respond {
	font-size:1.4em;
}

.alt {clear: both;}

/* End Form Elements */

/* Begin Images */

p img {padding: 0;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.center {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {float: left; clear: both; margin: 0 auto;}

/* End Images */

/* Begin Portlets */

#wp-calendar {text-align: center; color: #999;}
#wp-calendar {width: 100%; background: #fff;}
#wp-calendar caption {background: #ddd; font-weight: bold;}
#wp-calendar thead {background: #eee;}
#wp-calendar #today {background: #eef;}
#wp-calendar a {text-decoration: underline; margin: 0 !important; background: none;}


.calendar { width: 100%; text-align: center; }

#column2 ul, #column3 ul { padding-bottom: 10px; padding-top:0;}
#column2 ul li, #column3 ul li {
	margin: 0; 
	padding: 5px; 
	*padding: 0px 5px 7px 5px; 
	background: #f0f0f0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;	
}

#column2 ul li a, #column3 ul li a {display: block; }
#column2 ul li a:hover, #column3 ul li a:hover { }
#column2 ul li.listHeader, #column3 ul li.listHeader { 
	padding: 0;
	background: #d8e5de url(images/green-tl.png) no-repeat scroll left top;
	-moz-border-radius: 0;
}
#column2 ul li h2, #column2 ul li h3, #column3 ul li h2, #column3 ul li h3 {
	margin: 0; 
	padding:5px 0pt 5px 8px; 
	*padding:7px 0px 8px 8px; 
	color: #006158;  
	background:transparent url(images/green-tr.png) no-repeat scroll right top;
	-moz-border-radius: 0;
}

#column2 ul li.calendar {padding: 5px; background: #f9f9f9;}

#column2 ul li h2 a { border-bottom: 0px none; display:inline;}

/* for library category listing */
#focalist_1 ul.nodeLevel1 li {
	list-style-type:disc;
	list-style-position:inside;
	margin-left:5px;
	padding:1px;
}

#focalist_1 ul.nodeLevel1 li a {
	display:inline;
}

#adsense iframe {
	margin-left: 35px;
}

#adsense { background-color:#f0f0f0; }

div.gray-top {
	background: transparent url(images/gray-tr.png) no-repeat scroll right top;
}

div.gray-top div {
	background: url(images/gray-tl.png) no-repeat scroll left top;
}

div.gray-bottom {
	background: transparent url(images/gray-br.png) no-repeat scroll right bottom;
}

div.gray-bottom div {
	background: url(images/gray-bl.png) no-repeat scroll left bottom;
}

/* End Portlets */

/* Begin Icons and Stuff */

#column3 .icons {background: #f9f9f9; margin-bottom: 1em; padding-bottom: 5px;}
#column3 dl dd {border-bottom: 1px dashed #fc6; margin: 0 10px 5px 0; padding: 0.5em 1em;}

.icons dt {margin: 0; padding: 1em 0 0.5em 1.2em; font-size: 1.1em; font-weight: bold; color: #999; background: url('images/portlet_header.png') !important;}
.icons a {display: block; height: 16px; padding-left: 25px !important;}
.icons a:hover {background-position: left bottom ;}

.icons .s_delicious {background: url('icons/delicious.gif') no-repeat;}
.icons .s_digg {background: url('icons/digg.gif') no-repeat;}
.icons .s_technorati {background: url('icons/technorati.gif') no-repeat;}
.icons .s_reddit {background: url('icons/reddit.gif') no-repeat;}
.icons .s_magnolia {background: url('icons/magnolia.gif') no-repeat;}
.icons .s_stumbleupon {background: url('icons/stumbleupon.gif') no-repeat;}
.icons .s_yahoo {background: url('icons/yahoo.gif') no-repeat;}
.icons .s_google {background: url('icons/google.gif') no-repeat;}

.iconComment a {padding-left: 20px; background: url('icons/icon_comment.gif') top left no-repeat;}
.iconEdit {background: url('icons/icon_edit.gif') top left no-repeat; padding: 1px 0 5px 20px;}
.rss {padding: 15px 0;}
a.iconrss {background: url('icons/icon_rss.png') top center no-repeat; text-indent: -999em; height: 104px !important; display: block;}
a.iconrss:hover {background-position: bottom;}

/* End Icons and Stuff */

/* Special Fixes */
img {max-width: 100%;}

/* \*/
* html #wrapper1, * html .outer a, * html .container-left, * html .container-right, * html .outer, * html h2 {height: 1%;}
* html .outer p {margin-right: -4px;}
#column2 {margin-right: -1px;}

* html #column2 {margin-right: -2px;}
/* Holly Hack */

ul.zoc_powerblogroll li {
	list-style:none !important;
}

#ngg_widget_slideshow0 {
	margin-left: 10px;
}

.align-top {
	vertical-align:top;
}

ul#events-calendar-list li {
	list-style-image: none;
}

.rss_subscribe {
	background:url(/images/feed-icon-14x14.png) no-repeat left;
	padding-left:20px;
}

/* page nav styling */
.tablenav {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
}
.tablenav-pages{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}
.tablenav-pages a {
font-size: 11px;
padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #000;
border-left: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}

.tablenav-pages a:visited {
font-size: 11px;
padding: 2px 5px 2px 3px; border-right: solid 1px #000;
border-left: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}
.tablenav-pages a:hover {
padding: 2px 5px 2px 3px; border-right: solid 1px #000; text-decoration: none;
border-left: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}
.tablenav-pages span {
padding: 2px 5px 2px 0px; color:#6666;
/* I don't want spans to have border. Otherwise, you may delete the comment.
border-right: solid 1px #000;
border-left: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 1px #000; */
}
.tablenav-pages .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 11px; color:#000;
border-left: solid 1px #000;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}