/* 

Theme Name: Bored On Black
Theme URI: http://www.drivenbyboredom.com/
Description: Bored-on-Black Theme with Right Sidebar
Version: 1.0
Author: Squires + Williams
*/

/* Credits*/
/* A custom made template for www.drivenbyboredom.com */
/* Based on Fluidity Design By Kaushal Sheth, http://www.kaushalsheth.com 
and Dave Reeder, www.davereederdesign.com 
and of fMulti theme by http://www.fahlstad.se */

@media (min-width: 1120px) { /* LARGE */
	.visible-lg { display: block !important }
	.visible-md { display: none }
	.visible-sm { display: none }
	.visible-xs { display: none }
	.hidden-lg { display: none !important }
	.hidden-md { display: block }
	.hidden-sm { display: block }
	.hidden-xs { display: block }
	h1, h2, h3 { margin-left: 10px; margin-right: 10px }
		h1 { font-size: 1.3em; line-height: 1.4em }
		h2 { font-size: 1.0em; line-height: 1.4em }
		h3 { font-size: 0.8em; line-height: 1.4em }
	p { font-size: 0.8em; line-height: 1.4em }
	#masthead { height: 194px }
		#hdrimg { height: 190px }
			#hdrimg #home-link { position: absolute; left: 10px; top: 100px }			
			#hdrimg ul.menu { top: 165px }
			#hdrimg #dbb-logo { top: 28px; left: 700px }
	.rowcontainer { width: 1120px }
		.threequartercolumn { float: left; width: 790px; overflow-x: hidden }
		.quartercolumn { float: right }
}

@media (max-width: 1119px) and (min-width: 800px) { /* MEDIUM */
	.visible-lg { display: none }
	.visible-md { display: block !important }
	.visible-sm { display: none }
	.visible-xs { display: none }
	.hidden-lg { display: block }
	.hidden-md { display: none !important }
	.hidden-sm { display: block }
	.hidden-xs { display: block }
	h1, h2, h3 { margin-left: 10px; margin-right: 10px }
		h1 { font-size: 1.3em; line-height: 1.4em }
		h2 { font-size: 1.0em; line-height: 1.4em }
		h3 { font-size: 0.8em; line-height: 1.4em }
	p { font-size: 0.8em; line-height: 1.4em }
	#masthead { height: 194px }
		#hdrimg { height: 190px }
			#hdrimg #home-link { position: absolute; left: 10px; top: 100px }			
			#hdrimg ul.menu { top: 165px }
			#hdrimg #dbb-logo { top: 28px; left: 700px }
	.rowcontainer { width: 100% }
		.threequartercolumn { float: left; width: 790px; overflow-x: hidden }
	#mobile-widgets, #mobile-widgets .widget { padding-bottom: 0 }
}

@media (max-width: 799px) and (min-width: 630px) { /* SMALL */
	.visible-lg { display: none }
	.visible-md { display: none }
	.visible-sm { display: block !important }
	.visible-xs { display: none }
	.hidden-lg { display: block }
	.hidden-md { display: block }
	.hidden-sm { display: none !important }
	.hidden-xs { display: block }
	h1, h2, h3 { margin-left: 0; margin-right: 0 }
		h1 { font-size: 1.5em; line-height: 1.6em }
		h2 { font-size: 1.3em; line-height: 1.4em }
		h3 { font-size: 1.0em; line-height: 1.2em }
	p { font-size: 1.0em; line-height: 1.2em }
	#masthead { height: 88px }
		#hdrimg { height: 90px }
			#hdrimg #home-link { float: left; margin: 0 0 0 10px }
			#hdrimg ul.menu { top: 75px }
			#hdrimg #dbb-logo { top: 14px; right: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right }
	.rowcontainer { width: 100%; padding-top: 0 !important }
		.threequartercolumn { float: left; width: 100%; overflow-x: hidden; padding-top: 0 !important }
			.entry { margin-right: 12px }
			.entry img.alignnone, .entry img.aligncenter { float: none !important; margin: 0 !important; width: 100%; height: auto }
			.entry .ngg-galleryoverview { }
				.entry .ngg-galleryoverview br { display: none !important; clear: none !important }
				.entry .ngg-galleryoverview .pic img { }
	#mobile-widgets h2 { margin: 0 10px }
	#mobile-widgets form { margin-top: 4px }
	#mobile-widgets .widget_text { margin-right: 10px !important }
}

