/*
Theme Name: Rug
Description: Original creation by Maxime Perron Caissy
Version: 1.0
Author: Maxime Perron Caissy
Tags: wood, typo
	Max 1.0
*/

/* reset.styles */
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;}
body {line-height:1.5;color:#7b715e; font-size: 10pt; font-family: arial, sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr{border:0;border-bottom: 1px dotted #E3DCCF}
em{font-style: italic;}

/* clearfix */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

:focus {outline: 0;}

body{background: url(./images/bg.gif) repeat; }

#container{width: 860px;margin:auto;}
#header{background: url(./images/bgb.gif) repeat; padding:0; margin:0; }
#content{background:#FFF url(./images/header_separator.gif) no-repeat top; padding-top: 80px;}
#footer{background: url(./images/bgb.gif) repeat; padding:0; margin:0; }
#footer-separator{background: url(./images/footer_separator.gif) no-repeat;padding-bottom:20px;height:34px;display:block;width:860px;}
#footer-message{text-align: right;}
#footer-message h3{color: #7F735F;}
#footer-message em{color:#fff;}
#footer-message a{font-weight: normal;} 
#footer #copyright{margin: 60px 0 30px 0;}
/* *************************************************************** /
	H E A D E R
 **************************************************************** */
#rssfeed{float: right; margin-right: 70px; display: block;}
#nav{padding-top: 40px; margin-bottom: 50px;height: 32px;}
#nav ul{
	width: 394px; height: 32px;
	float:left;
	background: url(./images/nav.gif) no-repeat 0 0;
	list-style-type:none;
	overflow: hidden;
	position: absolute;
	}
#nav li a{
	display: block;
	position: absolute;
	height:32px;
	top: 0;	left:0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(./images/nav.gif) no-repeat 0 0;
	}
/* normal */
#nav li#art a{left: 0px; width: 129px; background-position: 0 0;}
#nav li#abo a{left: 129px; width: 128px; background-position: -129px 0;}
#nav li#con a{left: 257px; width: 137px; background-position: -257px 0;}
/* hover */
#nav li#art a:hover{background-position: 0 -64px;}
#nav li#abo a:hover{background-position: -129px -64px;}
#nav li#con a:hover{background-position: -257px -64px;}
/* selected */
.arts #nav li#art a, .phos #nav li#art a:hover{background-position: 0 -32px;}
.abos #nav li#abo a, .webs #nav li#abo a:hover{background-position: -129px -32px;}
.cons #nav li#con a, .cons #nav li#con a:hover{background-position: -257px -32px;}

#header h1{
	background: url(./images/heading_mpc.gif) no-repeat;
	text-indent: -9999px;
	width: 860px; height:128px;
	display: block;
	padding-bottom: 30px;
	}
	
/* *************************************************************** /
	C O N T E N T   L A Y O U T S
 **************************************************************** */
.container_4{
	margin-left:auto;
	margin-right: auto;
	width: 800px;
	}
	
