/*
Theme Name: Mosque in Morgantown
Theme URI: http://wordpress.org/
Description: 
Version: 
Author: 
Author URI: 
Tags: 

*/


html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ede1bb;
	text-align: center;
}

#homeWrapper {
	background-image: url(/images/bgMid2.jpg);
	background-repeat: repeat-x;
	background-color: #ede1bb;
	margin: 0;
	
}

#wrapper {
	background-image: url(/images/bgMid2.jpg);
	background-repeat: repeat-x; 
	background-color: #ede1bb;
	margin: 0;
}

#topNav {
	height: 25px;
	color: #ffe09a;
	padding: 5px 5px 0 0;
	text-align: right;
	width:  1000px;
	margin: 0 auto;
}

#topNav a {
	color: #ffe09a;
	text-decoration: none;
	padding: 0 10px;
}

#topNav a:hover {
	color: #fff;
}

#header {
	height: 297px;
	background-image: url(/images/bgHeader.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#banner {
	width: 1000px;
	margin: 0 auto;
	height: 225px;
	display: none;
}

#homeContent {
	margin: 0;
	width: 1000px;
	background-image: url(/images/bgContent.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto;
	text-align: left;
	min-height: 700px;
} 
	
#content {
	margin: 0;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	min-height: 700px;
} 
	

#nav {
	height: 50px;
	background-image:url(/images/backgroundNav.jpg);
	background-repeat: no-repeat;
	text-align: right;
	width: 1000px;
	margin: 0 auto;
}


#nav a { 
	display: block;
	float: right;
	height: 40px;
}

#nav a.home { background-image:url(/images/nav.jpg); background-position: 0 0; width: 133px; } /* real width: 135 */
#nav a:hover.home { background-image:url(/images/nav.jpg); background-position: 0 -41px; width: 133px; }

#nav a.film { background-image:url(/images/nav.jpg); background-position: -135px 0; width: 133px; }
#nav a:hover.film { background-image:url(/images/nav.jpg); background-position: -135px -41px; width: 133px; }

#nav a.filmmakers { background-image:url(/images/nav.jpg); background-position: -268px 0; width: 133px; }
#nav a:hover.filmmakers { background-image:url(/images/nav.jpg); background-position: -268px -41px; width: 133px; }

#nav a.forum { background-image:url(/images/nav.jpg); background-position: -401px 0; width: 133px; }
#nav a:hover.forum { background-image:url(/images/nav.jpg); background-position: -401px -41px; width: 133px; }

#nav a.getInvolved { background-image:url(../images/nav.jpg); background-position: -401px 0; width: 133px;  }
#nav a:hover.getInvolved { background-image:url(/images/nav.jpg); background-position: -401px -41px; width: 133px; }

#nav a.getInvolved { background-image:url(/images/nav.jpg); background-position: -534px 0; width: 133px; }
#nav a:hover.getInvolved { background-image:url(/images/nav.jpg); background-position: -534px -41px; width: 133px; }

#nav a.events { background-image:url(/images/nav.jpg); background-position: -667px 0; width: 133px;}
#nav a:hover.events { background-image:url(/images/nav.jpg); background-position: -667px -41px; width: 133px; }



.narrowcolumn .entry, .widecolumn .entry {
	line-height: 16px;
	font-size: 13px;
	}
	
.narrowcolumn p {
	margin: 16px 0;
}

.entry {
	margin-top: 28px;
}

a.contribute {
	display: block;
	width: 200px;
	margin: 20px 0 20px 115px;
	padding: 10px;
	font-size: 14px;
	background-image:url(/images/ruleEntries.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	
}

.signature {
	text-align: right;
	display: block;
}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	/* background-color: #f8f8f8; */
}
.thread-even {
	/* background-color: white; */
}
.depth-1 {
	/* border: 1px solid #ddd; */
}

.even, .alt {

	/* border-left: 1px solid #ddd; */
}

#footer {position: relative;
	margin: -170px auto 0 auto; /* negative value of footer height */
	height: 170px;
	clear:both;
	background-color: #000;
	color: #FFF;
	text-align: left;
} 

#footer p {
	font-size: 11px;
}

#footerContent{
	width: 1000px;
	margin: 0 auto;
	padding: 10px;
}

#leftFoot {
	float: left;
	width: 300px;
	margin: 10px 0 40px 85px;
}

#leftFoot ul {
	list-style: none;
	border-top: 1px solid #333;
}

#leftFoot ul li{
	list-style: none;
}

#leftFoot ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #333;
}

#leftFoot ul li a:hover {
	color: #CCC;
}

#rightFoot { 
	margin: 0;
	float: left;
	width: 530px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin: 10px 0 120px 50px;
	padding: 4px;
}	


#insideLeftFoot {
	float: left;
	width: 195px;
	margin: 10px 0 0 50px;
}

#insideLeftFoot ul {
	list-style: none;
	border-top: 1px solid #333;
	padding: 0;
}

#insideLeftFoot ul li{
	list-style: none;
}

#insideLeftFoot ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #333;
}

#insideLeftFoot ul li a:hover {
	color: #CCC;
}