@media (max-width: 629px) { /* EXTRA SMALL */
	.visible-lg { display: none }
	.visible-md { display: none }
	.visible-sm { display: none }
	.visible-xs { display: block !important }
	.hidden-lg { display: block }
	.hidden-md { display: block }
	.hidden-sm { display: block }
	.hidden-xs { display: none !important }
	h1, h2, h3 { margin-left: 0; margin-right: 0 }
		h1 { font-size: 1.5em; line-height: 1.6em }
		h2 { font-size: 1.3em; line-height: 1.4em }
		h3 { font-size: 1.0em; line-height: 1.2em }
	p { font-size: 1.0em; line-height: 1.2em }
	#masthead { height: 70px }
		#hdrimg { height: 72px }
			#hdrimg #home-link { float: left; margin: 0 0 0 10px; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); transform-origin: left top; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top }
			#hdrimg ul.menu { top: 55px }
			#hdrimg #dbb-logo { top: 13px; right: 0; transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right }
	.rowcontainer { width: 100%; padding-top: 0 !important }
		.threequartercolumn { float: left; width: 100%; overflow-x: hidden; padding-top: 0 !important }
			.entry { margin-right: 12px }
			.entry img.alignnone, .entry img.aligncenter { float: none !important; margin: 0 !important; width: 100%; height: auto }
			.entry .ngg-galleryoverview { }
				.entry .ngg-galleryoverview br { display: none !important; clear: none !important }
				.entry .ngg-galleryoverview .pic img { }
	#mobile-widgets h2 { margin: 0 10px }
	#mobile-widgets form { margin-top: 4px }
	#mobile-widgets .widget_text { margin-right: 10px !important }
}

.sprite { background-image: url('images/sprite_new.png'); background-repeat: no-repeat }
body { margin: 0; padding: 0; background: #000000 url('images/line_vert.png') 796px 0px repeat-y; }

* { margin: 0; padding: 0; border: 0px none; font-family: Arial, Helvetica, sans-serif }

/*------------Basic styles------------*/

h1, h2, h3, span#copyright, span#design { display:block; color: #fff; font-weight: normal; text-decoration: none; background: transparent }

p { margin: 0 0 1em; padding: 0 }

div { padding: 10px 0;}

/*-------------Layout----------------*/

#masthead { width: 100%; margin: 0 0 5px 0; background: #000 url('images/line_horz.png') bottom left repeat-x }
	#hdrimg { padding: 0; background: #000 }
		#hdrimg #dbb-logo { position: absolute; margin: 0; padding: 0; width: 220px; height: 180px; background: url('images/dbb_logo_header.png') 0 0; background-repeat: no-repeat; background-size: contain }
		html>body #hdrimg { }
	span.validation {  position: absolute; top: 172px; left: 803px; line-height: 15px; height: 15px } /* places the validation buttons */
		.validation img { margin: 0; padding: 0; } /* floats the validation buttons */
		.validation a#validate-rss { background-position: -250px -60px }
		.validation a#validate-comments { background-position: -250px -85px }

.rowcontainer {	margin-bottom: 0px; overflow: hidden; padding-bottom: 0px }

#bttmbar { float: left; width: 100%; background: #000000 url('images/line_horz.png') top left repeat-x }     /* Bottom copyright bar */
	#footer { max-width: 1100px }
		span#copyright { margin: 0 10px; font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 12px; line-height: 25px }  /* copyright styles */
		span#design { margin: 0 10px; font-family: "Courier New", Courier, monospace; font-weight: bold; float: right; font-size: 12px; line-height: 25px }  /* design link */
			span#design a, span#copyright a { font-family: "Courier New", Courier, monospace; }
	#bttmbar-ads { clear:both; width: 580px; height: 70px; margin: 5px auto; border: 2px solid white; padding: 5px; }
		.bttmbar-ad-column { display: inline-block; float: left; width: 183px; padding: 0px 5px; line-height: 14px; font-size: 12px; }
			#bttmbar-ads a { color: #FFFFFF; text-decoration: underline; }
				#bttmbar-ads a:hover { color: #ec008c; text-decoration: underline; }

/*-----Ad Block Styles--------*/

#adblock-top { position: absolute; z-index: 20; width:728px; height:90px; top: 8px; left: 10px; padding: 0px }
	#adblock-top > div, #adblock-top > div img, #adblock-top > div img a { margin: 0; padding: 0 }
#adblock-side { width:300px; padding: 0px; margin: 10px 0px 20px 15px }
	#adblock-side img, #adblock-side img a { margin: 0px; padding: 0px; }

/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 99%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 49%;}		/* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 33%; }		/* One third width column for a three column site */

