/*
Theme Name: PDN Photo of the Day
Theme URI: 
Author: Sarah Braun	
Author URI: 
Description: PDN Photo of the Day Redesign 2013
Version: 1.0
Tags: 
*/

@media only screen and (max-width: 480px) {
#menu {
    margin: 0px auto;
    width: 100% !important;
}
}
/* --- CSS Reset --- */

/* http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain) */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

strong, b {font-weight:bold;}
em, i {font-style:italic;}

/* ----- END CSS Reset ----- */


/* ----- Base Styles ----- */

body { font:13px/1.231 sans-serif; *font-size: small;  }
select, input, textarea, button { }
pre { font-family: monospace, sans-serif; }

body, select, input, textarea { color:#444; font-family: sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
html { overflow-y:scroll; }
 
a:hover, a:active { outline:none; }
a, a:active { color:#000; text-decoration:none; }
a:hover { color:#444; }
ul, ol { margin-left:1.8em; }
ol { list-style-type:decimal; }

nav ul, nav li { margin:0; } 
small { font-size:85%; }
strong, th { font-weight:bold; }
td, td img { vertical-align:top; } 
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
textarea { overflow:auto; } 
input:focus, textarea:focus { outline: none; }

.ie6 legend, .ie7 legend { margin-left:-7px; } 
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }

label, input[type=button], input[type=submit], button { cursor:pointer; }
button, input, select, textarea { margin:0px; }

::-moz-selection { background:#4e689d; color:#fff; text-shadow:none; }
::selection { background:#4e689d; color:#fff; text-shadow:none; } 
button {  width:auto; overflow:visible; }

/* ----- END Base Styles ----- */



/* -----  Primary Styles ------ */

html { height:100%; -webkit-text-size-adjust: none; }
	
body {	
	margin:0px; 
	padding:0px; 
	text-align:left;
	font:13px "Source Sans Pro", sans-serif;
	color:#333;
	background: #fff;
	}

/* --- Network Nav --- */

#network-nav {
	background:url(img/network-nav-bg.jpg) repeat-x #000;
}

	#network-nav .container {
		background:none;	
	}

#network-nav h2 { 
	color:#808080;
	font:600 182% "Source Sans Pro", sans-serif;
	float:left;
	padding:14px 10px 13px;
}

ul.logos {
	display:none;
}


#btns {
	float:right;
	width: 50px;	
	position:relative;
	margin:20px 15px;
}

.more-link, .less-link {
	display:block;
	color:#808080;
	font:77% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	padding-right:20px;	
}

	.more-link:hover, .less-link:hover {
		color:#808080;	
	}

.more-link {
	background:url(img/net-nav-arrow-down.jpg) no-repeat right center;
}

.less-link {
	background:url(img/net-nav-arrow-up.jpg) no-repeat right center;
	display:none;
}

.show-link {
	display:block;	
}

.hide-link {
	display:none;	
}

#subnav {
	position:relative;
	z-index:20000;
	font:85% Arial, Helvetica, sans-serif;
	display:none;
	width:100%;
}

	#subnav.top-active { display:block; }

	.subnav-section {
		float:left;	
		padding:10px;
		width:25%;
	}

	#subnav strong {
		color:#d8d8d8;	
		display:block;
		margin-bottom:3px;
	}
	
	#subnav ul {
		list-style-type:disc;	
		margin-left:12px;
	}
	
	#subnav li {
		color:#d8d8d8;	
		padding-bottom:3px;
	}

	#subnav a {
		color:#989898;	
	}
	
	#subnav a:hover {
		color:#d8d8d8;	
	}
	
/* --- Ads --- */

.large-ad, .small-ad {
	text-align:center;	
	padding:7px 0px 7px;
	margin:0px auto;
}

.large-ad {
	display:none;	
}

.btm-ad {
	border-bottom:1px solid #ddd;	
}

/* --- Header --- */

header {
	border-bottom:1px solid #ddd;
	box-shadow: 0px 6px 3px -3px #EDEDED;
	position:relative;
	border-top:1px solid #ddd;
	margin:0px -10px 20px!important;
}

header h1 {
	background:url(img/logo-sm.png) no-repeat;	
	float:left;
	margin:7px 29px 3px 10px;
}

	header h1 a {
		display:block;
		height:44px;
		width:155px;	
	}
	
.fixed-menu-logo { display:none; }	

/* --- Navigation --- */

nav#main { 
	float:left;
}

nav#main h3 { 
	float:left;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	display:block;
	width:62px;
	height:57px; 
}

nav#main h3 {
	background:url(img/menu/menu-btn.png) no-repeat center center #eee;	
}

nav#main h3.toggle, nav#main h3:hover {
	background:url(img/menu/menu-btn-hover.png) no-repeat center center #ddd;	
}

nav#main h3 a, nav#main h4 a { 
	display:block; 
	height:57px; 
	width:62px; 
}

nav#main ul { 
	position:absolute; 
	top:58px; 
	left:0px; 
	background:#ddd;
	border-bottom:0px; 
	z-index:2000; 
	width:100%; 
	display:none;
	box-shadow: inset 0px 6px 3px -3px #cdcdcd;
	float:left;
}

	nav#main ul.show { 
		display:block; 
	}

nav#main ul li { 
	float:left; 
	background:none; 
	margin:0px; 
}

