/**
If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
21 	159
22 	167
23 	174
24 	182
25 	189
26 	197

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {font:13px/1.231 verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * Bump up IE to get to 13px equivalent
 */

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

body {
background-color:#DFDFDF;
height:100%;
color: #222; 
margin-top:10px;
line-height:15px;
}

#wrapper {

}

.validation-advice {
padding:2px;
border:1px solid #ccc;
background-color:#fff;
color:#FF0000;
}

h1,h2,h3,h4,h5,h6 { 
margin:0;
padding:0;
line-height:14px;
}

h1,h2,h3,h4,h5,h6 { 
color: #111; 
font-family: verdana,helvetica,clean,sans-serif; 	
font-size:122%;	
}

h2,h4 {
font-size:114%;	
margin-top:20px;
margin-bottom:15px;
padding:4px;
background-color:#0097ED;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
display:inline;
line-height:40px;
background-image:url(images/bgr_slash_faint.gif);
}

h4 {
font-size:107%;	
margin-top:15px;
margin-bottom:10px;
padding:4px;
background-color:#FFFF99;
color:#666;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
display:inline;
line-height:40px;
background-image:none;
background-image:url(images/bgr_slash_faint_yellow.gif);
}


.post_title h2{
display:block;
line-height:13px;
}

h3 em,h4 em,h5 em,h6 em {
font-style:italic;
}

h3 {
font-size:107%;
}


a {
/*font-size:11px;	*/
}


ul,li {
margin:0;
padding:0;
}

ul {
padding-left:10px;			
}

p {
margin-top:10px;
margin-bottom:10px;
}

/* Navigation Strips */


/* Layout Columns  ----------------*/

#wrapper {
width:950px;
margin:10px auto;
font-size:85%;
}

#header {

}

#sidebar {
margin-top:10px;
width:120px;
float:left;
background-image:url(/wp-content/themes/leon/images/bgr_sidebar.gif);
}

#sidebar_inner {
border-left:5px solid #CEDAE2;
padding-top:100px;
padding-bottom:50px;
}

#right_bar {
width:157px;
float:left;
margin-left:3px;
margin-top:10px;
padding:5px;
background-image:url(/wp-content/themes/leon/images/bgr_right_bar_full.gif);
background-repeat:none;
padding-bottom:300px;
}

.right_bar_box {
margin-top:5px;
margin-bottom:15px;
}

.right_bar_header {
margin:0;
padding:3px;
background-color:#63D96C;
background-image:url(/wp-content/themes/leon/images/bgr_highlights.gif);
height:17px;
}

.right_bar_b_inner {
margin:0;
padding:8px 3px 10px 3px;
background-color:#FFFFFF;
border-bottom:1px solid #ccc;
opacity:0.6;
FILTER: alpha(opacity=60); 
ZOOM: 1;
}

#content {
width:645px;
float:left;
background-color:#FFFFFF;
/*background-image:url(images/bgr_footer.gif);
background-position:bottom;
background-repeat:no-repeat;*/
}

#content_inner {
background-image:url(/wp-content/themes/leon/images/bgr_main_content.gif);
background-position:top right;
background-repeat:no-repeat;
}

.pageNav {
background-image:url(/wp-content/themes/leon/images/bgr_dotted_full.gif);
padding:4px;
width:150px;
}

.pageNav p {
background-color:#FFFFCC;
padding:10px 0 10px 5px;
margin-top:0px;
margin-bottom:0px;
height:15px;
}


#footer {
padding-left:10px;
}

/* Post styles  ----------------*/

#post_wrapper {
margin-bottom:20px;
padding-right:5px;
}

.posts_content {
padding:10px;
width:520px;
}


.post_title {
background-image:url(/wp-content/themes/leon/images/bgr_dotted_full.gif);
margin-left:5px;
padding:4px;
width:467px;
float:left;
}

.post_title.page {
margin-left:-5px !important;
margin-left:0px;
width:510px
}

.post_title h2 {
background-color:#0A98EA;
background-image:url(/wp-content/themes/leon/images/bgr_title_back_post.jpg);
padding:10px 0 10px 5px;
margin-top:0px;
margin-bottom:0px;
height:15px;
}

.post_title.page h2 {
background-image:url(/wp-content/themes/leon/images/bgr_title_back_page.jpg);
}


.post_title h2 a {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:20px;
color:#5989AA;
}

.comment_line {
position:absolute;
margin-left:513px;
margin-top:-17px;
}

.comment_line.comments {
position:absolute;
margin-left:155px;
margin-top:-17px;
}


.post_details {
font-size:92%;
background-color:#e9e9e9;
width:510px;
padding:2px;
margin-top:20px;
margin-bottom:30px;
}

.post_breaker {
width:510px;
margin-top:10px;
background-image:url(/wp-content/themes/leon/images/bgr_sidebar.gif);
height:5px;
}

div.calendar {
float:left;
}


/* List styles  ----------------*/

ul {
margin:0;
padding:0;
list-style:none;
margin-bottom:10px;
}

ul, ul.standard {
	margin: 10px 0 10px 10px;
}

