/*  
Theme Name: Muslims of Norwich
Theme URI: 
Description: Bespoke Theme for the Muslims of Norwich Website
Version: 1
Author: Marcel Souris
Author URI: http://www.nefer.co.uk/

*/


/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body, html {
	height:100%;
	}
	
body {
	background: #DFDDCA url('images/body_bground.gif') repeat-y center top;
	color: #545454;
	padding: 0;
	}

body, select, input, textarea {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	}

a:link, a:visited {
	color: #175244;
	text-decoration:none
	}

a:hover, a:active, a:hover .more {
	color:#333;
	text-decoration:underline;
	}
	
.more {
	color: #B3371C;
	text-decoration: none;;
	font-weight: bold;
}

a:hover .more {
	color: #B3371C;
	text-decoration:underline;
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.95em;
	background:#eef5e1;
	padding:3px 6px;
	}

img, a:link img, a:visited img {
	border:0
	}
	
/***********************/
/****** STRUCTURE ******/
/***********************/

#container {
	width:940px;
	margin:0 auto;
	font-size:0.7em;
	background:#FFF;
	/*padding: 10px 25px 35px 25px;*/
	}


#header {
	width:940px;
	height: 100px;
	background: #2D6E57 url('images/header_bground.jpg') repeat-x left top;
	border-bottom: 5px solid #C1BFA3;
	overflow: auto;
	}

#header img.logo 	{
	margin: 10px 0 10px 15px;
	border: none;
	float: left;
	}
	
	a.timetable {
		font-size: 1.25em;
	 	float:right;
		margin: 70px 15px 0 0;
		color: #CBC7AA;
		text-decoration: underline;
	}



/** FLOATS **/

.left, #home-left, #main-feature, #news-box, #poetry-box, .info-box, .info-box-top {
	float:left;
	}

.right, #home-right {
	float:right; 
	}
	
/********************************/
/****** HOME PAGE ELEMENTS ******/
/********************************/

#home-left, #home-right {
	margin-top: 15px;
}

#home-left {
	width: 605px;
}

#home-right {
	width: 290px;
}


#home-right ul {
margin:0;
padding: 0;
list-style-type:none;
}

#home-right ul a{

height: 40px;
line-height:20px;

text-decoration: none;
}


/****** Main Feature ******/

#main-feature {
	width: 605px;
	min-height: 240px;
	margin-bottom: 15px;
	background: #47916E url(images/main_feat_bground.jpg) repeat-x bottom left;
}

	#main-feature h2 {
		color: #fff;
		text-transform: uppercase;
		margin: 0 0 10px 14px;
		padding: 0;
		font: normal 145% Verdana, Arial, Helvetica, sans-serif;
		border-bottom: none;
	}
	
	#main-feature li {
		text-transform: none;
		margin-bottom: 7px;
		margin-left: 15px;
		color: #CBC7AA;
	}
	
	#content #main-feature li a {
		color: #fff;
		font-weight: normal;
	}
	
	#main-feature a, #news-box h2 a {
		color: #fff;
		border: none;
	}
        #poetry-box h2 a {
		color: #fff;
		border: none;
	}
	
	#main-feature p {
		margin: 3px 0 0 0;
		padding: 0;
		color: #fff;
	}

	.main-feature-item {
		margin-left: 14px;  

 
	}
	
	.heading {
		font-weight: bold;
		font-size:1.2em;
	}
	
	#main-feature a.heading, .hilite {
		color: #CBC7AA;
	}

img.corner {
   width: 14px;
   height: 14px;
   border: none;
   display: block !important;
}

#main-feat-copy {
	float: left;
	width: 280px;
	min-height: 226px;
	height: 100%;
	padding: 0 0 14px 0;
	background:url(images/green_cnr_bot_l.jpg) no-repeat bottom left;
}

#main-feat-image {
	width: 298px;
	float: right;
	border-left: 1px solid #fff;
}
http://theneesaproject.x10hosting.com/neesa/wp-admin/theme-editor.php?file=/themes/1ihsan/style.css&theme=Muslims+of+Norwich
/****** News Section ******/

#news-box {
	width: 606px;
        margin-top: 15px;
        
}

	#news-box h2 {
		color: #fff;
		text-transform: uppercase;
                width: 578px;  /* added this code because if the content of the post is not wide enough */
		margin: 0;
		padding: 12px 14px 14px 14px;
		font: normal 145% Verdana, Arial, Helvetica, sans-serif;
		background: url(images/green_cnr_top_l.jpg) no-repeat top left;
		border-bottom: none;
	}
	
#news-head {
	background: #47916E url(images/news_head_bground.jpg) repeat-x bottom left;
}

#news-inner h3 {
	font: normal 145% Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin-bottom: 10px;
}

#news-inner h3 a {
	color: #B3371C;
}