nav#main ul li a { 
	color:#333; 
	font-size:114%; 
	padding:20px 9px 20px 9px; 
	margin:0px; 
	display:block; 
	text-transform:uppercase;
	border-top:0px; 
}

	nav#main ul li.drop a { 
		background:url(img/drop-arrow-black.png) 97px center no-repeat; 
		padding:20px 25px 20px 10px;
	}

	nav#main ul li.drop:hover a.sub-active, nav#main ul li.drop:hover a:hover, nav#main ul li.drop:hover a { 
		background:url(img/drop-arrow-white.png) no-repeat 97px center #333; 
		color:#fff;
	}
	
	nav#main ul li a.active { 
		font-weight:700; 
	}

	nav#main ul ul.show { 
		display:none; 
		position:absolute; 
		width:300px; 
		visibility:visible; 
		top:59px;
		margin-left:0px; 
		background:#333; 
		box-shadow:0px 0px 0px;
		padding:15px 10px;
	}

nav#main ul ul.active { 
	display:block;
}

nav#main ul li:hover a { 
	background:#333; 
	color:#fff; 
	border-top:0px; 
}

nav#main ul li.drop ul li a { 
	color:#fff;
	font-size:108%; 
	padding:5px 0px; 
	text-transform:none;
	background:none!important;
}

nav#main ul li ul li { 
	float:none;
	border-bottom:1px solid #262626
	}
	
	nav#main ul li ul li:last-child {
		border-bottom:0px;	
	}

	nav#main ul li.drop ul li:hover a, nav#main ul li.drop ul li a:hover {
		color:#888!important;	
	}



/* --- Search --- */

#search {
	float:left;	
}

nav#main #search h4 { 
	display:block; 
	background:none;
	border:none;
}

#search h4 a { 
	background:url(img/menu/search-btn.png) no-repeat center center #eeeeee; 
	width:57px;
	height:62px; 
	display:block;  
	padding:0px; 
	float:left; 
	text-indent:-9999px; 
}

#search h4 a.active, #search h4 a:hover {
	background:url(img/menu/search-btn-hover.png) no-repeat center center #ddd;	
}

#search form { 
	display:none; 
	position:absolute; 
	background:#dddddd;
	box-shadow: inset 0px 6px 3px -3px #cdcdcd; 
	padding:7px 10px 7px 10px; 
	z-index:1000; 
	right:0px; 
	top:58px; 
}

#search form.search-show { 
	display:block; 
}

#search input#s { 
	border: 0px; 
	color: #fff; 
	float: left; 
	background:#acacac;
	font:300 182% "Source Sans Pro", sans-serif;
	padding:5px 10px; 
	width:280px; 
	border-radius:0px;
}	

#search input#searchsubmit { 
	display:none;
	}

/* --- Content --- */

#post img, .post-gallery img {
	max-width:100%;
}

.post-gallery img {
	margin:0px auto;
}

.post-date {
	font-size:123%;
	color:#888;	
}

.post-gallery, div#page {
	padding:25px 0px 0px;	
}

.single-img {
	background:#000;
	text-align:center;	
}

#post h1, .post-gallery h1 {
	font: 300 182% "Roboto Slab", serif;
	color:#333;
	border-bottom:3px solid #ddd;
	padding-bottom:15px;
	margin:7px 0px 12px;	
}

	#post h1 a, .post-gallery h1 a {
		color:#333;	
	}
	
	#post h1 a:hover, .post-gallery h1 a:hover {
		color:#333;
		text-decoration:underline;	
	}

.entry-box {
	border-top:2px solid #ddd;
	border-bottom:0px;	
	padding:20px 0px;	
}

	.home .entry-box {
		border-bottom:1px solid #ddd;	
	}
	
	.lt-ie9 .home .entry-box {
		border-bottom:0px;	
	}
	
.entry .royalSlider, .entry .wp-caption:first-of-type { display:none; }
	
article p {
	color:#333;
	margin-bottom:20px;
	font-size:108%;	
}

article a {
	color:#cc3300;	
}

	article a:hover {
		color:#cc3300;
		text-decoration:underline;	
	}
	
article ul {
	margin:0px;	
}

article ul li {
	background:url(img/bullet.gif) no-repeat left 12px;	
	padding:3px 0px 3px 10px;
}
	
article a.read_more {
	margin-top:20px;
	display:block;	
}
	
.meta {
	border-top:1px solid #ddd;	
}

.search .meta {
	padding-bottom:20px;	
}

.meta h3 {
	font: 300 123% "Roboto Slab", serif;
	margin-top:20px;	
	margin-bottom:3px;
}

.meta a {
	font-weight:600;
	color:#333;	
}

	.meta a:hover {
		color:#333;
		text-decoration:underline;	
	}

#past-posts h2 {
	font:300 225% "Roboto Slab", serif;
	text-transform:uppercase;
	margin:25px 0px 20px;	
}

.archive #past-posts h2, #search-posts h2, #page h2 {
	font:300 182% "Roboto Slab", serif;
	border-bottom:3px solid #ddd;	
	text-align:left;
	padding-bottom:10px;
	text-transform:none;
	margin-bottom:20px;
}

#search-posts h2, #page h2 {
	margin-top:25px;
}

#past-posts article {
	background:#f7f7f7;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:20px;	
	padding:0px;
}

#past-posts article:nth-of-type(6) { 
	margin-bottom:0px; 
}