/*------------------------------Main Navigation------------------------------------------*/

#home-link { width: 500px; padding: 0 }
	#home-link.blog { background-position: -4px -3px }
	#home-link.tv { background-position: -4px -65px }
	#home-link.bsides { background-position: -4px -129px }
	#home-link.roadtrip { background-position: -4px -192px }
		#home-link img { margin: 0; padding: 0; border: none }
		#home-link a, #home-link img a { display: block; line-height: 1; text-decoration: none }

#nav { position: absolute; top: 160px; left: 0px; height: 25px; width: 750px }

ul#nav  { margin: 0px }

#nav li  /* Main nav list items */
{
	font-size: 13px;
	float: left;
	margin-left: 5px;
	list-style: none;
	text-align: center;
	line-height: 25px; /* height of the tab */
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}
#nav-home a  { background-position: -250px 0; width: 50px }
#nav-home a:hover, #nav-home a#current { background-position: -250px -25px; width: 50px }

#nav-about a  { background-position: -300px 0; width: 45px }
#nav-about a:hover, #nav-about a#current { background-position: -300px -25px; width: 45px }

#nav-faq a  { background-position: -350px 0px; width: 35px }
#nav-faq a:hover, #nav-faq a#current { background-position: -350px -25px; width: 35px }

#nav-photos a  { background-position: -385px 0px; width: 60px }
#nav-photos a:hover, #nav-photos a#current { background-position: -385px -25px; width: 60px }

#nav-contact a  { background-position: -445px 0px; width: 60px }
#nav-contact a:hover, #nav-contact a#current { background-position: -445px -25px; width: 60px }

#nav-bsides a  { background-position: -508px 0px; width: 58px }
#nav-bsides a:hover, #nav-bsides a#current { background-position: -508px -25px; width: 58px }

/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

blockquote { border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 10px; margin: 1em }


/* lists */
ul { margin: 5px 0 5px 35px; list-style: none }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #fff; font-size: 11px; line-height: 1.4em }

hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 10px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

/*-------------------------------------------------------------------------------*/

/* Modification done to basic theme */
/* Added */

.bottomcontainerBox { height: 20px; padding: 0 }
.bottomcontainerBox div { padding: 0; height: 20px }

form label {
	display: inline-block;
	width: 75px;
	font-family: "Courier New", Courier, monospace;
	text-align: right;
	color: #FFFFFF;
}

.widget_search form { padding: 10px 0 }

form span.screen-reader-text { display: none }

form input[type="search"], form input[type="text"] {
	border: 2px;
	padding: 0 3px;
	font-family: "Courier New", Courier, monospace;
	line-height: 18px;
}
form input[type="submit"] {
	text-transform: uppercase;
	font-weight: bold;
	background: #FFFFFF;
	padding: 0 3px;
	line-height: 18px;
	vertical-align: bottom;
}

h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

a {
    font-weight: bold;
    color: #ec008c;
    text-decoration: none; 
}
    
 a:hover {
    color: #ec008c;
    text-decoration: underline; 
}
	
