/*
Theme Name: Photoforward Blog	
Theme URI: 
Author: Sarah Braun
Author URI: 
Description: Theme for Photoforward Blog
Version: 1.0
Tags: 
*/


/* --- 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:#333; 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; }

input {
    -webkit-appearance: none;
    border-radius: 0;
}

blockquote {
  border-left: solid #ddd 5px;
  padding: 0 20px;
  margin: 0 30px;
  font-size: 115%;
  display: inline-block;
}

/* ----- END Base Styles ----- */



/* -----  Primary Styles ------ */

html { height:100%; -webkit-text-size-adjust:none;  }
	
body {	
	margin:0px; 
	padding:0px; 
	text-align:left;
	font:13px 'PT Sans', sans-serif;
	background: #eee;
	}
	
.container {
	background:#fff;
	}
	
.top-ad, .btm-ad {
	display:none;	
}

/* --- 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;	
	}



/* --- Header --- */

header {
	padding:10px;
	border-bottom:1px solid #ddd;
	position:relative;
	border-top:3px solid #b4bd0d;
}

header h1 {
	background:url(img/logo-sm.jpg) no-repeat;
	width:195px;
	height:39px;	
	float:left;
}

	header h1 a {
		display:block;	
		width:195px;
		height:39px;
	}

/* --- Navigation --- */

nav#main { 
	margin:0px;
}

nav#main h3 { 
	display:block; 
	background:url(img/nav-btn.jpg) no-repeat; 
	float:left;
	margin: 5px 10px 0 20px; 
}

nav#main h3.toggle { 
	background:url(img/nav-btn-active.jpg) no-repeat; 
}

nav#main h3 a { 
	display:block; 
	height:30px; 
	width:35px; 
}

nav#main h3 a.toggle { 
	background:url(img/nav-drop-up.png) no-repeat right center; 
}

nav#main ul { 
	position:absolute; 
	top:60px;
	left:0px; 
	background:#231f20; 
	z-index:2000; 
	width:100%; 
	display:none; 
}

nav#main ul.show { display:block; }

nav#main ul li { 
	float:none; 
	border-bottom:1px solid #2a2627; 
	background:none; 
	margin:0px; 
}

nav#main ul li a { 
	color:#fff; 
	font: 700 123% "PT Sans Narrow", sans-serif;
	text-transform:uppercase;
	padding:5px 10px;
	margin:0px; 
	display:block;
}

nav#main ul li.drop a {
	background:url(img/nav-drop-arrow-down.png) 290px center no-repeat; 	
}

nav#main ul li a:hover { 
	background:#b4bd0d; 
}

	nav#main ul li.drop a:hover {
		background:url(img/nav-drop-arrow-down.png) no-repeat 290px center #b4bd0d; 
	}

nav#main ul li a.active { 
	background:#666; 
}

nav#main ul ul.show { 
	display:none; 
	position:relative; 
	width:100%; 
	visibility:visible; 
	top:0px; 
	margin-left:0px; 
	padding:0px; 
	background:#383838; 
}

nav#main ul ul.active { display:block; }

nav#main ul li:hover a { 
	background:#b4bd0d; 
}

nav#main ul li.drop:hover a { 
	background:url(img/nav-drop-arrow-down.png) no-repeat 290px center #b4bd0d; 
}

nav#main ul li ul li a { 
	color:#efefef; 
	font-size:108%;
	padding:5px 10px; 
	background:none!important; 
}

nav#main ul li ul li {
	border-bottom:1px solid #292929;
	border-left:8px solid #292929;	
}

nav#main ul li ul li a, nav#main ul li:hover ul li a { 
	border-bottom:0px; 
	border-top:0px; 
} 

nav#main ul li ul li:last-child { 
	border-bottom:0px solid #818181; 
}

nav#main ul li ul li a:hover {
	background:#292929!important;	
}

nav#main ul li:first-of-type:before, nav#main ul li:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; 
} 

nav#main ul li:first-of-type:after { 
	clear:both; 
}

nav#main ul li:first-of-type { 
	zoom:1; 
	clear:both; 
}

/* --- Search --- */
#search { 
	margin:0px;
	float:left;
}

#search h3 { 
	display:block; 
	margin:5px 0 0 0;  
}

#search h3 a { 
	background:url(img/search-btn.jpg) no-repeat; 
	width:35px; 
	height:30px; 
	display:block; 
	padding:0px; 
}

#search h3 a.active { 
	background:url(img/search-btn-active.jpg) no-repeat; 
}

#search form { 
	display:none; 
	position:absolute; 
	background:#000; 
	padding:10px; 
	z-index:1000; 
	right:0px; 
	top:60px;
	width:93.5%;
}

#search form.show { display:block; }

#search input#s {
	border: 1px solid #f5f5f5;
	color: #999;
	float: left;
	font:108% "PT Sans Narrow", sans-serif;
	padding:3px 5px;
	background:#f5f5f5;
	width:87%;
}

#search input#searchsubmit {
	background:url(img/search-icon.jpg) no-repeat center center #f5f5f5;
	color:#fff;
	text-transform:uppercase;
	font:bold 108% "Open Sans", sans-serif;
	border:0px;
	border-bottom:1px solid #f5f5f5;
	padding:13px;
	height:15px;
	width:15px;
	display:block;
	float:left;
	-webkit-appearance: none;
}
	
.entry-content #search { float:none; }
.entry-content #search form { top:0px; display:block; position:relative; background:none; padding:0px; width:50%; }
.entry-content #search input#s { width:74%; }	
	