#news-inner, .inner-col {
	clear: both;
	min-height: 120px;

	border-left: 4px solid #C0BEA3;
	border-right: 4px solid #C0BEA3;
	border-bottom: 4px solid #C0BEA3;/**/
	background: #F4F3EC url(images/box_bground.jpg) repeat-x bottom left;
	padding: 10px;
}

//poetry section, added this code about poetry
#poetry-box {
	width: 606px;
      //  margin-top: 15px;
}

	#poetry-box h2 {
		color: #fff;
		text-transform: uppercase;
                  width: 578px;
		 margin-top: 15px;
		padding: 12px 14px 14px 14px;
		font: normal 145% Verdana, Arial, Helvetica, sans-serif;
		background: url(images/green_cnr_top_l.jpg) no-repeat top left;
		border-bottom: none;
	}
	
#poetry-head {
	background: #47916E url(images/news_head_bground.jpg) repeat-x bottom left;
}

#poetry-inner h3 {
	font: normal 145% Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin-bottom: 10px;
 //margin-top: 15px;
}

#poetry-inner h3 a {
	color: #B3371C;
}

#poetry-inner, .inner-col {
	clear: both;
	min-height: 120px;

	border-left: 4px solid #C0BEA3;
	border-right: 4px solid #C0BEA3;
	border-bottom: 4px solid #C0BEA3;/**/
	background: #F4F3EC url(images/box_bground.jpg) repeat-x bottom left;
	padding: 10px;
 //margin-top: 15px;
}

/****** Right Column ******/

.info-box, .info-box-top {
	background: url(images/inner_col_top.gif) no-repeat top right;
	font-size: 90%;
}

.info-box {
	margin-top: 15px;
}

.info-box-top {
	margin-top: 0;
}

.inner-col {
	width: 262px;
}

.info-box .date {
color: #B3371C;
}

.inner-col p {
	margin-bottom: 10px;
}

#content .inner-col ul {
	list-style-type: disc;
	color: #B3371C;
	margin: 0 0 0 15px;
}

#content .inner-col li {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 160%;
}

.inner-col li a {
	color: #333;
	font-weight: normal;/**/
}

.inner-col li a:hover {
	text-decoration: underline;
}

hr {
	clear: both;
	border: none;
	background-color: #fff;
	color: #fff;
}

.info-box h3, .info-box-top h3 {
	color: #fff;
	text-transform: uppercase;
	background: #B3371C url(images/col_head_bground.jpg) repeat-x left bottom;
	margin: 12px 0 0 0;
	padding: 0 14px 14px 14px;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;/**/
}

#content .info-box h3 a, #content .info-box-top h3 a {
	color: #fff;
}

/************************************/
/****** HOME PAGE ELEMENTS END ******/
/************************************/
		

	 
	
	
/*	Headers */

h1 {
	font:2.95em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
	}
	
/*.post h2 {
	font: normal 170% Verdana, Arial, Helvetica, sans-serif;
	color: #175244;
	padding-bottom:8px;
	margin: 0 0;
	}*/
	
	.post h4 {
		font: normal 130% Verdana, Arial, Helvetica, sans-serif;
		color: #175244;
	}
	
	.post small {
		background-color: #fff;
		margin: 0 0 5px 0;
		padding: 0;
	}

h3, #sidebar h2 {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:4px;
	font-weight:bold;
	color: #175244;
	}



h3#respond {
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font-size:1.6em;
	margin-bottom:6px;
	}

/* Content */
	
p {
	font-size: 110%;
	color: #333;
	margin: 0 0 15px 0;
	padding-top: 0;
}

p.author {
margin-bottom: 0;
text-transform: capitalize;

}

p.date {
margin-top: 2px;
font-size: 90%;
text-transform: uppercase;
}

p, li {
	line-height: 145%;
}

#content ul {
	margin-bottom: 17px;
}	
	
#home #content {
	display: inline;
	width:910px;
	margin-left: 15px;
	}
	
#content {
	display: inline;
	width:605px;
	float:left;/**/
	margin-left: 15px;
	padding-bottom: 30px;
}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;
	}


.title {
	font-size:1.1em;
	font-weight:bold;
	line-height:115%;
	margin-bottom: 10px;
	}
	
.breadcrumb {
	margin-top: 10px;
	font-weight: bold;
	font-size: 90%;
	color: #175244;
}

.breadcrumb a {
	color: #B3371C;
	text-decoration: underline;
}

/***********************/
/****** SIDEBAR ******/
/***********************/	

#sidebar {
	display: inline;
	width: 250px;
	float:right;
	margin: 15px 15px 0 0;
	background: #F4F3EC url(images/box_bground.jpg) repeat-x bottom left;
}
	
	#sidebar h3, #sidebar h2 {
		border-top:4px solid #DDDBC6;
		border-bottom:1px dashed #D7D5BD;
		padding:6px 0 6px 10px;
		margin: 0 0 10px 0;
		font-size:1em;
		color: #333;
	}
	
	#sidebar h3.cats {
		border-bottom:1px solid #fff;
		margin-bottom: 0;
	}


