/*
THEME NAME: Renaissance Painting
THEME URL: www.renaissancepainting.ca
DESCRIPTION: Custom theme for Renaissance Paining
VERSION: 0.8.5
AUTHOR: <a href="http://blog.pinkandyellow.com">Morten Rand-Hendriksen</a> of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: <a href="http://www.pinkandyellow.com">www.pinkandyellow.com</a>*/

/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ************* */
/* END CSS RESET */
/* ************* */



/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background-color: #ffffff;
	
}


/* ************* */
/* GLOBAL STYLES */
/* ************* */

/* Alignments */

.clear {
	clear:both;
}

.alignleft {
	margin: 5px 10px 5px 10px;
	float: left;
}

.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	margin: 5px 10px 5px 10px;
	float: right;
}

img.alignleft {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	padding: 5px;
	border: 1px solid #C0C0C0;
}

img.alignright {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-left: 10px;
	margin-bottom: 5px;
}

.wp-caption {
	border: 1px solid #C4C4C4;
	text-align: center;
	background-color: #ffffff; /* optional rounded corners for browsers that support it */;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top: 0px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

#content p.wp-caption-text {
	font-size: 0.8em;
	color: #999999;
	padding-bottom: 10px;
	margin-top: 5px;
	text-align: center;
}






/* END Alignments */








/* Styles the individual page titles */
#newsletter {
	margin-right: 18px;
	text-align: center;
	background-color: #2C2C2C;
	padding: 5px 10px 7px 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	position: absolute;
	top: 0px;
	right: 0px;
}
#newsletter a {
	margin: 0px;
	font-weight: normal;
	font-size: 0.7em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
#newsletter a:hover {
	color: #FFFFFF;
}
h2 {
	color: #330000;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 0.1em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: none;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #442F1D;
	padding-top: 1em;
}

/* Styles standard text or paragraphs globally */
p {
	color: #442F1D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}

/* Sets the style for unvisited links.*/ 
a,  a:link {
	color: #D5AE38;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* Sets the style for visited links. */
a:visited {
  color: #D5AE38;
  text-decoration: none;
  font-weight: bold;
}

/* Sets the style for links on mouseover.*/ 
a:hover {
	color: #AF8D25;
}

blockquote {
	border: 1px solid #999999;
	padding: 10px;
	background-color: #F0FBFB;
}
blockquote p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.2em;
	text-align: justify;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 1em 0.5em 1em 4em;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 1em 0.5em 1em 4em;
}

/* END GLOBAL STYLES */


/* ********************** */
/* CONTAINERS AND LAYOUTS */
/* ********************** */

#BGWrap {
	background: url('images/renaissanceBG.jpg') no-repeat center top;
	min-width: 887px;
	min-height: 800px;
}

/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	width: 907px;
        height: 925px;
	margin-right: auto;
	margin-left: auto;
}

/* HEADER */

#header {
	background-position: right bottom;
	padding: 0px;
	background-image: url('images/renaissanceTopBG.png');
	height: 169px;
	top: 0px;
	background-repeat: no-repeat;
	position: relative;
}

/* MAIN NAVIGATION */

#topNavigation {
	height: 25px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ /*	border-bottom: solid 1px #666; */;
	position: absolute;
	right: 35px;
	bottom: 0px;
	display: block;
	width: 820px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	z-index: 1;
}
#topNavigation #menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	float: right;
	right: 0px;
	width: 800px;
	text-align: right;
}
#topNavigation #menu li {
	display: inline;
	font-size: 12px;
}
.page_item a {
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	height: 23px;
	display: inline-block;
	text-align: center;
	line-height: 21px;
	vertical-align: middle;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.page_item a:hover {
	color: #CC3300;
	text-decoration: none;
}
.current_page_item a {
	color: #CC3300;
}
.current_page_item a:hover {
}
/* END MAIN NAVIGATION */

/* SUB NAVIGATION (above header) */

#header #navigation {
	list-style: none;
	margin: 15px 12px 0px 0px;
	float: right;
}