#insideRightFoot { 
	margin: 0;
	float: left;
	width: 580px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	/* margin: 10px 0 120px 50px; */
	margin: 10px 0 0 50px;
	padding: 4px;
}		


#logoCAAM {
	margin: 18px auto 10px auto;
	display: block;
}


/* Sticky Footer */



/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#content {padding-bottom: 170px;}  /* must be same height as the footer */

#homeContent {padding-bottom: 170px;}  /* must be same height as the footer */



/* CLEAR FIX - For Galleries */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	
	font-weight: normal;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 28px;
	color: #330000 !important;
	letter-spacing: 1px;
	}

h2.pagetitle {
	font-size: 28px;
	}
	
	
h2.title {
	text-align: center;
}

h2.title a {
	color: #330000;
	}
	
h2.title a:hover {
	color: #330000;
	}

#sidebar h1 {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #804F3A;
	text-transform: uppercase;
}

#sidebar h2 {
	font-size: 14px;
	letter-spacing: 0;
	}

h3 {
	font-size: 16px;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}
	
#sidebar h1 {
	margin-top: 30px;
}

#sidebar h1 a{
	margin-top: 5px;
	color: #176231;
	text-decoration: none;
}
h2, h3  {
	color: #330000;
	}

h2 a {
	color: #804f3a;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

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

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

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

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

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

a, h2 a:hover, h3 a:hover {
	color: #804F3A;
	text-decoration: none;
	}

a:hover {
	color: #176231;
	text-decoration: none;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}




















































#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}


#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#sidebar {
	width: 195px;
	margin: 0 0 10px 70px;
	float: left;
	background-image: url(/images/bgSidebar.gif);
	background-repeat:no-repeat;
	background-position: right 65px;
	height: 400px;
}

#sidebar li#menuBegins {
	padding-top: 10px;
}

.narrowcolumn {
	padding: 0 0 20px 0;	
	margin: 26px 0px 20px 300px;
	width: 710px;
	display: block;
	}
	
.essay {
	width: 620px !important;
}

.essayDesc {
	color: #696969;
	margin-top: .25em; 
	margin-bottom: .25em;
	display: block;
}

.fullEssayTitle {
	font-size: 1.5em;
	font-weight: bold;
}

.fullEssayAuthor {
	font-size: 1.2em;
	font-style: italic;
}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 0px;
	width: 600px;
	}

.post {
	margin: 0 0 40px;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}



h2 {
	margin: 0;
	}

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

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

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

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
	}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	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 {
	padding: 0 0 0 35px;
	margin: 0;
	}

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

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

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

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

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

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

#sidebar ul 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;
	}

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

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

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

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

#commentform {
	margin: 5px 10px 0 0;
	text-align: left;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond {
	text-align: left;
	background-image:url(/images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

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



/* Begin Comments*/
.comment {
	background-image:url(/images/ruleEntries.gif);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 15px !important;
}

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


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


ol.commentlist {
	padding: 0;
}

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

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

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

#commentform p {
	margin: 5px 0;
	}

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

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

#sidebarMid a {
	display: block;
	color: #804000;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding: 10px 0;


	width: 170px;


}


#sidebarMid a:hover {
	color: #666666;
}



#sidebarFoot {
	width: 200px;
	height: 12px;
	background-image: url(/mosque/images/sideFoot.gif);
	background-repeat:no-repeat;
}

#sidebar form {
	margin: 0;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	height: auto;
	background-image: url(/images/paper_tex.jpg);
	background-repeat: repeat-x; 
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: #f4ebd1;
	font-size: 14px;
}

blockquote p {
	margin-top: 0 !important;
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.small {
	font-size: 11px;
}

p.attribution {
	text-align: right;
	font-style: italic;
}


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

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

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

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

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


.submitForm {
	text-align: left;
}

.forumMenu {
	padding-top: 1px;
}

.forumMenu p, .forumMenu h3 {
	margin: 0;
}


.essayLinks {
	font-size: 11px;
	padding-bottom: 14px;
	font-weight: bold;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
	font-weight: bold;
	font-size: 16px;
	color:  #176231;
}


div.wpcf7-response-output.wpcf7-validation-errors {
	font-weight: bold;
	font-size: 16px;
	color:  #990000;
}

.contributeButton {
	text-align: center;
	margin: 0 auto;
}

.videoBreakout {
	float: right;
	margin-left: 60px;
	padding-bottom: 40px"
}

.videoBreakout p {
	margin: 0;
}

#videoBox {
	width: 460px;
	text-align: center;
	padding: 15px;
	margin: 10px auto 30px auto;
}

#menuOptions p {
	margin: 0;
}

#menuOptions p a{
	display: block;
	background-image:url(/images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 15px 10px 0 10px;
}

#menuOptions p a img {
	margin-right: 5px;
}

.highlights {
	margin-top: 24px;
}

.captionBox {
	padding: 10px;
	
	width: auto;
	background-color: #f4ebd1;
	text-align: center;
	
}

.floatLeft {
	float: left;
	margin: 10px 10px 10px 0;
}

.floatRight {
	float: right;
	margin: 10px 0 10px 10px;
}

.floatCenter {
	display: block;
	margin: 10px auto;
}