/* --- Featured --- */

#featured { 
	margin:0px 10px 5px;
	padding:10px 0px 0px;
	border-bottom:1px solid #ddd;
}

#featured img {
	max-width:100%;
	border:1px solid #dfdfdf;	
	margin-bottom:20px;
}

#featured h1 {
	color:#333;
	font:700 154% "PT Sans Narrow", sans-serif;	
	margin-bottom:20px;
}

#featured h2 {
	font:211% "PT Sans Narrow", sans-serif;
	line-height:1.2em;	
}

	#featured h2 a {
		color:#b4bd0d;	
	}
	
	#featured h2 a:hover {
		color:#7e840a;
	}
	
#featured p {
	color:#333;
	margin-bottom:20px;
	font-size:108%;
}

.feature-post-content article img { display:none; }

/* --- Content --- */

#content {
	padding:10px;
}

#content h1 {
	color:#333;
	font:700 154% "PT Sans Narrow", sans-serif;
	margin:10px 0px 20px;
}

	.home #content h1, .author #content h1 {
		margin-top:0px;
	}

.home #content article, .author #content article, .archive #content article, .search #content article {
	border-bottom:0px;	
}

.home #content article h2, .author #content article h2, .archive #content article h2, .search #content article h2 {
	font:167% "PT Sans Narrow", sans-serif;
	line-height:1.2em;
}

	.home #content article h2 a, .author #content article h2 a, .archive #content article h2 a, .search #content article h2 a {
		color:#b4bd0d;	
	}
	
	.home #content article h2 a:hover, .author #content article h2 a:hover, .archive #content article h2 a:hover, .search #content article h2 a:hover {
		color:#7e840a;
	}
	
.home #content img, .author #content img, .archive #content article img, .search #content article img {
	border:1px solid #ddd;	
}

.home #content article .entry img, .author #content article .entry img, .archive #content article .entry img, .search #content article .entry img {
	display:none;	
}

#content p {
	color:#333;
	margin-bottom:20px;
	font-size:108%;	
}

#content article {
	border-bottom:1px solid #ddd;
}

#content article h1 {
	font:700 211% "PT Sans Narrow", sans-serif;
	color:#333;	
	margin:0px;
}

#content article h2 {
	font-weight:700%;
	color:#888;
	font-size:138%;	
}

#content article h3 {
	font-weight:700;
	color:#333;
	font-size:108%;
	margin-bottom:5px;	
}

#content article img {
	max-width:100%;	
	margin:0px 0px 15px;
	height:auto;
}

#content article a {
	color:#b4bd0d;	
}

	#content article a:hover {
		color:#7e840a;
	}
	
#content article ul {
	margin:0px 35px 20px;
	list-style-type:disc;	
}

#content article ol {
	margin:0px 35px 20px;
}

	#content article ul li, #content ol li {
		padding: 1px 0px;	
		font-size:108%;
	}
	
/* --- Archives --- */

.page-template-page-archive-php #content article, .page-template-page-category-php #content article, .page #content article, .error404 #content article, .search #content article {
	border-bottom:0px;
	padding-bottom:10px;
}

article ul.archive, article ul.categories {
	margin:0px;	
}

	article ul.archive li {
		padding:0px 0px 10px;
		color:#888;	
	}
	
	#content article ul.archive li a {
		font: 138% "PT Sans Narrow", sans-serif;
		color:#333;
	}
	
		#content article ul.archive li a:hover {
			color:#888;	
		}
	
div.border {
	border-bottom:1px solid #ddd;
	height:1px;
	margin-bottom:15px;	
}	


/* Meta */
.meta {
	margin:3px 0px 15px;	
	color:#888;
	font-size:100%;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

	.home .meta, .author .meta, .search .meta, .archive .meta {
		border-bottom:0px;	
		padding-bottom:0px;
		margin-bottom:8px;
	}

#content .meta a, #featured .meta a {
	color:#888;	
}

	#content .meta a:hover, #featured .meta a:hover {
		color:#333;
	}

#content .meta span.author a, #featured .meta span.author a {
	color:#b4bd0d;	
}

	#content .meta span.author a:hover, #featured .meta span.author a:hover {
		color:#7e840a;
	}
	
/* Tags */

#content .tags { 
	margin:30px 0px 20px;
}

#content .tags strong {
	margin-right:5px;	
}

#content .tags a {
   	color:#fff;
	font:700 108% "PT Sans", sans-serif;
	background:#b4bd0d;
	text-shadow: .01em .01em 0px #9aa204;
    cursor: pointer;
    margin: 3px 0px;
	text-align:center;
	padding: 3px;	
	border-radius:3px;	
	display:inline-block;
}

#content .tags a:hover {
	background:#9da509;
	color:#fff;
}	

/* --- Share Buttons --- */

#share span {
	display:block;	
	float:left;
	margin-right:5px; 
	height:30px;
	width:30px;
}

.st_facebook_custom { background:url(img/social-post.png) no-repeat 0px 0px; }
.st_linkedin_custom { background:url(img/social-post.png) no-repeat -40px 0px; }
.st_twitter_custom { background:url(img/social-post.png) no-repeat -80px 0px; }
.st_googleplus_custom { background:url(img/social-post.png) no-repeat -120px 0px; }
.st_email_custom { background:url(img/social-post.png) no-repeat -160px 0px; }
.print { background:url(img/social-post.png) no-repeat -200px 0px; text-indent:-9999px; }

