/*
Theme Name: Dewey Nicks
Theme URI: http://underscores.me/
Author: team A design
Author URI: http://goteama.com
Description: A custom theme for the photographer Dewey Nicks
Version: 2.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
	text-align: center; 
}
#page {
	width: 811px;
	margin: 44px auto 0;
	position: relative;
}
.page-template-page-horizontal-php #page {
	width:100%;
}
.page-template-page-horizontal-php .site-navigation {
	margin-top: 44px;
}
.clearing{
	height: 0px;
	overflow: hidden;
	clear: both;
}

.centered {
	text-align: center; 
	margin: 0 auto; 
	display: block;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: none;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 18px; 
	letter-spacing: .1em;
	color: #000; 
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: normal;
	color: #000;
}
h1 {
	font-size: 16px;
	line-height: 16px;
}
h2 {	
	font-size: 16px;
	line-height: 16px;
	}
	
h3 {	
	font-size: 14px;
	line-height: 14px;
	}
	
h4 {	
	font-size: 12px;
	line-height: 12px;
	}
	
h5 {	
	font-size: 10px;
	line-height: 10px;
	}

hr {
	background-color: #fff;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
#main span.title {
	display: block;
	letter-spacing: 0.2em;
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
	}
	
.smallcaps {
	font-weight: normal;
	font-size: .91em;
	letter-spacing: .1em;
	text-transform: uppercase;
	}
		
.lowercase {
	text-transform: lowercase;
	}
	
#houdini a:link {
	color: #a3a3a3;
	text-decoration: none;
	}
	
#houdini a:hover {
	color: #000;
	text-decoration: none;
	}
	
.grey {	
	color: #626262;
	}



p {
	margin-bottom: 1em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: none;
	margin: 0;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/* Links */
a {
	color: #000;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #000;
}
a:hover,
a:focus,
a:active {
	color: #333;
	text-decoration: underline;
}

/*
#main p a, #main p a:link, #main p a:visited {
	color: #FFF;
	background: #000;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
	font-size: 10px;
	letter-spacing: 0.1em;
	}
	
#main p a:hover {
	background: #f660b1;
	}
*/


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Header
----------------------------------------------- */

.site-header {
	height:670px;
}
.page-id-5 .site-header {
	height: 558px;
}
.site-title a {
	display: block;
	background: url(img/dewey-logo.gif) 0 0 no-repeat;
	height: 29px;
	width: 661px;
	text-indent: -9999em;
}

.page-template-page-horizontal-php .site-header {
	height: 150px;
}
.page-template-page-horizontal-php .site-title a {
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	width:282px;
	background: url(img/dewey-logo-flush.gif) center top no-repeat;
}
	

/* =Slideshow + Banner + Page Header 
----------------------------------------------- */

#slideshow {
	clear: both;
	margin: 44px auto;
	text-align: center;
	width: 810px;
	height: 467px;
	overflow: hidden;
	}
	
#slideshow a {
	position: relative;
	width: 810px;
	height: 467px;
	display: block;
}

#slideshow a img.slideshow-title {
	position: relative;
	z-index: 9999;
	display: block;
	width: 810px;
	height: 467px;
	margin-bottom: -467px;
}


.banner {
	clear:both;
	margin: 44px 0;
	text-align: center;
}

.page-header {
	clear:both;
	margin: 44px auto;
	text-align: center;
	width:810px;
	height: 467px;
	background: #000;
	color: #fff;
}
.page-header h3 {
	color:#fff;
	letter-spacing: 0.3em;
    padding: 153px 0 15px;
    text-align: center;
    text-transform: uppercase;
}
.page-header h4 {
	color: #8E8E8E;
    letter-spacing: 0.3em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
}
	

