/*
Theme Name: Jessica Atchley Theme
Description: Wordpress theme for Jessica Atchley by <a href="http://altVisions.com">alt Visions</a>. Credit to <a href="http://elliotjaystocks.com">Elliot Stocks</a> for the Starkers css reset.
Author: alt Visions, Patrick Hill
Author URL: http://altVisions.com
Credit to http://elliotjaystocks.com for the css reset
*/







/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */




/* TYPOGRAPHY */
/* ----------------------------------------- */

 


body {
                             font-family: Futura Medium, Century Gothic, AppleGothic, sans-serif;
							 color: white;							 
}


/*
MAIN CONTENT
*/

p { 
                         margin-bottom: 10px;
}

#main-col h2 {
						font-size: 1.5em;
						margin-bottom: 0px;
}

.post h3 a{ 
						 font-size: 1em;						 
}

.single-post h3 { 
                         color: white;
						 font-size: 1.4em;						 
}

.post h3 a:hover{ 
                         color: white;						 					 
}

.post-date {
                         font-size: .6em;						 
}

#main-col h1 {
						font-size: 2em;
						margin-bottom: 10px;
						margin-left: -25px;
						text-align: center;
						height: 50px;
}



#archive-header h1 {
						font-size: 1.5em;
						margin-bottom: 10px;
						margin-left: -20px;
						text-align: center;
						height: 50px;
}

#custom-main-col h1{
						font-size: 2em;
}

#custom-main-col h2  {
						font-size: 1.5em;						
}

/*
HEADER
*/

#top-bar {
                         color: white;						
}

#top-bar p {
                         color: #768bf5;
}




/*
LINKS
*/

:link { color:#7ae4ff; text-decoration: none;}  /* for unvisited links */
:visited { color:#7ae4ff; text-decoration: none; } /* for visited links */
a:active { color:#6666FF } /* when link is clicked */
a:hover { color: white} /* when mouse is over link */




/* LAYOUT */
/* ----------------------------------------- */

/*
Color Scheme:
#5f5f5f - site background
#7ae4ff - links
#585858 - main column background
#363636 - text background
*/


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/*
UTILITY
*/

.floatLeft {              float: left;
}

.floatRight {             float: right;
}

.clear {                  clear: both;
}

.button  {
                         border: 1px solid #272727;
						 background: white;
						 padding: 1px 5px;
						 -moz-border-radius: 5px;
						 -webkit-border-radius: 5px;
						 color: #272727;
}

.button:hover {
                         background: #cccccc;
						 color: black;
}
						 

						 

/*
STRUCTURE
*/

html {
						background: #5f5f5f url('images/page-background.jpg') repeat-x top center;
}

body {
                         background: url('images/page-shadow.png') repeat-y top center;
}

#page-wrap {
                         width: 800px;
						 margin: 0px auto;
						background: #585858 url('images/banner-shadow') repeat-x 0px 0px;
}



#author, #email, #url, #comment, #submit {
                         margin-top: 10px;
}

#url { 
                         margin-bottom: 10px;
}

.post-nav li {
                         display: inline;
						 float: right;
						 vertical-align: middle;
						 margin-bottom: 10px;
						 padding-bottom: 10px;
}

.navigation {
						display: block;
						text-align: center;
						margin: 10px 10px 30px 0px;
						padding: 0px 20px 10px 0px;						
}
	
.navigation a {
	                     border: 1px solid #272727;
						 background: white;
						 padding: 5px 5px 1px 5px;
						 -moz-border-radius: 5px;
						 -webkit-border-radius: 5px;
						 color: #272727 !important;
						font-size: .8em;
}

.navigation a:hover {
						 background: #cccccc;
						 color: black;
}

#page-top {
						position: absolute;
						
						background:  url('images/page-top.jpg') no-repeat center;
						left: 0px;
						top: 0px;
						width: 100%;
						height: 54px;
}


/*
HEADER
*/



#header {
						height: 255px;
}

#header-background {
						position: absolute;
						background: #5b5b5b url('images/header-background.jpg') repeat-x 0px 0px;
						height: 255px;
						width: 880px;
						top: 0px;
						left: -40px;						
}

#logo {					
						background: url('images/logo.png') no-repeat top left;
						position: relative;
						left: -50px;
						top: 50px;
						height: 171px;						
						width: 525px;
						
}

#logo h1{
						color: black;
						text-indent: -3000px;
}


#logo p {
						padding: 0px 0px 0px 50px;
						font-size: .8em;
						margin: 75px 0px 0px 150px;
						
}

#search-bar {
                         float: right;
						 margin: 90px 40px 0px 0px;
						 width: 250px;
}

#main-nav {
                         float: right;
						 margin: 10px 20px 10px 10px;
}

#main-nav li{
                         float: left;
						 display: inline;
						 list-style: none;
} 

#main-nav li a {
                        display: block;
						text-decoration: none;	
						padding: 5px 10px 5px 0px;
}

					 
/*
MAIN CONTENT
*/



#main-col {
                        
						margin: 10px 0px 30px 30px;
						min-height: 600px;
						
}

#custom-main-col{
						margin: 30px 30px 30px 30px;
						min-height: 700px;
						 						 	
}

#single-main-col {
						 margin: 30px 0px 30px 30px;
						min-height: 300px;
						 
}

#bg-decoration{
						background: url('images/background-decoration.jpg') no-repeat top left; 
						width: 1333px;
						height: 253px;
						position: absolute;
						top: -20px;
						left: -265px;
}