.st_facebook_custom:hover { background:url(img/social-post.png) no-repeat -280px 0px; cursor:pointer;  }
.st_linkedin_custom:hover { background:url(img/social-post.png) no-repeat -320px 0px; cursor:pointer; }
.st_twitter_custom:hover { background:url(img/social-post.png) no-repeat -360px 0px; cursor:pointer; }
.st_googleplus_custom:hover { background:url(img/social-post.png) no-repeat -400px 0px; cursor:pointer; }
.st_email_custom:hover { background:url(img/social-post.png) no-repeat -440px 0px; cursor:pointer; }
.print:hover { background:url(img/social-post.png) no-repeat -480px 0px; cursor:pointer; }

#share {
	padding:15px 0px 20px;
	border-bottom:1px solid #ddd;	
}

/* --- Author Blurb --- */

#author-blurb {
	padding:15px 0px 10px;
	border-bottom:1px solid #eee;	
}

#author-blurb h2, #share h2 {
	font-size:108%;
	font-weight:700;
	color:#333;	
	margin-bottom:10px;
}

#author-blurb p {
	font-size:108%;
	color:#333;	
	margin-bottom:15px;
}

#author-blurb img {
	margin-right:15px;	
}

#author-blurb ul {
	margin:-10px 0 0 13px;	
	list-style-type:disc;
}

	#author-blurb ul li {
		padding:3px 0px;
		line-height:1.3em;	
	}
	
	#author-blurb ul li a {
		color:#b4bd0d;	
	}
	
	#author-blurb ul li a:hover {
		color:#7e840a;	
	}

/* --- Author/Contributor Page --- */
	
#bio {
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}

	#content #bio h2 {
		font-size:108%;
		color:#333;
		font-weight:700;
		margin-bottom:5px;
	}
	
	#content #bio img {
		width:auto;	
	}
	
	#bio p {
		float:left;
		width:100%;	
		line-height:1.4em;
	}
	
	#bio a {
		color:#b4bd0d;		
	}
	
	#bio a:hover {
		color:#7e840a;	
	}

/* -- 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 {
	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: #333333;
	font-size: 93%;
	font-weight:700;
}
.wp-caption-text {
	position: relative;
	color: #333333;
	font-size: 93%!important;
	font-weight:700;
	text-align:right;
	margin-top:-13px;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
}

.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:0px 5px;
	border-bottom:10px solid #b4bd0d;
	margin:0px -10px;	
}

.pagination span.current {
	display:block;
	font-weight:700;	
	background:url(img/pagination-hover.jpg) no-repeat 9px bottom;
}

	.pagination span.current a {
		color:#b4bd0d;
	}

.pagination span {
	float:left;	
}

	.pagination a:last-child {
		background:none;	
	}
	
	.pagination span.current a {
		background:url(img/pagination-divide.jpg) no-repeat right center;
	}

.pagination a {
	display:block;
	float:left;
	color:#333;
	font-size:138%;
	font-weight:700;
	padding:10px 20px 10px 10px;	
	background:url(img/pagination-divide.jpg) no-repeat right center;
}

.pagination a:hover {
	color:#b4bd0d;
}

.pagination-post {
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px 0px;
}

	.pagination-post a {
		display:block; 
		color:#b4bd0d;	
		font-weight:400;
		font-size:138%;
	}
	
		.pagination-post a:hover {
			color:#7e840a;	
		}
	
	.left { 
		float:left;
	}
	
	.right {
		float:right;	
	}

/* --- Sidebar --- */

#right {
	padding:10px;
	position:relative;
}

.ad-text {
	text-align:center;
	display:block;
	font-size:77%;
	color:#636363;	
	text-transform:uppercase;
}

#right div.widget {
	margin-bottom:30px;	
}

#right h2 {
	font:700 154% "PT Sans Narrow", sans-serif;
	color:#333;	
	margin-bottom:10px;
}

.widget.miniloops {
	height:340px;	
}

#text-4 {
	margin:0px;
}

#text-4 span {
	position:absolute;	
	top:685px;
	right:10px;
}

	.home #text-4 span {
		top:315px;	
	}

#text-4 span a {
	color:#b4bd0d;	
	font:normal 108% "PT Sans", sans-serif;
}

#text-4 span a:hover {
	color:#7e840a;
}
	

#right ul {
	border:1px solid #ddd;
	padding:10px 10px 2px;
	margin:0px;	
}

#right ul.recent {
	padding:5px 10px 5px;	
}

#right ul.recent li {
	color:#888;
	font-size:93%;
	border-bottom:1px solid #ddd;
	padding:5px 0px;
	line-height:1.4em;
}

	#right ul.recent li:last-child {
		border-bottom:0px;	
	}

	#right ul.recent li a {
		color:#b4bd0d;	
		display:block;
		font-size:108%;
	}
	
	#right ul.recent li a:hover {
		color:#7e840a;
	}

#right ul.contributors li img {
	border:1px solid #dedede;
	float:left;
	margin-right:10px;	
}
	
	#right ul.contributors li {
		padding:0px 0px 10px;	
	}
	
	.contributor-info {
		padding:12px 5px;
		color:#333;
	}	
	
	.contributor-info strong {
		font-weight:normal;	
	}
	
	.contributor-info strong a {
		display:block;
		color:#333;
	}
	
		.contributor-info strong a:hover {
			color:#888;	
		}
	
	.contributor-info a {
		color:#b4bd0d;	
	}
		
		.contributor-info a:hover {
			color:#7e840a;	
		}
		
	
	.slashes {
		color:#ccc;	
	}
	