/* =Menu
----------------------------------------------- */

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0 auto;
	padding:10px 0;
	text-align: center;
	width:810px;
}
.main-navigation li {
	display: inline-block;
	margin: 0 20px 20px;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	padding:2px 2px 0;
	height: 20px;
	line-height: 20px;
	background: #fff;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.main-navigation a:visited {
	background: #fff;
}
.main-navigation a:hover {
	color: #fff;
}
.main-navigation a:active {
	background: #fff;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* home link - dev then live */
.menu-item-1045 a:hover,
.menu-item-1101 a:hover {
	background: #f459ad;
}

/* lifestyle link - dev then live */
.menu-item-1057 a:hover,
.menu-item-1283 a:hover {
	background: #e22943;
}

/* celebrity link - dev then live */
.menu-item-1056 a:hover,
.menu-item-1282 a:hover {
	background: #f2d222;
}

/* advertising link - dev then live */
.menu-item-1055 a:hover,
.menu-item-1281 a:hover {
	background: #4eccec;
}

/* fashion link - dev then live */
.menu-item-2044 a:hover,
.menu-item-1675 a:hover {
	background: #ea8fb8;
}

/* archive/more stories link */
.menu-item-78 a:hover {
	background: #8411B4;
}

/* film link */
.menu-item-2031 a:hover,
.menu-item-1676 a:hover {
	background: #f27022;
}

/* bio link */
.menu-item-67 a:hover {
	background: #09B72A;
}

/* contact link */
.menu-item-66 a:hover {
	background: #0C8AD3;
}

ul#navigation {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	/*float: left; not sure if i need this */
	width: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: 2px;
	text-align: center;
}

ul#navigation li {
	display: inline;
	margin: 0 20px;
}

ul#navigation li a {
	text-transform: uppercase;
	font-size: 20px;
}

/* =Content
----------------------------------------------- */

.site-main {
	clear:both;
	margin: 52px 0 75px;
}
.home .site-main {
	margin-top: 26px;
}
.separator {
	font-size:9px;
	color:#333;
}
.single .separator {
	padding-bottom: 62px;
}

.hentry {
	margin: 0 0 50px;
}
.entry-header {
	margin:62px 0 14px;
}
.home .first .entry-header {
	margin-top: 31px;
}
.entry-title {
    font-size: 14px;
    letter-spacing: 0.2em;
    margin: 0;
    text-transform: uppercase;
}

