/*
Theme Name: Of N & M 
Theme URI: 
Description: Narccissists and Mice REBORN!
Version: 1
Author: John Pereira
Author URI: http://www.lame-duck.com/blog/
Tags: red

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

*/


/* CSS Document */
@import url("css/reset.css");
@import url("css/menu.css");

body {
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #0F0C05 ;
	min-width:960px;
}

small {color:#777777; font-size:12px;}
 
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;}
 


 
/*==================================================== WRAP STYLE ============================================================ */
#wrap {
	margin: 0 auto;
	width:960px;
	padding-top:10px;

}

#header .search {
	/*position:absolute;*/
	top:130px;
	left:250px;
}

#header .search input{ 
	background: #911616;
	color:#FFFFFF;
}

#header .search input[type=submit], #header .search input[type=button]{	
	cursor:pointer;
}

#header .search input[type=text] {
	cursor:text;
}
		
/*==================================================== HEADER STYLE ============================================================ */
#header{
	padding:0;
	margin-bottom:-12px;
	height:250px;
	background: url(images/logo-left.png) 0% 56px no-repeat; 
	/*background: url(images/logo-left.gif) 0% 56px no-repeat;*/ 
}

#header #header-link {
	height:250px;
	width:100px;
}

#banner{
	background: url(images/logo-right.png) 100% 0 no-repeat; 
	height: 238px; 
	cursor:pointer;
	float:right;
	width:260px;
	
}


/*==================================================== CONTENT WRAPPER ============================================================ */
#content{
	background:#fff;
	display:block;
	overflow:auto;
	-moz-border-radius:50px;


}

/*==================================================== LEFT CONTENT ============================================================ */
#left-content{
	background:#fff;
 	float:left;
	padding: 10px 5px;
	padding-left:15px;
	width:68%;
	line-height:1.4;
}


#left-content #feature {
	clear:both;
	overflow:auto;
	padding-bottom:25px;
}

#left-content #feature h1 {
	font-size:25px;	
}


#left-content h1, #left-content h2, #left-content h3 {
	clear:both; 
	line-height:1;
}

#left-content h1 {
	font-size:23px;
	padding:10px 0;
	border-bottom:1px solid #DADADA;
}
#left-content h1 a {color: #000; text-decoration: none;}
#left-content h1 a:hover {color: #000; text-decoration: none; background: none;}


#left-content h2 {font-size:20px; padding:5px 0; color:#990033}
#left-content h2 a {text-decoration:none;}
#left-content h2 a:hover {text-decoration:underline;}
#left-content h2 a:visited {color:#990033;}

#left-content h3 {font-size:14px; padding:5px 0; color:#990033}

#left-content blockquote{
	background:url(images/quote.png) no-repeat;
	padding-left:50px;
	font-style:italic;
	text-align:justify;
	color:#444;
}
#left-content p {
	padding:8px; 
	font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
	text-align:justify;
}

#left-content ul, #left-content ol {
	padding-left:35px;
}

#left-content ul {
	list-style-image:url(images/right-bullet.png);
}

#left-content ol {
	list-style:decimal;
}

#left-content li {
	padding:5px;
}


#left-content a {color:#911616;}
#left-content a:hover {text-decoration:none}
#left-content a:visited {color:#000;}

#left-content pre code{
	background:#F0F0F0;
	display:block;
	padding:5px 10px;
}

/* form stuff */
#left-content label {padding-top:10px;display:block;}



/*==================================================== SIDEBAR STYLE ============================================================ */
#right-content{
	/*background:#F0E5D1 ;*/
	float:right;
	padding: 10px 5px;
	width:27%;
	text-align:right;
	background:#fff;
}

#right-content h2 {
	display:block;
	font-size:20px; 
	padding-bottom:15px;
	padding-right:25px;
	text-transform:lowercase;
	background:url(images/right_header_bullet.png) 100% 0% no-repeat;
}

#right-content ul, #left-content ol {
	/*padding-left:10px;*/
}

#right-content ul {

}

#right-content ol {
 
}

#right-content ul li {
	padding:5px;
	padding-right:15px;
	background:url(images/right-bullet.png) 100% 50% no-repeat;
}

#right-content a {color:#911616; text-decoration:none}
#right-content a:hover {text-decoration:underline}
#right-content a:visited {color:#000;}



/*==================================================== FOOTER STYLE ============================================================ */
#footer{
background:url(images/author_background.png) repeat;
	background-color:#000   ;
	color:#fff;
	clear:both;
	display:block;
	margin: 0 auto;
	padding:10px;
	margin-bottom:30px;
	max-width:1000px;
	min-width:960px;
	overflow: auto;
	min-height: 300px;
	-moz-border-radius:10px;
}