#right ul.contributors li:before, .#right ul.contributors li:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; } 
#right ul.contributors li:after { clear:both; }
#right ul.contributors li { zoom:1; clear:both; }

#right ul.links {
	padding-bottom:10px;	
}

#right ul.links li {
	border-bottom:1px solid #ddd;
	padding:5px 0px;	
}

	#right ul.links li:first-child {
		padding-top:0px;	
	}

	#right ul.links li a {
		color:#b4bd0d;	
	}
	
	#right ul.links li a:hover {
		color:#7e840a;	
	}
	
.newsletter-box {
	padding:10px;
	border:1px solid #ddd;	
}

.newsletter-box img {
	margin-left:12px;	
}

.newsletter-box p {
	font-size:108%;
	color:#666;
	margin:5px 0px 10px;	
}

#newsletter-form input.email {
	background: #fff;
	border: 1px solid #d7d7d7;
	color: #333;
	float: left;
	font:93% "PT Sans", sans-serif;
	padding:5px 5px;
	width:180px;
	border-radius:0px!important;
}

#newsletter-form input.submit {
	background:url(img/news-btn.jpg) repeat-x;
	border:1px solid #555;
	color:#fff;
	font:700 100% "PT Sans", sans-serif;
	text-align:center;
	padding: 3px 10px 3px;
	margin-left:10px;
	border-radius:3px!important;
}

p.privacy {
	margin-bottom:0px;	
}

p.privacy a {
	font-size:85%;
	font-weight:bold;
	color:#b0b0b0;	
}

p.privacy a:hover {
	color:#333;	
}


/* --- Footer --- */

footer {
	background:#231f20;
}

.copyright {
	border-top:1px solid #2e2a2b;	
}

	.copyright p {
		color:#878787;
		font:93% "PT Sans", sans-serif;
		padding:20px 10px;	
	}
	
	footer .copyright p a {
		color:#878787;	
	}
	
	footer .copyright p a:hover {
		text-decoration:underline;	
	}
	
	.copyright span {
		display:block;
	}	
	
footer h2 {
	font:700 138% "PT Sans Narrow", sans-serif;
	color:#fff;	
	margin-bottom:10px;
}

footer p {
	color:#bbb;	
}

footer a {
	color:#b4bd0d;	
}

footer a:hover {
	color:#f2ff00;
}

footer div.one-third {
	padding:10px;	
}

footer ul {
	margin:0px;		
}

	footer ul li {
		border-bottom:1px solid #2e2a2b;
		padding:5px 0px;	
	}
	
	footer ul li:last-child {
		border-bottom:0px;	
	}
	
footer ul.social li {
	border-bottom:0px;
	padding:0px 10px 0px 0px;
	float:left;
}
	
	footer ul.social li.rss a { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat 0px 0px; }
	footer ul.social li.fb a { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -40px 0px; }
	footer ul.social li.tw a { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -80px 0px; }
	footer ul.social li.insta a { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -120px 0px; }
	footer ul.social li.yt a { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -160px 0px; }

footer ul.social li a {
	display:block;
	height:30px;
	width:30px;	
}

	footer ul.social li.rss a:hover { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -200px 0px; }
	footer ul.social li.fb a:hover { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -240px 0px; }
	footer ul.social li.tw a:hover { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -280px 0px; }
	footer ul.social li.insta a:hover { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -320px 0px; }
	footer ul.social li.yt a:hover { background:url(http://blog.wppionline.com/wp-content/uploads/2014/12/socialicons.png) no-repeat -360px 0px; }
		

/* --- Comments --- */

#comments {
	margin:0px 0px 20px 0px;
}

#comments h2, #respond h3#reply-title {
	font-size:154%;
	font-weight:700;
	color:#333;
	border-bottom:3px solid #ddd;
	margin: 10px 0 35px;
    padding: 0 0 8px;
}

#content article.comment {
	border-top:0px;
	border-right:0px;
	border-left:0px;
	border-bottom:1px solid #eee;	
	padding:0px 0px 15px;
	margin-bottom: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: 0px;
    padding: 0 0px 15px;
    position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none!important;
	margin: 0;
}
.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:50px;
}

.commentlist .children li.comment .comment-date {
	margin-left:50px;
}

.comment-meta .fn {
	font-style: normal;
	font-size:108%;
	display:block;
	color:#111;
}

#content .comment-meta .fn a {
	color:#333;
	line-height:1em;
	display:block;
}

#content .comment-meta .fn a:hover {
	color:#888;	
}

.comment-content {
	color:#000;
	font-size:100%;
	line-height:1.4em;
	padding-right:60px;
}

.comment-content p {
	margin:10px 0px;	
}

.comment-meta {
	color: #666;
	font-size: 108%;
	line-height:1.7em;
	margin-bottom:10px;
	background:none;
	border-top:none;
	padding:0px;
}

.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 101px;
}

.commentlist .children li.comment .reply {
	margin-left:101px;
}

.commentlist .avatar {
	padding: 0;
	position: absolute;
	top: 0;
	margin:1px 0px!important;
	right: 0px;
}
.commentlist > li:before {
	left: -21px;
	position: absolute;
}

.commentlist .children .avatar {
	left: 0px;
	padding: 0;
	top: 0px;
}

#content .commentlist .children {
	margin:5px 0px;
}

