/*  
Theme Name: Clr Theme
Theme URI: http://www.georgezamfir.com/
Description: Simple, clear, widgets ready theme with a clean design, fixed sidebar width and two columns
Version: 1.0
Author: George Zamfir
Author URI: http://www.georgezamfir.com/
Tags: light, white, clear, right-sidebar
*/

/* ------------------------------------- RESET STYLESHEET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body{ font-family: Verdana, Arial, sans-serif; font-weight: 300; vertical-align: top;}
#wrapper{ margin: 10px auto 10px auto; width: 1000px; color: #151A1E;}

/* ------------------------------------- ELEMENTS */
h1 {font: Verdana, Arial, Helvetica, Georgia, Sans-serif; font-size: 1.5em; padding: 0 0 10px 0; color: #FFF;}
a {color: #336699; }
a:hover {color: #ff0000; }
a img { border: 0; }
blockquote {margin: 0 0 0 15px; font-style: italic; font-size: 105%; line-height: 115%;}
b {font-size: 110%;}
h2 {font-size: 1.3em;	/* font-size: 24px; */}
.txt_box { background-color: #FFF; border: #999 1px solid;}

/* ------------------------------------- HEADER */
#header{ 
	width: 100%;
	height: 120px;
	background: #FFF url(http://www.georgezamfir.com/shared/images/header.jpg) top center no-repeat; 
	display: block;
	
	/* rounded top corners */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
}

#header h1 a { color: #FFF; }
#header h1 a:hover { border-bottom: #EF4F01 solid; }

#header #right_side {float: right; width: 240px; text-align: center; padding-top: 5px;}
#header #right_side a { color: none; }
#header #right_side a:hover { color: #333; border-bottom: #EF4F01 solid;}

#header #left_side { float: left; width: 480px; text-align: left; font-size: 110%; color: #fff; padding: 10px 0px 10px 10px;}

/* ------------------------------------- CONTENT */
#content{
	width: 749px;
	margin-right: 240px;
	overflow: hidden;
	float: left;
	padding: 10px 10px 10px 0;	
	background: url(http://www.georgezamfir.com/shared/images/shadow.png) no-repeat top center;
}

.post{ padding-bottom: 5px; margin: 15px 0; background: url(http://www.georgezamfir.com/shared/images/shadow.png) no-repeat bottom center;}

p.postmetadata{ margin: 5px 0 15px 0; font-size: 0.70em; color: #999; }

.entry{ font-size: 0.80em; line-height: 1.15em; /* 20px */ }
.entry p {padding-bottom: 10px;}
.entry ul, .entry ol {line-height: 1em;}
.entry ul {padding: 0 0 12px 30px;}
.entry ul li {list-style: circle; padding: 5px 0;}
.entry ol {padding-left: 37px;}
.entry ol li {list-style: decimal; padding: 5px 0;}
.entry a {text-decoration: underline;}
.entry a:hover {text-decoration: none;}

.attachment {text-align: center; padding: 10px 0;}

.navigation{
	text-transform: uppercase; letter-spacing: 1px; clear: both; font-size: 14px; 
	font-weight: bolder; line-height: 16px; display: inline; color:#666;
}

/* ------------------------------------- SIDEBAR */
.sidebar {float: left; width: 240px; margin-left: -240px; padding-top: 10px; border-left: #CCC 1px solid; color: #666;}
.sidebar ul {list-style-type: none;}
.sidebar ul li {padding: 4px 0 0 5px; font-size: 95%; line-height: 1.1em;}
.sidebar ul li h2 {font-size: 1.2em; border-bottom: 1px solid #CCC; margin: 10px 0 8px 0; color: #333;}
.sidebar a {text-decoration:none; font-size: 0.85em;}
.sidebar a:hover {text-decoration:none; border-bottom: #EF4F01 1px solid;}

/* ------------------------------------- FOOTER */
#footer{
	
	/* rounded bottom corners */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	clear: both;	
	width: 100%;
	border-top: #999 1px solid; margin-top: w0px;
	padding: 10px 0 10px 0;
	background: #FFF;
	text-align: center;
}

#footer p{
	font: #151A1E;
}

/* ------------------------------------- SUBFOOTER WIDGETS */
#subfooter {
clear:both;
width: 100%;
height:300px;
background-color: #333333;
}

#subfooter .widget {
width:366px;
height:300px;
float:left;
}

#subfooter .widget .inner {
padding:10px;
}

#subfooter li {
list-style-type: none;
list-style-image: none;
}

#subfooter li ul {
padding-left:0px;
font-size:12px;
}

#subfooter a {
padding:5px;
width:90%;
text-decoration:none;
clear:both;
display:block;
}

#subfooter a:hover {
background-color:#1a6198;
color:#FFFFFF;
}

/* ------------------------------------- COMMENTS */
.comments-template{
	margin: -5px 0;
	padding: 0;
}

.comments-template ol{
	margin: 10px 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 20px 0;
	line-height: 18px;
	padding: 5px 0 2px 0;
	border-bottom: 1px dotted #666;
	font-size: 95%;
}

.comments-template h2, .comments-template h3{
	font-size: 20px;
	color: #333;
}

.commentmetadata{
	padding: 5px 0 3px 0;
	font-size: 10px;
	color: #999;
}

.comments-template p.nocomments{
	padding: 0;
}

.alt{background-color: #D2DEEC;}

.txtField{padding: 2px 2px 2px 0; color: #666; border: 1px solid #999; width: 274px;}
.txtField:hover, .txtField:focus, .txtField:active {color: #000; border-color: #ff0000;}
.txtArea{padding: 5px; color: #000; border: 1px solid #999; width: 98%; height: 140px;}
.txtArea:hover, .txtField:focus, .txtField:active {border-color: #ff0000;}

/* ------------------------------------- ALIGNMENT */
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left; }
.alignright { float: right; }