/*   

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%;
	background: #333;
	color: #666;
}


/*end css reset*/

/* Body  */



* { margin: 0; padding: 0; }

body { font-size: 14px;	}

p { margin: 0 0 10px 0; }

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

a:hover { color: #555; }

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

#page_wrap
{
width: 100%;
margin: auto;
}

/*end desktop display*/ 

/* Header  */



#header { 

	width: 100%;

	display: block;

	background: #111 url(./images/header.png) repeat-x center bottom;

	border-bottom: none;

}



#headerwrap { 

	margin: auto;

	width: 990px;

	position: relative;

	display: block;

	padding: 10px 0 0 0;

}



#logo { }



.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;

}



/* Feature Page Layout */



#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; }

   

/* Content */



#content_wrap {

	width: 990px;

	margin: 0 auto;

	padding-top: 32px;

	background: #fff;

	height: auto;


}



#content_left {

	vertical-align: top;
	display: inline-block;
	width: 670px;
	padding-left: 8px;
	height: auto;
}



#content_fullwidth {

	width: 100%;
height: auto;	

}



.content_padding {

	padding: 2px 8px 8px 2px;

}



/* Posts Styling */



hr {

	border: 1px dotted #dadada;

	border-style: none none dotted;

}





.post_container {

	background-color: #fff;

	border-radius: 3px;

	-moz-border-radius: 3px;

	margin-bottom: 25px;

	padding: 5px 5px px 5px;

}



.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-size: 32px;

		font-weight: 300;

		margin-bottom: 5px;

}



.posts_title a{

		font-size: 32px;

		font-weight: 300;

		margin-bottom: 5px;

		color: #000;

}



.posts_title a:hover{

		font-size: 32px;

		font-weight: 300;

		margin-bottom: 5px;

		color: #444;

}



.post { 

		font-size: 14px;

}



.entry {

	padding-top: 10px;

}



.meta { 

	color: #ababab;

	font-size: 12px;

}



.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 { margin-bottom: 50px; }

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



/* Social Icons  */



#social {

	padding-top: 5px;

	height: 35px;

	width: 335px;

}



.icons a img {

	opacity:.5;filter:alpha(opacity=50);

}



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





/* Sidebar 300px */



#sidebar_right {

	float: right;

	width: 310px;

	height: auto;

	vertical-align: top;

	display: inline-block;

	margin-top: -10px;

	padding-top: 5px;

	border-left: 1px dotted #dadada;

}





#sidebar {	

	width: 300px;

	margin-top: 0px;

	margin-bottom: 10px;

	/*margin-left: 10px;*/

	height: auto;

}



.sidebar-widget-title {

	color: #222;

	padding: 5px 0px 5px 0px;

	font-size: 18px;

	font-weight: 300;

}



.sidebar-widget-style {

	color: #222;

	background: #fff;

	margin: 0 5px 10px 40px;

	list-style-type: none;

}



.sidebar-widget-style li {

	list-style-type: square;

	list-style-position: inside;

	padding-left: 5px;

}



/* Footer  */



#footer { 

	min-height: 200px;

	background: #222 url(./images/footer.png) repeat-x center top;

	border-top: 2px solid #000000;

}



#footer_wrap {

	margin: auto;

	width: 980px;


}



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



#afterfooter {

	width: 100%; 

	background: #111; 

	color: white;

	border-top: 10px solid #111;

	border-bottom: 10px solid #111;

	float: left;

	margin: auto;

		margin-top: -20px;

}



#afterfooterwrap {

	width: 980px; 

	height: 35px; 

	margin: 0 auto;

	padding: 3px;

	border-bottom: 3px solid #111;


}



#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;

}





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

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

/*	overflow: hidden;*/

	float: left;

	display: inline;

}

.row {

	width: 990px;

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



/* Menu Nav */



#navcontainer {

 display: block;

 float: right;

}



#sfwrapper {

  display: block;

}



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

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 { }



@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;

    -webkit-box-shadow:0 0 5px #AAAAAA;

    box-shadow:0 0 5px #AAAAAA;

    border: 1px solid white;

	background:url(images/slider/loading.gif) no-repeat 50% 50%;

	width: 640px;

    height: 330px;

    margin-bottom: 40px;

}



#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; 

}

#SteamWidgetMainPage {
	
	padding-left: 14px; 
	
	width: 640px;
}

#SteamWidgetEvilQuest{
	
	
}


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

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

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

.MerchImage{
width: 25%;
height: 400px;
float: left;
}

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

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