.rss a {
/* remove this code     display: block;  */
	padding: 0 0 2px 25px;
	margin: 3px 0 5px 10px;
	background: url(images/rss.jpg) no-repeat 0 0.1em;
	font-weight: bold;
	color: #DA5D2A;
}
	
#sidelist li {
	list-style:none
	}
	
ul.bullets {
	margin-bottom: 10px;	
}
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #FFF;
	}
	
#sidelist .bullets li {
	list-style:disc;
	margin-bottom:5px;
	padding-bottom: 4px;
	border-bottom: none;
	line-height:115%;
	margin-left:27px;
	color: #D7D5BD;
}

#sidelist .bullets li a {
	color: #333;
}

#sidelist .children {
	background: #DEDDCD;
	}
	
#sidelist .children li {
	list-style: disc;
	margin-left:28px;
	border-bottom:1px solid #DEDDCD;
	color: #A29D6C;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background: #DEDDCD;
	color: #333;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	text-decoration: underline;
	}
	
	/*Subnav */

.subnav li {
	list-style: none;
	border-bottom: 1px solid #FFF;
	}

.subnav li a:link, .subnav li a:visited {
	background: #E9E8DC;
	display: block;
	padding: 3px 4px 5px 8px;
	border-left: 4px solid #D7D5BD;
	color: #333;
	}
		
.subnav li a:hover, .subnav li a:active {
	background: #DEDDCD;
	text-decoration: none;
	color: #333;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
	/* #B3371C */
	
/**************************/
/****** SIDEBAR ENDS ******/
/**************************/	

.postmetadata {
	margin: 30px 0;
	}

#writer {
	background:#eef5e1;
	margin:25px 0 15px 0;
	padding:12px;
	}

#writer img {
	padding:1px;
	border:1px solid #7da939;
	float:left;
	width:80px;
	}

#writer span {
	display:block;
	padding-top:4px;
	border-top:1px solid #cbd8b4;
	margin-top:12px;
	}

#writer p {
	margin:0;
	width:482px;
	}	

/*.entry {
	padding-bottom:28px;
	}*/

h3 a:link, h3 a:visited {
	color:#175244;
	}



/*Post Formatting*/

.picleft {
	float:left;
	margin:3px 14px 10px 0;
	border:7px solid #f2f2f2;
	}

.picright {
	float:right;
	margin:3px 0 10px 14px;
	border:7px solid #f2f2f2;
	}	

.post blockquote {
	color:#76767a;
	background:#f2f2f2;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	color: #175244;
	font-size: 110%;
	list-style:disc;
	margin-bottom:5px;
	margin-left:30px;
	}

.post ol li {
	margin-bottom:5px;
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}	
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	
#searchform {
	padding:16px 5px 9px 0; 
	}

.button {
	padding: 1px;
	background:#000;
	color:#e7e7e7;
	border:none;
	}

.button:hover {
	background:#777;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 250px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 15px 10px 15px;
	background: #F4F3EC;
	border-top: 1px solid #D7D5BD;
	color: #333;
	font-size: 90%;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	color: #555;
	background: #F4F3EC;/**/
	padding: 0 0 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #D7D5BD;
	}

.commentlist cite {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	
	

/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}


/* Footer*/
#footer-menu, #footer-menu ul {
	float: left;
}

#footer-menu {
	display: inline;
	font-size: 110%;
	width: 940px;
	border-top: 1px solid #C0BEA3;
	margin-top: 30px;
	background: #F4F3EC url(images/box_bground.jpg) repeat-x bottom left;
	padding: 20px 0 20px 0;

}

#footer-menu ul {
	list-style-type: disc;
	color: #A29D6C;
	padding-left: 25px;
	margin-left: 70px;
}

#footer-menu ul.fm-pages {
	margin-left: 10px;
}

#footer-menu ul.children {
	list-style-type: none;
	float: none;
	margin-left: 0;
	padding-left: 0;
	text-transform: uppercase;
	font-size: 85%;
}

#footer-menu li {
	margin: 0 0 4px 0;
}

#footer-menu .children li a {
	color: #B3371C;
}

#footer-menu li a {
	color: #333;
}

#footer-menu .rss li a {
	color: #DA5D2A;
}

#footer-menu ul.rss {
	list-style-type: none;
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
}

#footer-menu ul.rss li {
	margin-left: none;
}
#footer-menu ul.rss li a {
	width: 200px;
}

#footer {
	clear: both;
	margin:0 auto 0 auto;
	bottom: 0;
	width: 925px;
	font-size:0.7em;
	padding: 15px 0 15px 15px;
	color:#FFF;
	background-color: #FFF;
}
	
#home #footer {
	background-color: #B3371C;
}

#footer a {
	color:#d3d1d1;
	}