#past-posts .caption {
	background:#333;
	color:#fff;
	font-size:93%;
	display:block;
	padding:7px 5px;
	margin-top:-5px;	
}

.post-gallery .single-photo-caption {
	font-size:108%;
	padding:10px 2px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #past-posts .caption { margin-top:-4px; } }
.ie10 #past-posts .caption, .lt-ie9 #past-posts .caption { margin-top:-3px; }

#past-posts h1 {
	font:300 182% "Roboto Slab", serif;
	padding:10px 10px;
}

	#past-posts h1 a {
		color:#333;	
	}
	
	#past-posts h1 a:hover {
		text-decoration:underline;
	}

#past-posts .date-cat {
	padding:0px 10px 25px;
	display:block;
	font-weight:300;
	font-size:108%;	
}

#past-posts .date-cat b {
	font-weight:300;
	padding:0px 5px;	
}

#past-posts .date-cat a {
	color:#333;	
}

#past-posts .date-cat a:hover {
	color:#333;
	text-decoration:underline;	
}

#past-posts .post-img {
	background:#000;
	text-align:center;	
}

.side-ad {
	margin-top:20px;
	padding:20px 0px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;	
	text-align:center;
}

.single .entry-box img {
	max-width:100%;
	height:auto;	
}

/* --- Archives --- */

.archive-col  {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:10px;	
}

.archive-col h3 {
	font:300 182% "Roboto Slab", serif; 
	color:#333;	
	margin-bottom:10px;
}

.archive-col ul {
	margin:0px;	
}

.archive-col ul li a {
	font-size:123%;
}

.arch-divide-tablet { 
	display:none;
}

/* -- Page -- */

aside {
	padding:10px 0 15px;
	border-bottom:1px solid #ddd;
	text-align:center;
}

/* --- Search Results --- */

#search-posts h2 b {
	font-weight:normal;	
}

.search article {
	border-bottom:1px solid #ddd;	
	margin-bottom:20px;
}

.search article:nth-of-type(5) {
	margin-bottom:0px;	
}

.search .entry h1 {
	color:#333;
	font:300 154% "Roboto Slab", serif;	
}

.search .entry h1 a {
	color:#333;	
}

.search .entry h1 strong {
	font-weight:normal;	
}

.search .post-date {
	color:#333;
	font-weight:300;
	font-size:108%;
	margin:10px 0px 15px;
	display:block;	
}

.search .mid-ad {
	border-bottom:1px solid #ddd;
	margin-bottom:20px;	
}

.search-img-box {
	width:300px;	
}

.search-img {
	background: #000000;
    text-align: center;	
	height:200px;
}

.search-img img {
    max-height: 200px;
    max-width: 100%;
}

.search-excerpt {
	margin-top:10px;	
}

/* --- Share Buttons --- */

.share span {
	display:block;	
	float:left;
	margin-right:5px; 
	margin-bottom:5px;
	height:30px;
	width:30px;
}

.st_facebook_custom { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat 0px 0px; }
.st_twitter_custom { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -40px 0px; }
.st_tumblr_custom { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -80px 0px; }
.st_googleplus_custom { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -120px 0px; }
.st_reddit_custom { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -560px 0px; }
.st_email_custom { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -200px 0px; }
.print { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -240px 0px; text-indent:-9999px; }

.st_facebook_custom:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -280px 0px; cursor:pointer;  }
.st_twitter_custom:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -320px 0px; cursor:pointer; }
.st_tumblr_custom:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -360px 0px; cursor:pointer; }
.st_googleplus_custom:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -400px 0px; cursor:pointer; }
.st_reddit_custom:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -600px 0px; cursor:pointer; }
.st_email_custom:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -480px 0px; cursor:pointer; }
.print:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -520px 0px; cursor:pointer; }


/* -- Wordpress Image Styling -- */

.asset-img-link {
	width:auto;
}

.alignleft {
	float:left;	
	margin-right:10px;
}

.alignright {
	float:right;	
	margin-left:10px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

.blog .sticky .entry-header .entry-meta {
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}

/* --- Pagination --- */

.pagination {
	padding:20px 5px 20px;
	border-bottom:1px solid #ddd;
	float:left;
  	width:100%;
   	overflow:hidden;
   	position:relative;
}

	.pg-list {
		clear:left;
	   float:left;
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   left:50%;
	   text-align:center;	
	}

.pagination li.current {
	display:block;
}

	.pagination li.current a {
		color:#333;
	}

.pagination li {
	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	right:50%;
}

	.pagination li:last-child a {
		background:none;	
	}

.pagination a {
	display:block;
	color:#cc3300;
	font:300 182% "Roboto Slab", serif;	
	padding:0px 20px 0px 10px;	
	background:url(img/pagination-slash.gif) no-repeat right center;
}

	.pagination li.pg-left-arrow a {
		color:#333;
	}
	
	
	
	
	.pagination li.pg-right-arrow a {
		background:none;	
		color:#333;
	}

.pagination a:hover {
	color:#cc3300;
	text-decoration:underline;
}

.post-pagination {
	margin:0px 0px 5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.post-pagination .right {
    float: right;
}

	.post-pagination .right a {
		padding-right:20px;	
	}

.post-pagination .left { 
	padding:30px 0px;
}

	.post-pagination .left a {
		padding-left:0px;	
	}

.post-pagination ul {
	margin:0px;	
}

.post-pagination a {
    color: #888;
    font:108% "Source Sans Pro", sans-serif;
}

	.post-pagination a b {
		color:#888;
		font-weight:normal;
	}
	
		.post-pagination a:hover b, .post-pagination a:hover span {
			text-decoration:underline;	
		}
	
	.post-pagination a span {
		display:block;
		color:#cc3300;
		font:123% "Roboto Slab", serif;
	}

/* --- Related Posts --- */

#related {
	margin-top:40px;
	border-bottom:1px solid #ddd;	
}

#related h2 {
	font:300 182% "Roboto Slab", serif;
	border-bottom:3px solid #ddd;	
	margin:20px 0px 10px;
	padding-bottom:10px;
}

