/*   

Theme Name: Chaosoft
Theme URI: http://chaosoftgames.com
Description: Customized theme for Chaosoft Games
Author: Chaosoft Games
Author URI: http://chaosoftgames.com
Version: 3.0

*/

/*css reset*/

html, body, div, span, iframe, 
h1, h2, h3, h4, h5, h6, p, a, 
abbr, em, font, img, strong,
ol, ul, li, fieldset, form, label, table, 
tbody, tfoot, thead, tr, th, td
{
	border: 0px none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0px;
	padding: 0px;
	vertical-align: baseline;
}

ol, ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

em, i
{
	font-style: italic; 
}

strong, b
{
	font-weight: bold; 
}

html
{
	height: 100%;
	margin: 0;
	padding: 0px;
}

body
{
	height: 100%;
	margin: 0;
	padding: 0px;
	font-size: 100%;
}

/*end css reset*/

/* Body  */

* 
{ 
	margin: 0;
	padding: 0; 
}

body 
{ 
	font-size: 14px;
	background: #333;
	color: #666;
}

p 
{ 
	margin: 10px; 
}

a 
{ 
	color: #777; 
	text-decoration: none; 
}

a:hover 
{ 
color: #555; 
}

img 
{	
	max-width: 100%;
    height: auto;
}

a img 
{
	border: none; 
}

ul, ol 
{ 
	margin: 0 0 10px 0; 
}

.screen-reader-text 
{ 
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
}

.clear 
{ 
	clear: both; 
}

.group:after 
{ 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
}

* html .group, *:first-child+html .group 
{ 
	zoom: 1; 
} /* First selector = IE6, Second Selector = IE 7 */

.error 
{ 
	font-size: 28px; 
	text-align: center;
}

.featured-image 
{
	margin-top: 14px; 
	margin-right: 12px; 
	margin-bottom: 10px; 
}

/* Headlines  */

h1, h2, h3 
{ 
	font-weight: bold; 
	margin: 0px; 
}

h1 
{ 
	font-size: 36px; 
}

h2 
{ 
	font-size: 16px; 
}

h3 
{ 
	font-size: 14px; 
}

/*desktop display*/ 

@media (min-width: 1024px) 
{

#pagewrap
{
	width: 100%;
	height: auto;
	display: block;
}

#contentwrap
{
	background: #262626;
	width: 80%;
	height: auto;
	margin: 0 auto;
	min-width: 990px;
}

#contentcontainer
{
	background: #262626;
	width: 100%;
	height: auto;
	display: flex;
	min-width: 990px;
}

#content
{
	background: #262626;
	float: left;
	padding: 0px 15px;
	min-width: 670px;
	width: 100%;
}

#header
{
	background: #111;
	width: 100%;
	height: 125px;
	margin: 0 auto;
	min-width: 990px;
}

#footer
{
	background: #069;
	width: 100%;
	margin: 0 auto;
}

#afterfooter 
{
	width: 100%; 
	background: #111; 
	color: white;
	margin: auto;
	padding: 20px;
}

#afterfooterwrap 
{
	width: 980px; 
	height: 35px; 
	margin: 0 auto;
	padding: 3px;
	border-bottom: 3px solid #111;
}

#leftnav
{
	visibility: hidden;
}

#rightnav
{
	background: #262626;
	min-width: 300px;
	padding-right: 15px;
	max-width: 25%;
}

#topnav
{
	background: #036;
	width: 100%;
	height: 20px;
	min-width: 990px;
}
/* Feature Page Layout */

#featuredwrap
{
	margin: 0 auto;
	background: #212121;
}

#featured
{	
	margin: 0 auto;
	max-width: 1280px;
	height: 400px;
	display: block;
}

#featuredslider
{
	width: 50%;
	padding-top: 15px;
	float: left;
	display: block;
}

#featuredvideo
{
	width: 50%;
	float: right;
	display: block;
}

.videocontainer 
{
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin: 0 auto;
}

.videocontainer iframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 320px;
    max-width: 560px;
}

#slider.nivoSlider div.nivoslice img
{
	max-width: 100%;
	height: auto;
}

#social {

	padding-top: 30px;
	float: right;
	margin-right: 20px;
}

