/*
Theme Name: Ken's Quiz Site v3
Theme URI: http://www.kensquiz.co.uk/
Description: A custom theme for the third design iteration of Ken's Quiz Site
Author: oshingler
Author URI: http://www.olivershingler.com/
Version: 1.0
Tags: quiz

License:
License URI:

General comments (optional).
*/

#page {
    width: 100%;

}


	
a img {
    border: none;
}
body {
	padding: 10px;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background-image: url(images/bg-master.jpg);
	background-color: rgb(235, 232, 217);
	background-attachment: fixed;
	background-clip: border-box;
	background-origin: padding-box;
	background-position-x: left;
	background-position-y: top;
	background-repeat: repeat-x;
	background-size: auto;
}
a:link, a:active, a:visited {
	text-decoration: underline;
	color: #274749;
}
a:hover {
	color: #367074;
}


	
/* *************************************************** */
/* Header */
/* *************************************************** */
.site-header {
    /*border: 2px solid green;*/
    text-align:center;
}
.header-image-black {
	display: none;
}


.header-image {
	max-width: 100%;
    max-height: 100%;
    text-align: center;
    border: none;
    /*border: 1px solid black;*/
}

/* Hide Akismet Smiley */
img#wpstats{width:0px;height:0px;overflow:hidden}

/* *************************************************** */
/* Drop-down Menu */
/* *************************************************** */
#navmenu {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    /*background: #b9c6ff;*/
	background: white;
    margin-top: 0px;
    margin-bottom: 0px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border: 1px solid black;


}
#navmenu .menu-header,
div.menu {
	font-size: 0.9em;
	font-family: Verdana, Arial;
	font-weight: bold;
}
#navmenu .menu-header ul,
div.menu ul {
	list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
	margin-left: auto;
    margin-right: auto;
	padding: 0;
    width:100%;

}
#navmenu .menu-header li,
div.menu li {
    display: inline-block;
	position: relative;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
#navmenu a {
	color: #000;
	display: inline-block;
	line-height: 38px;
    margin-left: 0px;
    margin-right: 0px;
	text-decoration: none;
	text-align: center;
    width: 140px;
}
#navmenu ul ul {
	display: none;
	position: absolute;
	top: 38px;
	float: left;
	z-index: 99999;
}
#navmenu ul ul ul {
	left: 100%;
	top: 0;
}
#navmenu ul ul a {
	color: #000;
	display: block;
	line-height: 37px;
	text-decoration: none;
	text-align: center;
	background: white;
	border: 1px black solid;
	width: 138px;
	margin-top: -1px;
}
#navmenu .sub-menu  {
	/*-moz-box-shadow: 5px 5px 5px black;
	-webkit-box-shadow: 5px 5px 5px black;
	box-shadow: 5px 5px 5px black;	*/
}
#navmenu li:hover > a,
#navmenu ul ul :hover > a {
	/*background: #99acfc;*/
	background: #cc9999;
	color: #000;
	-moz-border-radius: 0;
	border-radius: 0;
}
#navmenu ul ul :hover > a {
	margin-left: 0px;
}
#navmenu ul li:hover > ul {
	display: block;
}
#navmenu ul li.current_page_item > a,
#navmenu ul li.current-menu-ancestor > a,
#navmenu ul li.current-menu-item > a,
#navmenu ul li.current-menu-parent > a {
	/*background: #989898;*/
    /*background: #4d6fff;*/
	background: #a66868;
	/*background-image: linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -o-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -moz-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -webkit-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -ms-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #367074), color-stop(0.9, #274749) );*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274749', endColorstr='#367074',GradientType=0 );*/
}
* html #navmenu ul li.current_page_item a,
* html #navmenu ul li.current-menu-ancestor a,
* html #navmenu ul li.current-menu-item a,
* html #navmenu ul li.current-menu-parent a,
* html #navmenu ul li a:hover {
	/*background-image: linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -o-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -moz-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -webkit-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -ms-linear-gradient(bottom, #367074 33%, #274749 90%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #367074), color-stop(0.9, #274749) );*/
}



/* *************************************************** */
/* Main */
/* *************************************************** */

#middle_column {
    /*background: #fff;    */
    overflow: hidden;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    overflow:hidden;
    width: 90%; 
}


.entry {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 20;
	/*border: 1px solid white;*/
}

.headerpadding {
	padding-top: 16px;
}

.pageheader {
	padding-top: 16px;
}

