/*  
Theme Name: Clean Copy Right Sidebar
Author URI: http://corymiller.com
Version: 1
Author: Cory Miller
Description: Clean Copy 2 Column is a clean blue, grey and white theme designed for blog content and sharp simplicity.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
Header photo by Ville Miettinen, used with permission
*/

* html #content.narrow { width: 340px; margin: 20px 0px; }
#content.narrow { 
display: inline;
background: #ffffff;
width: 350px; 
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
float: left; 
position:relative;
padding: 0px 20px;
/*border-left: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
*/minimum-height: 500px;
overflow: hidden;
}
* html #content.wide { width: 700px; margin: 20px 0px 20px 60px; }
#content.wide { 
display: inline;
background: #ffffff;
width: 700px; 
margin-top: 20px;
margin-bottom: 20px;
margin-left: 60px;
margin-right: 0px;
float: left; 
position:relative;
padding: 0px 20px;
/*border-left: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
*/minimum-height: 500px;
overflow: hidden;
}


body {
	background: #E0E0E0;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	margin: 0px 0px 0px 0px;
	}

body * {margin: 0px; padding: 0px;}

a, a:visited { 
	color: #2397E9;
	font-weight: bold;
	text-decoration: underline;
	}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	}
#container { 
	background: #ffffff;
	width: 860px;
	text-align: left; 
	margin: 20px auto 20px auto; 
	border: 1px solid #cccccc;
	overflow: hidden;
	}



/*
#header {
background: #2397E9 url(images/header.jpg) top center no-repeat;
padding: 0px 0px 0px 0px;
height: 200px;
text-align: left;
width: 860px;
margin: 0px;
}




#header h2 {
color: #ffffff;
font-size: 30px;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
font-weight: bold;
margin: 0px;
text-indent: 35px; 
padding: 25px 0px 5px 0px;
}
#header h2 a {
color: #ffffff;
text-decoration: none;
display: block;
margin-left: -100000px;
}
<yofazza>
*/
#header {
	background: #2397E9;
	padding: 0;
	height: 176px;
	width: 860px;
	margin: 0;
}
#header h2 { margin: 0; padding: 0; }
#header img { display: block; border: none; }

#theForm {
	margin: 0;
	padding: 0 0 0 332px;
	background: #50A1E2 url(images/form-background.png) no-repeat scroll 0 0;
	border-bottom: 5px solid #888888;
	height: 224px;
}
#theForm p { margin: 0; padding: 0; text-align: right; padding-bottom: 4px; }
#theForm .container {

	width: 240px;
	padding-top: 140px;

}

#theForm strong {
	float: left;
	font-weight: normal;
	color: #FFFFFF;
}

#theForm .theField {
	border: 1px solid #005494;
	width: 140px;
	padding-top: 3px;
	pading-bottom: 3px;
}
#theForm div {
	text-align: center;
}


#theForm2 {
	padding-left: 15px;
	margin: 0;
}

/* </yofazza> */



#header h3 {

color: #ffffff;
font-size: 13px;
font-family: Georgia, Times New Roman, Sans-Serif;
text-indent: 35px; 
margin: 0px;
}

#menu { 
	background: #006699;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	border-bottom: 5px solid #888888;
	}
#menu img{
	border: none;
	}
#menu h2 {
	color: #ffffff;
	font-size: 15px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#menu ul {
	margin: 0px;
	padding: 4px;
	}
	
#menu ul li a {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	padding: 8px 20px 8px 20px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	}

#menu ul li a:hover {
	color: #ffffff;
	background: #2397E9;
	padding: 8px 20px 8px 20px;
	text-decoration: none;
	}

* html #content { width: 490px; margin: 20px 20px; }

#content { 
	display: block;
	background: #ffffff;
	width: 525px; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 5px;
	float: left; 
	position:relative;
	padding: 0px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#content p img{
	border: none;
	padding: 0px 10px 10px 0px;
	}
#content h1 {
	color: #333333;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#content h1 a  {
	color: #cccccc;
	text-decoration: underline;
	}

#content h1 a:hover {
	color: #2397E9;
	text-decoration: none;
	}

#content h2 {
	color: #333333;
	font-size: 18px;	
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	font-variant: normal;
	}
#content h2 a  {
	color: #2397E9;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #2397E9;
	background: none;
	text-decoration: underline;
	}

#content h3 {
	color: #333333;
	font-size: 14px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	}
#content h3 a  {
	color: #2397E9;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #2397E9;
	background: #ffffff;
	text-decoration: underline;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}


