/*
Theme Name: MPorcheron
Theme URI: http://mporcheron.com/
Description: The 2010 theme for MPorcheron.com
Version: 2010 A
Author: Martin Porcheron
Author URI: http://www.mporcheron.com
Tags: fixed-width, funky and so on
*/

@import "css/reset.css";

/*** OVERALL LAYOUT ***/
body {
	background: #0240A3 url(images/html.png) repeat-x;
	color: #1B202E;
	font: .9em Corbel, 'Helvetica Neu', Helvetica, Arial, 'Lucida Sans Unicode', sans-serif;
}
#container {
	background: #EEF2F9;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 2em 5% 2em 5%;
	padding: 1em;
	width: 90%;
}

/*** GENERAL FONT STYLING ***/
h1 {
	background: url(images/logo.png);
	height: 28px;
	margin: 24px 0 20px 5%;
	width: 462px;
}
	h1 a {
		display: block;
		height: 28px;
		width: 462px;
	}
h2 {
	color: #333;
	font-size: 2.5em;
	line-height: 1em;
	margin-bottom: 5px;
	letter-spacing: -1px;
}
	h2 a, h2 a:link, h2 a:visited, h2 a:active {
		color: #333;
	}
	h2 a:hover {
		color: #666;
	}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
	margin-bottom: 5px;
}
	#sidebar h3 {
		border-radius: 7px;
		-khtml-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		font-size: 1.4em;
		padding: .4em;
	}
	#topSidebar h3 {
		background-color: #B7DAEC;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		-khtml-border-top-left-radius: 0px;
		-khtml-border-bottom-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
	}
	#leftSidebar h3 {
		background-color: #76B4FE;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		-khtml-border-top-right-radius: 0px;
		-khtml-border-bottom-left-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
	}
	#rightSidebar h3 {
		background-color: #A2BEE1;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		-khtml-border-top-left-radius: 0px;
		-khtml-border-bottom-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
	}
	h3#comments {
		padding-top: 10px;
	}
h4 {
	color: #555;
	clear: left;
	font-size: 0.8em;
	margin-bottom: 2px;
}
p {
	line-height: 1.8em;
	margin-bottom: 15px;
}
a, a:link, a:visited, a:active {
	color: #3D3070;
	text-decoration: none;
}
a:hover {
	color: #5744A0;
	cursor: pointer;
}
a:active {
	text-shadow: 0 -1px 0 #fff;
}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
.alignright {
	float: right;
	margin: 0 0 10px 20px;
}
.clear {
	margin-right: 0;
}

/*** MAIN LAYOUT ***/
#search {
	margin: 0px 5% 0 0;
	float: right;
}
#main {
	margin-right: 430px;
}
#footer {
	color: #fff;
	font-size: .7em;
	margin: 2em 5% 2em 5%;
	text-align: center;
}
	#footer a {
		background: #fff;
		color: #000;
		padding: .1em;
		text-transform: uppercase;
	}
	#footer a:hover {
		background: transparent;
		color: #fff;
	}


/*** SIDEBAR ***/
#sidebar {
	float: right;
	width: 420px;
}
	#topSidebar {
		margin-bottom: 10px;
	}
	#leftSidebar {
		margin-right: .5%;
		min-width: 160px;
		width: 49%;
	}
	#rightSidebar {
		float: right;
		margin-left: .5%;
		min-width: 160px;
		width: 49%;
	}
	#sidebar div.widget {
		margin-top: 1em;
	}
	#sidebar div:first-child {
		margin-top: 0;
	}
	#sidebar ul li {
		line-height: 1.3em;
		padding: 3px 0;
	}
		#sidebar ul.children {
			margin-left: 10px;
		}
	#sidebar p {
		line-height: 1.5em;
		padding: 5px 0;
	}