#socialiconsfooter
{
	margin: 0 auto;	
	padding-top: 20px;
	text-align: center;
}

#logo
{
	margin-left: 8%;	
}
	
#headertext
{
	width: 200px;	
	margin-left: 30px;
}

.textwidget p
{
	margin: 20px 0px 0px 0px;
}

#text-3
{
	height: 100%;
	margin-bottom: 50px;	
	display: flex;
	flex-direction: column;
}
#SteamWidgetMainPage 
{
	margin: 0 auto;
	padding: 0px 8%;
}

#SteamWidgetEvilQuest
{
	width: 50%;
	float: left;
	margin: 0 auto;
}

#MerchContainer
{
	margin: 0 auto;
	height: auto;
	float: left;
}

#MerchHeader
{
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
}

#MerchFooter
{
	margin: 0 auto;
	display: block;
	width: 100%;
	float: left;
}

.MerchImage
{
	width: 25%;
	height: 400px;
	float: left;
	text-align: center;
}

.MerchImage img
{
	max-width: 100%;
	height: auto;
	max-height: 300px;
}

/* Menu Nav */

#navcontainer 
{
	display: block;
	float: right;
	margin-right: 8%;
}

#sfwrapper 
{
  display: block;
}

#EQFeatured
{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 20px;
	height: auto;
	max-height: 320px;
}

#EQPageHeader
{
	background: #111;
}

#EQDemo
{
	
}

#EQTrailer
{	
	width: 50%;
	display: inline-block;
	margin: 0px 30px;
	max-width: 560px;
}

#EQInfo
{
	
}

#GameDescription
{
	float: right;
	display: inline-block;
	width: 60%;
	padding: 20px;
}

#BoxArt
{
	display: inline-block;
	width: 30%;
	margin: 0 auto;
	text-align: center;
	padding: 30px;
}

#EQScreenshots
{
	display: inline-block;
}

.screenshots p
{
	display: inline-block;
	width: 100%;
	padding: 15px;
	font-size: large;
}

div.gallery 
{
    margin: 5px;
    border: 3px solid #fff;
    float: left;
    width: 180px;
}

div.gallery:hover 
{
    border: 3px solid #6c4e82;
}

div.gallery img 
{
    width: 100%;
    height: auto;
}

}

/*end desktop display*/ 

/*tablet display*/ 

