/*
Theme Name: 47Photos Theme
Theme URI: http://ahoyman.com/47Photos
Description: Theme for Photographer 47 Photos
Version: 1.5
Author: Dustin Hoyman

AhoyMan (tm) 2010 Dustin Hoyman

This style sheet is set up in the following order
	1. General Styling
	2. Layout, from top of page to bottom
	3. Typography
	4. Forms	
	5. Misc
*/

/***********************
 * ~General Styling
 ***********************/
html,body { color:#444; height:100%; line-height:1.5em; width:100%; font-family: 'droid serif','georgia', serif;}

#content{ width:660px; padding-right:300px;  margin:0 auto; }

a { color:#55cc22; text-decoration:none; }
a:hover { text-decoration:underline; }

nav ul { list-style:none; }

.alignleft { float:left; }
.alignright { float:right; }

a img { border:none; }

/***********************
 * ~Layout
 ***********************/
#biglogo {
	background:url('images/47Photos.jpg') left center repeat-x;
	margin:100px auto;
	height:190px;
	width:600px;
	}

#biglogo h1 {
	background: url('images/47cut.png') center no-repeat;
	height:190px;
	text-indent:-9999px;
	width:600px;
	}

#contactinfo {
	color:#888;
	font-size:30px;
	font-weight:normal;
	line-height:30px;
	margin:0 auto;
	text-align:center;
	text-shadow:2px 2px 2px #ccc;
	text-transform:uppercase;
	width:500px;
	}


#links {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:160px;
	right:-10px;
	text-align:right;
	}

#links a {
	background:#888;
	color:#fff;
	display:inline-block;
	font-family:'Josefin Sans Std Light', arial, sans-serif;
	font-size:20px;
	line-height:15px;
	margin:0 10px 1px 0;
	padding:5px 20px;
	text-decoration:none;
	text-transform:uppercase;
	
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.25);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.25);
	
	}
#links li:nth-child(1n){
	margin-right:-1px;
	transform:rotate(6deg);
	-o-transform:rotate(6deg);
	-moz-transform:rotate(6deg);
	-webkit-transform:rotate(6deg);
	z-index:7;
}
#links li:nth-child(2n){
	transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	z-index:6;
}
#links li:nth-child(3n){
	transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	z-index:5;
}

#links li:nth-child(4n){
	transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	z-index:4;
}

#links li:nth-child(5n){
	transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-webkit-transform:rotate(-4deg);
	z-index:3;
}


#links a:hover, #links a:focus,#links li.current_page_item a {
	background:#A8F077;
	color:#000;
	padding:5px 45px;
	margin-right:-15px;
	z-index:9;
	
	box-shadow:2px 2px 10px rgba(0,0,0,.5);
	-moz-box-shadow:2px 2px 10px rgba(0,0,0,.5);
	-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.5);
	}

.entry-utility {
	border-bottom:1px dotted #444;
	margin-bottom:100px;
	}

#top-link {
	display:none;
	background:#888;
	color:#fff;
	position:fixed;
	bottom:0;
	right:20px;
	width:auto;
	}
#top-link:hover,#top-link:focus { background:#A8F077; color:#000; }
	
/***********************
 * ~Typography
 ***********************/

h1,h2,h3,h4 {
	font-family:'Josefin Sans Std Light', arial, sans-serif;
	text-transform:uppercase;
	}
h1 a, h2 a, h3 a, h4 a{ 
	background:none; 
	color:inherit; 
	padding:0;
	text-decoration:none; 
	
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

/***********************
 * ~Forms
 ***********************/

input[type=text], textarea {
	background:#ebfbdf;
	border:1px solid #ccc;
	padding:5px;
	-moz-box-shadow:inset 2px 2px 4px rgba(0,100,0,.15);
	-webkit-box-shadow:inset 2px 2px 4px rgba(0,100,0,.15);
	box-shadow:inset 2px 2px 4px rgba(0,100,0,.15);
	}

label {
	display:block;
	font-family:'Josefin Sans Std Light', arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	}


/* Shameless self promotion */
#ahoyman {
	display:inline-block;
	font-family:helvetica, arial, sans-serif;
	position:absolute;
	top:90%;
	right:0px;
	
	transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	}
#ahoyman a{
	background:#fff;
	color:#ccc;
	display:block;
	font-size:10px;
	padding:2px 4px;
	text-decoration:none;
	text-transform:uppercase;
	}
#ahoyman a:hover,#ahoyman a:focus {
	background:#FACC17;
	color:#000;

	}
@media all and (max-width: 900px) and (min-width: 701px){
	#content { width: 550px; }
}
@media all and (max-width: 700px) and (min-width: 320px){
  #content,#links { clear:both; margin:0 auto; padding:0; width: 520px; }
  #links { position:static; margin:-1px 0; padding-bottom:20px; text-align:left; } 
  .home #links { padding-bottom: 1px; }
  #links a,#links a:hover, #links a:focus, #links li.current_page_item a { display:block; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:1px 0 0; padding:10px 20px; width:100%; }
  #links li.current_page_item a { background:#A8F077; color:#000; }
  #links li:nth-child(n) { transform:rotate(0); -o-transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0); z-index:1;}

  html { -webkit-text-size-adjust:auto; -ms-text-size-adjust:auto; background:#fff;}
  * { font-size:1em; margin:0; padding:0; }
  #content,#links { clear:both; margin:0 auto; width: 100%;}
  #biglogo { margin:0 0 10px; width:100%; height: auto; padding:0;}
  #biglogo h1 { background:none; color:#fff; font-size:2em; line-height:1em; width:90%; height: auto; padding:2em 0; margin:0; text-indent:0; text-align:center; text-shadow: 2px 2px 2px rgba(0,0,0,.5); }
  #contactinfo { font-size: 1em; line-height:1em; width: 100%; margin:0; text-align:center;  }
  #top-link { display: block; }
  #ahoyman { position:static; margin-top:50px; }
}