/*   
Theme Name: Anaframe
Theme URI: http://www.anaframe.net
Description: Custom WordPress theme for anaframe.net, the portfolio of Molly Gallegos.
Author: David Hilgier
Author URI: http://theviale.net
Version: 1.0
.
*/


/* HTML & BODY TAGS */
html, body {
	height:100%;
}
* {
	margin:0;
	padding:0;
	border:none;
}
body {
	background: #e5e5e5 url(img/bodybg.png) repeat-x scroll 0 0;
	text-align:center;
	color:#A29F9E;
	font-family:Georgia, serif;
	font-size:1em;
}





/* CONTAINER */
/* div containing main content area */
div#container {
	width:975px;
	text-align:left;
	margin: 0 auto;
}
/* header, including navigation */
div#header {
	margin:50px 0 0 30px;
}
/* content area div */
div#contentWrapper {
	width:975px;
	margin:50px 0 0 0;
	border-top: 2px #837f7e solid;
	background: #FFFFFF url(img/contentbg.png) repeat-y scroll 0 0;
}
/* content */
div#content {
	margin:-70px 45px 0 45px;
	width:885px;
}




/* NAVIGATION */
/* MAIN NAVIGATION */
div#nav {
	height:30px;
	margin:50px 0 0 15px;
}
ul#navItems li {
	display:block;
	float:left;
	list-style:none;
	margin:0 15px 0 0;
}
ul#navItems li a {
	display:block;
	height:30px;
	width:165px;
	background:transparent url(img/navigation.png) no-repeat 0 0;
	text-indent:-9000px;
	border:none;
	outline:none;
}
ul#navItems li a:hover {
	background-position:0 -30px;
}

/* Statement */
ul#navItems li.page-item-46 a {
	background-position:-180px 0;
}
ul#navItems li.page-item-46 a:hover {
	background-position:-180px -30px;
}
/* Biography */
ul#navItems li.page-item-45 a {
	background-position:-360px 0;
}
ul#navItems li.page-item-45 a:hover {
	background-position:-360px -30px;
}
/* Connect*/
ul#navItems li.page-item-47 a {
	background-position:-540px 0;
}
ul#navItems li.page-item-47 a:hover {
	background-position:-540px -30px;
}
/* RSS */
ul#navItems li.navItemRss a {
	background-position:-720px 0;
}
ul#navItems li.navItemRss a:hover {
	background-position:-720px -30px;
}
/*current page */




/* IMAGES */
/* gallery info */
div.imageinfo {
	width:525px;
	background: #6F6B6A url(img/galleryinfobg.png) repeat-y;
	margin:0 0 24px 0;
}
/* for display of block info on single image pages */
div.blocksingle {
	padding: 15px 15px 21px 15px;
}
/* gives non gallery images a border */
div#content img.contextual {
	border: 2px solid #6F6B6A;
}
div.imageinfo p {
	margin:0;
	padding:0;
}




/* CONTENT COLUMN STRUCTURE */
/* these first four column options are relative to the left side of the content column */
/* oneColumn */
div.oneColumn {
	float:left;
	width:165px;
}
/* twoColumns */
div.twoColumns {
	float:left;
	width:345px;
}
/* threeColumns */
div.threeColumns {
	float:left;
	width:525px;
}
/* fourColumns */
div.fourColumns {
	float:left;
	width:705px;
}
/* twoColumns RIGHT */
div.twoColumnsRight {
	float: right;
	text-align: right;
	width:345px;
}
/* workColumnLeft */
div.workColumnLeft {
	width:345px;
	float:left;
	margin:24px 105px 0 0;
}
/* workColumnRight */
div.workColumnRight {
	width:345px;
	float:left;
	margin:24px 0 0 0;
}
/* these columns are for color palette pages */
div.colorpaletteleft{
	float: left;
	width: 105px;
	margin:0;
}
div.colorpalettecenter{
	float: left;
	width: 525px;
	margin:0 0 0 15px;
}
div.colorpaletteright{
	float: left;
	width: 240px;
	margin:0;
}
div.colorpaletteleft img {
	margin:0 0 15px 0;
}
div.colorpaletteright img {
	float: left;
	margin: 0 0 15px 15px;
}




/* FOOTER */
/* pseudo footer which starts skyline graphic */
div#pseudoFooter {
	margin:0 auto -30px auto;
	text-align:center;
	width:975px;
	height:248px;
	background:transparent url(img/footerpseudo.png) no-repeat 0 0;
}
/* part of the footer that contains repeated skyline & decorative circles */
div#footerBanner {
	height:70px;
	text-align:center;
	background:transparent url(img/footerrepeattop.png) repeat 0 0;
}
/* container for the part of the footer that contains content (repeating lines ) */
div#footerContainer {
	color:#d0cfce;
	text-align:center;
	background: transparent url(img/footerrepeatbtm.png) repeat 0 0;
}
/*wrapper for footer content */
div#footerWrapper {
	width:975px;
	text-align:left;
	margin:0 auto;
	padding-bottom:60px;
}
/* left side of footer */
div#footerContentLeft {
	float:left;
	width:345px;
	margin:36px 0 0 45px;
}
/* right side of footer */
div#footerContentRight {
	text-align:right;
	float:right;
	width:435px;
	margin:36px 45px 0 0;
}
/* footer search */
div#footerSearch {
	margin:0 0 30px 0;
}
/* footer navigation */
ul#footerNavItems li {
	display:block;
	float:right;
	list-style:none;
}





/* SEARCH FIELDS */
/* footer search */
form#footersearch {
	width:263px;
	height:30px;
	background: #757070 none repeat scroll 0 0;
	float: right;
}

form#footersearch .searchinput {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	float:  left;
	margin: 0;
	padding:9px 10px 8px 10px;
	width:210px;
	height: 14px;
	font-family:Helvetica, Arial, sans-serif;
	color: #e0dfdf;
	font-size: .75em;
}

form#footersearch #searchbtn {
	background:transparent url(img/footersearchbtn.gif) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	float:right;
	height:30px;
	width:31px;
}

/* body search */
form#bodysearch {
	width:345px;
	height:45px;
	margin:24px 0 0 0;
	background: #ebeaeb none repeat scroll 0 0;
	float: left;
}

form#bodysearch .searchinput {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	float:  left;
	margin: 0;
	padding:11px 10px 0 10px;
	width:270px;
	height: 30px;
	font-family:Georgia, serif;
	color: #837F7E;
	font-size:1.1em;
}

form#bodysearch #searchbtn2 {
	background:transparent url(img/bodysearchbtn.png) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	float:right;
	height:45px;
	width:46px;
}