/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Outsideline Blog
	Code by: Mark Gerrard
	2010-07-16

	WIDTHS:

	COLOURS USED:
	GREY: #4F4F4F
	GREEN: #6dd21c
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
ul {margin: 0; padding: 0;}

input, select, textarea {font-size: inherit; font-family: inherit; color: inherit;}

body {background: #FFF; color: #4F4F4F; font-size: 62.5%; font-family: Helvetica, Verdana, sans-serif;}

a {color: #4F4F4F; text-decoration: none;}
a:hover {color: #6dd21c;}

#wrap {width: 975px; margin: 0 auto;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	HEADER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#header {overflow: hidden; width: 100%; background: url(images/sep.gif) repeat-x left bottom; margin-bottom: 25px;}

#header .logo {
	float: left;
	text-indent: -1000em;
	width: 39px;
	height: 39px;
	margin-bottom: 40px;
	background: url(images/ol-logo.gif) no-repeat 0 0;
}

#header h1 {
	margin-bottom: 25px;
	position: relative;
	width: 172px;
	height: 52px;
	clear: both;
	float: left;
	text-transform: uppercase;
}


#header h1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(images/blog-logo.gif) no-repeat 0 0;
}

#header h2 {
	float: right;
	font-size: 1em;
	text-transform: uppercase;
	color: #cfcfcf;
}

#header h2 strong {color: #4F4F4F;}

#header #topBar {
	overflow: hidden;
	width: 100%;
	padding: 15px 0;
	clear: both;
	background: url(images/sep.gif) repeat-x left top;
}

#header #searchform {
	float: right;
	width: 176px;
	font-size: 1.2em;
}
#header #searchform p {margin: 0 0 10px;}
#header #searchform label {display: block; text-transform: uppercase;}
#header #searchform input {height: 22px; border: 1px solid #DDD; font-size: 1em; font-family: Arial, sans-serif; color: #4F4F4F; padding: 0 4px; float: left;}
#header #searchform input.submit {border: none; height: auto;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	FOOTER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#footer {
	margin-top: 80px;
	padding-top: 20px;
	clear: both;
	background: url(images/sep.gif) repeat-x 0 0;
}

#footer #address strong {
	margin-bottom: 20px;
	padding-top: 20px;
	display: block;
	text-transform: uppercase;
	background: url(images/ol-logo-sml.gif) no-repeat 0 0;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	CONTENT
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#content {margin-right: 234px; font-size: 1.4em;}
#content p {line-height: 1.429em;}

#content h2.main {font-size: 1.286em;}

.entry .date {
	float: left;
}

.entry .date span {float: left;}

.entry .date .day {font-size: 2.286em;}
.entry .date .monthYear {margin: 0 0 0 2px; font-size: 0.786em; line-height: 1.3em;}

.entry {margin-bottom: 30px;}

.entry .body {
	padding-bottom: 35px;
	margin-left: 196px;
	background: url(images/sep.gif) repeat-x left bottom;
}

.entry h2 {margin-bottom: 0;font-size: 1.714em;}
.entry h2 a {color: #6dd21c;}
.entry h2 a:hover {color: #4F4F4F;}

.entry h3 {margin: 0 0 5px; font-size: 0.786em; font-weight: normal; line-height: 1.091em; color: #7c7c7c;}
.entry h3 a {font-weight: bold;}
.entry h4 {text-transform: uppercase; margin: 0 0 30px; font-size: 0.786em; font-weight: normal; color: #3d3d3d;}

.entry .checktext {margin-top: 20px; font-weight: bold;}
.entry .checktext a {color: #3d3d3d;}
.entry .checktext a:hover {color: #6dd21c;}

.trackbacks {list-style: none; margin: 0 0 20px; padding: 0;}

.trackbacks h3 {font-size: 1.286em; font-weight: bold;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	SIDEBAR
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#sidebar {float: right; width: 180px; font-size: 1.2em;}

#sidebar a {color: #7c7c7c; font-weight: bold;}
#sidebar a:hover {color: #6dd21c !important;}

#sidebar h2 {
	margin-bottom: 22px;
	font-size: 1em;
	text-transform: uppercase;
	color: #3d3d3d;
}

#sidebar .item {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(images/sep.gif) repeat-x left bottom;
}

#sidebar .item.last {background: none; margin-bottom: 0;}

#sidebar .item ul {list-style: none;}
#sidebar .item ul li {margin-bottom: 5px;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	SIDEBAR MODULES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#sidebar #recentcomments.item li {color: #7c7c7c; margin-bottom: 20px;}
#sidebar #recentcomments.item strong {display: block;}
#sidebar #recentcomments.item a {font-weight: normal;}


#sidebar #tagCloud li {float: left; margin: 0 5px;}
#sidebar #tagCloud .l2 {font-size: 1.167em;}
#sidebar #tagCloud .l3 {font-size: 1.167em;}



.navigation {margin-left: 196px; font-size: 0.786em; text-transform: uppercase;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	COMMENT TEMPLATE
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#commentform h3 {font-size: 1.364em;}

#commentform p {
	overflow: hidden;
}

#commentform label {
	float: left;
	width: 180px;
	margin-right: 20px;
	font-weight: bold;
}

#commentform input,
#commentform select,
#commentform textarea {
	float: left;
	width: 295px;
	border: 1px solid #DDD;
	color: #4F4F4F;
	font-family: Arial,sans-serif;
}


#commentform textarea {
	width: 500px;
}

#commentform .submit input {width: auto; border: none;}


#comment_holder {margin-left: 196px;}
#comment_holder .comment h3 {color:#4F4F4F;font-size:15px;}
#comment_holder .comment .body {margin-left: 0;}

#comment_holder .comment hr {height: 1px; background: url(images/sep.gif) repeat-x left bottom; border: none;}