/*
	Author Name	: Akshay Surve
	Author Site	: http://akshaysurve.com
	Style Name	: Sunset modified for Masoom
	Style URI	: http://socialsync.org
	Style Derived From: Robert Boyce - http://rcboyce.com
	Version		: 0.2
	Comments	: This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 License.
				  
	Header Text Color: gray
	Header Width: 780px
	Header Height: 200px
*/


/* Core Overrides */
.secondary span a {
	margin-left: 0px;
}

ul.menu li.current_page_ancestor a, ul.menu li.current_page_ancestor a:hover {
	background:white none repeat scroll 0%;
	color:#333333;
	text-decoration:none;
}

#search h4 {
	display: block;
}

.page-head h2 {
	text-align: left;
}

.secondary #dtreepgewrapper  ul ul ul, .secondary ol ol ol, .secondary div div div {
	margin:0pt 0pt 0pt 0px;
}

#dtreec a, #dtreea a, #dtreep a, #dtreel a, #dtreecatwrapper a, #dtreearcwrapper a, #dtreepgewrapper a, #dtreelnkwrapper a {
	color: #444444 !important;
}


/*	----------------
Main body
----------------	*/

body
	{
	font-size: 62.5%;	/* Resets 1em to 10px */
	font-family: 'Lucida Grande' Myriad Apple, Verdana, Arial, Sans-Serif;
	color: #666666;
	background-color: #87A7CF;
	text-align: center;
	margin: 20px 0 30px;
	background: url('http://masoomforu.org/wp-content/themes/k2/styles/masoom/masoom-bg.jpg');
	}

#header {
	height: 150px;
	background:#7F0000 none repeat scroll 0pt -20px;
}
ul li 
	{
	list-style-type: disc;
	}

ul.menu li a 
	{
	color: #FDFA00;
	}

#page
	{
	background: #fefefe;
	text-align: left;
	margin: 0 auto;
	margin-top: -20px;
	padding: 0 10px;
	position: relative;
	width: 760px;
	_width: 720px;	/* IE hack */
	}
	

/*	----------------
Header
----------------	*/

#header 
	{
	margin: 0 auto;
	padding: 0 auto;
	background-color: #7F0000;
	}


#header h1 *, #header p
	{
	color: #0728C8 !important;
	}
#header .description
	{
	font-size: 1em;
	margin: 0 0 0 40px;
	color: #404040;
	}

/*	This positions the navigation menu at the top of the header.	*/
#menu-top
	{
	display: inline !important;	/*	This line prevents the top menu from showing up in styles that don't support it.	*/
	position: absolute;
	top: -2px;
	left: 10px;
	padding-left: 15px;
	}
#menu-top li a
	{
	background-color: #777;
	color: #000;
	}
#menu-top li a:hover
	{
	background: #000;
	color: #777777 !important;
	text-decoration: none;
	opacity:.70;
	filter: alpha(opacity=70);
	}
	
/*	----------------
Post images
----------------	*/

.primary img
	{
	margin-left: -5px;
	padding: 4px;
	border: 0px;
	max-width: 100%;
	}
	
img.center
	{
	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;
	}
img.noborder
	{
	border: none;
	}



/*	----------------
Headers
----------------	*/

h1, 
h2, 
h3, 
h4 
	{
	font-family: 'Century Gothic' Lucida Grande, Verdana, Sans-Serif;
	}
	
h1, 
h1 a, 
h1 a:hover, 
h1 a:visited,
#header .description
	{
	text-decoration: none;
	color: #444;
	}
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited
	{
	color: #7F0000;
	}

.secondary h4
	{
	font-weight: bold;
	}

/*	----------------
Links
----------------	*/

a:hover,
a:visited:hover 
	{
	text-decoration: underline;
	}
h2 a:hover,
h2 span a:hover
	{
	color: #707070 !important;
	}
a
	{
	color: #707070;
	text-decoration: none;
	}
.itemtext a:visited
	{
	color: #707070;
	}
	


/*	----------------
Meta info
----------------	*/	

.entry-meta
	{
	font-size: 1em;
	display: block;
	color: #707070;
	}

/*	I went ahead and dropped the icon for post time, since I found it annoying.	*/

.chronodata
	{
	background: none !important;
	padding: 2px 0 !important;
	}
.chronodata abbr
	{
	font: inherit;
	}
.commentslink
	{
	padding: 2px 0 2px 17px;
	margin: 0 10px 0 5px;
	}
.entry-edit a
	{
	padding: 2px 0 2px 17px;
	margin: 0;
	}