/* -azza */	
#content ul li {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 20px;
	background: url(images/list-bullet.gif) no-repeat scroll 8px 10px;
}
/* -azza
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
*/	
#content ul li a {
	color: #666666;
	text-decoration: underline;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
.commentlist blockquote{
background:transparent none repeat scroll 0 0 !important;
border-left:1px solid #CCCCCC !important;
color:#666666;
font-style:italic;
margin:0 0 0 25px;
padding:0 25px 0 10px !important;
width:68% !important;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

.postspace {
	width: 450px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 450px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}


#sidebar { 
	display: block;
	color: #000000;
	width: 205px;
	float: right; 
	position:top;
	margin: 1px 30px 0px 0px;
	padding: 1px 30px 20px 30px;
	text-align: left;
	border-left: 1px solid #cccccc;
	}

* html #sidebar { margin: 20px 20px 20px 10px; }

#sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}

#sidebar h2 {
	color: #333333;
	font-size: 15px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}
	
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 5px 0px;
	}
#sidebar ul li a {
	color: #2397E9;
	font-weight: bold;
	text-decoration: underline;
	}

#sidebar ul li a:hover {
	color: #2397E9;
	text-decoration: none;
	}
#sidebar ul li ul li {
	padding: 10px 0px 0px 15px;
}

#sidebar ul li ul li a {
	color: #2397E9;
}

#footer { 
color: #ffffff;
background: #000;
font-weight: bold;
padding: 25px;
margin: 0px; 
text-align: center;
clear: both;
border-top: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
	}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}




/*
** NARROW CONTENT
*/

#narrowContent {
	width: 580px;
	margin: 20px auto;
	border: 2px solid ##5583a5;
	padding: 10px;
}

#narrowContent h1 {
	font: bold 2.7em "Times New Roman", Times, serif;
	padding-top: 18px;
}

#narrowContent h2 {
	font: bold 2em "Times New Roman", Times, serif;
	padding-top: 18px;
}

#narrowContent h3 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

#narrowContent h4 {
	font: bold 1.35em "Times New Roman", Times, serif;
	padding-top: 12px;
}


#narrowContent p {
	font-size: 1.3em;
	padding-top: 20px;
}




#narrowContent ul {
	font-size: 1.3em;
	list-style: none;
	margin: 0px;
	padding: 15px 0 0px 0px;
	}

#narrowContent li {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 20px;
	background: url(images/list-bullet.gif) no-repeat scroll 8px 10px;
}

#narrowContent .moreMargin li {
	margin-top: 20px;
}

blockquote1{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content1 blockquote1 p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

#commentinsertform {
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
border:1px solid #E5E5E5;
}

#commentinsertform input {
/* background:transparent url(images/inputbg.gif) repeat-x scroll 0 0; */
border:1px solid #747474;
color:#000000;
height:17px;
padding:3px;
width:230px;
}

#commentinsertform #comment {
/* background:#FFFFFF url(images/inputbg.gif) repeat-x scroll 0 0; */
border:1px solid #747474;
}

#commentinsertform #submit {
background:#ECECEC none repeat scroll 0 0;
border:2px solid #990000;
float:right;
height:30px;
width:125px;
cursor:pointer;
margin:5px;
}

#commentinsertform #submit:hover {
border:2px solid #009900;
}

#commentinsertform .subscribe-to-comments {
clear:none !important;
height:10px;
padding-bottom:10px;
}

#commentinsertform .subscribe-to-comments #subscribe {
height:10px;
padding:0;
border:0;
background:none;
}

#commentinsertform p {
padding:10px 0 0;
}

#commentinsertform small {
font-size:15px;
color:#747474;
}

.oddComment {
background:#E5E5E5 none repeat scroll 0 0 !important;
border:1px solid #747474;
margin-top:20px !important;
padding:15px 15px 25px !important;
}

.evenComment {
background:#FFFFFF none repeat scroll 0 0 !important;
border:1px solid #ECECEC;
margin-top:20px !important;
padding:15px 15px 25px !important;
}

.avatar { 
float: right;
padding: 2px;
margin: 0;
border: 1px solid #ddd;
background: white;
}

.comment-remix-meta {
width:50%;
float:left;
position:absolute;
bottom:15px
}

.commentlist li {
position:relative;
min-height:75px;
}

.commentlist blockquote p {
margin: 0px 0px 20px 0px;
}

#mylastpostbox input {
width:auto;
margin-right:5px;
}

#content blockquote {
background:#FDFFC7 url(images/quote1.gif) no-repeat scroll 12px 7px;
border-left:medium none;
padding:30px 25px 25px 60px;
}