#header #navigation li {
	display: inline;
	font-size: 12px;
	padding-left: 15px; 
}

#header #navigation li a {
	color: #D5AE38;
	text-decoration: none;
}

#header #navigation li a:hover {
	color: #fff;
	text-decoration: none;
}

/* END SUB NAVIGATION (above header) */


/* SITE TITLE */

#header h1 {
	height: 80px;
	padding-top: 0px;
	padding-left: -20px;
	z-index: 1000;
	position: absolute;
}

/* END SITE TITLE */

/* NEWSLETTER */

/* END NEWSLETTER */

/* PAGE CONTENT */
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#contentWrapper {
	background-image: url('images/renaissanceWhiteBG.png');
	background-repeat: repeat-y;
	margin-left: 20px;
}

#contentWrapper #content {
	padding: 0px 15px 10px 15px;
	margin: 0 20px 0 21px;
	color: #442F1D;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebarBuffer {
	padding-right: 280px;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #CCCCCC;
}

.post, .page {
	padding-top: 20px;
}

/* IMAGES */

#topImage img {
	border-width: 0px;
}

#contentWrapper #content img.right, #contentWrapper #content img[align="right"] {
	padding: 5px;
	margin: 0 0 5px 8px;
	display: inline;
	}
	
#contentWrapper #content img.left, #contentWrapper #content img[align="left"] {
	padding: 5px;
	margin: 0 8px 5px 0;
	display: inline;
	}

#contentWrapper #content img {
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
}

/* END IMAGES */

.entry-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
}
.entry-meta {
	margin-top: 0.4em;
	margin-right: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999999;
	font-size: 0.7em;
	background-color: #FFFFFF;
	padding-top: 0.1em;
	padding-right: 0em;
	padding-bottom: 0.1em;
	margin-bottom: 0.8em;
}


/* SIDEBAR */

#sidebar {
	float: right;
	width: 250px;
	margin-left: 5px;
	margin-top: 20px;
	background-color: #2C2C2C;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #FFFFFF;
}
#sidebar h3 {
	color: #CCCCCC;
	padding-top: 0px;
	margin-top: 10px;
	border-bottom-style: none;
}
#sidebar ul {
	padding: 0px;
	margin: 0px;
}

#sidebar ul li {
	
}

#sidebar ul li ul {
	
}

#sidebar ul li ul li {
	font-size: 0.7em;
	margin-left: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	margin-top: 2px;
	margin-bottom: 4px;
	color: #CCCCCC;
}
#sidebar a {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

#sidebar a:hover {
	
}

#sidebar p {
	font-size: 0.7em;
	color: #CCCCCC;
}

/* FRONT PAGE ITEMS */

#boxes {
	margin-top: 15px;
	padding-top: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	clear: both;
	margin-bottom: 10px;
}

#boxes a {
	color: #FFFFFF;
}

#boxes a:hover {
	
}

#boxes p {
	color: #333333;
	font-size: 0.8em;
}
#boxes h6 {
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}
#leftBox {
	width: 265px;
	margin-right: 5px;
	float: left;
}

#leftBox h6 {
	color: #3C1615;
}

.leftBox {
	padding: 10px 15px 15px 15px;
	border: 1px solid #3C1615;
	background-color: #CB6D6A;
	height: 300px;
}

#middleBox {
	width: 265px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

#middleBox h6 {
	color: #184856;
}

.middleBox {
	padding: 10px 15px 15px 15px;
	border: 1px solid #184856;
	background-color: #86C8DC;
	height: 300px;

}

#rightBox {
	width: 265px;
	margin-left: 5px;
	float: left;
}

#rightBox h6 {
	color: #006A00;
}