#related li a {
	display:block;
	background:#fff;
	font:300 167% "Roboto Slab", serif;
	color:#333;
	padding-top:10px;	
}

#related li a.img-link {
	background:#000;	
	padding:0px;
}

#related li a:hover {
	text-decoration:underline;	
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; margin: 0 auto; max-height: 147px; width: auto; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 40px 60px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; background:#000;  }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; opacity: .5; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent:-9999px; }
#related .flex-direction-nav .flex-prev { background:url(img/related-arrow-left.png) no-repeat; left: -39px; }
#related .flex-direction-nav .flex-next { background:url(img/related-arrow-right.png) no-repeat; right: -60px; }
#related .flexslider:hover .flex-prev { opacity: 0.5; }
#related .flexslider:hover .flex-next { opacity: 0.5; }
#related .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
#related .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { position: absolute; top: -38px; right:0px; display:none; }
#related .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline; background:#fff; width:auto!important; }
#related .flex-control-paging li a {width: 8px; height: 8px; display: block; background: #bbb; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding:0px; }
#related .flex-control-paging li a:hover { background: #333; }
 #related .flex-control-paging li a.flex-active { background: #333; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* --- Footer --- */

footer div h2 {
	font:300 182% "Roboto Slab", serif;
	border-bottom:3px solid #ddd;	
	margin:20px 0px 10px;
	padding-bottom:10px;
}

footer ul {
	margin:0px;
	padding:0px;	
}

footer ul li {
	padding:5px 0px;
	border-bottom:1px solid #ddd;	
	font-size:108%;	
}

	footer ul li:last-child {
		border-bottom:0px;	
	}

footer ul li a, footer p a {
	color:#cc3300;
}

	footer ul li a:hover, footer p a:hover {
		text-decoration:underline;
		color:#cc3300;	
	}
	
footer ul.social li {
	float:left;
	border-bottom:none;	
	height:30px;
	width:30px;
	margin-right:8px;
}


	footer ul.social li.fb a { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) 0px 0px no-repeat; }
	footer ul.social li.twitter a { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -40px 0px no-repeat; }
	footer ul.social li.tumblr a { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -80px 0px no-repeat; }
	footer ul.social li.gplus a { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -120px 0px no-repeat; }
	footer ul.social li.instagram a { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) no-repeat -640px 0px; }
	footer ul.social li.rss a { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -160px 0px no-repeat; }
	
	footer ul.social li.fb a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -280px 0px no-repeat; }
	footer ul.social li.twitter a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -320px 0px no-repeat; }
	footer ul.social li.tumblr a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -360px 0px no-repeat; }
	footer ul.social li.gplus a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -400px 0px no-repeat; }
	footer ul.social li.reddit a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -600px 0px no-repeat; }
	footer ul.social li.instagram a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -680px 0px no-repeat; }
	footer ul.social li.rss a:hover { background:url(http://potd.pdnonline.com/wp-content/uploads/2015/01/socialicons.png) -440px 0px no-repeat; }

footer ul.social li a {
	display:block;
	height:30px;
	width:30px;
}

footer p {
	margin-bottom:20px;	
}

footer p.copyright {
	border-top:1px solid #ddd;
	color:#878787;
	font-size:93%;
	padding:20px 0px;	
}

footer p.copyright a {
	color:#878787;	
}

	footer p.copyright a:hover {
		color:#878787;
		text-decoration:underline;	
	}
	
footer p.copyright span {
	display:block;	
}

/* --- Back to Top Link --- */

#top-link { 
	display:none; 
	position:fixed; 
	right:20px; 
	bottom:20px; 
	background:url(img/top-btn.png) no-repeat;
	text-indent:-9999px;
	height:40px;
	width:40px; 
	z-index:40000;
}

/* --- Comments --- */

#comments {
	margin:0px 0px 20px 0px;
}

#comments h2, #respond h3 {
	font:300 182% "Roboto Slab", serif;
	color:#333;
	border-bottom:3px solid #ddd;
	margin: 25px 0 15px;
    padding: 0 0 10px;
}

article.comment, .single article.comment {
	padding:0px;
}	

.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
    width: 100%;
	margin:0px;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
    margin: 20px 0px 0px;
    padding: 0 0px 20px;
    position: relative;
	border-bottom:1px solid #eee;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none!important;
	margin: 20px 0px 0;
	border-top:1px solid #eee;
}
.commentlist .children li.comment {
	background: #fff;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
	margin-left:10px;
}

.commentlist .children li.comment .comment-date {
	margin-left:10px;
}

.comment-meta {
	font-size: 100%;
	line-height: 0.2em;
	margin-bottom:15px;
 	margin-left: 21%;
}

.comment-meta .fn {
	font:600 108% "Source Sans Pro", sans-serif;
	display:block;
	color:#333;
	margin-bottom:7px;
}