#content a.comment-reply-link {
	color: #888;
	display: inline-block;
	font-size: 108%;
	padding: 0px;
	text-decoration: none;
}
#content a.comment-reply-link:hover,
#content a.comment-reply-link:focus,
#content a.comment-reply-link:active {
	color:#333;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* 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;
	margin-top:5px;
}
#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 {
   	color:#fff;
	font:700 108% "PT Sans", sans-serif;
	background:#b4bd0d;
	text-shadow: .01em .01em 0px #9aa204;
    cursor: pointer;
    margin: 10px 0;
	text-align:center;
	border:0px;
	padding: 9px 10px 6px;	
	border-radius:3px;	
}

#respond input#submit:active, #respond input#submit:hover {
	background:#9da509;
}

#respond #cancel-comment-reply-link {
	color:#B4BD0D;
	margin-left: 10px;
	margin-top:34px;
	text-decoration: none;
	text-transform:none;
	font:77% "PT Sans", sans-serif;
}

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	color:#7e840a;
}
.commentlist #respond {
	margin: 0;
	width: auto;
	position:relative;
}

#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
	display:block;
	font:108% "PT Sans", sans-serif;
	color:#111;
	padding:10px 0px 0px;
	float:left;
	margin-left:10px;
}

#respond label small {
	font-weight:normal;
	font-size:85%;
	color:#999999;
}

#respond input[type=text] {
	display: block;
	height: 16px;
	width: 55%;
	margin-bottom:15px;
	font:108% Helvetica, Arial, sans-serif;
	color:#4a4a4a;
	background:#fbfbfb;
	border:1px solid #ededed;
	float:left;
}
#respond p {
	font-size: 12px;
	clear:both;
}

p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
.errorlabels { display:none; }

/* ----- End Primary Styles ------- */



/* ----- Media Queries ----- */

