/*  
Theme Name: Art of the Table
Theme URI: http://artofthetable.com/
Description: A custom theme for Amy Ruis, Art of the Table
Version: 1.0
Author: Luke Robinson
Author URI: http://twitter.com/luker/

*/

/*
#E9E6D8		Background
#453751 	Purple
#F0CF7E	 	Gold
#637171		Green text link
#90946D		Olive green (visited link)
#660000		Maroon
*/


html, body {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	line-height: 150%;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color: #453751; /* Purple */
}


h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 16px 0;
	font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	line-height: 1;
	text-transform:lowercase;
}

p { font-size: 16px; margin: 16px 0; padding: 0; color: #333;}

h1, h1 a { font-size: 32px; font-weight: normal; font-family: 'Arial Rounded MT Bold'; color: #660000; /* Maroon */}
h2 { font-size: 24px; font-weight: normal; color: #333;}
h3 { font-size: 22px; font-weight: bold; color: #90946D; } /* Olive */
h4 { font-size: 20px; font-weight: bold;}
h5 { font-size: 18px; font-weight: bold;}
h6 { font-size: 18px; font-weight: bold; margin-bottom: -16px;}

h1 a:link { text-decoration: none; color: #660000; } /* Maroon */
h1 a:hover { color: #F0CF7E; } /* Gold */

b, strong { font-weight: bold; }
i, em { font-style:italic; }

hr { display: none;}

#wrap #content #navbar {
	background-color: #453751; /* Purple */
	height: 40px;
	width: 920px;
	padding: 0;
	margin: 0 0 0 20px;
}

#wrap #content #navbar .gutter {
	padding: 0;
	margin: 0 auto;
	width: 35em;
}


/* CLEAR FIX */

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

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



/* Hyperlink colors */
a { text-decoration: underline; background-color: transparent; outline: none;}
a:link { color: #637171;}		/* Link: Text green */
a:visited { color: purple;}	/* Visited: Purple */
a:hover { color: #F0CF7E;}	/* Active: Gold */
a:active, a:focus { color: #90946D; } /* Active: Olive green */

/* NAMEPLATE
   CSS: Mastery by Andy Budd
   Logo Image Replacement technique pages 235-236
   Pixy-Style Rollover technique pages 78-79
----------------------------------------------------------------------------------------- */

#logo { 
	float: left;
	display: block;
	padding: 0;
	margin: 70px 0 0 70px;
	width: 185px;
	height: 158px;
	background: transparent url('images/bg-logo.gif') no-repeat right top; /* logo */
	text-indent: -9999px; /* Move text link off-screen */
	text-decoration: none;
	border: none;
}

	#logo  a {
	display: block;
	width: 185px;
	height: 158px;
	background: transparent url('images/bg-logo.gif') no-repeat left top; /* logo */
	border: none;
	}

	#logo  a:hover {
	display: block;
	width: 185px;
	height: 158px;
	background: transparent url('images/bg-logo.gif') no-repeat right top; /* logo */
	border: none;
	}

#aott {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-image: url('images/bg-shadow.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

#accessibility { display:none;}

#wrap {
	padding: 0;
	margin: 0 auto;
	width: 960px;
}


#header {
	padding: 0;
	margin: 40px 0 0 0;
	text-align: left;
	clear: both;
	height: 278px;
	width: 100%;
	display: block;
	background: #FFFFFF url('images/bg-header.jpg') no-repeat left 20px;
	border-bottom: 20px solid #FFFFFF;
}

#content {
	text-align: left;
	background-color: transparent;
	background-image: url('images/bg-content.jpg');
	background-repeat: repeat-y;
	background-position: 50% top;
	padding: 0;
	margin:0;
}
	
	#content .gutter {
	padding: 40px 40px 0 40px;
	margin: 0;
	}



/* SIDEBAR
-------------------------------------------------------------------------- */


#sidebar {
	float: left;
	clear: left;
	width: 290px;
	margin: 0;
	padding: 0 0 28px 0;
	background-color: #E9E6D8;
}

	#sidebar h3 {
	margin: 0;
	padding: 28px 0 14px 0;
	}
	
	#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width: 250px;
	}

	#sidebar ul a {
	padding: 5px 0 5px 5px;
	margin: 0;
	display: block;
	text-decoration: none;
	}

	#sidebar ul a:hover {
	color: #453751; /* Purple */
	background: #F0CF7E; /* Gold */
	}

	#sidebar ul li {
	padding: 0;
	margin: 0;
	text-indent: 1em;
	}

	#sidebar ul.children li {
	text-indent: 3em;
	}






/* PRIMARY
-------------------------------------------------------------------------- */

#primary {
	float: right;
	width: 590px;
	clear: right;
	margin: 0;
	padding: 0 0 40px 0;
	background-color: #E9E6D8;
	line-height: 150%;
}

	#primary h1 {
	margin-top: 0;
	padding-top: 0;
	}

	#primary .postmetadata, #primary .nocomments { 
	color: #90946D;	/* Olive green */
	}