#quizbackgroundimagediv {
	position: relative;
	margin-left: -5px;
	margin-right: -5px;
	z-index: -2;
	margin-top: -16px;
    opacity: 0.4;
}

#quizbackgroundimagediv  img, #quizbackgroundimagegradient img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;

}


#quizbackgroundimagegradient {
	position: relative;
	margin-left: -5px;
	margin-right: -5px;
	z-index: -1;
	margin-top: -16px;
	background: blue;
}

.hidden {
	opacity: 0.0;
}

.post {
	background: white;
	margin-top: 10px;
	border: 1px solid black;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;	
	min-height: 500px;
}

.entry-title {
	/*padding-top: 16px;*/
}

.dropshadow {
	-moz-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	-webkit-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	box-shadow: 2px 2px 2px rgba(104,104,104,0.56);   
}


/* *************************************************** */
/* Mobile Adverts (Responsive) */
/* *************************************************** */
/*#advert_top_468 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}*/
/*
#advert_top_320 {
	height: 50px;
}*/
.mobile_responsive_advert {
    margin-top: 5px;
    margin-bottom: 5px;
}


/* *************************************************** */
/* Footer */
/* *************************************************** */
#footer {
	clear: both;
	width: 100%;
	text-align:center;
}

.kensquizsite_footerwidgetzone {

}

.kensquizsite_footerwidgetzone img {
	max-width:100%;
	max-height:100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/* *************************************************** */
/* Sidebar */
/* *************************************************** */
.kensquizsite_sidebar {
    width: 160px;
    display: inline-block;
	/* margin: none;*/
}

#left-sidebar {
    float: left;
}

#right-sidebar {
    float: right;
    padding-right: 2px;
    padding-bottom: 5px;
}








/* *************************************************** */
/* Sidebar Widgets */
/* *************************************************** */
.kensquizsite_widget {
    padding: 0px;
    vertical-align: top;
	border: 1px solid black;
	overflow: hidden;	
    background: white;
}

.kensquizsite_widget a {
    padding: 0px;
    margin: 0px;
}

.kensquizsite_widget img {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.kensquizsite_sidebarwidget {
    margin-top: 20px; 
	background: #cc9999;
	/*padding-right: 3px;	*/
}

.kensquizsite_sidebarwidget h2 {
	background: #a66868;
    width: 156px;
    font-size: 1em;
    margin: 0px;
    padding: 2px;
    color: #fff;
}

/*.kensquizsite_latestquizzessmallwidget ul {*/
.kensquizsite_sidebarwidget ul {
    padding-left: 18px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style-type: square;
}

/*.kensquizsite_latestquizzessmallwidget li {*/
.kensquizsite_sidebarwidget li {
    margin-left:0;
    padding: 0;
    margin-top: 2px;
    margin-bottom:  2px;
    text-indent:2px;
} 

.kpq_advert_image {
	margin: none; !important
	padding-right: 1px; !important
}

.kpq_advert_link {

}

.textwidget {
	margin-bottom: -3px;
}


/* *************************************************** */
/* Quiz Sheet Engine Styles */
/* *************************************************** */
/*  Page Title:             kensquizsite_pagetitle
    Category Information:   kensquizsite_categoryinfo

    Question List:          kensquizsite_questionlist
    Question List Item:     kensquizsite_questionlistitem
    Question List Question: kensquizsite_questionlist_question
    Question List Answer:   kensquizsite_questionlist_answer

    Get Answers Text:       kensquizsite_questionlist_getanswerstext
    Get Answers Link:       kensquizsite_questionlist_getanswerslink

    Category List:          kensquizsite_categorylist
    Category List Item:     kensquizsite_categorylistitem
    Category List Link:     kensquizsite_categorylistlink
    Category List Text:     kensquizsite_categorylisttext

    Category Page Text:     kensquizsite_categoryinfotext
    Quiz List Publish Date: kensquizsite_publishedtext
    
    
*/

.kensquizsite_categorylist a {
    font-size: 1.2em;
    display: inline-block;
}

.kensquizsite_categorylist li {
    margin-bottom: 10px;
    list-style-type: square;    
}

.kensquizsite_categorylisttext {
    display:block;
}

.kensquizsite_questionlist_answer {
    display: block;
    font-weight: bold;
    font-style: italic;
}

.kensquizsite_questionlist li {
    margin-bottom: 7px;
}

.kensquizsite_questionlist_question {
    font-size: 1.2em;
}

.kensquizsite_questionlist_getanswerstext {
    display: block;
    text-align: center;
    font-weight: bold;
}
.kensquizsite_questionlist_getanswerslink {
    display: block;
    text-align: center;
    font-size: 1.4em;
}

.kensquizsite_publishedtext {
    color: #808080;
	font-size: 0.7em;
}

#kensquiz_latestpost {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
    padding: 10px;
    overflow: hidden;
	background: white;
}