h3.entrytitle, h3.entrytitle a { margin: 0 0 5px 0; font-family: Oswald, sans-serif; font-weight: 400; font-size: 25px; line-height: 25px; letter-spacing: 0.03em; color: #fff; text-decoration: none; text-transform: uppercase }
	h3.entrytitle a:hover{ color: #ec008c }
    
h3 a {
    text-decoration: none;
    border: 0px none;
    color: #ec008c; 
}
div .entrybody h3, div .entrybody h2{
	margin-bottom:5px;
	color:#ec008c;
}
    
h3 a:hover {
    text-decoration: none;
    border: 0px none;
    color: #fff;
}

.firstpost span.comments_link, .entrybody span.comments_link {
	margin-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	clear: both;
	display: block;
	padding-top: 1em;
}
.firstpost {
	border: none;
	margin-left: 12px;
	padding-bottom: 5px;
	margin-bottom:15px;
	color: #FFFFFF;
}
.entry{
	border: none;
	margin-left: 12px;
	padding-bottom: 5px;
	margin-bottom:10px;
	color: #FFFFFF;
}

.entrybody {
	padding-top: 0;
}

.arc {
	border: none;
	margin-left: 12px;
	padding-bottom: 5px;
	color:#FFFFFF;
	margin-bottom:15px;
}
.entrymeta {
	padding: 0;
	font-size: 11px;
	margin-left: 0px;
	margin-bottom: 15px;
	color:#FFFFFF;
}

.entry ul, .entry ol{
margin-left:30px;
list-style:disc;
margin-top:10px;
margin-bottom:10px;
}
.entry ul li, .entry ol li {
	padding-top:5px;
	line-height:1.5em;
	}

/* comments*/
h2#comments{
	padding:2px;
	margin-bottom:10px;
	margin-top:0;
	font-size: 100%;
	color:#fff;
	font-family: Oswald, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.03em
}
#commentblock {
	padding: 20px;
	color:#fff;
	clear: both;
}

ol#commentlist {
	margin-top:0px;
	padding: 5px;
	margin-left: 20px;
	color: #fff;
	font-size:0.9em;
}

#commentlist li  p{
	margin-bottom: 8px;
	line-height: 20px;
	padding:0;
}

.commentname {
	margin: 0;
	padding: 0  0 2px 0;
	font-weight: bold;
}

.commentinfo{
	margin-top: 3px;
	margin-bottom: 5px;
}

.commenttext {
	clear: both;
	margin-top: 0px;
	margin-bottom: 30px;
	border-top: none;
	line-height:12px;
	color: #fff;
	padding: 5px;
}

.commenttext-admin {
	clear: both;
	margin-top: 0px;
	margin-bottom: 30px;
	border-top: none;
	line-height:12px;
	color: #fff;
	padding: 5px;
}

#commentsformheader{
	padding-left:18px;
	color:#ec008c;
}

#commentsform{
	margin-top:0;
	text-align:center;
	padding:0px 10px;
}

#commentsform form{
	text-align:left;
	margin:0px;
}

#commentsform p{
	margin:5px;
}

#commentsform form textarea{
	width:99%;
}
.comments_link a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Sidebar styling*/

#sidebar {
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	color:#fff;
	border: none;
	width: 300px;
	word-wrap:break-word;
}

#sidebar > div { padding: 0 }

#sidebar h2 {
	font-family: Oswald, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	margin: 10px 0 5px 0;
}
#sidebar p{
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	margin: 2px;
	}
#sidebar a {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	color:#fff;
	text-decoration:none;
}
#sidebar a:hover {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	color:#ec008c;
	text-decoration:none;
}

#sidebar ul { margin: 0; padding: 0; list-style-type: none }

#sidebar ul li {
	font-family: "Courier New", Courier, monospace;
	margin: 0
}
	
#sidebar .widget_text a { font-size: 25px; line-height: 25px; padding-right: 5px }
	
/*Collapsing Archives*/

#sidebar span.collapsing.archives { border:0; padding:0; margin: 10px 5px 0 0; cursor:pointer } 
#sidebar li.collapsing.archives { margin-left: 5px }
	#sidebar li.collapsing.archives > div { padding: 0 }
	#sidebar span.monthCount, span.yearCount {text-decoration:none; color:#333}
	#sidebar li.collapsing.archives a.self {font-weight: bold}
	#sidebar ul.collapsing.archives.list ul.collapsing.archives.list:before {content: '';} 
	#sidebar ul.collapsing.archives.list li.collapsing.archives:before {content: '';} 
	#sidebar ul.collapsing.archives.list li.collapsing.archives {list-style-type: none }
	#sidebar ul.collapsing.archives.list li { margin: 0 0 0 .8em }
	#sidebar ul.collapsing.archives.list li > div ul li a { display: block; text-indent: 20px }
	#sidebar ul.collapsing.archives.list li.collapsing.archives.item:before {content: '\00BB \00A0' !important;} 
	#sidebar ul.collapsing.archives.list li.collapsing.archives .sym {font-size:1.2em; font-family:Monaco, 'Andale Mono', 'FreeMono', 'Courier new', 'Courier', monospace;cursor:pointer;padding-right:5px;}