/* Desktop Screen size 960 and above */
@media only screen and (min-width: 960px) {
	.top-ad { display:block; background:#231f20; border-bottom:3px solid #b4bd0d; padding:10px 0px 5px; text-align:center; }
	.btm-ad { display:block; text-align:center; border-bottom:1px solid #2e2a2b; padding:10px 0px 5px; }
	
	/* 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; }	
	
	/* Header */
	header { margin:0px 20px; padding:15px 0px 0px; border-top:0px; }
	header h1 { width:282px; height:57px; background:url(img/logo.jpg) no-repeat; }
	header h1 a { width:282px; height:57px; }
	
	/* Nav */
	nav#main h3 { display:none; }
	nav#main { float:left; margin:32px 0 0 110px; }
	nav#main ul { display:block; background:#fff; width:auto; position:relative; top:auto; }
	nav#main ul li { float:left; border-bottom:0px; background:url(img/double-slash-nav.jpg) no-repeat right center; padding:7px 10px 7px 0px; }
	nav#main ul li.last { background:none; padding:7px 0px 7px 0px; }
	nav#main ul li a { font: 700 123% "PT Sans Narrow", sans-serif; color:#333; display:block; }
	nav#main ul li a:hover, nav#main ul li.drop a:hover { background:none; color:#888; } 
	nav#main ul li:hover a, nav#main ul li.drop:hover a { background:none; }
	nav#main ul li.drop a { cursor:default; }
	nav#main ul li.drop ul li a { cursor:pointer; }
	nav#main ul li.drop ul li.view-all a { color:#b4bd0d; text-transform:none; font-weight:normal; }
	nav#main ul li.drop ul li.view-all a:hover { color:#f2ff00; }
	
	nav#main ul ul { position:absolute; visibility:hidden; width:60%; background:url(img/dropdown-bg.png) no-repeat center top #231f20; margin-left:0px; padding:17px 10px 10px 10px; z-index:10000; top:40px; left:165px; }
	nav#main ul ul.cat { width:120%; left:-12px; }
	nav#main ul ul.cat li { float:left; width:46%; }
	nav#main ul ul.cat li:nth-of-type(odd) { margin-right:30px; }
	nav#main ul li:hover ul { visibility:visible; z-index:10000; }
	nav#main ul li ul li { margin:0px; padding:0px; float:none; background:none; border-left:0px; border-bottom:1px solid #2a2627; }
	nav#main ul li ul li a, nav#main ul li:hover ul li a { padding:5px 10px; margin:0px; display:block; height:auto; text-align:left; color:#efefef; font-size:108%; background:none; }
	nav#main ul li ul li a:hover { color:#fff!important; text-decoration:none; background:#b4bd0d!important; }	
	
	/* Search */ 
	#search { float:right; }
	#search h3 { display:none; }
	#search form { display:block; background:none; padding:0px; position:relative; top:auto; width:auto; margin-top:41px; }
	#search input#s { width:145px; }
	#search input#searchsubmit { border-bottom:0px; }
	.entry-content #search form { margin-top:0px; }
	
	/* Featured */
	#featured { padding-top:20px; padding-bottom:5px; margin:0 20px 5px }
	#featured img { float:left; }
	.feature-post-content { float:left; width:47%; margin-left:20px; }
	
	/* Content */
	#mid { margin:0px 20px; }
	#content { padding:10px 40px 0px 0px; }
	.home #content img, .author #content img, .search #content img, .archive #content img { float:left; margin-right:20px; width:37%; }
	.home .entry, .author .entry, .search .entry, .archive .entry { float:left; width:59%; }
	.home #content article, .author #content article, .search #content article, .archive #content article { margin-bottom:20px; }
	#content article { margin-top:10px; }
	
	/* Author */
	#content #bio img { float:left; margin-right:20px; }
	#bio p { width:85%; }
	#bio p.most-recent { margin-left:80px; }
	
	/* Pagination */
	.pagination { margin:0px 0px; border-bottom:0px; padding:0px; }
	.pagination-post { border-bottom:0px; margin-bottom:20px; }
	
	/* Right */
	#right { padding:40px 0px 0px; }
	#text-4 span { position:absolute; top:714px; right:0px; }
	.home #text-4 span { top:347px;	}
	
	/* Footer */
	.copyright p { padding:20px; }
	.copyright span { display:inline; }
	footer { border-top:10px solid #b4bd0d; }
	footer div.one-third { width:279px!important; padding:15px 20px; }
	footer div.follow { border-right:1px solid #2e2a2b; border-left:1px solid #2e2a2b; height:250px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.top-ad { display:block; background:#231f20; border-bottom:3px solid #b4bd0d; padding:10px 0px 5px; text-align:center; }
	.btm-ad { display:block; text-align:center; border-bottom:1px solid #2e2a2b; padding:10px 0px 5px; }
	
	.subnav-section { padding:15px 10px 15px 15px; width:auto; }	
	
	/* Network Nav */
	#network-nav { border-bottom:0px; }
	#network-nav h2 { padding:12px 10px 11px; }
	
	/* Header */
	header { padding:15px 10px; border-top:0px; }
	header h1 { width:282px; height:57px; background:url(img/logo.jpg) no-repeat; }
	header h1 a { width:282px; height:57px; }

	/* Nav */
	nav#main h3 { margin:35px 10px 0 386px; }
	nav#main ul { top:96px; }
	nav#main ul li.drop a { background:url(img/nav-drop-arrow-down.png) no-repeat scroll 730px center; }
	nav#main ul li.drop:hover a { background:url(img/nav-drop-arrow-down.png) no-repeat scroll 730px center #b4bd0d; }
	
	/* Featured */
	#featured { padding-top:15px; }
	#featured img { float:left; width:42%; }
	.feature-post-content { float:left; width:55%; margin-left:20px; }
	
	/* Content */
	#content { padding-right:20px; padding-bottom:0px; }
	.home #content img, .author #content img, .search #content img, .archive #content img { float:left; margin-right:15px; width:45%; }
	#content article { margin-top:10px; }
	
	/* Author */
	#content #bio img { float:left; margin-right:20px; }
	#bio p { width:80%; }
	#bio p.most-recent { margin-left:80px; }

	/* Pagination */
	.pagination { margin:0px; border-bottom:0px; padding:0px; }
	.pagination-post { border-bottom:0px; margin-bottom:20px; }
	
	/* Search */
	#search h3 { margin-top:35px; }
	#search form { top:96px; width:97.5%; }
	#search input#s { width:94.5%; }
	#search input#searchsubmit { border-bottom:0px; }
	.entry-content #search { float:none; }
	.entry-content #search form { top:0px; display:block; position:relative; background:none; padding:0px; width:50%; }
	.entry-content #search input#s { width:77.5%; }
	
	/* Right */
	#right { padding:20px 0px 0px; }
	#text-4 span { position:absolute; top:693px; right:0px; }
	.home #text-4 span { top:327px;	}
	
	/* Footer */ 
	footer { border-top:10px solid #b4bd0d; }
	.copyright span { display:inline; }
	footer div.follow { border-right:1px solid #2e2a2b; border-left:1px solid #2e2a2b; height:268px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Nav */
	nav#main h3 { margin-left:125px; }
	
	.subnav-section { width:26%; }
	
}

/* ----- 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 ----- */

/* ------ Start Photogroup Navigation ------ */


/* ------ Start Photogroup Navigation ------ */

nav#wrap, nav#network-subnav {   
     margin: 0px;
     padding: 0px;
     border: 0px none;
     vertical-align: baseline;
     display:block
}

#wrap, #network-subnav {
    padding:0px; 
    background:#353535;
    height:32px;
    margin:0px;}

    #wrap {height:34px}

.topText h5 {display:none;}

#network-subnav {background:#000}
.displayNav {display:block;}

#megaMenu,.mega-menu-bar { padding:0;}
    .mega-menu-bar{ border-color:#666;}
    #megaMenu ul li a { 
        padding:8px 16px 7px;
    }
    #megaMenu ul{
        list-style:none;
        margin:0;
        border-color:transparent;
    }
    #megaMenu ul li a, #megaMenu ul li a:link, 
    #megaMenu ul li a:visited {
        color:#FFF; 
        font:bold 12px Arial, Helvetica, sans-serif;
        text-transform:uppercase; 
    }
    #megaMenu ul ul{
        border:none;
        padding:0px;
    }
    #megaMenu ul li.mega a:hover, #megaMenu ul li span:hover, #megaMenu ul li.mega:hover, 
    /*#megaMenu ul.megaMenu > li.active > span:hover,*/ #megaMenu ul.megaMenu > li.activeWindow > span:hover{
    background:#00a780;
    color:#fff;
    text-decoration:none;
}
#megaMenu ul li.mega a:hover {/*border-top:1px solid #00a780;*/text-decoration:none;}
#megaMenu ul li a#top_19 {color:#fffc17}
#megaMenu ul li a#top_19:hover {color:#fffc17}
#megaMenu ul.megaMenu{
    position:relative;
    margin:0 auto 0px 100px;
    padding:0px;
}
#megaMenu ul.megaMenu > li{
    display:inline-block;
}
#megaMenu ul.megaMenu > li.mega{
    position:static;
    margin-right:5px;
    padding:8px 0px 8px;
    margin-top: 1px;
}
/*#megaMenu ul.megaMenu > li.active*/ #megaMenu ul.megaMenu > li.activeWindow  {
    background:#00a780;
    padding:8px 0px 8px;
    margin-top:1px;
}
/*@-moz-document url-prefix() { 
  #megaMenu ul.megaMenu > li.active, #megaMenu ul.megaMenu > li.mega{
        padding:5px 0px 7px;
  }
}
*/
/*#megaMenu ul.megaMenu > li.active > ul li.widget a {background:none;}
#megaMenu ul.megaMenu > li.active > ul li.widget {margin-right:1px}
#megaMenu ul.megaMenu > li.active > ul li.widget a.active {background:#00a780;}
#megaMenu ul.megaMenu > li.active > span {padding:0px;background:#00a780;}*/
#megaMenu ul.megaMenu > li.activeWindow > ul li.widget a {background:none;}
#megaMenu ul.megaMenu > li.activeWindow > ul li.widget {margin-right:1px}
#megaMenu ul.megaMenu > li.current > ul li.widget a.current {background:#00a780;}
#megaMenu ul.megaMenu > li.activeWindow > span {padding:0px;background:#00a780;}