.comment-meta .fn a {
	color:#333;
	line-height:1em;
	display:block;
}

.comment-meta .fn a:hover {
	text-decoration:underline;
}


.comment-content {
	color:#333;
	font-size:100%;
	line-height:1.4em;
	margin-left:21%;
}

.comment-content p {
	margin:10px 0px;	
	white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}


.comment-date {
	margin-top:-10px;
	font-size:93%;
	color:#888;
}

.commentlist .comment-meta .comment-date a {
	font-size:93%;
	color:#999999!important;
}

#content .commentlist .comment-meta .comment-date a:hover {
	text-decoration:none;
}

#content .commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 10px 0 0 65px;
}

.commentlist .children li.comment .reply {
	margin-left:13px;
}

.commentlist .avatar {
	padding: 0;
	position: absolute;
	top: 0;
	margin:1px 0px!important;
	left: 0px;
}
.commentlist > li:before {
	left: -21px;
	position: absolute;
}

.commentlist .children .avatar {
	left: 20px;
	padding: 0;
	top: 0px;
}

#content .commentlist .children {
	margin:5px 0px;
}

a.comment-reply-link {
	color: #888;
	display: inline-block;
	font-weight:600;
	font-size: 100%;
	padding: 0px;
	text-decoration: none;
	margin-left:21%;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	text-decoration:underline;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

.edit-link {
	padding-left:10px;	
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* Comment Form */
#respond {
	padding: 0px 0 0 0;
}
#respond input[type="text"],
#respond textarea {
	background: #dedede;
	border: 0px;
	position: relative;
	float:left;
	padding: 10px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: none;
	width: 92%;
	font-size:108%;
	background:#fbfbfb;
	border:1px solid #ededed;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 0px 0px 20px;
}

#respond p:nth-of-type(5) {
	margin:0px;
}

#respond .form-submit {
	margin: -20px 0 10px;
}
#respond input#submit {
   	background:#cc3300;
	color:#fff;
    cursor: pointer;
    margin: 10px 0;
    font:600 108% "Source Sans Pro", sans-serif;
	text-transform:uppercase;
	text-align:center;
	border:0px;
	padding: 9px 10px 6px;		
	-webkit-appearance:none;
	border-radius:0px;
}

#respond input#submit:active, #respond input#submit:hover {
	
}

#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	margin-top:34px;
	text-decoration: none;
	text-transform:none;
	font:70% "Source Sans Pro", sans-serif;
	color: #cc3300;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration:underline;
}
.commentlist #respond {
	margin: 0;
	width: auto;
	position:relative;
}

#cancel-comment-reply-link {
	color: #cc3300;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	position: absolute;
	right: 0;
	text-decoration: none;
	text-transform: uppercase;
	top: -20px;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	text-decoration:underline;
}
#respond label {
	line-height: 2.2em;
	display:block;
	font:600 108% "Source Sans Pro", sans-serif;
	color:#333;
	padding:10px 0 0;
}

#respond label small {
	font-size:85%;
	color:#999999;
}

#respond input[type=text] {
	display: block;
	height: 16px;
	width: 50%;
	margin:0 10px 5px 0px;
	font:108% Helvetica, Arial, sans-serif;
	color:#4a4a4a;
	background:#fbfbfb;
	border:1px solid #ededed;
}
#respond p {
	font-size: 12px;
	clear:both;
}

p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

/* ----- End Primary Styles ------- */



/* ----- Media Queries ----- */

