/*
Theme Name: AUER
Theme URI: http://www.auerdesign.com
Description: AUER | The website of Dan Auer
Author: Dan Auer
Version: 1.0
Tags: Your mom
*/

/* |||||||||||||||||| RESET |||||||||||||||||| */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font: normal normal normal 13px/19px "Georgia", "Times", "Times New Roman", serif;
	color: #222222;
	outline: none;
	}

/* |||||||||||||||||| FORMAT |||||||||||||||||| */
	
body { min-width: 768px; background: #C3C3C3 url(http://www.auer.co/wp-content/uploads/2010/07/background.gif); text-align: center; }
.format { width: 720px; margin: 0 auto; text-align: left; }
.content { width: 100%; padding: 0 0 100px 0; display: inline; float: left; }
.inmargins { width: 700px; padding: 0 20px; }


.comingsoon { width: 240px; height: 166px; position: absolute; left: 50%; top: 50%; margin: -84px 0 0 -120px; }
.sign { float: left; display: inline; }
.email { width: 240px; height: 25px; background: url(email.gif) no-repeat center top; float: left; display: inline; text-indent: -9000px; }
	.email:hover { background: url(http://www.auer.co/wp-content/uploads/email.gif) no-repeat center bottom; }
	
	
/* |||||||||||||||||| TYPOGRAPHY |||||||||||||||||| */

h1 { font: normal normal normal 55px/58px "Georgia", "Times", "Times New Roman", serif; }
h2, h2 a { font: normal normal normal 34px/37px "Georgia", "Times", "Times New Roman", serif; }
h3 { font: normal normal normal 21px/24px "Georgia", "Times", "Times New Roman", serif; margin: 0 0 3px 0; color: #444444; }
	h3 a { font: normal normal normal 21px/24px "Georgia", "Times", "Times New Roman", serif; color: #444444; text-decoration: none; }

p { margin: 0 0 8px 0; }
	.caption, .caption a { font: normal normal normal 10px/16px "Georgia", "Times", "Times New Roman", serif; text-transform: uppercase; color: #666666; }

ul, ol { list-style: none; }

.underline { border-bottom: 1px dotted #FFFFFF; }


/* |||||||||||||||||| HEADER |||||||||||||||||| */

.header { width: 100%; height: 99px; border-bottom: 1px solid #D5D5D5; background: #222222; z-index: 10; }
	.header ul { margin: 64px 20px 0 0; list-style: none; float: right; display: inline; }
	.header ul li { display: inline; float: left; margin: 0 0 0 30px; }
	.header ul li a { height: 11px; display: inline; float: left; text-indent: -9000px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
	.header ul li a:hover { background-position: left -11px; }
	
	#menu-folio { width: 38px; background-image: url(http://www.auer.co/wp-content/uploads/menu-folio.png); }
	#menu-updates { width: 62px; background-image: url(http://www.auer.co/wp-content/uploads/menu-updates.png); }
	#menu-about { width: 47px; background-image: url(http://www.auer.co/wp-content/uploads/menu-about.png); }
	
	#page-folio #menu-folio, #page-collection #menu-folio { background-position: left bottom; }
	#page-updates #menu-updates { background-position: left bottom; }
	#page-about #menu-about { background-position: left bottom; }
	

.logo { width: 50px; height: 19px; margin: 60px 0 0 20px; position: absolute; text-indent: -9000px; background: transparent url(http://www.auer.co/wp-content/uploads/logo.png) no-repeat left top; }


/* |||||||||||||||||| TITLES |||||||||||||||||| */

.title { width: 720px; height: 18px; display: inline; float: left; text-indent: -9000px; margin: 35px 0 40px 20px; }
	#foliotitle { background: transparent url(http://www.auer.co/wp-content/uploads/2010/07/folio-title.png) no-repeat left top; }
	#abouttitle { background: transparent url(http://www.auer.co/wp-content/uploads/about-title.png) no-repeat left top; }
	#collection-type { background: transparent url(images/collection_type-title.png) no-repeat left top; }
	
.back { width: 61px; height: 23px; margin: 35px 0 0 659px; position: absolute; text-indent: -9000px; background: transparent url(http://www.auer.co/wp-content/uploads/2010/07/back.png) no-repeat left top; }


/* |||||||||||||||||| PORTFOLIO PIECE UNORDERED LISTS |||||||||||||||||| */

#one-column { width: 240px; display: inline; float: left; list-style: none; }
#two-column { width: 480px; display: inline; float: left; list-style: none; clear: both; }
#three-column { width: 720px; display: inline; float: left; list-style: none; clear: both; }

	#one-column li div { width: 239px; height: 150px; position: absolute; background-color: #222222; z-index: 10; }
	#two-column li div{ width: 239px; height: 150px; position: absolute; background-color: #FFFFFF; z-index: 10; }
	#three-column li div{ width: 239px; height: 150px; position: absolute; background-color: #FFFFFF; z-index: 10; }
	.comingsoontag { background: #FFFFFF url(http://auer.co/wp-content/uploads/comingsoon-tag.png) no-repeat left top; }
	.notcomingsoon { background: #FFFFFF; }

	#one-column li, #two-column li, #three-column li { width: 239px; height: 150px; margin: 0 1px 1px 0; display: inline; float: left; }
	#one-column li a, #two-column li a, #three-column li a { width: 239px; height: 150px; position: absolute; text-indent: -9000px; background-color: transparent; background-position: left top; background-repeat: no-repeat; z-index: 20; }
	#one-column li img, #two-column li img, #three-column li img { z-index: -1; position: absolute; }
	
	
/* |||||||||||||||||| SLIDESHOW |||||||||||||||||| */

#slideshow, #imgContainer { width: 720px; height: 450px; margin: 0 0 10px 0; position: relative; overflow: hidden; background: #FFFFFF; clear: both; }
	#slideshow { position: absolute; }
	#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
	#slideshow IMG.active { z-index:10; opacity:1.0; }
	#slideshow IMG.last-active { z-index:9; }
	
	#controller { width: 180px; height: 50px; position: absolute; margin: 375px 0 0 270px; background: transparent; z-index: 40; opacity: 0; filter:alpha(opacity=0); }
	
	.playpause { width: 80px; height: 50px; position: absolute; margin: 0 0 0 50px; z-index: 40; z-index: 30; opacity: 0.4; filter:alpha(opacity=40); }
		#playslide { background: #222222 url(http://www.auer.co/wp-content/uploads/play.png) no-repeat center center; display: none; }
		#pauseslide { background: #222222 url(http://www.auer.co/wp-content/uploads/pause.png) no-repeat center center; }
	
	#prevslide { width: 50px; height: 50px; position: absolute; margin: 0; z-index: 40; background: #222222 url(http://www.auer.co/wp-content/uploads/prev.png) no-repeat left top; opacity: 0.6; filter:alpha(opacity=60); }
	#nextslide { width: 50px; height: 50px; position: absolute; margin: 0 0 0 130px; z-index: 40; background: #222222 url(http://www.auer.co/wp-content/uploads/next.png) no-repeat left top; opacity: 0.6; filter:alpha(opacity=60); }
	
	#prevslide:hover, #nextslide:hover, #playpause:hover { opacity: 0.8; filter:alpha(opacity=80); }


/* |||||||||||||||||| HOMEPAGE |||||||||||||||||| */

.homepage { width: 100%; margin: 30px 0 0 0; padding: 20px 0; display: inline; float: left; }
	.homepage .caption a, .homepage .caption { margin: 0; color: #222222; }
	.homepage a { text-decoration: none; }
	
.homepage-featured { width: 460px; margin: 300px 0 0 20px; display: inline; float: left; }
	.homepage-featured img { margin: 0 0 20px 0; }
	.homepage-featured h3 a { color: #FFFFFF; }
	.homepage-featured a:hover { color: #222222; }
	.homepage-featured p { width: 200px; margin: 10px 0 0 0; display: inline; float: left; color: #FFFFFF; }
	.homepage-featured p a { color: #000000; text-decoration: none; }
	
.homepage-pages { width: 200px; padding: 20px; background: transparent url(http://www.auer.co/wp-content/uploads/homepage-transparent.png); display: inline; float: left; }
.homepage-posts { width: 380px; padding: 20px; margin: 0 0 0 40px; background: transparent url(http://www.auer.co/wp-content/uploads/homepage-transparent.png); display: inline; float: left; }

.homepage-posts a:hover, .homepage-pages a:hover { color: #FFFFFF; }

.homepageBG { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; }


/* |||||||||||||||||| PORTFOLIO PIECE |||||||||||||||||| */

.description { width: 420px; margin: 30px 40px 50px 20px; display: inline; }
	.description { width: 420px; display: inline; float: left; }
.details { width: 240px; padding: 15px 0px; margin: 30px 0 0 0; background: #FFFFFF; display: inline; float: right; }
	.details h3 { padding: 0 20px; }
	.details p, .details ul, .details h3, .details li { color: #999999; }
	.details ul, .details p { margin: 0 0 10px 0; padding: 0 20px 10px 20px; border-bottom: 1px dotted #C3C3C3; }
	.details li, .details p { font: italic normal normal 13px/19px "Georgia", "Times", "Times New Roman", serif;  }


/* |||||||||||||||||| UPDATES |||||||||||||||||| */

.updates { width: 500px; margin: 30px 0 0 0; display: inline; float: left; }
.update-body { width: 460px; margin: 10px 0 30px 0; padding: 20px 20px 40px 20px; background: #FFFFFF; }
	.update-body h3 { width: 380px; margin: 0 0 8px 40px; font: italic normal normal 13px/19px "Georgia", "Times", "Times New Roman", serif; color: #666666; }
	.update-body p { width: 380px; margin: 0 0 8px 40px; }
		.update-body .caption { width: 380px; margin: 0 0 30px 40px; }
		.update-body .kudos { width: 380px; margin: 0 0 8px 20px; padding: 20px; background: #222222; color: #FFFFFF; }
			.update-body .kudos a { color: #FFFFFF; }
		
	.update-body ul { width: 340px; margin: 30px 0 30px 60px; list-style: square outside none; }
		.update-body li { font: italic normal normal 13px/19px "Georgia", "Times", "Times New Roman", serif; color: #666666; margin: 0 0 2px 0; }
	
	.update-body img { margin: 30px 0 0 -40px; }
	.update-body .titleimg { margin: 0 0 30px -40px; }


.sidebar { width: 200px; margin: 30px 0 0 20px; display: inline; float: left; }
.sidebar-container { width: 140px; margin: 20px 0 0 0; padding: 20px 20px 40px 40px; background: #B0B0B0; clear: both; display: inline; float: left; }
	.sidebar-container h2, .sidebar-container h3, .sidebar-container p { color: #666666; }
	.sidebar-container ul { padding: 0 0 20px 0; }

#searchtitle { width: 100%; margin: 30px 0 0 0; color: #FFFFFF; }

#searchform { margin: 0 0 20px 0; }
#s { width: 128px; height: 30px; padding: 0 20px; margin: 0 2px 0 0; display: inline; float: left; }
#searchsubmit { width: 30px; height: 30px; display: inline; float: left; text-indent: -9000px; background: transparent url(http://www.auer.co/wp-content/uploads/search-submit.png) no-repeat left top; cursor: pointer; }

#nav-below { width: 500px; }
#nav-below .nav-previous a { width: 61px; height: 23px; display: inline; float: left; text-indent: -9000px; background: transparent url(http://www.auer.co/wp-content/uploads/update-prev.png) no-repeat left top; }
#nav-below .nav-next a  { width: 61px; height: 23px; display: inline; float: right; text-indent: -9000px; background: transparent url(http://www.auer.co/wp-content/uploads/update-next.png) no-repeat left top; }

.alignleft { float: left; margin: 5px 20px 20px 0 !important; }


/* |||||||||||||||||| ABOUT |||||||||||||||||| */

.about-contact, .about-contributions { width: 200px; margin: 30px 0 0 0; display: inline; float: left; }
.about-clients { width: 240px; margin: 30px 20px 0 20px; display: inline; float: left; }

.about-contactinfo { width: 200px; padding: 10px 0 20px 0; display: inline; float: left; }
.about-email { width: 200px; height: 30px; margin: 0 0 1px 0; display: inline; float: left; text-indent: -9000px; background: url(http://www.auer.co/wp-content/uploads/about-email.png) no-repeat left top; clear: both; }
.about-phone { width: 200px; height: 30px; margin: 0 0 1px 0; display: inline; float: left; text-indent: -9000px; background: url(http://www.auer.co/wp-content/uploads/about-phone.png) no-repeat left top; clear: both; }

.about-contributors li a { width: 200px; margin: 10px 0 0 0; display: inline; float: left; text-indent: -9000px; }
	#gridsystem { height: 54px; background: url(http://www.auer.co/wp-content/uploads/about-gridsystem.png) no-repeat left top; }
	#rbtl { height: 25px; background: url(http://www.auer.co/wp-content/uploads/about-rbtl.png) no-repeat left top; }
	#macstories { height: 19px; background: url(http://www.auer.co/wp-content/uploads/about-macstories.png) no-repeat left top; }
	#etchreviews { height: 25px; background: url(http://www.auer.co/wp-content/uploads/about-etch.png) no-repeat left top; }
	
.about-provisions { width: 100%; display: inline; float: left; margin: 30px 0 0 0; }
	.about-provisions p { width: 330px; display: inline; float: left; margin: 10px 0 0 0; }
	.secondp { padding: 0 0 0 40px; }