#custom-main-col #bg-decoration{
						background: url('images/background-decoration.jpg') no-repeat top left; 
						width: 1333px;
						height: 253px;
						position: absolute;
						top: -48px;
						left: -295px;
}

#archive-bg-decoration{
						background: url('images/background-decoration.jpg') no-repeat top left; 
						width: 1333px;
						height: 253px;
						position: absolute;
						top: -28px;
						left: -265px;
}

#posts-bg-decoration{
						background: url('images/background-decoration.jpg') no-repeat top left; 
						width: 1333px;
						height: 253px;
						position: absolute;
						top: -28px;
						left: -265px;
}

#rss {
						 float: right;
						 height: 30px;
						 text-indent: 30px;
						 margin: 50px 30px 20px 0px;
						 background-image: url(images/rss_icon.png);
						 background-position: top left;
						 background-repeat: no-repeat;						 
}

#welcome {
						margin: 30px 0px 0px -24px;
						position: relative;
						z-index: 10;
						float: left;
						background: url('images/welcome.png') no-repeat top left;
						width: 238px;
						height: 81px;
						text-indent: -3000px;					
}

#intro h3 {
						
						 padding: 30px;
						 margin: 0px 30px 30px 0px;
						 font-size: 1.1em; 
						 background: #363636 url('images/intro-border.jpg') repeat-x bottom left;
						 -moz-border-radius: 5px;
						 -webkit-border-radius: 5px;
}

#recent-art {
						background: url('images/recent-art-heading.png') no-repeat top left;
						margin: 0px 0px 0px -55px;
						width: 226px;
						height: 61px;
						text-indent: -3000px;
}

.post-header {
                         padding-bottom: 5px;
						 padding-top: 5px;
						 
}

.single-post {
						margin: 0px 30px 30px 0px;
}

.singlepost-header {

                         padding-bottom: 5px;
						 margin: 0px 0px 10px 0px;
						 padding-top: 20px;
						border-bottom: 1px solid white;
						font-size: 1.3em;
}

.single-post .post-date{
						margin-bottom: 30px !important; 
}

#custom-main-col h1{
						padding-bottom: 5px;
						 margin-bottom: 10px;
						 padding-top: 5px;
						 border-bottom: 1px solid #cccccc;
}

.archive-content #main-col {
						min-height: 700px !important;
}

#archive-header h1{
						text-align: left !important;
						padding: 30px 0px 0px 0px;
						 border-bottom: 1px solid #cccccc;
						margin: 0px 30px 30px 0px;						
}

.post h3 a{
						
						padding-bottom: 10px;

						height: 30px;
						overflow: hidden;
						
}

.post h3 {
						height: 35px;
						overflow: hidden;
}

.post-date {
                         padding-top: 0px;
						 
						 margin-bottom: 0px;
						padding-bottom: 0px;

						overflow: hidden;
}

.post {
                         width: 225px;
						 height: 290px;
						 float: left;                         
						 padding: 10px 10px 10px 0px;
						 margin-bottom: 15px;
						 margin-right: 15px;
						 overflow: hidden;						 
}

.post .content {
						width: 215px;
						height: 200px;
						overflow: hidden;
						border: 10px #363636 solid;
						background: #363636;
}

.post .content img {
						min-width: 230px;		
						min-height: 230px;				
}

#comments-list li {
						background-color: #363636;
						margin: 10px 30px 30px 0px;
						padding: 10px;
						-moz-border-radius: 5px;
						 -webkit-border-radius: 5px;
}

/*
Immage Gallery
*/

#image-gallery a{
						float: left;
						margin: 20px 20px 0px 0px;

}

#image-gallery img {
						border: 10px #363636 solid;
						max-width: 140px;
						max-height: 140px;
}






/*
WIDGETS
*/


#linksidebar {
                         width: 175px;
						 float: right;
						 background-color: #474747;
						 -moz-border-radius: 5px;
						 -webkit-border-radius: 5px;
						 padding: 15px 10px 10px 10px;
						 margin-bottom: 10px;
						 background-image: url(/images/sidebar-header.png);
						 background-position: top left;
						 background-repeat: no-repeat;						
}

#linksidebar li {
                         padding-bottom: 3px;
						 font-size: .9em;						 
}




/*
FOOTER
*/

#footer {											
						padding: 30px;
						margin-bottom: 0px;
						background-color: #404040;
}



#archive-wrap, #categories-wrap, #links-wrap {
						max-width: 140px;
						padding: 10px 20px 10px 0px;
						float: left;
						overflow: hidden;
}

#archive-wrap, #categories-wrap, #links-wrap li{
						font-size: .9em;
}

#contact-copy-container {

						max-width: 260px;
						float: right;
						padding: 0px 0px 0px 0px;:
}

#contact {
						background: #363636;
						margin-bottom: 20px;
						padding: 10px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
}



#contact li{
						font-size: .8em;
}

#copyright {						
						background: #363636;
						padding: 10px 10px 5px 10px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
}

#copyright span {

						min-height: 30px;
						float: left;
						color: #5f5f5f;
						padding: 10px 5px 0px 0px;
						font-size: .8em;
						
						
}

#copyright a {
						display: block;
						float: right;
						min-height: 30px;
						width: 131px;
						text-indent:-3000px;
						background:  url('images/altvisions-logo.jpg') no-repeat top left;
}



a:link {
						outline:none;
						border: none;
						color: #85ba92;
}
a:visited {
						outline:none;
						border: none;
						color: #85ba92;						
}
a:hover {
						outline:none;
						border: none;
						color: white;						
}
a:active {
						outline:none;
						border: none;
						color: #85ba92;
}