.grid_1,
.grid_2,
.grid_3,
.grid_4{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_1{width: 185px;}
.grid_2{width: 390px;}
.grid_3{width: 595px;}
.grid_4{width: 800px;margin:0;}

.container_4 .suffix_1{padding-right:205px;}
.container_4 .prefix_1{padding-left:205px;}

.alpha {	margin-left: 0;}
.omega {	margin-right: 0;}


/* *************************************************************** /
	H E A D I N G S   /  T E X T  /  P A R A G R A P H S   /   L I N K S
 **************************************************************** */
p{margin-top: 1em;font-size:1.1em;}
p a:link,p a:visited{font-weight: normal;}


a:link, a:visited{color:#A0A000; text-decoration: none;}
a:hover, a:active{color:#4E4F00;}
a.strong{padding: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
a.strong:hover, a.strong:active{color:#fff; background: #A0A000;}

h1{
	font: bold 3.2em/1em arial, sans-serif; 
	color: #181001; 
	letter-spacing: -2px;
}

h2{
	font: bold 1.9em/1.2em arial, sans-serif; 
	color: #3e3729; 
	letter-spacing: -1px;
	margin-top: 1em;
}

h3{margin-top: 0.5em; font-size: 1.7em; line-height: 1.2em; font-family: georgia, serif; font-weight: normal;color:#3F3523;}
h4{margin: 2.5em 0 1em 0; font-size: 1.1em; font-weight: bold; letter-spacing:-1px; text-transform: uppercase; line-height: 1.1em; font-family: arial, sans-serif;}
h5{margin:0; padding: 3px 7px; background:#A0A000; color:#fff;  font-family: georgia, serif; font-size: 1.2em; font-weight:bold;}
.highlight{color:#ae0038;}
.strike{text-decoration: line-through;}

h1 a:link,h1 a:visited{color: #170f00; }
h1 a:hover,h1 a:active{color: #181001; }

.title{
	background: url(./images/secondary_title.gif) no-repeat 0 0; 
	font-size: 1.4em; 
	font-weight: bold; 
	color: #fff; 
	padding: 3px 0 0 15px; 
	height:62px; 
	line-height: 62px;
	}
	
ul.ul_links,
ul.ul_links ul{list-style:none;border-top: 1px dotted #E3DCCF; margin-top: 10px; margin-bottom: 50px;}
ul.ul_links li{margin:0; padding:0;}
ul.ul_links li a:link,
ul.ul_links li a:visited{padding: 7px 0; border-bottom: 1px dotted #E3DCCF; display: block; margin:0; font-weight:bold;}

/* *************************************************************** /
	P O S T S
 **************************************************************** */
.blogpost{margin-bottom: 50px;}
.blogpost .extrainfo{text-transform: uppercase; color:#a49b8c; font-size: 0.75em; margin-top: 10px; border-top: 1px dotted #e3dccf;border-bottom: 1px dotted #e3dccf;padding: 5px 0}
.blogpost h2{font-size: 1.2em;letter-spacing: 0px;}
.blogpost h1 a:hover{color: #A0A000;}
.blogpost .tweetmeme{float: right; padding: 20px 10px 0 10px;}

.pagenav{margin-bottom: 75px;}
.pagenav .button a{background:#A0A000; color:#fff;border:0; padding:3px 15px; cursor:pointer;-moz-border-radius:20px; -webkit-border-radius:20px; display: block; float: left; font-size: 1.2em;}
.pagenav .button a:hover{background: #4E4F00;}
.pagenav .right a{float:right;}

.alignleft{float: left;margin-right: 20px;}
.alignright{float: right;margin-left: 20px;}
.wp-caption{margin-top: 20px; padding: 5px; border: 3px solid #CFCBC2 ; background: #CFCBC2 ; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.wp-caption p{margin:0; font-size: 0.8em;}
.photo-caption{background: #000; color: #fff; padding: 15px; margin-top:-6px;}

#respond{margin-bottom: 75px;}

.aboutme{margin-top: 20px;}
.aboutme p{font-size:0.9em;  font-family: georgia, serif;}

.high-resolution{margin-top:10px;display:block;}
.high-resolution-small{display: block;float: left; margin-left: 20px;}
.high-res-first{margin-left:0;}
.hiresoverlay{position:absolute;margin-left:-5px;margin-top:-5px;z-index:1;}

div.ingredients{float: right; margin:0 0 20px 20px;width: 250px;}
div.ingredients ul{list-style:none;margin-top: 1em; padding-right: 20px; border-bottom: 1px dashed #E3DCCF;}
div.ingredients li{border-top: 1px dashed #E3DCCF; padding: 4px 8px;}

/* *************************************************************** /
	F O R M S
 **************************************************************** */
input.text,
textarea{padding: 3px 0; width: 100%;}
label{text-transform: uppercase; font-size: 0.70em;}
label.block{display: block;}
.send{background:#A0A000; color:#fff;border:0; padding:5px; cursor:pointer;}
.send:hover{background: #4E4F00;}

/* *************************************************************** /
	C O M M E N T S
 **************************************************************** */
.commentlist{list-style: none; border-bottom: 1px dotted #e3dccf;margin-top:1em;}
.comment{border-top: 1px dotted #e3dccf;padding: 1.5em 0 0 0; }
.authorcomment{border-top: 3px solid #A0A000;}
.comment .avatar{float: left;}
.comment-info{float:left; width: 255px; padding-bottom: 1.5em; display: block;}
.comment-info-author-and-date{float:left;margin-left: 10px;}
.comment-author{color:#3E3729;font-weight:bold;}
.comment-date{text-transform: uppercase; font-size: 0.75em;letter-spacing:2px;}
.comment-message{float:left; width: 315px; margin-left: 25px;}
.comment-message p{margin:0 0 1.5em 0;font-size: 0.9em; padding-right: 10px;}

.side_comments{list-style: none; margin-top:1em;}
.side_comments li{ border-top: 1px dotted #e3dccf;}
.side_comments .author{display: block; font-family: georgia, serif; font-style: italic; font-size: 0.75em;padding-left: 20px; color: #7B715E; padding-top: 5px;}
.side_comments a{display: block; font-size: 0.90em; font-family: georgia, serif; padding: 9px 0;}

/* *************************************************************** /
	P O P U P  BOX
 **************************************************************** */
#overlay{position: absolute; top:0; left:0; width:100%; height: 100%;background:#000;display:none; z-index:2;}
#highresbox{width: 595px; border: 10px solid #181001; margin-left: 122px; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: absolute; background: #fff;display:none;z-index:3;}
#highresbox-content{padding:30px;}
#highresbox-content h1{font-size:2.6em;}
#highresbox  #donate{list-style:none;margin:10px 0 0 0; padding:0;}
#highresbox  #donate li{float: left;  }
#highresbox  #donate li a{display: block; padding: 5px 8px 4px 9px; background: #A0A000; color:#fff; -moz-border-radius: 10px;-webkit-border-radius: 10px;margin-right: 4px; font-size: 1.2em; font-weight: bold;}
#highresbox  #donate li a:hover{background:#4E4F00;}
#highresbox p{font-family: georgia, serif; font-size:1.1em; margin-top:0.3em;}
#highresbox #download{float:left; width: 230px; margin-left: 20px;}
#highresbox a.downloadlink{-moz-border-radius: 10px;-webkit-border-radius: 10px; background: #ae0038; padding:10px; color:#fff;font-family:arial;font-size: 1.8em;font-weight: bold;text-align:center;margin-bottom: 10px;}
#highresbox a.downloadlink:hover{background:#7c0028;}
#highresbox .topmargin{margin-top: 20px;}
#highresbox #thumbnail{float:left; width: 285px;}
/* *************************************************************** /
	O T H E R
 **************************************************************** */
#misterybox a:link, #misterybox a:visited{width: 50px; height: 50px;position: fixed; left:0; bottom:0;}