.kensquizsite_printbutton {
    width:125px;
    height: 25px;
    font-size: 10px;
    border-style:ridge;
    margin: 0px;
	padding: 0px;
}

.kensquizsite_printandpdf {
	display: block;
}

.kensquizsite_quizblurb {
	display: block;
	margin-top:8px;
	margin-bottom: 8px;
}

.kensquizsite_buttonform {
	display: inline;
}

/* *************************************************** */
/* Latest Quizzes Widget */
/* *************************************************** */


.kensquizsite_latestquizzessmallwidget {

} 

.kensquizsite_latestquizzessmallwidget a {
    /*font-weight: bold;*/
    text-decoration: none;
    color: #000000;
    /*font-size: 0.8em;*/
    margin-left: -3px;
} 

.kensquizsite_latestquizzessmallwidget a:hover {
    text-decoration: underline;
} 

.kensquizsite_latestquizzessmallwidget_ul ul {
	list-style-position: inside; !important
}

.kensquizsite_latestquizzessmallwidget_li li {

}




/* *************************************************** */
/* Front Page Latest Quizzes Widget */
/* *************************************************** */
.kensquizsite_frontpagewidget {
	width: 250px;
	vertical-align: top;
    display: inline-block;
	margin-top: 10px;
    margin-bottom: 20px;
}


#frontpage-widgets {
    /*text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	border: 1px solid green;*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 			   /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-box-align: stretch;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
}

#frontpage-widgets:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.kensquizsite_frontpagewidget h2 {
    /*background: #eeeeee;*/
    font-size: 1.1em;
    margin: 0px;
    padding: 3px;
    color: #000;
    /*border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;*/
    text-align: left;
    text-decoration: none;
}

.kensquizsite_frontpagewidget a {
    text-decoration: none;
}

.kensquizsite_frontpagewidget a:hover {
    text-decoration: underline;
}

.kensquizsite_widgetimage {
	max-width: 100%;
    max-height: 100%;
}

.kensquizsite_frontpagewidget:hover img.kensquizsite_widgetimage {
	opacity: 0.5;
}

/*.kensquizsite_widgetimage:hover {
	opacity: 0.5;
}*/

.kensquizsite_latestquizzeslargewidget {
    text-align: left;
}

.kensquizsite_latestquizzeslargewidget ul {
    padding-left: 28px;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 10px;
    list-style-type: square;    
}

.kensquizsite_latestquizzeslargewidget li {
    margin-left:0;
    padding: 0;
    margin-top: 2px;
    margin-bottom:  2px;
    text-indent:2px;
}

.fakewidget {
	border: none !important;
}

.fakewidgetwrapper {
		justify-content: space-around !important;
		-webkit-justify-content: space-around !important;
}
/* *************************************************** */
/* Comments Form */
/* *************************************************** */

#comments-area {
	background: white;
	padding:0 5px 0 5px;
	-moz-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	-webkit-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	border: 1px solid black;
	margin-bottom: 15px;
}

#respond { 
	/*background: #b9c6ff;*/
	/*background: #cc9999;
	padding:0 5px 0 5px;
	-moz-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	-webkit-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	border: 1px solid black;
	margin-bottom: 15px;*/
}

/* Highlight active form field */

#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
 
#respond input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#author {
	display:block;
	clear:both;
} 

#email  { 
	display:block;
	clear:both;
}

#comment  { 
	display:block;
	clear:both;
}


#submit {
/*font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px;
text-decoration: none;
box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#006ad4), to(#003366));
background: -moz-linear-gradient(top, #006ad4, #003366);*/
} 

#submit:hover {
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#003366), to(#006ad4));
  background: -moz-linear-gradient(top, #003366, #006ad4)*/
}

/* *************************************************** */
/* Comments List */
/* *************************************************** */

li.comment {
	background-color:#cc9999;
	border: 1px solid grey;
	padding-bottom: 15px;
	margin-bottom: 5px;
	padding-top: 5px;
	-moz-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	-webkit-box-shadow: 2px 2px 2px rgba(104,104,104,0.56);
	box-shadow: 2px 2px 2px rgba(104,104,104,0.56);	
}

