/*  

Theme Name: Blue
Theme URI: http://www.nclarson.com/
Description: A blue and grey two column WordPress theme. Unique and custom design and theme, paid for by The Vindictive Bastard. 
Author: Mathieu Allaire modified by Nick Larson
Author URI: http://www.mathieuallaire.ca
Design by: Lewis Anslie modified by Nick Larson
Designer URI: http://www.shock.in/

Notes: I made the sidebar wider by 100 pixels, that's why now there are "-wide.png" images

*/

/* ----- MY STUFF ----- */
pre {
	border:2px dotted #ccc;
	font-size:12px;
	padding:5px;
	margin:0 15px 15px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

blockquote {
	border:2px dotted #ccc;
	font-size:12px;
	padding:5px;
	margin:0 15px 15px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.edit {
	float:right;
}

#memberbar a:link, #memberbar a:visited {
	color: white;
	font-size: 14px;
display: inline;
}

/* ----- GENERAL ----- */
body {
background-color:#e9e9e9;
font-family:arial, trebuchet ms, arial, sans-serif;
font-size:12px;
text-align:center;
color:#6c6c6c;
}

* {
margin:0;
padding:0;
}

a {
overflow:hidden;
}

a:hover {
	text-decoration: none;
}

img {
border:0;
vertical-align:bottom;
}

input {
vertical-align:middle;
}

.clear {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#container {
width:1000px;
position:relative;
margin:0 auto;
text-align:left;
background-color:#fff;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
}

/* ----- HEADER ----- */
div#header {
background:#fff url(images/header-bg-blue.png) repeat-x;
height:233px;
border-bottom:1px solid #cecece;
}

div#header h1 {
text-indent:-9999px;
background:transparent url(images/logo.png) no-repeat;
width:375px;
height:67px;
float:left;
margin:61px 0 0 30px;
display:inline;
}

div#header ul {
clear:both;
list-style:none;
}

div#header ul li {
float:left;
text-align:center;
margin-top:68px;
margin-left:1px;
}

div#header ul li a {
color:#485f77;
font-weight:bold;
display:block;
width:101px;
height:28px;
padding-top:12px;
text-decoration: none;
}

div#header ul li a:hover {
	background:transparent url(images/link-hover.png) no-repeat;
}

.current_page_item {
	background:transparent url(images/link-hover.png) no-repeat;
}

/* ----- CONTENT ----- */
div#content {
	width: 640px;
	float: left;
}

div.post_wrap {
background-color:#6c6c6c;
position:relative;
margin:15px 0 0 15px;
padding:5px 0 0;
}

div.post_date {
background:transparent url(images/date-bg.png) no-repeat;
width:64px;
height:58px;
text-align:center;
color:#fff;
padding-top: 2px;
font-size:15px;
font-weight:bold;
position:absolute;
top:10px;
left:-64px;
}

div.post_date span {
color:#c2c2c2;
display:block;
font-size:12px;
text-transform:uppercase;
font-weight: bold;
}

div.post {
background:#fff url(images/post-bg.png) repeat-x bottom left;
margin:0 auto;
padding:10px;
border:3px solid #838383;
}

div.post h3 {
padding:5px 0 15px;
font-size:19px;
font-weight:none;
}

div.post h3 a {
color:#485f77;
font-size:22px;
font-weight: bold;
text-decoration: none;
}

div.post a:link,div.post a:visited,div.post a:hover {
color:#485f77;
}

div.post p {
line-height:22px;
padding-bottom:15px;
}

div.post ol li {
margin:0 0 0 30px;
list-style:decimal inside;
}

div.post ul li {
margin:0 0 0 30px;
}

ul.post_options {
list-style:none;
background:transparent url(images/post-options-bg.png) repeat-x;
height:49px;
padding-left:10px;
}

ul.post_options li {
float:left;
padding-top:13px;
}

li.coffee_icon {
padding-left:25px;
}

li.comments_icon {
padding-left:25px;
}

ul.post_options img {
float:left;
margin-right:6px;
}

ul.post_options li a {
color:#fff;
}

div#post_nav {
margin:20px 0 0 20px;
padding-bottom:10px;
}

div#post_nav a {
color:#485f77;
font-weight:bold;
}

/* ----- SIDEBAR ----- */
div#sidebar {
	width: 350px;
	margin: -225px 0px 0 0;
	float: right;
}

form#search {
background:transparent url(images/search-bg-wide.png) no-repeat;
width:328px;
height:92px;
padding:20px 0 0 15px;
}

form#search p {
font-weight:bold;
color:#485f77;
margin-bottom:10px;
}

form#search div {
float:left;
}

input#search_input {
background:transparent url(images/search-input-wide.png) no-repeat;
width:233px;
height:26px;
border:0;
padding:8px 0px 0 4px;
color:#8c8c8c;
font-family:arial;
font-size: 14px;
}

#sidebox p,#sidebox div {
line-height:18px;
}

.sidebox_holder {
width:342px;
}

.sidebox_holder h2 {
background:transparent url(images/sidebox-top.png) repeat-x;
width:332px;
height:33px;
color:#fff;
font-size:14px;
text-transform:uppercase;
padding:19px 0 0 10px;
}

div.sidebox_bottom {
background:transparent url(images/sidebox-bottom-wide.png) no-repeat;
width:342px;
height:38px;
margin-top:0;
}

div.sidebox_content {
background:#fff;
margin:0 auto;
border-left: 3px SOLID #6c6c6c;
border-right: 3px SOLID #6c6c6c;
padding: 10px 8px 0px 8px;
}

div.sidebox_content p {
}

div.sidebox_content div {
}

div.sidebox_content a {
color:#485f77;
line-height:20px;
}

div.sidebox_content ul li {
list-style:none;
}

a.read_more {
color:#122d7c;
display:block;
font-size:15px;
font-weight:bold;
position:absolute;
bottom:40px;
left:20px;
}

ul#side_infos {
list-style:none;
margin-top:20px;
}

ul#side_infos li {
margin-top:12px;
}

/* ----- FOOTER ----- */
div#footer {
clear:both;
background:transparent url(images/footer-bg.png) repeat-x;
height:200px;
}

a#powered_wp {
text-indent:-9999px;
float:left;
display:block;
background:transparent url(images/powered-wp.png) no-repeat;
width:165px;
height:81px;
margin:100px 0 0 10px;
}

div#footer p {
float:right;
margin:140px 10px 0 0;
color:#fff;
}

div#footer p a {
color:#fff;
}

/* ----- MISC STYLES ----- */
.more-link {
color:#477858;
font-size:15px;
}

.results {
color:#477858;
font-size:17px;
margin:10px 0 -5px 20px;
}

#commentform {
margin:10px 0 0 15px;
}

#commentform p {
margin:5px 0 0;
}

#respond {
margin:40px 0 0 15px;
}

ol.commentlist {
margin:20px 0 0 30px;
}

ol.commentlist li {
margin-top:25px;
}

ol.commentlist a,cite {
color:#477858;
font-weight:bold;
}

ol.commentlist li p {
margin-top:5px;
}

h3#comments {
margin:20px 0 0 15px;
}

.commentmetadata a {
color:#6c6c6c!important;
font-weight:normal!important;
}