#footer h1 {
	font-size:20px;
	padding-bottom:10px;
	padding-left:25px;
	margin-left:-3px;
	text-transform:lowercase;
	background:url(images/footer_header_bullet.png) 0% 50% no-repeat;
}

#footer h2 {
	font-size:17px;
}

#footer .author {
	background:url(images/footer_widget_border.png) 0 0 no-repeat;
	padding-left:10px;
	padding-top:10px;
	float:right;	
	width:400px;
	height:300px;
	height:
}

#footer .author h1 {
	font-family:"Lucida Console", Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	padding-bottom:10px;
	background:none;	
}

#footer .author p {
	padding:5px;
	padding-left:15px;
}

#footer ul, #footer ol {
	/*padding-left:10px;*/
}

#footer ul {

}

#footer ol {
 
}

#footer ul li {
	padding:5px;
	padding-left:20px;
	background:url(images/footer_bullet.png) 0% 50% no-repeat;
}

#footer a {color:#fff; }
#footer a:hover {text-decoration:none}
#footer a:visited {color:grey;}



/*==================================================== FORM STYLE ============================================================ */

input, textarea{
	background:#fff;
	border: 1px solid #000   ;
	color:#000;
}

textarea {
	width:300px;
	height:100px;
}

input[type=submit], input[type=button]{	
	background:#6B101F;
	color:#fff;
	cursor:pointer;
}

input[type=text] {
	cursor:text;
}





/*==================================================== MISC ============================================================ */

.clear-texarea{width:auto; height:auto}
.align-center {
	text-align:center;
}
.clear-floats{clear:both;}

.alignleft{float:left;}
.alignright{float:right;}


.copyright {
	text-align:center;
	clear:both;
	display:block;
	color:#fff
}

/*==================================================== WP SPECIFIC ============================================================ */
#footer .widget {
		float:left;
		width:250px;
		padding-right:20px;
}

#right-content .widget {
	clear:both;
	padding-top:20px;
	padding-right: 10px;
	padding-bottom: 20px;
	display:block;
	overflow:auto;
}

#right-content .widget .no-image ,#footer .widget .no-image {
	background:none;
}

/*==================================================== POST SPECIFIC ============================================================ */
.navigation{
	clear:both;
	padding-bottom:40px; 
	overflow:visible;
}

.post-tag{
	padding-top:15px;
	padding-bottom: 25px;
	display:block;
	text-align:center;
}

#left-content .post-tag p {
	color:#555;
	padding:0;
	margin:0;
	text-align:center;
}
 
.wp-caption{
	background:#F5F5F5;
	padding:5px;
	padding-top:8px;
	margin:10px;
}

.aligncenter {
	text-align:center;
}

#left-content p.wp-caption-text {
	color:##666;
}

 /*==================================================== WIDGET SPECIFIC ============================================================ */
 
#wp-calendar {
	border:1px #EDCF93 solid;
}

#right-content #calendar_wrap table {
	float:right;
	clear:both;
	text-align:right;
	margin:0 auto;
}

#right-content #calendar_wrap table caption{
	font-weight:bold;
	text-align:center;
}


#calendar_wrap table td, #calendar_wrap table th {
	padding:3px;
	text-align:center;
}

#calendar_wrap table tbody {
	/*background:#FEF9F0 ;*/
}

#calendar_wrap table tbody a {
	text-decoration:underline;
}


#calendar_wrap table th {
	background:#911616;
	color:#fff;
	border-right:1px #fff solid;
	border-left:1px #fff solid;
}



/*==================================================== COMMENT STYLE ============================================================ */

#commentform {
	border-top:1px #DADADA solid;
	margin-top:10px;
}

#left-content #comments  .comments_list ol > li {

	border-left:1px #EDCF93 solid;
	border-right:1px #EDCF93 solid;
	border-bottom:1px #EDCF93 solid;
}


#left-content #comments .comments_list .alt-comment{
	border-left:1px #911616 solid;
	border-right:1px #911616 solid;
	border-bottom:1px #911616 solid;
}

#left-content .comments_list ol {
	list-style:decimal;
}

#left-content .comments_list ol li {
	margin-top:10px;
}

.comments_author {
	border-bottom:1px #EDCF93 solid;
	color:#111;
	padding-left:10px;
	padding-top:5px;
}

.alt-comment .comments_author {
	border-bottom:1px #911616 solid;
	color:#111;
	padding-left:10px;
	padding-top:5px;
}


.comments_text {
	/*background:url(images/comment-text.png) no-repeat;*/

}

.comment-item {
	width:620px;
	
}

.comment-item p {
	background:#000099;
}

#left-content .comments_author a {
	color:#911616;
	text-decoration:none;
}

#left-content .comments_author a:hover {
	text-decoration:underline;
}	

.comments_form input[type="text"] {
	width:250px;	
}

.comments_form textarea {
	width:500px;
	height:200px;
}