/*
Theme Name: Rob Lee
Theme URI: http://designbyroblee.com
Description: Custom theme for Design by Rob Lee
Version: 1
Author: Rob Lee
Author URI: http://designbyroblee.com
*/

* {
	margin: 0;
	padding: 0;
}
html, body, #wrapper {
	height: 100%;
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}
body {
	background: #EEEEEE;
	font-size: 62.5%;
	color: #595959;
}
#wrapper {
	width: 1110px;
	margin: 0 auto;
	background: url(images/drop_shadow.gif) top center repeat-y;
}
#sidebar {
	width: 220px;
	margin: 0 0 0 20px;
	float: left;
	padding: 0 0 20px 0;
}
#main {
	width: 910px;
	padding: 0 100px;
	padding-bottom: 200px;
	overflow: auto;
	background: url(images/bg_illustration.png) no-repeat;
}
#content {
	width: 630px;
	margin: 0 20px 0 20px;
	float: right;
}
#mainNav {
	height: 30px;
	margin: 0 -20px 20px 0;
	padding: 5px 20px 0 0;
	float: right;
	text-align: right;
	background: #f4cb4e;
	width: 630px;
}
#footer {
	height: 200px;
	width: 100%;
	background: #404040;
	color: #FFFFFF;
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	clear:both;
}
#footerContent {
	width: 870px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
}
h2 {
	font-size: 2.4em;
	font-style: italic;
	font-weight: normal;
	padding: 0 0 5px 0;
}
h1#logo {
	width: 190px;
	height: 250px;
	text-indent: -9999px;
	background: url(images/roblee_logo.jpg) top left no-repeat;
	float: left;
	cursor: pointer;
	display: block;
}
h2#services {
	font-size: 2.2em;
	font-weight: normal;
	padding: 0 0 5px 0;
	text-decoration: underline;
}
#sidebar h2 {
	font-style: normal;
	margin: 10px 0 0 0;
}
h2#portfolio {
	width: 400px;
	height: 60px;
	background: url(images/portfolio_title.jpg) top left no-repeat;
	display: block;
	text-indent: -9999px;
}
h2#about {
	width: 400px;
	height: 60px;
	background: url(images/about_title.jpg) top left no-repeat;
	display: block;
	text-indent: -9999px;
}
h2#contact {
	width: 400px;
	height: 60px;
	background: url(images/contact_title.jpg) top left no-repeat;
	display: block;
	text-indent: -9999px;
}
h2#blog {
	width: 400px;
	height: 60px;
	background: url(images/blog_title.jpg) top left no-repeat;
	display: block;
	text-indent: -9999px;
}

/* Lists */
ul {
	list-style: none;
}
li {
	list-style: none;
}
#mainNav ul {
	margin: 15px 0 0 0;
}
#mainNav li {
	display: inline;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 1.8em;
	padding: 0 0 0 12px;
}
ul#contactDetails {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #9E9E9E;
}
ul#services {
	font-family: Georgia, serif;
	font-size: 2em;
	font-style: italic;
	font-weight: lighter;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #9E9E9E;
}
ul#services li {
	list-style: disc inside;
}
#footerContent ul {
	padding: 0 30px 10px 0;
	float: left;
}
#footerContent ul li {
	font-size: 1.2em;
	font-family: Verdana, sans-serif;
}
#footerContent ul li ul li {
	font-size: 1em;
	font-family: Verdana, sans-serif;
}
#footerContent h2 {
	font-size: 2em;
}
#sidebar ul li ul li {
	font-size: 1.2em;
	font-family: Verdana, sans-serif;
}

/* Links */
a {
	color: #6f9ad4;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #f4cb4e;
}
#mainNav a {
	color: #FFFFFF;
	text-decoration: none;
}
#mainNav a:hover {
	color: #595959;
	text-decoration: underline;
}
#mainNav a:active {
	color: #595959;
	text-decoration: none;
}


/* Paragraphs */
p {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0 0 15px 0;
}
p.contact {
	padding-bottom: 5px;
}
.entry p {
	padding: 0 0 15px 0;
}
#footerContent p {
	float: right;
}

/* Images */
img {
	border: 1px solid #D9D9D9;
	padding: 10px;
	margin: 10px 0;
}
img.noBorder {
	padding: 0;
	border: none;
	margin: none;
}
p.postmetadata {
	float: left;
	clear: both;
	margin: 5px 0 15px 0;
}
img.imgFloatLeft {
	float: left;
	margin-right: 20px;
}

/* Posts */
#content .post { 
	padding: 0 0 50px 0;
	margin: 0 0 20px 0;
	border-bottom: dotted 1px #9E9E9E;
}
.entry {
	padding: 0 0 10px 0;
}
small {
	font-size: 1.2em;
	color: #999999;
}

/* Clear div */
#clearDiv {
	clear: both;
}

/* Add This */
.addthis_toolbox {
	margin-top: 20px;
}

/* Sticky footer stuff */
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}