/*** POSTS AND PAGES ***/
.post  {
	margin-bottom: 40px;
}
	.post:first-child {
		margin-top: 0;
	}
	.post a, .post a:link, .post a:visited, .post a:active, .post a:hover {
		font-weight: bold;
	}
	.post img, .page img, .attachment img, .wp-caption {
		width: auto;
		border: 1px solid #ccc;
		padding: 9px;
		background: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
	.post a:hover img, .post .wp-caption:hover {
		border: 1px solid #999;
	}

.wp-caption {
	padding: 9px 0 0 8px;
	margin-bottom: 15px;
}
.wp-caption img {
	margin: 0 auto;
	border: 0;
	padding: 0;
	background: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
}
	.post .wp-caption a:hover img {
		border: none;
	}
.wp-caption-text {
	font-size: .9em;
	text-align: center;
	font-style: italic;
	margin: 2px 0 5px;
}
.post .gallery img {
	padding: 4px;
}
.post blockquote {
	padding-left: 19px;
	border-left: 3px solid #ccc;
	font-style: italic;
}
.post pre {
	margin-bottom: 15px;
}
.post ul, .post ol {
	margin-bottom: 15px;
}
	.post ul li {
		list-style: disc outside;
		line-height: 1.8em;
	}
	.post ol li {
		list-style: decimal outside;
		line-height: 1.8em;
	}
.comments {
	background: url(images/comments.png) no-repeat center left;
	display: block;
	padding-left: 25px;
	}
.navigation {
	padding: 15px 0;
	margin: 15px 0;
}
	.navComments {
		padding: 15px 0;
		margin: 0 0 15px 0;
	}
.pagination {
	margin-left: -160px;
}
	.pagination span {
		display: block;
		width: 140px;
		float: left;
		margin-right: 20px;
		text-align: right;
	}


/*** COMMENTS ***/
#comments {
	margin-left: 40px;
}
	.comment {
		background: #f8f8f8;
		border: 1px solid #e8e8e8;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		margin: 10px 0 0 40px;
		padding: 20px;
		width: 500px;
	}
	.comment p, .pingback p, .trackback p {
		display: inline;
	}
	.comment .fn {
		font-size: 1.2em;
		font-weight: bold;
	}
	.comment .says {
		color: #222;
		font-size: 1.1em;
		font-style: italic;
	}
	.comment-meta, .comment-meta a {
		color: #999;
		font-size: 0.9em;
	}
	.avatar {
		float: right;
		margin: 0 0 10px 20px;
		border: 1px solid #ccc;
		padding: 4px;
		background: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
#respond {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-left: 40px;
	padding: 20px;
	width: 500px;
}
#commentform textarea {
	background: #eee;
	width: 490px;
}
#commentform span {
	display: block;
    padding: 1px 2px;
    background: #fff;
}
#commentform label {
    margin-left: 10px;
}


/*** FORMS ***/
/*** THIS DELICIOUS FORM STYLING IS FROM THE SMOOTH THEME FOR WORDPRESS ***/
/*** http://wordpress.org/extend/themes/smooth ***/
input, textarea, select {
	font: 1em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color: #666;
	border: 1px solid #ccc;
	background: #fff;
	padding: 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
input:hover, textarea:hover {
	border-color: #999;
	outline: none;
}
input:focus, textarea:focus {
	border-color: #999;
	color: #3D3070;
	outline: none;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
}
input.submit {
	width: auto;
	font-weight: bold;
	background: #3D3070 url(images/gradient.png) repeat-x top left;
	color: #fff;
	border: 1px solid #3D3070;
	padding: 7px 10px;
	text-shadow: 0 -1px 0 #3D3070;
	cursor: pointer;
}
	input.submit:hover, input.submit:focus {
		background-color: #5744A0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	input.submit:active {
		padding: 8px 10px 6px;
	}
#searchform {
	margin-top: 5px;
}
	#searchform #s {
		float: left;
		width: 265px;
		height: 20px;
		padding: 5px 5px 0;
		border: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-khtml-border-top-right-radius: 0;
		-khtml-border-bottom-right-radius: 0;
	}
	#searchSubmit {
		cursor: pointer;
		width: 25px;
		height: 25px;
		padding: 0;
		border: 0;
		background: url(images/search.png) no-repeat top left;
		text-indent: -9999px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
	}
		#searchSubmit:hover, #searchSubmit:focus {
			background-position: center left;
		}
		#searchSubmit:active {
			background-position: bottom left;
		}