/*
Theme Name: The Morning Center
Theme URI: http://kurtisamundson.com/
Description: A Clean Classy theme designed for The Morning Center Organization.
Version: 1.0
Author: Kurtis Amundson
Author URI: http://kurtisamundson.com
Tags: clean, fixed width, one column, widgets
*/



/* Begin Typography & Colors */
body {
	margin:0;
	border-top: 4px solid #336666;
	background: #F2F2F2;
	font:11px Arial, Helvetica, sans-serif;
}

img {padding:0;border:none;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a:link {color:#336666;text-decoration:none;}
a:hover {color:#336666; text-decoration:underline !important; }
a:visited {color:#336666; text-decoration:none;}

img#wpstats{display:none}

#wrapper {
	margin: 0 auto 0 auto;
	width: 750px;
	/* border: 1px dotted gray;*/
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

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

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

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

.center {
	text-align: center;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

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

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 12px;
}
/* End Various Tags & Classes*/

/* Begin Form Elements */
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

/* === Search Styles === */

#search-box{
	width: 260px;
	height: 30px;
	float: right;
	clear: both;
	margin-right: 15px;
	background-image: url(images/search_box.jpg);
	background-repeat: no-repeat;
}

#search-box input#s {
	width: 218px;
	margin-left: 6px;
	top: 0px;
	float: left;
	position: relative;
	right: 0px
}

#search-box label {
	display: none;
}


/* === Header Styles === */

#header {
	width: 100%;
	height: 92px;
	vertical-align:bottom;
	padding-bottom:0;
	margin-bottom:0;
}

#title {
	width: 300px;
	height: 36px;
	margin-top: 40px;
	margin-left: 15px;
	padding:;
	float: left;
	font-size: 22pt;
	font-weight: bold;
	color: #333333;
}

#title a { color: #333333; text-decoration: none}

#links {
	width: 260px;
	height: 20px;
	margin-top: 26px;
	margin-right: 15px;
	float: right;
	text-align: center;
}

.links {
	color: #336666;
	font-weight: bold;
	font-size: 11pt;
	letter-spacing: 1px;
}
.links a:hover { text-decoration: underline;}

#image {
	width: 750px;
	height: 330px;
	margin-top: 0px;
	float: left;
}

/* === Navigation === */

#navigation {
	height: 40px;
	width: 720px;
	margin-left: 15px;
	margin-top: -15px;
	float: left;
	
}

#Nav1 a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav1.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}
#Nav1 a:hover, #Nav1 a:active, #Nav1_active a:hover, #Nav1_active a:active {
  background: url('images/nav1.png') 0 -40px no-repeat;
}
#Nav1_active a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav1.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}

#Nav2 a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav2.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}
#Nav2 a:hover, #Nav2 a:active, #Nav2_active a:hover, #Nav2_active a:active {
  background: url('images/nav2.png') 0 -40px no-repeat;
}
#Nav2_active a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav2.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}

#Nav3 a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav3.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}
#Nav3 a:hover, #Nav3 a:active, #Nav3_active a:hover, #Nav3_active a:active{
  background: url('images/nav3.png') 0 -40px no-repeat;
}
#Nav3_active a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav3.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}

#Nav4 a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav4.png');
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}
#Nav4 a:hover, #Nav4 a:active, #Nav4_active a:hover, #Nav4_active a:active{
  background: url('images/nav4.png') 0 -40px no-repeat;
}
#Nav4_active a{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/nav4.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: -10px;
	height: 40px;
	width: 180px;
}


/* === Content Styles === */

#content {
	width: 718px;
	margin: 0 15px 0 15px;
	padding-bottom: 15px;
	border: 1px solid #DDDDDD;
	float: left;
	clear: right;
	background: #fff;
}

#article {
	margin: 10px 30px 10px 30px;
	background: #fff;
	float: left;
	clear: both;
}

#artcleheading {
	height: 28px;
	width: 98%;
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
}

#article h1 {font-weight: normal; font-size: 200%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}

#article p {
	line-height: 12pt;
	font-size: 10pt;
	padding: 3px;
	font: arial;
}

.article-metadata {
	margin-top: 2px;
	margin-bottom: 0;
}

.postmetadata {
	background: #f2f2f2;
	margin-bottom: 20px;
}
.entry p {
	font-size: 1.05em;
}
.entry {
	line-height: 1.4em;
	float: left;
	margin-top: -10px;
}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

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

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

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

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

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* === Feed Styles === */

#feeds {
	margin: 30px 0 30px 32px;
	background: #eee;
}

#feeditem {
	width: 200px;
	margin-right: 28px;
	margin-bottom: 20px;
	float: left;
}

#feeditem p {
	padding: 3px;
	line-height: 14pt;
	font-size: 10pt;
}

#feedheading {
	height: 26px;
	width: 90%;
	margin-top: -6px;
	border-bottom: 1px solid #ccc;
	padding-left: 3px;
}

#feedheading h2 {font-weight: normal; font-size: 155%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}

/* Begin Footer Bar */
#footer-bar {
	float: left;
	margin: 20px 0 10px 32px;
	/*background: #eee;*/
}

#footer-bar ul {
	margin-top: 10px; 
	padding: 0px;
}

#footer-bar li {
	padding: 3px;
	font-size: 10pt;
	list-style: square;
	list-style-position: inside;
}

#footer-bar1, #footer-bar2, #footer-bar3 {
	float: left;
	margin-right: 16px;
	margin-bottom: 20px;
}

#footer-bar1, #footer-bar2 {
	width: 243px;
}

#footer-bar3 {
	width: 136px;
	/*background: #eee;*/
}

#footer-bar-item p {
	padding: 3px;
	line-height: 14pt;
	font-size: 10pt;
}

#footer-bar-heading {
	height: 26px;
	width: 90%;
	margin-top: -6px;
	border-bottom: 1px solid #ccc;
	padding-left: 3px;
}

#footer-bar-heading h2 {font-weight: normal; font-size: 155%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}

/* End Footer Bar */


/* === Footer Styles === */

#footer {
	width: 720px;
	height: 86px;
	float: left;
	margin-left: 15px;
	background: #AAAAAA;
}

#glory {
	width: 360px;
	height: 122px;
	margin-left: 310px;
}

#bar {
	width: 450px;
	height: 1px;
	margin-left: 135px;
	margin-top: -16px;
	background: #CCCCCC;
}

#copyright {
	width: 720px;
	height: 26px;
	margin-top: 12px;
	float: left;
	text-align: center;
	color:#333333;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	
}