/* Align divs and images */

div.alignright {
	width:auto;
	height: auto;
	float: right;
	text-align: center;
	padding: 10px;
	margin: 0 0 20px 20px;
	background: #fff;
	border: solid 1px #ccc;
}

img.alignright {
	width:auto;
	height: auto;
	float: right;
	padding: 10px;
	margin: 0 0 20px 20px;
	background: #fff;
	border: solid 1px #ccc;
	}

div.alignleft {
	width:auto;
	height: auto;
	float: left;
	text-align: center;
	padding: 10px;
	margin: 0 20px 20px 0;
	background: #fff;
	border: solid 1px #ccc;
}

img.alignleft {
	width:auto;
	height: auto;
	float: left;
	padding: 10px;
	margin: 0 20px 20px 0;
	background: #fff;
	border: solid 1px #ccc;
	}

div.aligncenter {
	text-align: center;
	padding: 10px;
	margin: 0 auto 0 auto;
	background: #fff;
	border: solid 1px #ccc;
	overflow: hidden;
	clear: both;
}

img.aligncenter {
	padding: 10px;
	margin: 0 auto 0 auto;
	background: #fff;
	border: solid 1px #ccc;
	overflow: hidden;
	text-align: center;
	clear: both;
	}


p.wp-caption-text {
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
}

div.navigation div.alignleft, div.navigation div.alignright {
	font-size: 12px;
	padding: 0;
	margin: 10px 0;
	background: transparent;
	border: none;
}


/* SECONDARY
-------------------------------------------------------------------------- */

#secondary {
	color: #FFFFFF;
	background-color: #90946D !important; /* Olive */
	background: url('images/bg-secondary.jpg') repeat-y left top;
	margin: 0;
	padding: 0 0 20px 0;
	clear: both;
	float: left;
	width: 100%;
	line-height: 150%;
}
	
	#secondary p, #secondary a {
	color:#fff;
	}

	#secondary a:hover {
	color: #F0CF7E;	/* Gold */
	}

	#secondary h3 {
	color: #F0CF7E; /* Gold */
	font-size: 130%;
	}
	
	#secondary li {list-style: square;} /* AOTT flair */

#secondary .column1, #secondary .column2, #secondary .column3 {
	padding: 0;
	margin: 0;
	float: left;
	width: 33%;
}

	#secondary .column1 .gutter {
	padding: 0 20px 0 40px;
	margin: 0;
}

	#secondary .column2 .gutter {
	padding: 0 10px 0 10px;
	margin:0;
}

	#secondary .column3 .gutter {
	padding: 0 10px 0 10px;
	margin:0;
}

#secondary .column1 ul#social { /* Social Scene */
	padding: 0;
	margin: 0;
	}

	#secondary .column1 li.fb {
	text-indent: 20px;
	list-style-type: none;
	background: url('/images/icon-fb.gif') no-repeat left center;
	}
	
	#secondary .column1 li.twitter {
	text-indent: 20px;
	list-style-type: none;
	background: url('/images/icon-twitter.gif') no-repeat left center;
	}

	#secondary .column1 li.flickr {
	text-indent: 20px;
	list-style-type: none;
	background: url('/images/icon-flickr.gif') no-repeat left center;
	}

#secondary .column2 ul { /* Mailing list */
	padding: 0 0 1em 0;
	margin: 0;
	}

	#secondary .column2 li {
	text-indent: 20px;
	list-style-type: none;
	background: url('images/icon-email.gif') no-repeat left center;
	}

	#gallery ul.flickr {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: normal;
	}

	#gallery ul.flickr li {
	display: inline;
	line-height: normal;
	padding: 0;
	margin: 0;
	}

	#gallery ul.flickr img {
	padding: 2px 3px 3px 2px;
	margin: 5px;
	background: #fff;
	border-top: #ccc solid 1px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	border-left: #ccc solid 1px;
	}

	#gallery ul.flickr a:hover img {
	background: #F0CF7E;	/* Gold */
	}


/* FOOTER */

#footer {
	margin: 0;
	clear: both;
	width: 100%;
	padding: 20px 0 0 0;
	color: #FFFFFF;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

	#footer .column1 {
	padding: 0;
	margin: 0;
	width: 40%;
	float: left;
	text-align: left;
	}

	#footer .column2 {
	padding: 0;
	margin: 0;
	width: 60%;
	float: right;
	text-align: right;
	}

	#footer a {
	color: #FFFFFF;
	}

	#footer ul {
	margin: 0;
	list-style-type: none;
	}

	#footer ul li { 
	display: inline;
	padding-left: 1em;
	}

	#footer ul li a img { /* RSS icon*/
	position: relative; 
	top: 2px;
	}

	#footer a {
	color: #fff;
	}

	#footer a:hover {
	color: #F0CF7E;	/* Gold */
	}