.rightBox {
	padding: 10px 15px 15px 15px;
	border: 1px solid #006A00;
	background-color: #33CC33;
	height: 300px;

}
/*
#boxes {
	margin-top: 10px;
	padding-top: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}

#boxes a {
	color: #FFFFFF;
}

#boxes a:hover {
	
}

#boxes p {
	padding: 5px;
	color: #333333;
	font-size: 0.8em;
}

#boxes h6 {
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 10px;
	font-weight: bold;
}
.leftBox {
	width: 243px;
	border: 1px solid #3C1615;
	margin-right: 5px;
	background-color: #CB6D6A;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	height: 370px;
}
.leftBox h6 {
	color: #3C1615;
}

.middleBox {
	width: 243px;
	border: 1px solid #184856;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #86C8DC;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	height: 370px;
}

.middleBox h6 {
	color: #184856;
}

.rightBox {
	width: 243px;
	border: 1px solid #006A00;
	margin-left: 5px;
	background-color: #97FF97;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	height: 370px;
}

.rightBox h6 {
	color: #006A00;
}

*/
/* END FRONT PAGE ITEMS */


/* END SIDEBAR */

/* THREADED COMMENTS */

ul.commentlist {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#content ul.commentlist p {
	font-size: 12px;
	margin-left: 52px;
}

ul.commentlist li { }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ul.commentlist li.comment div.comment-author {}
ul.commentlist li.comment div.vcard {
	font: normal 14px Arial, Helvetica, sans-serif;
}
ul.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ul.commentlist li.comment div.vcard cite.fn a.url {}
ul.commentlist li.comment div.vcard img.avatar {
	border: 5px solid #ccc;
	float: left;
	margin-right: 10px;
}
ul.commentlist li.comment div.vcard img.avatar-32 {}
ul.commentlist li.comment div.vcard img.photo {}
ul.commentlist li.comment div.vcard span.says {}
ul.commentlist li.comment div.commentmetadata {}
ul.commentlist li.comment div.comment-meta {
	font-size: 9px;
	margin-bottom: 4px;
	margin-left: 52px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-top: 2px;
}
#content ul.commentlist li.comment div.comment-meta a {
	color: #999999;
}
ul.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ul.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ul.commentlist li.comment div.reply { font-size:11px; }
ul.commentlist li.comment div.reply a { font-weight:bold; }
ul.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li.comment ul.children li {}
ul.commentlist li.comment ul.children li.alt {}
ul.commentlist li.comment ul.children li.bypostauthor {}
ul.commentlist li.comment ul.children li.byuser {}
ul.commentlist li.comment ul.children li.comment {}
ul.commentlist li.comment ul.children li.comment-author-admin {}
ul.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-5 {}
ul.commentlist li.comment ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { border-left:5px solid #111; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}


/* END THREADED COMMENTS */



#comments, #respond {
/*	border-bottom: 1px dotted #8D8D8D; */
	padding: 10px 0 5px 0;
	clear: both;
}

.commentname {
	color: #703419;
	text-transform: capitalize;
	margin-left: 50px;
}

.gravatar {
	display: inline;
}

.gravatar img {
	border: 1px solid #AAAAAA;
	padding: 5px;
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
}

.commentcount {
	font: bold 2.2em Arial, Helvetica, sans-serif;
	color: #DEDEDE;
	float: right;
}

.commentext {  
	padding: 0px 0px 0px 50px;
}

/* comment form */
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 2px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 530px;
	background: #F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	background: #F9F9F9;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
	margin-bottom: 10px;
}


/* FOOTER */

#footer {
	background-position: top;
	background-image: url('images/renaissanceBottomBG.png');
	background-repeat: no-repeat;
	height: 44px;
	margin-left: 20px;
}
.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	color: #333333;
	padding: 5px;
	margin: 0px 35px 0px 35px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}
#footer p {
	text-align: right;
	padding-right: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6B482C;
	padding-top: 10px;
	padding-bottom: 20px;
}
/* END FOOTER */