li, ul.standard li  {
background-image:url(images/icn_bullet.gif);
background-repeat:no-repeat;
padding-left: 15px;
background-position:0px 1px;
}

ul.footer, ul.footer li, ul#nav, ul#nav li, ul#cats, ul#cats li, ul#archive, ul#archive li, ul#feeds, ul#feeds li, ul.blogroll, ul.blogroll li, ul.calendar, ul.calendar li {
margin:0;
padding:0;
background-image:none;
}

ul#cats li, ul#archive li, ul#feeds li, ul.blogroll li {
margin:3px;
}


ul#nav {
font-family:Helvetica, sans-serif;
font-size:122%;
}

ul#nav li {
opacity:0.9;
background-image:url(/wp-content/themes/leon/images/bgr_nav.png);
width:117px;
height:23px;
margin-bottom:1px;
padding-top:2px;
padding-left:2px;
}

ul#nav li img:hover {
background-color:#FFFFFF;
background-image:none;
cursor:pointer;
}

ul#cats a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/folder_closed.gif ) 3px 2px no-repeat;
}

ul#cats a:hover {
	color:#FF6600;
	background-position: 3px -17px;	
}

ul#archive a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/archive.gif ) 3px 3px no-repeat;
}

ul#archive a:hover {
	color:#FF6600;
	background-position: 3px -16px;	
}

ul#feeds a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/feed.gif ) 3px 3px no-repeat;
}

ul#feeds a:hover {
	color:#FF6600;
	background-position: 3px -15px;	
}

ul.blogroll a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/blogroll.gif ) 3px 4px no-repeat;
}

ul.blogroll a:hover {
	color:#FF6600;
	background-position: 3px -15px;	
}

ul.calendar {
width:35px;
height:35px;
background-image:url(/wp-content/themes/leon/images/icn_calendar.gif);
font-family:Georgia, "Times New Roman", Times, serif;
}

ul.calendar li.month {
color:#FFFFFF;
padding-top:4px;
margin-left:3px;
}

ul.calendar li.day {
color:#000000;
margin-top:-3px;
margin-left:3px;
font-size:129%;
}


/* Form styles  ----------------*/

form {
margin:0;
padding:0;
}

form input {
border:1px solid #ccc;
padding:2px;
}

form input.button {
margin:3px;
}

form input.button:hover {
margin:3px;
background-color:#999;
}

form input#s {
width:140px;
}

input:focus, textarea:focus {
	background:#ffc;
}

/* Comment styles  ----------------*/

#comments {
	margin-top:25px;
	clear:both;
}

.comments_title {
background-image:url(/wp-content/themes/leon/images/bgr_dotted_full.gif);
margin-left:0px;
padding:4px 4px 4px 4px;
width:150px;
margin-bottom:10px;
}

.comments_title h3 {
background-color:#FFFF99;	
padding:3px;
}

.comment_author {
float:left;
border:1px solid #ccc;
padding:2px;
padding-bottom:3px;
margin-top:1px;
background-color:#e4e4e4;
}

.comment_author a {
color:#333333;
}

.comment_author a:hover {
color:#666666;
}

#comments dl {
	margin:0; 
	padding:5px;
	padding-left:0px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;	
	width:520px;
}

#comments dt {
clear:both;
margin-bottom:5px;
}

#comments dt a {

}

#comments dd {
clear:both;
border-bottom:2px dotted #ccc;
background-color:#DFEFFF;
margin:0;
padding:0;
margin-bottom:10px;
margin-top:-10px;
padding-top:3px;
}

#comments dd.admin {
background-color:#e4e4e4;
}

#comments p {
padding:0px 0px 0px 5px;
}

ul.calendar.comments {
margin-top:-1px;
width:24px;
height:24px;
background-image:url(/wp-content/themes/leon/images/icn_calendar_comments.gif);
font-family:Georgia, "Times New Roman", Times, serif;
float:right;
}

ul.calendar.comments li.month {
color:#999999;
padding-top:0px;
margin-left:3px;
font-size:85%;
}

ul.calendar.comments li.day {
color:#999999;
margin-left:4px;
font-size:92%;
margin-top:-6px;
}


#postComment {
	background:#ddd;
	padding:5px;
	background-image:url(/wp-content/themes/leon/images/bgr_comments.gif);
	margin-top:10px;
	width:510px;
}

#postComment label {
	width:75px;
	display:block;
	float:left;
	clear:both;
	margin:5px 0 0 0;
}

#postComment input, #postComment textarea {
	margin:5px 0 0 0;
	width:330px;
}

#postComment input {
	width:375px;
}

#postComment textarea {
	height:160px;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:90%;
}

#postComment .button {
	padding:5px;
	clear:both;
	width:100px;
	margin:10px 0 0 0;
}

span.comment_in_moderation {
background-color:#FFFFCC;
}

/* Utility styles  ----------------*/

.spacer_small { /* Used for spacing DIVs  */
clear:both;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:1px;
line-height:1px;
}

img.align {
vertical-align:middle;
}

/* Para styles  ----------------*/

blockquote {
background: transparent url(images/left_quote.gif) left top no-repeat;
margin-top:8px;
padding-left:13px;
margin-left:10px;
font-style:italic;
color:#666666;
}