.black .entry-title { color:#000; }
.pink .entry-title { color:#f459ad; }
.green .entry-title { color:#04ca29; }
.red .entry-title { color:#e22943; }
.purple .entry-title { color:#8411b4; }
.blue .entry-title { color:#2667c0; }
.yellow .entry-title { color:#f2d222; }

.entry-meta {
	clear: both;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 14px 0 28px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-content p {
	margin: 0 auto;
	width: 50%;
	padding-bottom: 12px;
	text-align: justify;
}

.page .entry-content p {
	margin: 0 auto;
	width: 65%;
	padding-bottom: 12px;
	text-align: justify;
}

.credits-open span,
.credits-close span {
	cursor:pointer;
}
.credits-open span:hover,
.credits-close span:hover {
	text-decoration: underline;
	color: #333;
}

.related a {
	color:#626262;
}

/* contact page */

.page-id-7 .entry-content {
	text-align: center;
}
.page-id-7 h3 {
	font-size:12px;
	margin-bottom:12px;
	text-transform: uppercase;
}
.page-id-7 .entry-content ul {
	margin-bottom: 20px;
}
.page-id-7 .entry-content li {
	color:#626262;
}
.page-id-7 .entry-content li strong {
	color:#000;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
}
.page-id-7 .entry-content a {
	color:#626262;
}

/* archive page */

.columnwrapper {
	display: table;
    margin: 0 auto;
    padding-left: 115px;
    text-align: left;
}
.columnwrapper .float {
    display: table-cell;
    float: left;
    border: 0 dotted red;
    padding: 0 20px 0 0;
    width: 200px;
}
.columnwrapper div.float:nth-child(3n+1) {  
	clear:left;
}
.columnwrapper ul {
	color: #a3a3a3;
    padding: 0 0 20px;
}
.columnwrapper li a {
	color: #a3a3a3;
}
.columnwrapper li.title a {
	color:#000;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}
.widget h2 {
	font-size:12px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.widget a {
	color:#626262;
}
.error404 .widget {
	margin-top: 32px;
}

/* Search widget */
#searchsubmit {
	display: none;
}


/* =Footer
----------------------------------------------- */

.site-footer {
	clear: left;
	margin: 0px 0 30px 0;
	display: block;
}

#top-of-page a {
	display: block;
	margin: 0 auto 35px auto;
	width: 85px;
	height: 40px;
	background: url("img/footer-top.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999em;
}
#top-of-page a:hover { 
	background-position: 0 -40px;
	}

.social {
	width:176px;
	height: 32px;
	position: relative;
	margin: 0 auto 35px;
}
.social a {
	display: block; 
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 6px;
	text-indent: -9999em;
	overflow: hidden;
}
.social .facebook { background:url(img/icon/facebook-32.png) no-repeat;  }
.social .instagram { background: url(img/icon/instagram-32.png) no-repeat; }
.social .twitter { background: url(img/icon/twitter-32.png) no-repeat; }
.social .tumblr { background: url(img/icon/tumblr-32.png) no-repeat; }
.site-info {
	clear: both;
	color:#a3a3a3;
	text-transform: uppercase;	
}


/* =Gallery
----------------------------------------------- */

body.single-gallery {
	background: #000;
}

#page-gallery {
	background: #000;
}

#fader {
	background: #000;
	height: 5px;
	display: block;
}

.single-gallery .site-main {
	margin: 0;
}
.single-gallery #content {
	height: 650px;
}

.single-gallery #masthead {
	width: 900px;
	height: 30px;
	margin: 30px auto 0;
}

.single-gallery h1 {
	clear:none;
	float: left;
    color: #7f7f7f;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0;
	width: 625px;
	text-align: center;
}

.gallery-navigation {
	/*position: absolute;*/
	float: left;
	width: 125px;
	text-align: left;
}

.single-gallery #masthead a {
	text-decoration: none;
}

.gallery-navigation a,
.gallery-navigation a:active,
.gallery-navigation a:visited {
	font-size: 10px;
	/*color: #383838;*/
    color: #7f7f7f;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.gallery-navigation a:hover {
	/*color: #a7a7a7;*/
    color: #d9d9d9;
	text-decoration: none;
}


::selection { background:#f56bb6; }
::-moz-selection { background:#f56bb6; }
::-webkit-selection { background:#f56bb6; }



/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
   
@media screen and (max-device-width: 480px) {
	#.menu-item-78 a img..menu-item-78-title {
		position: relative;
		z-index: 9999;
		width: 810px;
		height: 467px;
		margin-bottom: -467px;
		display: none;
	}
	.menu-item-78 a:visited,
	.menu-item-78 a:hover,
	.menu-item-78 a:active {
		background: #fff url(img/nav-bkgd.png) 0 0;
	}
	.menu-item-67 a:visited,
	.menu-item-67 a:hover,
	.menu-item-67 a:active {
		background: #fff url(img/nav-bkgd.png) -95px 0px;
	}
	.menu-item-66 a:visited,
	.menu-item-66 a:hover,
	.menu-item-66 a:active {
		background: #fff url(img/nav-bkgd.png) -135px 0px;
	}
	
	.single-gallery h1,
	.gallery-navigation a,
	.gallery-navigation a:visited {
		 /*color: #7f7f7f;*/
	    color: #a6a6a6;
	}
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media screen and (max-device-width:1024px) { /* iPad  styles*/
	#.menu-item-78 a img..menu-item-78-title {
		position: relative;
		z-index: 9999;
		width: 810px;
		height: 467px;
		margin-bottom: -467px;
		display: none;
	}
	.menu-item-78 a:visited,
	.menu-item-78 a:hover,
	.menu-item-78 a:active {
		background: #fff url(img/nav-bkgd.png) 0 0;
	}
	.menu-item-67 a:visited,
	.menu-item-67 a:hover,
	.menu-item-67 a:active {
		background: #fff url(img/nav-bkgd.png) -95px 0px;
	}
	.menu-item-66 a:visited,
	.menu-item-66 a:hover,
	.menu-item-66 a:active {
		background: #fff url(img/nav-bkgd.png) -135px 0px;
	}
	
	.single-gallery h1,
	.gallery-navigation a,
	.gallery-navigation a:visited {
	    /*color: #7f7f7f;*/
	    color: #a6a6a6;
	}
}