#sidebar ul li.DisplayCategoriesWidget::after { clear: both; content: ''; display: block; }
/*Twitter Messages*/

li#tweets div.tweets {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

.tweets .content_tweets {
	margin-left: 15px;
	padding: 0;
	width: 275px;
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
}

.content_tweets .tweet {
	padding: 5px 0px;
	line-height: 1.1em;
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
}

.content_tweets .tweet .mt_text, .content_tweets .tweet .time { font-family: "Courier New", Courier, monospace;	font-size: 1em; padding: 0 }

li#tweets ul li a { color: #ec008c; text-decoration: none; }
	li#tweets ul li a:hover { color: #ec008c; text-decoration: underline; }

.aktt_tweet_time { font-size: 0.8em; font-style: oblique }
li#tweets ul li span.aktt_tweet_time a { color: #fff; text-decoration: none; }
	li#tweets ul li span.aktt_tweet_time a:hover { color: #ec008c; text-decoration: none; }

#mti_wfs_colophon a img { display: none }

.yarpp-related { }
	.yarpp-related:before { content: '' !important; }
	.yarpp-related:after { clear: both; content: ''; display: block }
	.yarpp-related h3 { font-size: 15px }
	.yarpp-related ol { margin: 0; padding: none; list-style-type: none }
		.yarpp-related ol li { padding: 0 10px; float: left; font-size: 15px; line-height: 18px; width: 120px }
			.yarpp-related ol li img { margin: 0; border: 5px solid #ec008c; box-sizing: border-box; width: 120px; height: 120px }
	
	.yarpp-related li:hover img, .yarpp-related li:hover a { border-color: #fff; color: #fff }

/* Mobile Styles */
#mobile-widgets { }
	#mobile-widgets .widget_search { float: left }
		#mobile-widgets .widget_search h2.widgettitle { font-weight: bold; float: left }
		#mobile-widgets .widget_search form.search-form { float: left; padding: 0 !important }
			#mobile-widgets .widget_search  form.search-form div { padding: 0 }
			#mobile-widgets .widget_search  form.search-form span.screen-reader-text { display: none }
		#mobile-widgets .widget_search form::after { clear: both; content: ''; display: block }
	#mobile-widgets .widget_text { float: right; font-size: 1.4em; line-height: 1.4; margin: 0 }
		#mobile-widgets .widget_text .textwidget { padding: 0 }
			#mobile-widgets .widget_text .textwidget a { color: #FFF !important }
				#mobile-widgets .widget_text .textwidget a:hover { color: #ec008c !important; text-decoration: none !important }

/*NextGEN Gallery*/
.ngg-galleryoverview { padding: 0 }
	.ngg-galleryoverview > div, .ngg-galleryoverview > div > div { padding: 0 }
	.ngg-navigation { margin: 10px 0 }
.ngg-imagebrowser { padding: 0 }
	.ngg-imagebrowser > div, .ngg-imagebrowser > div > div { padding: 0 }
	.ngg-imagebrowser h3 { display: none }
	.ngg-imagebrowser-nav { }
		.ngg-imagebrowser-nav a { }
			.ngg-imagebrowser-nav a:hover { text-decoration: none; color: white }
			
/*New Image-less Menu*/
ul.menu { position: absolute; left: 12px; margin: 0; padding: 0; list-style-type: none; height: 20px }
	ul.menu li { float: left; padding-right: 10px; font-size: 0.9em }
		ul.menu li a { display: block; font-family: Oswald, sans-serif; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; text-decoration: none }
			ul.menu li a:hover, ul.menu li.current-menu-item a { color: #ec008c }

/*NextGen Gallery Styles */

/* ----------- Image browser style -------------*/
.ngg-imagebrowser { }
	.ngg-imagebrowser h3 { text-align: center }
	.ngg-imagebrowser-desc { clear: both;}
	.ngg-imagebrowser .pic { max-width: 100%;  margin-top: 10px;  margin-bottom: 10px;  border: 1px solid #A9A9A9;}
		.ngg-imagebrowser .pic a { display: block !important;  font-size: 0px;  margin: 5px;  text-align: center;}
	.ngg-imagebrowser img {	max-width: 100%; margin: 0; padding: 0; border: none;}
.ngg-imagebrowser-nav { padding: 5px;}
	.ngg-imagebrowser-nav .back { float: left; border: 1px solid #DDDDDD; padding: 3px 7px;}
	.ngg-imagebrowser-nav .next { float: right; border: 1px solid #DDDDDD; padding: 3px 7px;}
.ngg-imagebrowser-nav .counter { text-align: center; font-size: 0.9em !important;}
.exif-data { margin-left: auto !important; margin-right: auto !important;}

/* ----------- Gallery navigation -------------*/
.ngg-navigation { font-size: 0.9em !important; clear: both !important; display: block !important; padding-top: 15px !important; padding-bottom: 3px; text-align: center; }
	.ngg-navigation span { font-weight: bold; margin: 0pt 6px; }
	.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { border: 1px solid #DDDDDD; margin-right: 3px; padding: 3px 8px; text-decoration: none; }
		.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; }
.ngg-clear { clear: both; }

/* ----------- Gallery style -------------*/
.ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear: both; display: block !important; }
	.ngg-galleryoverview .desc { /* required for description */ margin: 0px 10px 10px 0px; padding: 5px; }
	.ngg-gallery-thumbnail-box { float: left; margin-right: 5px; }
	.ngg-template-caption .ngg-gallery-thumbnail-box { margin-right: 0px; }
	.ngg-gallery-thumbnail { float: left; text-align: center; }
		.ngg-gallery-thumbnail img { background-color: #FFFFFF; border: 1px solid #A9A9A9; display: block; margin: 4px 0px 4px 4px; padding: 4px; position: relative; }
			.ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; }
		.ngg-gallery-thumbnail span { /* Images description */ font-size: 90%; padding-left: 5px; display: block; }

/* ----------- Gallery list (Carousel template) -------------*/
.ngg-galleryoverview ul li:before { content: '' !important; }
	.ngg-gallery-list { list-style-type: none; padding: 0px !important; text-indent: 0px !important; }
	.ngg-galleryoverview div.pic img { width: 100%; 	border: 0px; 	border-radius: 0px; }
	.ngg-gallery-list li { float: left; margin: 0 2px 0px 2px !important; overflow: hidden; }
		.ngg-gallery-list li a { border: 1px solid #CCCCCC; display: block; padding: 2px; }
			.ngg-gallery-list li.selected a { -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000000 none repeat scroll 0 0; }
		.ngg-gallery-list li img { height: 40px; width: 40px; }
	li.ngg-next, li.ngg-prev { height: 40px; width: 40px; font-size: 3.5em; }
		li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; }
 
/* ----------- Trigger Buttons ------------- */
.ngg-trigger-buttons { clear: both; text-align: right; font-size: 12px; line-height: 1em; margin: 0 }
	.ngg-trigger-buttons.hidden { display: none }
	.ngg-trigger-large { font-size: 16px; margin: 0 10px }
		.ngg-trigger-large .ngg-trigger { }
	.ngg-trigger-buttons .ngg-trigger { margin-left: 0.3em; cursor: pointer }
		.ngg-trigger-buttons .ngg-trigger:active, .ngg-trigger-buttons .ngg-trigger:focus, .ngg-trigger-buttons .ngg-trigger:visited, .ngg-trigger-buttons .ngg-trigger { color: #999 }
		.ngg-trigger-buttons .ngg-trigger:hover { color: #333 }

/* small exception for slideshows/filmstrip adjustments... seems kind of overkill to create 2 extra stylesheets just for a 2 liners fix */
.galleria.photocrati-nextgen_pro_horizontal_filmstrip { margin-bottom: 5px }

@media screen and (min-width: 0px) and (max-width: 1024px) {
	.ngg-trigger-buttons.mobile-hide { display: none }
}