/*
Theme Name: Ronald's Blog Theme
Theme URI:  http://ronkimlaw.com/blog/
Description: Theme for Ronald's Blog
Version: 1.0
Author: Ray
Author URI: http://
*/


/* reset  & typography*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
a img{border:none}
body{font-size:65%;color:#333;background:#ccc;font-family: verdana, arial, sans-serif;line-height:1.5em}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#000; font-family: georgia, serif}
h1{font-size:3em;line-height:1em;margin-bottom:0.5em}
h2{font-size:2em;margin-bottom:0.75em}
h3{font-size:1.5em;line-height:1;margin-bottom:1em}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}
h5{font-size:1em;font-weight:bold;margin-bottom:0;}
h6{font-size:1em;font-weight:bold}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}
p{margin:0 0 1.5em;line-height:1.5em}
a:focus,a:hover{color:#000;text-decoration:underline}
a{color:#710201;text-decoration:none;}
em{font-style:italic}
strong{font-weight:bold}
tt,code,pre{font:.9em 'andale mono','lucida console',monospace;line-height:1.5}
pre{padding:3em;background:#FEFEFE;border:1px solid #ddd;width:auto;height:auto;overflow:scroll;margin-bottom:3em;color:#555;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
li ul,li ol{margin:0 1.5em;margin:0}
ul,ol{margin:0 1.5em 1.5em 1.5em;margin:0}
ul{list-style-type:disc;list-style-position:inside}
ol{list-style-type:decimal}
blockquote{width:80%;font-style:italic;font-weight:bold;line-height:1.2em;letter-spacing:1px;margin:1em 0;padding:2em;color:#999;background:#fff}
hr{background:#999;color:#999;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none}
img{max-width:590px;height:auto}
/* ::-moz-selection{background:#ddd;color:#000}
::selection{background:#ddd;color:#000}
pre::-moz-selection{background:#ddd;color:#000}
pre::selection{background:#ddd;color:#000}img{width:auto;height:auto} */

.center{text-align:center}
.right{text-align:right}
.padding{padding:3em 79px 1em 79px}
.padding20{padding:20px}
.small{font-size:.9em}
.images img{width:318px;height:198px}
.no-image img{display:none}
.italic{font-style:italic}
.grey{color:#999}
.space{
	margin-bottom:3em
}

/* grid.css */

.container{width:960px;margin:0 auto;}
.module100{width:100%;float:left}
.module66{width:66%;float:left}
.module33{width:33%;float:left}
.module34{width:34%;float:left}
.module50{width:50%;float:left}
.module55{width:55%;float:left}
.module45{width:45%;float:left}
.module60{width:60%;float:left}
.module40{width:40%;float:left}
.module70{width:70%;float:left;}
.module75{width:75%;float:left;}
.module25{width:25%;float:left;}
.module20{width:20%;float:left;}
.module80{width:80%;float:left;}

/* WP default classes */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}


/* styles */

#body{float:left;background:#fff url(images/body-bg.png)}

#first-row{height:180px;background:#fff;position:relative}/*height:180px //// url('images/phone.png') no-repeat top right */

#logo img{padding-left:4.8em;position:relative;top:3.25em;}

#header{width:100%;height:232px;float:left;background-color:#666;}
	/* #header img{border-left:4.9em solid #710201} */
	#options{position:relative;right:3em}
	
#photo{width:530px;height:232px;margin-left:55px;background: #710201 url('images/ronald.jpg') no-repeat;border-left:48px solid #710201;position:relative;left:1px}

#text{height:232px;background-color:#710201}
	#text h3{color:#fff}
	#text h2{color:#fff;font-style:italic}
#articles{min-height:900px;background-color:#fff; font-size:1.2em;line-height:2}
#sidebar{min-height:900px;background-color:#E6E6E6}
	#sidebar h3,#sidebar h4{color:#710201}
	#sidebar h2{color:#710201;line-height:1.1em}
	#sidebar ul{font-size:1.2em}
	
	#sidebar li{
		list-style-type:none;
		list-style-image: url('images/bullet.png');
		padding:.5em .5em .6em .5em;
		line-height:1em;
		background:#F7F7F7;
		border-bottom:1px solid #ddd;
		padding-left: 1.5em;
		text-indent: -1em;
	}
	
	/* #sidebar li:hover{background-color:#FCEDD6} */

/* #tag-cloud a{color:#999;font-weight:bold;padding:.5em} */

#tag-cloud a{
	display:inline;
	color:#555;
	padding:.3em;
	margin: 0 .1em .2em .1em;
	display:inline-block;
	margin-bottom:.5em;
	background:#F7F7F7;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd
	}

#tag-cloud a:hover{
	background:#FCEDD6;
	color:#111;
	text-decoration:none
	}

#telephones{width:500px;position:absolute;right:10px;top:60px}