#megaMenu ul.megaMenu > li > ul li.widget a:hover {    background:#00a780;    border:none;}
#megaMenu ul.megaMenu > li > a {display:block;}
#megaMenu ul.megaMenu ul.sub-menu{
    display:none;
    position:absolute;
    left:11px;
    top:34px;
    height:32px;
}
#megaMenu ul.megaMenu ul.sub-menu a {    padding:9px 17px;display:block;    font-weight:bold;}
#megaMenu ul.megaMenu li.mega ul.sub-menu > li{
    float:left;
    padding:0 16px;
    margin-right:5px;
    padding-top:0px;
}
#megaMenu ul.megaMenu li.mega ul.sub-menu li li{
    float:left;
}
#megaMenu ul.megaMenu li.mega ul.sub-menu li li:last-child{
    margin-bottom:0;
}
ul.widget-area {padding:0px;}
#megaMenu .widget-item .widget{
    float:left;
    clear:none;
}
#megaMenu .widget-item li.widget a {background:none;}
#megaMenu .widget-item .widget-area li.clear{
    height:0;
    width:0;
    overflow:hidden;
    padding:0;
    float:none;
    clear:both;
    border:none;
}

.networkImg {margin-top:7px; float:left;margin-right:30px;}

    #megaMenu ul.megaMenu > li.current {background: #00A780;}
#megaMenu ul.megaMenu ul.displayNav    {display:block;}
    