/*.comment-author {
	background-color:#b9c6ff;
	font-size: 1.2em;
}*/

.comment-author {
	font-size: 1.2em;
	font-weight: bold;
}

.comment .avatar {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.comment-awaiting-moderation {
	color: #FF0000;
	font-size: 0.8em;
}

.comment-meta,
.commentmetadata,
.reply,
.comment p {
	padding-left:10px;
	padding-right:10px;
}

.comment ul.children {
	margin-right:10px;
	margin-top:10px;
	list-style: none;
}

.comment ul.children li.comment {
	background-color:#FFFFFF;
}

/* *************************************************** */
/* Responsive */
/* *************************************************** */

/* All screens under 720px */
@media screen and ( max-width: 720px ) {
	body {
		padding:0;
	}
	
	.post {
		margin-left: 0px;
		margin-right: 0px;
	}
	.dropshadow {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#middle_column {
		padding: 0;
		margin: 0;
	}
	
	#wrapper {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	
	 /* Hide sidebars below 720 pixels */
    .kensquizsite_sidebar {
        display: none;
    }
	

}

/* narrow screens between 468 and 720 px */
@media screen and ( max-width: 720px ) and ( min-width: 512px ) {
    /*#advert_top_468 {
        margin-top: 5px;
        margin-bottom: 5px;    
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }*/
    /*#advert_top_320 {
        display: none;
    }*/
	/*#middle_column {
		padding-left: 5px;
		padding-right: 5px;
	}*/		
}

/* larger screens over 721px */
@media screen and ( min-width: 721px ) {
    /*#advert_top_468 {
        display: none;
    }*/
    /*#advert_top_320 {
        display: none;
    }*/

	#middle_column {
		padding-left: 20px;
		padding-right: 20px;
	}		
	
	/* Show sidebars over 721 pixels */
    .kensquizsite_sidebar {
        display: inline-block;
    }
	
	#left-sidebar {
		display: inline-block;
	}


    #wrapper {
        width: 90%;
    }
}

/* Just narrow screens */
/*@media screen and ( max-width: 467px ) {*/
@media screen and ( max-width: 511px ) {
    /*#advert_top_320 {
        margin-top: 5px;
        margin-bottom: 5px;    
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: 320px;
    }*/
    /*#advert_top_468 {
        display: none;
    }*/

	.kensquizsite_frontpagewidget {
		width: 100%;
	}
}


/* Stop the menu from taking up more than one line by increasing the width */
@media screen and ( max-width: 1024px) {
    #navmenu {
        width: 100%;
    }
	#wrapper {
        width: 100%;
    }
}

/* When the menu changes to mobile drop-down, remove the right sidebar too */
@media screen and ( max-width: 850px) {
	#right-sidebar {
		display: none;
	}
	/*
    #advert_top_468 {
        margin-top: 5px;
        margin-bottom: 5px;    
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: 468px;
    }*/		
}

@media screen and (min-width: 851px) {
	.mobile_responsive_advert {
		display: none !important;
	}
}


@media screen and ( max-width: 1282px) {
	#frontpage-widgets {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex; 			   /* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex-wrap: wrap;
		justify-content: space-around;
		-webkit-justify-content: space-around;
	}
}
/*
@media screen and ( min-width: 1025px) {
    #wrapper {
        width: 90%;
    }
}
*/
/*
@media screen and ( max-width: 1024px) {
    #navmenu {
        width: 100%;
    }
}

@media screen and ( min-width: 1025px) {
    #navmenu {
        width: 90%;
    }
}*/



/* *************************************************** */
/* Google Search */
/* *************************************************** */

/* For the widget and the search page search box */
#search-box
{
	width:150px;
	height: 33px;
	margin:0 auto;
	margin-top: 2px !important;
	background-color: #FFF;
	padding: 3px;
	border: 2px solid #000;
	border-radius: 4px;
}

.gsc-search-box {
	margin-top: 1px !important;
	margin-left: 1px !important;
	

}

#gsc-i-id1
{
	color:#000;
}

button.gsc-search-button
{
	padding:10px !important;
	background-color: #000 !important;
	border-radius: 3px !important;
	margin-right: 4px !important;
}

/* For the search page itself - the search box on there */
.gsc-control-cse, .gsc-resultsRoot, .gsc-webResult, .gsc-cursor-page, .gsc-adBlock {
	border: none !important;
	background-color: transparent !important;
	
}