/* Desktop Screen size 960 and above */
@media only screen and (min-width: 960px) {
	body { background:url(img/body-bg-desktop.gif) repeat-y center top #f4f4f4; }
	
	/* Top Nav */
	#network-nav { border-bottom:0px; }
	#network-nav h2 { display:none; }

	ul.logos { margin-left:0px; display:block; }
	ul.logos li { float:left; }
		ul.logos li.pdn a { background:url(img/top_nav_RF.jpg) no-repeat -143px 0px; width:45px; }
		ul.logos li.rangefinder a { background:url(img/top_nav_RF.jpg) no-repeat -191px 0px; width:137px; }
		ul.logos li.shutterlove a { background:url(img/top_nav_RF.jpg) no-repeat -328px 0px; width:150px; }
		ul.logos li.ppe a { background:url(img/top_nav_RF.jpg) no-repeat -473px 0px; width:109px; }
		ul.logos li.wppi a { background:url(img/top_nav_RF.jpg) no-repeat -587px 0px; width:76px; }
		ul.logos li.photoserve a { background:url(img/top_nav_RF.jpg) no-repeat -663px 0px; width:96px; } 
		ul.logos li.photosource a { background:url(img/top_nav_RF.jpg) no-repeat -759px 0px; width:112px; }
	ul.logos li a { display:block; height:54px; }
		ul.logos li.pdn a:hover { background:url(img/top_nav_RF.jpg) no-repeat -143px -55px; width:45px; }
		ul.logos li.rangefinder a:hover { background:url(img/top_nav_RF.jpg) no-repeat -191px -55px; width:137px; }
		ul.logos li.shutterlove a:hover { background:url(img/top_nav_RF.jpg) no-repeat -328px -55px; width:150px; }
		ul.logos li.ppe a:hover { background:url(img/top_nav_RF.jpg) no-repeat -473px -55px; width:109px; }
		ul.logos li.wppi a:hover { background:url(img/top_nav_RF.jpg) no-repeat -587px -55px; width:76px; }
		ul.logos li.photoserve a:hover { background:url(img/top_nav_RF.jpg) no-repeat -663px -55px; width:96px; } 
		ul.logos li.photosource a:hover { background:url(img/top_nav_RF.jpg) no-repeat -759px -55px; width:112px; }
		
	.subnav-section { padding:15px 20px 15px 15px; width:auto; }	
	
	/* Ads */
	.large-ad { display:block; }
	.small-ad { display:none; }
	
	/* Header */
	header { border-bottom:0px; box-shadow:0px 0px 0px; padding:25px 0px 10px; margin:0px 0px 5px!important; }
	header h1 { background:url(img/logo.png) no-repeat; margin-right:50px; margin-left:0px; }
	header h1 a { height:87px; width:300px;	}
	
	/* Nav */
	nav#main h3 { display:none; }
	nav#main ul { display:block; background:none; box-shadow:0px 0px 0px; position:relative; }
	nav#main ul li.drop a { background:url(img/drop-arrow-black.png) 117px center no-repeat; padding:20px 27px 20px 15px; }
	nav#main ul li.drop:hover a.sub-active, nav#main ul li.drop:hover a:hover, nav#main ul li.drop:hover a { background:url(img/drop-arrow-white.png) no-repeat 117px center #333; }
	nav#main ul li:first-child a { display:none; }
	nav#main ul li a { font-size:138%; padding:20px 14px; }
	nav#main ul ul { position:absolute; visibility:hidden; display:block; width:230px; background:#333; padding:15px 20px; float:none; top:63px; left:81px; }
	@media screen and (-webkit-min-device-pixel-ratio:0) { nav#main ul ul { left:82px; }}
	.lt-ie10 nav#main ul ul, .ie10 nav#main ul ul { top:63px; }
	.lt-ie9 nav#main ul ul { left:83px; }
	nav#main ul li:hover ul { visibility:visible; z-index:1000; }
	nav#main ul li ul li { margin:0px; padding:0px; float:none; background:none; border-bottom:1px solid #262626; }
	nav#main ul li ul li:first-child a { display:block; }
	nav#main ul li ul li a, nav#main ul li:hover ul li a { display:block; }
	
	.fixed { position:fixed; width:100%; margin:0px!important; left:0px; padding:0px 0px; z-index:1000000000;}
	nav#main.fixed ul { margin:-100px 0 0 361px; float:left; }
	nav#main.fixed ul ul { top:163px; left:-280px; }
	.lt-ie10 nav#main.fixed ul ul, .ie10 nav#main.fixed ul ul { top:163px; }
	.lt-ie9 nav#main.fixed ul ul { left:-278px; }
	@media screen and (-webkit-min-device-pixel-ratio:0) { nav#main.fixed ul ul { left:-279px; }}
	nav#main.fixed #search { margin-top:-99px; }
	nav#main.fixed .fixed-menu-logo { display:block; float:left; }
	nav#main.fixed .centered { margin:0px auto; padding:20px 80px 22px; width:940px; box-shadow: 0 0px 7px #ccc; background:#fff; border-bottom:1px solid #ddd; }
	
	/* Search */
	#search { float:right; margin-top:-63px; position: relative; z-index: 10000; }
	.lt-ie10 #search, .ie10 #search { margin-left:320px; }
	nav#main #search h4 { display:none; }
	#search form { display:block; position:relative; background:none; box-shadow:0px 0px 0px; }
	#search input#s { color:#888; background:url(img/search-icon.png) no-repeat 10px center #f0f0f0; padding:5px 10px 5px 35px; font-size:123%; width:200px; margin-top:8px; }
	
	/* Content */
	article { padding:25px 0 30px; }
	.home article { padding:25px 0px 0px; }
	article p { font-size:123%; line-height:1.5em; }
	.entry { padding-right:40px; }
	.home .entry { }
	.post-gallery h1 { font-size:267%; }
	
	.single #post-block { margin:20px 0px; border-top: 2px solid #DDDDDD; padding-top:20px; }
	.single .entry-box { border-top:0px; padding:0px; background:url(img/post-bg.gif) repeat-y 0px 20px;  }
	.single article { padding:0px; }
	
	
	.meta { border-top:0px; padding-left:20px; float:right; width:300px; border-left:1px solid #ddd; }
	.single .meta { border-left:0px; }
	.meta h3:first-of-type { margin-top:0px; }
	.side-ad { border:none; }
	
	.search .entry { border-right:1px solid #ddd; }
	.search .meta { border-left:0px; }
	
	#past-posts h2 { font:300 366% "Roboto Slab", serif; text-align:center; }
	.archive #past-posts h2 { font:300 224% "Roboto Slab", serif; }
	#past-posts article { width:300px; float:left; margin-right:20px; height:424px; }
	#past-posts article.third-col { margin-right:0px!important; }
	#past-posts article:nth-last-child(1), #past-posts article:nth-last-child(2), #past-posts article:nth-last-child(3) { margin-bottom:0px; }
	#past-posts .post-img img { max-width:100%; max-height:200px; }
	
	/* Page */
	aside { padding:20px 0 0 20px; border-bottom:0px; }
	.page article { border-right:1px solid #ddd; padding:0 40px 30px 0px; margin-top:20px; }
	.page #content { border-bottom:1px solid #ddd; padding-bottom:20px; }
	
	/* Archive */
	.archive-col { padding-right:40px; border-right:1px solid #ddd; width:155px; float:left; padding-left:15px; border-bottom:0px; }
	.archive-col:nth-of-type(3n) { padding-right:0px; border-right:0px; }
	.archive-col:nth-of-type(1), .archive-col:nth-of-type(4) { padding-left:0px; } 
	.arch-row:first-of-type { border-bottom:1px solid #ddd; margin-bottom:15px; }
	.arch-row:before, .arch-row:after { content:"\0020"; display:block; height:0; visibility:hidden; } 
	.arch-row:after { clear:both; }
	.arch-row { zoom:1; clear:both; }
	
	/* Search Results */
	.search article { margin-bottom:0px; }
	.search article:first-of-type { padding-top:0px; }
	.search .entry h1 { font-size:182%; }
	.search-img-box { float:left; margin-right:15px; }
	.search-excerpt { float:left; width:364px; margin-top:0px; }
	.search .entry { padding-right:20px; padding-bottom:40px; }
	#search-posts h2 { font-size:225%; }
	
	
	/* Related Slider */
	.flexslider { margin:0px 0px 60px; }
	.carousel li { margin-right: 20px; width:220px!important; }
	.carousel li:nth-of-type(4n) { margin-right:5px; }
	.carousel li:nth-of-type(4n+1) { margin-left:-2.7px; }
	#related .flex-direction-nav .flex-prev { left: -50px; }
	#related .flex-direction-nav .flex-next { right: -70px; }
	.flex-control-nav { display:block; }
	
	/* Pagination */
	.post-pagination .left { width:50%; border-right:1px solid #ddd; }
	.post-pagination .right { margin-top:-73px; height: 68px; margin-left: 20px; width:48%; text-align:right; }
	
	
	/* Footer */
	footer div.mid-foot-col { margin:0px 20px!important; }
	footer p.copyright span { display:inline; }
	#top-link { display:none!important; }
	
	/* Comments */ 
	a.comment-reply-link, .comment-content, .comment-meta { margin-left:13%; }
	.comment-content { font-size:85%; }
	.commentlist .children .avatar { left:50px; }
	.commentlist .children li.comment .fn { margin-left:30px; }
	.commentlist .children li.comment .comment-date { margin-left:30px; }
	.commentlist .children li.comment .comment-content { margin-left:100px; }
	.commentlist .children li.comment .reply { margin-left:35px; }
	.commentlist .children li.comment { padding: 0em 1.625em }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Network Nav */
	#network-nav { border-bottom:0px; }
	#network-nav h2 { padding:12px 10px 11px; }
	
	/* Ads */
	.large-ad { display:block; }
	.small-ad { display:none; }
	
	/* Header */
	header h1 { background:url(img/logo-tablet.png) no-repeat; margin:17px 282px 13px 20px; }
	header h1 a { height:22px; width:340px;	}
	header { margin: 0 -20px 20px !important }

	/* Nav */
	nav#main ul li a { font-size:138%; padding:20px 23px; }
	nav#main ul li.drop a { background:url(img/drop-arrow-black.png) 130px center no-repeat; padding:20px 38px 20px 23px; }
	nav#main ul li.drop:hover a.sub-active, nav#main ul li.drop:hover a:hover, nav#main ul li.drop:hover a { background:url(img/drop-arrow-white.png) no-repeat 130px center #333; }
	nav#main ul ul.show { margin-left:193px; padding: 15px 20px; width: 230px; top:63px; }

	.fixed { position:fixed; width:100%; margin:0px!important; left:0px; padding:0px 0px; z-index:1000000000;}
	nav#main.fixed ul { margin:-3px 0 0 0px; float:left; }
	nav#main.fixed ul ul { top:63px; left:-2px; }
	.lt-ie10 nav#main.fixed ul ul, .ie10 nav#main.fixed ul ul { top:63px; }
	.lt-ie9 nav#main.fixed ul ul { left:-4px; }
	@media screen and (-webkit-min-device-pixel-ratio:0) { nav#main.fixed ul ul { left:-1px; }}
	nav#main.fixed h3 { margin-top:-20px; margin-left:283px; }
	nav#main.fixed h4 { margin-top:-20px; }
	nav#main.fixed #search { margin-top:0px; }
	nav#main.fixed #search form { top:55px; }
	nav#main.fixed #search h4 { margin-left:0px; }
	nav#main.fixed .fixed-menu-logo { display:block; float:left; margin-left:-60px; }
	nav#main.fixed .centered { margin:0px auto; padding:17px 80px 0px; width:940px; box-shadow: 0 0px 7px #ccc; background:#fff; border-bottom:1px solid #ddd; }
	
	
	/* Search */
	#search input#s { width: 350px; }
	
	/* Content */
	article { padding:25px 0 30px; }
	article p { font-size:123%; line-height:1.5em; }
	.entry { padding-right:20px; }
	.home .entry { }
	.post-gallery h1 { font-size:267%; }
	
	.single #post-block { margin-top:20px; border-top: 2px solid #DDDDDD; padding-top:20px; }
	.single .entry-box { border-top:0px; padding:0px; background:url(img/post-bg-tablet.gif) repeat-y 0px 20px }
	.single article { padding:0px 0px 30px; }

	.meta { border-top:0px; padding-left:20px; float:right; width:300px; border-left:1px solid #ddd; }
	.single .meta { border-left:0px; }
	.meta h3:first-of-type { margin-top:0px; }
	.side-ad { border:none; }
	
	.search .entry { border-right:1px solid #ddd; }
	.search .meta { border-left:0px; }
	
	
	#past-posts h2 { font:300 366% "Roboto Slab", serif; text-align:center; }
	.archive #past-posts h2 { font:300 224% "Roboto Slab", serif; }
	#past-posts article { width:228px; float:left; margin-right:20px; height:424px; }
	#past-posts article.third-col { margin-right:0px; }
	#past-posts article:nth-last-child(1), #past-posts article:nth-last-child(2), #past-posts article:nth-last-child(3) { margin-bottom:0px; }
	#past-posts .post-img img { max-width:100%; max-height:152px; }
	
	.post-gallery { padding:25px 0px 75px; }
	
	
	/* Page */
	aside { padding:20px 0 0 20px; border-bottom:0px; }
	.page article { border-right:1px solid #ddd; padding:0 20px 30px 0px; margin-top:20px; }
	.page #content { border-bottom:1px solid #ddd; padding-bottom:20px; }
	
	/* Archive */
	.archive-col { padding-right:25px; border-right:1px solid #ddd; width:155px; float:left; padding-left:15px; border-bottom:0px; }
	.arch-row:first-of-type .archive-col:nth-of-type(2n) { padding-right:0px; border-right:0px; }
	.arch-row:first-of-type .archive-col:nth-of-type(odd) { padding-left:0px; } 
	.arch-row:nth-of-type(2) .archive-col:nth-of-type(odd) { padding-right:0px; border-right:0px; }
	.arch-row:nth-of-type(2) .archive-col:nth-of-type(even) { padding-left:0px; } 
	.arch-divide-tablet { height:1px; background:#ddd; margin-bottom:15px; border:0px; display:block; }
	.arch-row:first-of-type .arch-divide-tablet:first-of-type { display:none; }
	.arch-divide-tablet:before, .arch-divide-tablet:after { content:"\0020"; display:block; height:0; visibility:hidden; } 
	.arch-divide-tablet:after { clear:both; }
	.arch-divide-tablet { zoom:1; clear:both; }
	
	/* Search Results */
	.search article { margin-bottom:0px; }
	.search article:first-of-type { padding-top:0px; }
	.search .entry h1 { font-size:182%; }
	.search-img-box { float:left; margin-right:15px; max-width:228px; }
	.search-img img { max-width:100%; max-height:152px; }
	.search-img { height:152px; }
	.search-excerpt { float:left; width:264px; margin-top:0px; }
	.search .entry { padding-right:20px; }
	#search-posts h2 { font-size:225%; }
	
	/* Related Slider */
	.flexslider { margin:0 15px 60px; }
	#related .flex-direction-nav .flex-next { right:-52px; }
	#related .flex-direction-nav .flex-prev { left:-32px; }
	#related .carousel li { margin-right: 15px; }
	#related .carousel li img { max-width:100%; }
	#related .flex-control-nav li { margin-right:4px; }
	.flex-control-nav { display:block; }
	
	/* Pagination */
	.post-pagination .left { width:50%; border-right:1px solid #ddd; }
	.post-pagination .right { margin-top:-73px; height: 68px; margin-left: 20px; width:48%; text-align:right; }
	
	/* Footer */
	footer div { width:228px!important; }
	footer div.mid-foot-col { margin:0px 20px!important; }
	footer p.copyright span { display:inline; }
	#top-link { display:none!important; }
	
	/* Comments */ 
	a.comment-reply-link, .comment-content, .comment-meta { margin-left:15%; }
	.comment-content { font-size:85%; }

}

@media only screen and (max-width: 767px) {
	.meta:before, .meta:after { content:"\0020"; display:block; height:0; visibility:hidden; } 
	.meta:after { clear:both; }
	.meta { zoom:1; clear:both; }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Header */
	header h1 { margin:7px 149px 3px 10px; }
	
	/* Nav */
	nav#main ul li a { padding:20px 23px; }
	nav#main ul li.drop a { background:url(img/drop-arrow-black.png) 110px center no-repeat; padding:20px 38px 20px 23px; }
	nav#main ul li.drop:hover a.sub-active, nav#main ul li.drop:hover a:hover, nav#main ul li.drop:hover a { background:url(img/drop-arrow-white.png) no-repeat 110px center #333; }
	nav#main ul ul.show { width:400px; }
	
	/* Search */
	#search input#s { width: 380px; }
	
	/* Related Slider */
	.flexslider { margin:0 100px 60px; }
	
	/* Comments */ 
	a.comment-reply-link, .comment-content, .comment-meta { margin-left:17%; }
	.commentlist .children li.comment .comment-content { margin-left:75px; }
	
}

/* ----- END Media Queries ----- */




/* ----- Extra Classes ----- */

/* image replacement */
.ir { 
	display:block; 
	text-indent:-999em; 
	overflow:hidden; 
	background-repeat:no-repeat; 
	text-align:left; 
	direction:ltr; 
	}

/* Hide but maintain layout */
.invisible { visibility:hidden; }

/* Clearfix */
.clearfix:before, 
.clearfix:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; } 
.clearfix:after { clear:both; }
.clearfix { zoom:1; clear:both; }

/* ----- END Extra Classes ----- */


    
/* ----- Media Queries ----- */