/* ----- Media Queries ----- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #megaMenu ul li a {    padding: 11px 16px}
    #megaMenu ul li a, .topText {   width: 768px;margin:0 auto;    }
    
    #megaMenu ul.megaMenu > li > ul li.widget a, #megaMenu ul.megaMenu > li > ul li.widget a:link,
    #megaMenu ul.megaMenu > li.active > ul li.active a  {font-weight:normal !important;text-indent:15px;}
 #megaMenu ul.megaMenu > li.active > ul li.widget:hover, #megaMenu ul.megaMenu > li.active > ul li.active,
  #megaMenu ul.megaMenu > li.active > ul li.widget a:hover, #megaMenu ul.megaMenu > li.active > ul li.active a { background:#007E60 !important; }
    #megaMenu ul li a, #megaMenu ul li a:link, #megaMenu ul li a:visited {font-size:16px;}
    #megaMenu ul.megaMenu > li.current {background: #00A780;}
    #megaMenu ul.megaMenu > li > ul li.current, #megaMenu ul.megaMenu > li > ul li:hover, #megaMenu ul.megaMenu > li > ul li.widget a:hover,
    #megaMenu ul.megaMenu > li > ul li.current a.active,     #megaMenu ul.megaMenu > li.current > ul li.widget a.current {background:#007E60 !important}

nav#network-subnav {display:none;}
    #wrap {background: url(../img/1network-nav-bg.jpg) repeat-x scroll 0% 0% #000; height:56px;}
    
    #megaMenu,.mega-menu-bar{
    padding-top:8px;
    }
    
    #megaMenu ul.megaMenu {background:#000;margin:0px;position:none;margin-top:48px;top:0px;}

    .topText h5 {
        display:block;
        float:right;
        margin:11px 2px 12px;    
    }    
    
    #megaMenu h5 a, #megaMenu h5 a.less { 
        background:url(../img/1net-nav-arrow-down.jpg) right center no-repeat; 
        display:block; 
        height:18px;
        width:42px;
        color: #808080;
        text-indent: 0px;
        font:12px Arial, Helvetica, sans-serif;
        padding-top:1px;
        

    }
    #megaMenu h5 a.less { 
        background:url(../img/1net-nav-arrow-up.jpg) right center no-repeat; 
    }    
    
    #megaMenu ul { 
        display:none; 
        background:#000; 
        width:100%; 
    }
    #megaMenu ul.show { 
        display:block; 
        z-index:100;
        margin-left:0px;
    }
    #megaMenu ul.megaMenu > li {
        display:block; 
        float:none; 
        margin:0px; 
        background:none; 
        border-left:0px;
    }
    
    #megaMenu ul.megaMenu > li {display:block;}
    
    
    #megaMenu ul li:after {
    clear: both;
    }
    
    
    
    #megaMenu ul li:before, #megaMenu ul li:after {
    content: " ";
    display: block;
    height: 0px;
    visibility: hidden;}
    
    #megaMenu ul li { zoom:1; clear:both; }
    
    #megaMenu ul li a {display:block;}
    #megaMenu ul.megaMenu ul.sub-menu {left:0px;top:0px;position:relative;height:auto; display:none;}
    
    
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul,     
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul.nav-show {
    display: none;
    position: relative;
    width: 100%;
    visibility: visible;
    top: 0px;
    margin-left: 10px;
    padding: 0px;
    border-top: 0px none;
    box-shadow: none;    }
    
    #megaMenu ul.megaMenu li.mega ul.sub-menu > li {float:none;padding:0; margin:0px;}
    
        #megaMenu ul ul {border-top:1px solid #000;}
    
    #megaMenu ul.megaMenu > li.mega    {float:none;padding:0px;margin:0px;}
    
        #megaMenu ul li.mega ul.sub-menu li.widget-item ul.show, #megaMenu ul li.mega ul.sub-menu li.widget-item ul.nav-show {
         display:block;position:relative;left:0px;margin-left:0px;}
    
    #megaMenu ul.megaMenu li.mega ul.sub-menu li li {float:none;}
    #megaMenu ul.megaMenu ul.displayTab    {display:block;}
    #megaMenu ul.megaMenu > li.mega {margin-right:0px;}
    #megaMenu ul.megaMenu > li.mega:last-child {margin-right:0px;}
}
@media only screen and (max-width: 767px) { 

    #megaMenu ul li a {    padding: 11px 16px}
    #megaMenu ul li a, .topText {
    width: 300px;
    margin:0 auto;
    }
    
  #megaMenu ul.megaMenu > li > ul li.widget a, #megaMenu ul.megaMenu > li > ul li.widget a:link {font-weight:normal !important;text-indent:15px;}
  #megaMenu ul.megaMenu > li.active > ul li.widget:hover, #megaMenu ul.megaMenu > li.active > ul li.active,
  #megaMenu ul.megaMenu > li.active > ul li.widget a:hover, #megaMenu ul.megaMenu > li.active > ul li.active a { background:#007E60 !important; }
  #megaMenu ul.megaMenu > li.current {background: #00A780;}
  #megaMenu ul.megaMenu > li > ul li.current, #megaMenu ul.megaMenu > li > ul li:hover, #megaMenu ul.megaMenu > li > ul li.widget a:hover,
  #megaMenu ul.megaMenu > li > ul li.current a.active,     #megaMenu ul.megaMenu > li.current > ul li.widget a.current {background:#007E60 !important}
  #megaMenu ul li a, #megaMenu ul li a:link, #megaMenu ul li a:visited {font-size:16px;}
nav#network-subnav {display:none;}
    #wrap {background: url(../img/1network-nav-bg.jpg)repeat-x scroll 0% 0% #000; height:56px;}
    
    #megaMenu,.mega-menu-bar{
    padding-top:8px;
    }
    
    #megaMenu ul.megaMenu {background:#000;margin:0px;position:none;margin-top:48px;top:0px;}

    .topText h5 {
        display:block;
        float:right;
        margin:11px 2px 12px;    
    }    
    
    #megaMenu h5 a, #megaMenu h5 a.less { 
        background:url(../img/1net-nav-arrow-down.jpg) right center no-repeat; 
        display:block; 
        height:18px;
        width:42px;
        color: #808080;
        text-indent: 0px;
        font:12px Arial, Helvetica, sans-serif;
        padding-top:1px;
        
    }
    #megaMenu h5 a.less { 
        background:url(../img/1net-nav-arrow-up.jpg) right center no-repeat; 
    }    
    
    
    #megaMenu ul { 
        display:none; 
        background:#000; 
        width:100%; 
    }
    #megaMenu ul.show { 
        display:block; 
        z-index:100;
        margin-left:0px;
    }
    #megaMenu ul.megaMenu > li {
        display:block; 
        float:none; 
        margin:0px; 
        background:none; 
        border-left:0px;
    }
    
    #megaMenu ul.megaMenu > li {display:block;}
    
    
    #megaMenu ul li:after {
    clear: both;
    }
    
    
    
    #megaMenu ul li:before, #megaMenu ul li:after {
    content: " ";
    display: block;
    height: 0px;
    visibility: hidden;}
    
    #megaMenu ul li { zoom:1; clear:both; }
    
    #megaMenu ul li a {display:block;}
    #megaMenu ul.megaMenu ul.sub-menu {left:0px;top:0px;position:relative;height:auto; display:none;}
    
    
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul,     
    #megaMenu ul li.mega ul.sub-menu li.widget-item ul.nav-show {
    display: none;
    position: relative;
    width: 100%;
    visibility: visible;
    top: 0px;
    margin-left: 10px;
    padding: 0px;
    border-top: 0px none;
    box-shadow: none;    }
    
    #megaMenu ul.megaMenu li.mega ul.sub-menu > li {float:none;padding:0; margin:0px;}
    
        #megaMenu ul ul {border-top:1px solid #000;}
    
    #megaMenu ul.megaMenu > li.mega    {float:none;padding:0px;margin:0px;}
    
        #megaMenu ul li.mega ul.sub-menu li.widget-item ul.show, #megaMenu ul li.mega ul.sub-menu li.widget-item ul.nav-show {
         display:block;position:relative;left:0px;margin-left:0px;}
    
    #megaMenu ul.megaMenu li.mega ul.sub-menu li li {float:none;}
    #megaMenu ul.megaMenu ul.displayTab    {display:block;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    #megaMenu ul li a, .topText {
    width: 420px;
    margin:0 auto;
    }
     #megaMenu ul.megaMenu > li.active > ul li.widget:hover {
         background:#00a780;
         }
    
}