@media (min-width: 640px) and (max-width: 1023px) 
{

#pagewrap
{
	width: 100%;
	margin: auto;
	display: block;
}

#contentwrap
{
	background: #212121;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	display: block;
}

#contentcontainer
{
	background: #ccc;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

#content
{
	background: #fff;
	height: 100%;
}

#header
{
	background: #111;
	width: 100%;
	height: 125px;
	margin: 0 auto;
}

#footer
{
	background: #212121;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	text-align: center;
}

#footer p
{
	color: #fff;
	font: 8pt bold Tahoma, Geneva, sans-serif;	
	text-align: center;
	padding-top: 10px;
}

#footer_wrap 
{
	margin: auto;
}

#leftnav
{
	background: #fff;
	height: 100%;
	margin-top: 320px;
	float: right;
}

#rightnav
{
	background: #6cc;
	width: 160px;
	height: 100%;
	float: left;
	display: none;
}

#topnav
{
	background: #036;
	width: 100%;
	height: 20px;
	display: inline-block;
}

#social {

	padding-top: 30px;
	float: right;
	margin-right: 20px;
}

#socialiconsfooter
{
	margin: 0 auto;	
	padding-top: 20px;
	text-align: center;
}

/* Feature Page Layout */

#featuredwrap
{	
	margin: 0 auto;
	background: #212121;
}

#featured
{	
	margin: 0 auto;
	max-width: 1280px;
	height: 400px;
}

#featuredslider
{	
	max-width: 640px;
	width: 100%;
	padding-top: 15px;
	float: left;
	display: block;
	max-height: 330px;
	height: auto;
}

#featuredvideo
{
	width: 50%;
	float: right;
	display: block;
}


.videocontainer 
{
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border: 1px solid #4d4b49;
	margin-top: 15px;
}

.videocontainer iframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#logo
{
	width: 150px;	
	margin-left: 25px;	
}
	
#headertext
{
	width: 200px;	
	margin-left: 30px;
}

#afterfooter 
{
	width: 100%; 
	background: #111; 
	color: white;
	margin: auto;
	padding: 20px;
}

#afterfooterwrap 
{
	width: 980px; 
	height: 35px; 
	margin: 0 auto;
	padding: 3px;
	border-bottom: 3px solid #111;
}

#SteamWidgetMainPage 
{
	margin: 0 auto;
}

#SteamWidgetEvilQuest
{
	
}

#MerchContainer
{
	margin: 0 auto;
	height: auto;
	float: left;
}

#MerchHeader
{
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
}

#MerchFooter
{
	margin: 0 auto;
	display: block;
	width: 100%;
	float: left;	
}

.MerchImage
{
	width: 25%;
	height: 400px;
	float: left;
	text-align: center;
}

.MerchImage img
{
	max-width: 100%;
	height: auto;
	max-height: 300px;
}

/* Menu Nav */

#navcontainer 
{
	display: block;
	float: right;
}

#sfwrapper 
{
	display: block;
}

#EQFeatured
{
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 20px;
	height: auto;
	min-height: 320px;
}

#EQPageHeader
{
	background: #111;
}

#EQDemo
{
	
}

#EQTrailer
{	
	width: 50%;
	float: right;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#EQInfo
{
	
}

#GameDescription
{
	float: right;
	display: inline-block;
	width: 50%;
}

#BoxArt
{
	display: inline-block;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

#EQScreenshots
{
	
}

.screenshots
{
	
}

}
/*end tablet display*/ 

/*mobile display*/ 

@media (min-width: 240px) and (max-width: 639px) 
{

#pagewrap
{
	width: 100%;
	height: 100%;
	margin: auto;
	display: block;
}

#contentwrap
{
	background: #666;
	height: 100%;
	margin: 0 auto;
}

#contentcontainer
{
	background: #ccc;
	width: 320px;
	height: 100%;
}

#content
{
	background: #fff;
	width: 320px;
	height: 100%;
}

#content img
{
	max-width: 320px;
}

#header
{
	background: #111;
	height: 150px;
	margin: 0 auto;
}

#footer
{
	background: #069;
	width: 100%;
	height: 100px;
	margin: 0 auto;
	float: left;
}

#leftnav
{
	background: #fff;
	width: 320px;
	float: right;
	margin-top: 180px;
}

#rightnav
{
	background: #6cc;
	width: 0px;
	height: 100%;
	float: left;
	display: none;
}

#topnav
{
	background: #036;
	width: 100%;
	height: 10px;
}

#social {

	padding-top: 30px;
	float: right;
	margin-right: 20px;
}

#socialiconsfooter
{
	margin: 0 auto;	
	padding-top: 20px;
	text-align: center;
}

/* Feature Page Layout */

#featuredwrap
{
	margin: 0 auto;
	background: #212121;
}

#featured
{	
	margin: 0 auto;
	max-width: 1280px;
	height: 400px;
}

#featuredslider
{
	width: 50%;
	padding-top: 15px;
	float: left;
	display: block;
}

#featuredvideo
{
	width: 50%;
	float: right;
	display: block;
}


.videocontainer 
{
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border: 1px solid #4d4b49;
	margin-top: 15px;
}

.videocontiner iframe 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#logo
{
	float: left;	
	position: absolute;
}
	
#headertext
{
	width: 150px;	
	float: right;
	padding-top: 30px;
}

#afterfooter 
{
	width: 100%; 
	background: #111; 
	color: white;
	margin: auto;
	padding: 20px;
}

#afterfooterwrap 
{
	width: 980px; 
	height: 35px; 
	margin: 0 auto;
	padding: 3px;
	border-bottom: 3px solid #111;

}

#SteamWidgetMainPage 
{
	margin: 0 auto;
}

#SteamWidgetEvilQuest
{
	
}

#MerchContainer
{
	margin: 0 auto;
	height: auto;
	float: left;
}

#MerchHeader
{
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
}

#MerchFooter
{
	margin: 0 auto;
	display: block;
	width: 100%;
	float: left;
}

.MerchImage
{
	width: 25%;
	height: 400px;
	float: left;
	text-align: center;
}

.MerchImage img
{
	max-width: 100%;
	height: auto;
	max-height: 300px;
}

/* Menu Nav */

#navcontainer 
{
	display: list-item;
	float: right;
}

#sfwrapper
 {
  display: block;
}

#EQFeatured
{	
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 20px;
	height: auto;
	min-height: 320px;
}

#EQPageHeader
{
	background: #111;
}

#EQDemo
{
	
}

#EQTrailer
{
	width: 50%;
	float: right;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#EQInfo
{
	
}

#GameDescription
{
	float: right;
	display: inline-block;
	width: 50%;
}

#BoxArt
{
	display: inline-block;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

#EQScreenshots
{
	
}

.screenshots
{
	
}

sf-menu li 
{
    position: relative;
    padding: 0px 10px 0px 10px;
    background: transparent;
}

}
/*end mobile display*/ 

.content_padding 
{

}

/* Social Icons  */

.icons a img 
{
	opacity:.5;
	filter:alpha(opacity=50);
	max-width: 40px;
	height: auto;
}

.icons a:hover img 
{ 
	opacity:1;
	filter:alpha(opacity=100); 
}

/* Sidebar 300px */


#sidebar_right 
{
	vertical-align: top;
	max-width: 310px;
}

#sidebar
 {	
	height: 100%;
	display: flex;
	flex-direction: column;
}

.sidebar-widget-title 
{
	color: #222;
	padding: 5px 0px 5px 0px;
	font-size: 18px;
	font-weight: 300;
}

.sidebar-widget-style 
{
	color: #222;
	background: #fff;
	list-style-type: none;
	padding: 20px;
	border-radius: 10px;
	margin: 20px 10px 30px 0px;
}


.sidebar-widget-style li 
{
	list-style-type: square;
	list-style-position: inside;
	padding-left: 5px;
}

/* Footer  */

.footer-widgets 
{
	float: left;
	width: 178px;
	margin-top: 10px;
	margin-left: 18px;
	padding-bottom: 15px;
	color: #ccc;
}

.footer-widgets li 
{
   list-style-type: none;
   border-bottom: 0.09em solid #343434;
   padding-bottom: 4px;
   padding-top: 4px;
}


.footer-widgets a 
{
	color: #f5f5f5;
	font-size: 14px;
}

.footer-widgets a:hover 
{
	color: #ccc;
}

.footer-widget-title
 {
	color: #ccc;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 10px;
}

#search_footer  
{
	width: 160px;
	text-align: right;
	margin-top: 7px;
}

#social_footer {
	height: 35px;
	margin-top: -5px;
	width: 280px;
	float: left;
}

.footer-item ul 
{ 
	padding-left: 15px; 
}

#afterfootercopyright
 {
	max-width: 200px;
	float: right;
	position: relative;
}

#afterfootermenu 
{
	float:left;
	position: absolute;
	width: 400px;
}

#afterfootermenu a
 {
	color: #F5F5F5;
}

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

#afterfootermenu li 
{
	display: inline; 
}

#credit 
{
	height: 40px;
	width: 148px;
	z-index: 99;
	margin: auto;
}

/* Twitter Section */

#twitterbar 
{
	background: none;
	width: 978px;
	border-top: 1px dotted #CCC;
	overflow: hidden;
	margin: auto;
}

.twittertext 
{
	padding: 10px;
	width: 978px;
	font-size: 14px;
}

#header p
{
color: #fff;
font: 8pt bold Tahoma, Geneva, sans-serif;	
}

#logo 
{ 

}

#twitterwidget
{
	margin-top: 30px;
	border: 1px solid #4d4b49;
}

.sitename 
{
	font-size: 34px;
	font-weight: 400;
}

.sitename a
{
	color: #fff;
}

.sitename a:hover
{
	color: #ccc;
}

#description 
{
	height: 24px;
}

.description 
{
	font-size: 16px;
	font-weight: 300;
	margin-top: 5px;
	color: #fff;
}

#fp_slider 
{
	width: 100%;
	min-height: 380px;
	margin: auto;
	padding-top: 30px;
	background: #fff url(./images/sliderbg.png) no-repeat center top;
}

#fp_border
 {
	height: 1px; 
	width: 990px; 
	margin: auto;
	border-bottom: 1px dotted #ccc;
}

#fp_callout 
{
	width: 100%;
	min-height: 100px;
	background: #fff;

}

#fp_boxes 
{
	width: 100%;
	background: #fff;
	padding-top: 20px;
}

/* Search Form */

input[type=text] 
{ 
	width: 160px;
}

/* Search Bar */

#searchbar  
{
	width: 170px;
	text-align: right;
	margin-top: 7px;
	padding-right: 20px;
}


#searchbarHeader  
{
	width: 170px;
	text-align: right;
	margin-top: 7px;
	margin-right: 26px;
	padding-left: 60px;
	float: right;
}

.searchform 
{
	margin: 0px 20px 2px 0px;
	text-align: right;
}

#searchHeader
{	
	width: 300px;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right:0px; 
	float: right; 
	text-align: right;
}	
	
.s 
{	
	background: #fff url(./images/search.png) no-repeat 0 1px;
	color: #3b3b3b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	font-weight: normal;
	height: 18px;
	padding: 1px 0px 1px 20px;
}

.center .searchform 
{ 
	float:none; 
}

.searchform .searchsubmit 
{
	display: none; 
}

/* Posts Styling */

hr 
{
	border: 1px dotted #dadada;
	border-style: none none dotted;
}

.post_container 
{
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 25px;
	margin: 20px auto 20px auto;
}

.post_container ul 
{
	list-style: square;
	margin-left: 21px;
	list-style-position: inside;
}

ol 
{
   list-style-position: inside;
   margin-left: 21px;
}

.content-background 
{
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0px 5px 5px 5px;
}

.archive-contentbg 
{
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0px 5px 5px 5px;
}

.posts_title 
{
	font-weight: 300;
	padding: 15px;
}

.posts_title a
{
	font-size: 32px;
	font-weight: 300;
	color: #000;
	margin: 20px;
}

.posts_title a:hover
{
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 5px;
	color: #444;
}

.post { 
	font-size: 14px;	
}

.entry 
{
	padding: 15px;
}

.meta 
{ 
	color: #ababab;
	font-size: 12px;
	padding: 15px;
}

.post-edit-link
 {
	background-color: #757575;
	border: 1px solid #ccc;
	padding: 2px 3px;
	color: white;
	font-size: 10px;
}

.gplusone 
{
	margin-bottom: 6px;
}

img.alignright 
{
	float:right; 
	margin:0 0 1em 1em;
}

img.alignleft 
{
	float:left; 
	margin:0 1em 1em 0;
}

img.aligncenter 
{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

a img.alignright 
{
	float:right; 
	margin:0 0 1em 1em;
}

a img.alignleft 
{
	float:left; 
	margin: 1em 1em 1em 0;
}

a img.aligncenter 
{
	display: block; 
	margin-left: auto; 
	margin-right: auto
}

.aligncenter, div.aligncenter
 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft 
{
	float: left;
}

.alignright 
{
	float: right;
}

.wp-caption 
{
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
	max-width: 620px;
}

.wp-caption img
 {
	border: 0 none;
	margin: 0;
	padding: 0;
	max-width: 610px;
}

.wp-caption p.wp-caption-text 
{
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

blockquote 
{ 
	background-color: #ccc;
	margin: 10px;
	padding: 3px;
}

blockquote p 
{ 

}

.sticky 
{ 

}

.gallery-caption 
{ 

}

.navigation 
{
	
}

.next-posts 
{ 
	float: left; 
}

.prev-posts 
{ 
	float: right; 
}

/* Posts Meta Styling */


#comments .navigation 
{
	padding: 0 0 18px 0;
}

.tags
 {
	font-size: 10px;
	padding-bottom: 2px;
}

label[for="comment"] 
{
	display: block;
}

/* Sharing Styling */

.share 
{
	padding-top: 1px;
}

.share a img
 {
	padding: 0px 1px 0px 1px;
	opacity:.5;
}

.share a:hover img 
{ 
	opacity:1; 
}

/* ================ */

/* = The 1Kb Grid (http://www.1kbgrid.com/) = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */

/* ================ */

.grid_1 { width:60px; }

.grid_2 { width:140px; }

.grid_3 { width:220px; }

.grid_4 { width:310px; }

.grid_5 { width:380px; }

.grid_6 { width:460px; }

.grid_7 { width:540px; }

.grid_8 { /*! width:620px; */ }

.grid_9 { width:700px; }

.grid_10 { width:780px; }

.grid_11 { width:860px; }

.grid_12 { width:940px; }


.column
{
	margin: 0 0px;
	float: left;
	display: inline;
}

.row 
{
	margin: 0 auto;
	overflow: hidden;
}

.row .row 
{
	margin: 0 -10px;
	width: auto;
	display: inline-block;
	zoom: 1;
	display: inline;
}

/* Feature Slider */

.coin-slider 
{ 
	overflow: hidden; 
	zoom: 1; 
	position: relative; 
}

.coin-slider a
{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

.cs-buttons 
{ 
	font-size: 0px; 
	padding: 10px; 
	float: left; 
}

.cs-buttons a 
{ 
	margin-left: 5px;
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
	text-indent: -1000px; 
 }

.cs-active 
{ 
	background-color: #B8C4CF; 
	color: #FFFFFF; 
}

.cs-title 
{ 
	width: 620px; 
	padding: 10px 10px 10px 10px;
	background-color: #000000; 
	color: #FFFFFF; 
 }

.cs-prev, .cs-next 
{ 
	background-color: #000000;
	color: #FFFFFF; 
	padding: 0px 10px; 
}

/* Superfish Nav */

/* The container wrapping .sf-menu */

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * 
{
    margin:         0;
    padding:        0;
    list-style:     none;
}

.sf-menu 
{
    line-height:    1.0;
}

.sf-menu ul 
{
    position:       absolute;
    top:            -999em;
    margin-left: 	-1px;
    width:          10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li 
{
    width:          195px;
}

.sf-menu li:hover 
{
    visibility:     inherit; /* fixes IE7 'sticky bug' */
   	color: #ccc;
}

.sf-menu li 
{
    float:          left;
    position:       relative; 
    /*! padding: 0px 10px 0px 10px; */
    background: transparent;
}

.sf-menu a 
{ 
/* Nav link color */
    display:        block;
    position:       relative;
    background: 	transparent;
    font-size: 		16px;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul 
{
    left:           0;
    top:            2.5em; /* match top ul list item height */
    z-index:        1001;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul 
{
    top:            -999em;
}

.sf-menu li li 
{
	height: 35px;
	display: none;
}


.sf-menu li li:hover 
{
	height: 35px;
}


ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul 
{
    left:           15.5em; /* match ul width */
    top:            0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul 
{
    top:            -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul 
{
    left:           10em; /* match ul width */
    top:            0;
}

/*** Custom Styles ***/

/* The container wrapping .sf-menu */

.sf-menu
 {
    float:              right;
    position:			relative;
}

.sf-menu li 
{
    background: transparent;
    z-index: 2000;
}

.sf-menu a
 {
    padding:        9px 10px 13px 10px;   
    font-weight:    300;
    background: 	transparent;
    color: 			#fff;
}

.sf-menu a:hover
{
    padding:            9px 10px 13px 10px;   
    font-weight:    300;
    background: transparent;
    color: 			#ccc;
}

.sf-menu ul li a 
{
    background: 		transparent;
    font-weight:        300;
}

.sf-menu li li 
{
    background:          url(./images/dropdown.png) repeat-x left bottom;
}

.sf-menu li li li 
{
    background:         url(./images/dropdown.png) repeat-x left bottom;
}

.sf-menu li.current_page_item  a
{
	color: #ccc;
}

.sf-menu li:hover, .sf-menu li.sfHover 
{
    outline: 0;
}

/*** arrows **/

.sf-menu a.sf-with-ul 
{
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator
 {
    position:       absolute;
    display:        block;
    right:          0em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         10px;
    text-indent:    -999em;
    overflow:       hidden;
    background:     none; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator 
{  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator 
{
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator 
{ 
	background-position:  -10px 0; 
}

.sf-menu ul a > .sf-sub-indicator 
{
	background-position:  0 0; 
}

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator 
{
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.sf-shadow ul 
{
    background: transparent;
    padding: 0 8px 9px 0;
}

.sf-shadow ul.sf-shadow-off 
{
    background: transparent;
}

/* Comment lists  */

ol.commentlist { list-style: none; width: 80%;margin: 0 auto;}

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }

ol.commentlist li.comment div.comment-author { }

ol.commentlist li.comment div.vcard { }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { }

ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li.comment div.vcard img.avatar-32 { }

ol.commentlist li.comment div.vcard img.photo { }

ol.commentlist li.comment div.vcard span.says { }

ol.commentlist li.comment div.commentmetadata { }

ol.commentlist li.comment div.comment-meta { font-size: 10px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc; }

ol.commentlist li.comment p { }

ol.commentlist li.comment ul { }

ol.commentlist li.comment div.reply { font-size: 11px; }

ol.commentlist li.comment div.reply a { font-weight: bold; }

ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt { }

ol.commentlist li.comment ul.children li.bypostauthor { }

ol.commentlist li.comment ul.children li.byuser { }

ol.commentlist li.comment ul.children li.comment { }

ol.commentlist li.comment ul.children li.comment-author-admin { }

ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-5 { }

ol.commentlist li.comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }

form { }

textarea { }

/* Print media */
@media print {

.do-not-print 
{ 
display: none; 
}

#comments 
{ 
page-break-before: always; 
}


body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: 'Cantarell', arial, serif; color: #000; background: none; font-size: 12pt; }

h1 { font-size: 19pt; }

h2 { font-size:17pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }

th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; } 

a { text-decoration: none; color: black; }

}

/* END print media */

/* The Nivo Slider styles */

.nivoSlider 
{
	position:relative;
}

.nivoSlider img
 {
	position:absolute;
	top:0px;
	left:0px;
}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink
 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;

}

/* The slices and boxes in the Slider */

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Caption styles */

.nivo-caption 
{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	text-align: left;
}

.nivo-caption p 
{
	padding:5px;
	margin:0;
}

.nivo-caption a 
{
	display:inline !important;
}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a 
{
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}

.nivo-prevNav
 {
	left:0px;
}

.nivo-nextNav {
	right:0px;
}

/*============================*/

/*=== Custom Slider Styles ===*/

/*============================*/

.nivo-controlNav 
{
	position:absolute;
	bottom:-45px; /* Put the nav below the slider */
	margin-bottom: 10px;
}

/* Slider Thumbnail Nav Style */

.nivo-controlNav a 
{
	background: url(images/slider/bullets.png) no-repeat; 
	display:block; 
	width:22px; 
	height:22px; 	
	text-indent:-9999px; 
	border:0; 
	margin-right:3px; 
	float:left;
}

.nivo-controlNav a.active 
{
	background-position:0 -22px;
	} 


#slider .nivo-controlNav img 
{
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
}

/* End slider thumbs */

#slider 
{
	position:relative;
    margin:auto;
    -moz-box-shadow:0 0 5px #AAAAAA;
    border: 1px solid #4d4b49;
	background:url(images/slider/loading.gif) no-repeat 50% 50%;
	width: 640px;
    margin-bottom: 40px;
	height: 330px;
}

#slider img
 {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a 
{
	border:0;
	display:inline;
}

#slider a.active img 
{
	border: 1px solid black;
}

.nivo-directionNav a 
{
	position:absolute;
	top:45%;
	display:block;
	width:30px;
	height:30px;
	background:url(images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav 
{
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav 
{
	left:15px;
}

.nivo-html-caption 
{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	display:none;
}

.nivo-html-caption-right 
{
	position:relative;
	float:right;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:250px;
	height: 330px;
	z-index:8;
}

.nivo-html-caption-left 
{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:250px;
	height: 330px;
	z-index:8;
}

#customcaption 
{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}

.nivo-caption p 
{
	padding:5px;
	margin:0; 
}

#respond
{
	background: #111;
	width: 100%;
	min-height: 60vh;
	max-height: 60%;
	position: absolute;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

div#logo.grid_4.column a img
{
	max-width: 200px;
	max-height:auto;
}