/*

	Theme Name: GamesMania

	Theme URL: http://newwpthemes.com/wordpress-theme/gamesmania/

	Description: GamesMania is a free premium WordPress theme with featured content option and options page. Supports post thumbnails. Suitable for any niche, especially for games or entertainment sites.

	Author: NewWpThemes.com

	Author URI: http://newwpthemes.com/

	Version: 1.0

	Tags: Games, Online Games, Entertiments, Dark, Ads Ready, Two Columns, Right Sidebar, Fixed Width, Blogging, Options Page

*/



/* LAYOUT */
#title_ie9 {
	position:relative\9; top:-40px\9;
}
/* hack da barra para firefox */
#barra_firefox { /* ALTERADO EM 05/02/2011 POR MTOIVO DE SUPOSTA 'ATUALIZAÇÃO' DO G. CHROME */
	position:relative; padding:0; margin:0;  z-index:-999999; margin-bottom:-30px;
}
/*#barra_firefox {
	position:relative; top:-33px; top:1px\9; z-index:-999999; margin-bottom:-64px; margin-bottom:-25px\9;
}*/


#barra_firefox, x:-moz-any-link{
	position:relative; top:-66px; z-index:-999999; margin-bottom:-64px;
}
#barra_firefox,  x:-moz-any-link, x:default {
	position:relative; top:-66px; z-index:-999999; margin-bottom:-64px;
}
#barra_firefox {
	*top:-15px;
}

#barra_firefox2 {
	position:relative; top:-33px; top:-33px\9; _top:-16px; *top:-16px; z-index:-999999; margin-bottom:-64px;

}
#barra_firefox2, x:-moz-any-link{
	position:relative; top:-60px; z-index:-999999; margin-bottom:-60px;
}
#barra_firefox2,  x:-moz-any-link, x:default {
	position:relative; top:-60px; z-index:-999999; margin-bottom:-60px;
}
#barra_firefox2 {
	*top:-16px;
}


#barra_download {
	left:5px; top:-10px; _top:10px;
}
#barra_download, x:-moz-any-link{
	left:5px; top:0px;
}
#barra_download,  x:-moz-any-link, x:default {
	left:5px; top:0px;
}


#play4free {
z-index:9999; position:relative; left:-240px; top:-20px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-webkit-transition:opacity .2s ease-out;
}
#play4free:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;	
}
.box {
	/* box shadow */
	-webkit-box-shadow: 0px 0px 12px #161616;  
	-moz-box-shadow: 0px 0px 12px #161616;  
	box-shadow: 0px 0px 12px #161616;
	-webkit-transition:-webkit-box-shadow .4s ease-out;
}
.box:hover {
	-webkit-box-shadow: 0px 0px 22px #000000;  
	-moz-box-shadow: 0px 0px 22px #000000;  
	box-shadow: 0px 0px 22px #000000;	
}
.login-float {
	font-size:6px;
}
.opacity-but {
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-webkit-transition:opacity .2s ease-out;
}
.opacity-but:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
.formulario-botao{
   background-image:url(images/login-but.gif);
   text-decoration:none;
   border:none;
}
.formulario-botao:hover{
   background-image:url(images/login-but-hover.gif);
}
#play4free {
	position:fixed;
	top: 0;
	z-index:200;
	left: 0;
	}
.form-login {
	line-height:32px;
	vertical-align:bottom;
}
.contact_form {
	background-color:#1a1309;
	padding-left:6px;

	border-bottom:2px solid #433528;
	border-left:2px solid #171616;
	border-right:2px solid #433528;
	border-top:2px solid #171616;
	font-family:Verdana, Geneva, sans-serif;
	color:#bfac90;
	/* border radius */
	-moz-border-radius: 6px;  
	-webkit-border-radius: 6px;  
	border-radius: 6px;
	
	text-shadow: #000 2px 2px 1px;
}
.contact_form:hover{
	border-bottom:2px solid #625242;
	border-left:2px solid #000000;
	border-right:2px solid #625242;
	border-top:2px solid #000000;
	color:#ede2d3;
	
	background-color:#2b1e0c;
}
#contactform {
	margin-top:0px;
	line-height: 22px;
	margin-left:-20px;
	text-align:left;
}

.contact_form_input {
	background-color:#1a1309;
	padding-left:6px;
	font-family:Verdana, Geneva, sans-serif;
	color:#8b7350;
	/* border radius */
	-moz-border-radius: 6px;  
	-webkit-border-radius: 6px;  
	border-radius: 6px;
	text-shadow: #000 2px 2px 1px;
	border:1px solid #1e120c;
	-webkit-box-shadow: 0px 0px 6px #000000;  
	-moz-box-shadow: 0px 0px 6px #000000;  
	box-shadow: 0px 0px 6px #000000;
	font-weight:bold;
	cursor:pointer;
}
.contact_form_input:hover {
	color:#ede2d3;
	background-color:#2b1e0c;
}
#contact_form textarea {
	background-image:url(../images/bg-form-textarea.gif);
}
body {

	background-color: #000000;
	/*background-image: url(images/background.jpg);*/
	background-image: url(images/back.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	padding:50px 0 0 0;
	margin:0 auto;
	position:relative;
	top:-50px;
	margin-bottom:-50px;

	}



#wrapper {
/* barra topo */
   /* background: url(images/wrapper-background.png) left 146px repeat-x;*/
   /*background: url(images/ground.png) center 180px no-repeat;*/
   opacity:1;
   margin-top:-368px;
   margin-left:-3px;
	}   
#wrapper-back{
	
}
#wrapper-top {
	margin:0 auto;
	width:951px;
	position:relative;
	top:308px;
	*top:291px;
}
#wrapper-logo {
	margin:0 auto;
	width:252px;
	position:relative;
	top:400px;
	z-index:999;
	*top:291px;
}
#wrapper-but {
	margin:0 auto;
	width:156px;
	position:relative;
	top:420px;
	z-index:9999;
	*top:291px;
	margin-bottom:-105px;
}

#container {
	position:relative;
	z-index:999999;
	}
#contentwrap {

	/*background: #22150e;
	*/
	background:url(images/wrapper.png);
	
	background-repeat:repeat;
	
	opacity:1;
	
	
	border-left:1px solid #332219;
	border-right:1px solid #332219;
	border-bottom:1px solid #332219;
	
	
	
	
	margin-top:-25px !important;
	margin-left:-1px !important;
	margin-bottom:120px !important;
	min-height:1000px !important;
	

	/*
	margin-top:-22px; margin-left:-1px; _margin-top:-42px; _margin-left:0px;
	*/

	}
#contentwrap2 {
	background: #22150e;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

a {
	color: #725749;
	text-decoration:none;
	}
a:hover {
	color: #725749;
	}
	
	
.dashed {
	color: #95e62a;
	text-decoration:none;	
}
.dashed:hover {
	color: #95e62a;
	border-bottom:1px dashed #95e62a;	
}
/* HEADER */



#header {

	height:111px;

	}



#header h1 {

	margin-bottom: 2px !important;

	padding: 22px 0 0 0;

	font-weight: normal;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 46px;
	
	text-shadow: #000 1px 1px 2px;

	}



#header h1 a, #header h1 a:visited {

	color: #95e62a;
	
	text-shadow: #000 1px 1px 2px;

	text-decoration: none;

	}





#header h2 {

	color: #625f58;
	
	text-shadow: #000 1px 1px 2px;

	font-size: 14px;

	line-height: 14px; 

	font-family:Arial, Helvetica, sans-serif;

    font-style: italic;

	}



.logoimg {

    margin: 0 auto;

    }

    

/* NAVIGATION MENUS */



#pagemenucontainer {

	height: 30px;

    margin-top: 50px;
	
	margin-bottom:64px;

    background: #090908;

    border-bottom: 2px solid #06aea8;

    padding: 0 3px;

	}

	

#pagemenu {

	height: 30px;

    

	}



#pagemenu, #pagemenu ul { 

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	}

#pagemenu {

	margin-bottom: 1px;

	}

	

#pagemenu ul {

	float: left;

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}

	

#pagemenu li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#pagemenu ul li {

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#pagemenu li a, #pagemenu li a:link {

	color: #a09a8a;

	display: block;

    margin: 0 3px;

	padding: 10px 15px;

	text-decoration: none;

	text-transform: uppercase;

    font-weight: bold;

	font-size: 11px;

	font-family:Arial, Helvetica, sans-serif;

	}

	

#pagemenu li a:hover, #pagemenu li a:active {

	color: #fff;

	display: block;

	text-decoration: none;

    background: url(images/pagenav-hover.png) left top repeat-x;

    text-shadow: 0 1px 0 #007c78;

	}

	

#pagemenu  li.current_page_item a {

	color:#fff;

    text-decoration: none;

    background: url(images/pagenav-hover.png) left top repeat-x;

    text-shadow: 0 1px 0 #007c78;

	}



#pagemenu li:hover, #pagemenu li.sfhover { 

	position: static;

	}

	





#navcontainer {

	height: 32px;

	display: block;

	overflow: hidden;

    margin-bottom: 1px;

	}

    

#navcontainer .current-cat a {

	background: url(images/nav-hover.png) left top repeat-x;

	color:#fff;


    text-shadow: 0 1px 0 #206364;

	}

    

/* CONTENT */



#content {

	padding: 15px 5px 15px 15px;

    color: #a29f97;
	
	text-shadow: #211f1c 1px 1px 1px;
	
	width:630px;
	min-width:630px;

	}

	

pre { overflow: auto; 

	width: 630px; 
	min-width:630px;

	}

.wellcome {
	clear:both;
	margin:0 auto;
	width:630px;
	min-width:630px;
	height:150px;
	background-color:#38352e;
	margin: 0 3px 15px 0;
	border: 1px solid #43403a;
	background-color: #38352e;
}
.postwrap_border {
	border:0px solid #fff;
	position:relative;
	z-index:9999999999999999999999999999999;
	/*
	background:url(images/border/02.gif) repeat-y;
	*/
}
.postwrap {

	margin: 0 3px 15px 0;
	border:1px solid #1b100b;

/*
	border-bottom:2px solid #503323;
	border-left:2px solid #171616;
	border-right:2px solid #503323;
	border-top:2px solid #171616;
*/
	background-color: #21150f;
	
	width: 625px; 
	
	/* box shadow */
	-webkit-box-shadow: 0px 0px 12px #1a120e;  
	-moz-box-shadow: 0px 0px 12px #1a120e;  
	box-shadow: 0px 0px 12px #1a120e;
	-webkit-transition:-webkit-box-shadow .2s ease-out;
	
	
	
	/* border radius
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;  
	border-radius: 15px;
	
 */
	}

.postwrap:hover {
		/* box shadow */
	-webkit-box-shadow: 0px 0px 16px #0d0a08;  
	-moz-box-shadow: 0px 0px 16px #0d0a08;  
	box-shadow: 0px 0px 16px #0d0a08;
/*
	border-bottom:2px solid #6c452f;
	border-left:2px solid #000000;
	border-right:2px solid #6c452f;
	border-top:2px solid #000000;
*/
}
.postwrap2 {
	margin: 0 3px 15px 0;
	border:1px solid #150c07;
	background-color: #1f130d; 
	position:relative;
	width:610px;
	left:-8px;
	}

.entry_dashed a {
	color: #95e62a;
	text-decoration:none;	
}
.entry_dashed a:hover {
	color: #95e62a;
	border-bottom:1px dashed #95e62a;	
}
.underline {
	border-bottom:0;
	text-decoration:none;
	color:#9d7f47;
}
.underline:hover {
	border-bottom:1px dashed #9d7f47;
}
.underline_news_index {
	border-bottom:0;
	text-decoration:none;
	color:#9d9a92;
}
.underline_news_index:hover {
	text-decoration:underline;
	color:#9d9a92;
}
.post {

	padding: 15px;
	

	}



.post_thumbnail {

    padding: 6px;

    border: 1px solid #4d4a43;

    margin: 0 10px 10px 0;

}





.post p {

	margin-bottom: 10px;

	}



.title, .title2, .title3 {

	margin: 0 0 8px 0;

	padding: 0px;

	line-height: 22px;

	font-family:Arial, Helvetica, sans-serif;
	
	text-shadow: 1 1px 2 #322e23;

	color: #bbb7ad;

	}
.title {
	font-size: 24px;
	font-weight: normal;
	}
.title2 {
	font-size: 16px;
	font-weight:bold;
	}
.title3 {
	font-size: 12px;
	font-style:italic;
	}
.title_page{
	font: 18px Georgia;
	color: #c6b59a;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000000;
}
.title_page_img{
	position:relative;
	top:-4px;
	left:20px;
	z-index:-999999;
	margin-bottom:-10px;
	float:left;
	width:357px;
	height:30px;
	top:-9px\9;
	*top:-23px;
}
	

.title a {

	text-decoration: none;

	color: #bbb7ad;

	}



.title a:hover {

	color: #eaeaea;

	}



.pagetitle {

	margin-bottom: 20px;

	line-height: 22px;

	font-family: Arial, Verdana;

	text-decoration: none;

    color: #eaeaea;

}





.readmorecontent {

	text-align: right;

	}



a.readmore {

	padding: 4px 15px;

	background: #474339;

	color: #cfcbc0;

	text-decoration: none;

    text-shadow: 0 1px 0 #322e23;

    font-size: 12px;

	}



a.readmore:hover {

	background-color: #676256;

    text-shadow: 0 1px 0 #322e23;

    color: #cfcbc0;

	}
a.readmore2 {

	color: #a2834a;

	text-decoration: none;

    text-shadow: 1px 1px 2px #000000;

    font-size: 12px;

	}



a.readmore2:hover {

    color: #f2c064;

	}
    
.shadow {
	text-shadow: 1px 1px 2px #000000;
}
   

.postdate {

	font-size: 13px;

	font-family:Arial, Helvetica, sans-serif;

    font-style: italic;

    color: #787469;

	}





.postmeta {

	font-size: 11px;

	padding: 2px 4px;

	font-family: Arial, Verdana;

    color: #787469;

	}

	

.postdate img, .postmeta img {

	border: none;

	vertical-align: middle;

	margin:2px;

	}

	

.entry {

	text-align: justify;

	line-height: 18px;

	padding-top: 8px;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 13px;

    color: #a29f97;

	}

.navigation {

	padding: 10px 0;

	}



blockquote {

	overflow: hidden;

	padding-left: 9px;

	font-style: italic;

	color: #666;

	border-left: 3px solid #CADAE7;

	}

	

.post img {

	max-width: 680px;

	}



img.wp-smiley {

	max-height: 12px;

	margin: 0;

	padding: 0;

	border: none;

	}

	

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

	}



.alignleft {

   float: left;

	}



.alignright {

   float: right;

	}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

	}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

	}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

	}



	

/* wp-pagenavi */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

    font-size: 15px !important;

    padding:  4px 8px !important;

    color: #cfcbc0 !important;

    background:none !important;

    border: 0 !important;

}

.wp-pagenavi a:hover {

    border: 0 !important;

    color: #fff !important;

    background:#95e62a !important;

    border: 0 !important;

    

}

.wp-pagenavi span.pages {

    font-size: 15px !important;

    padding:  4px 8px !important;

    color: #cfcbc0 !important;

    background: none !important;

    border: 0 !important;

}

.wp-pagenavi span.current {

    font-size: 15px !important;

    padding:  4px 8px !important;

    font-weight: bold;

    color: #171511 !important;

    background:#cfcbc0 !important;

    border: 0 !important;

}

.wp-pagenavi span.extend {

    font-size: 15px !important;

    padding:  4px 8px !important;

    background:transparent !important;

    color: #cfcbc0 !important;

    background: none !important;

    border: 0 !important;

}



/* SIDEBAR(S) */



.sidebaradbox {

	margin-top: 5px; 

	text-align:center;

	}

	

.sidebaradbox125 {

	margin-top: 10px; 

	text-align:center;

	}

	

.ad125 {

	margin: 5px 0;

	}





.sidebar {

	margin: 0 0 10px 0;

    color: #c5bfb1;

	}

	

.left-sidebar {

}



.right-sidebar {

    padding-right: 10px;

}



.sidebar a {

	text-decoration: none;

	color: #c5bfb1;

	}



.sidebar a:hover {

	text-decoration: none;

	color:#95e62a;

	}

	



	

	

#search {

    border: 1px solid #4e4a42;

    height: 28px;

    padding: 0;

    background: #33302a;

   

}



#search input {

	border: 0;

    background: none;

    color: #a6a29b;

}

	

	

#s {

	width: 220px;

	padding: 4px;

    margin:2px 0 0 0;

    background: none;

}



#topsearch #search {

    margin-top: 15px;

}



#topsearch #s {

    width: 228px;

}



	

/* Social icons */

.addthis_toolbox {

    padding: 15px 0 5px 0;

	text-align: center;

	}

.addthis_toolbox .custom_images a

{

    width: 32px;

    height: 32px;

    margin: 0 2px 0 2px;

    padding: 0;

}



.addthis_toolbox .custom_images a:hover img

{

    opacity: 1;

}



.addthis_toolbox .custom_images a img

{

    opacity: 0.9;

}





.rssbox {

	background: #33302a;

	border: 1px solid #4e4a42;

	padding: 10px;

	margin: 10px 0 0 0;

	}

    

.rssbox:hover {

    border: 1px solid #706a5c;

    }



.rssbox a {

	color: #a6a29b;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

    font-family:Arial, Helvetica, sans-serif;

	}

.rssbox a:hover {

	color: #95e62a; 

	text-decoration: none;

	}



.twitterbox {

	background: #33302a;

	border: 1px solid #4e4a42;

	padding: 10px;

	margin: 10px 0 0 0;

	}

    

.twitterbox:hover {

    border: 1px solid #706a5c;

    }

	

.twitterbox a {

	color: #a6a29b;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

    font-family:Arial, Helvetica, sans-serif;

	}

.twitterbox a:hover {

	color: #95e62a; 

	text-decoration: none;

	}



.sidebar h2 {

	margin: 10px 0 0 0;

	padding: 6px 0 6px 0;

	font-size: 16px;

    line-height: 16px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

    text-transform: uppercase;

	color: #95e62a;

    border-bottom: 2px solid #928b78;

	}



.sidebar ul {

	list-style-type: none;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	}

	

.sidebar ul li {

	list-style-type: none;

	margin: 0px 0px 5px 0px;

	padding: 0px;

	}



.sidebar ul ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

	

.sidebar ul li li {

	padding: 4px 0px 6px 4px;

	margin: 0px;

	}

	

.sidebar ul li ul li {

	padding: 6px 0px 6px 18px;

	margin: 0;

    background: url(images/bullet.png) 4px 12px no-repeat;

	}







#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	color: #c5bfb1;

	background: none !important;

	}

#wp-calendar caption {

	padding: 2px 4px;

	text-transform: uppercase;	margin: 2px 0 2px 0;

	background: none !important;

	}



#wp-calendar td {

	color: #c5bfb1;

	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

	}



#wp-calendar td:hover, #wp-calendar #today {

	background: #c5bfb1;

	color: #2a2721;

	}

	

#wp-calendar {

	empty-cells: show;

	font-size: 14px;

	margin: 0;

	font-weight: bold; 

	width: 100%;

	}





/* FOOTER */



#footer {
	
	width:100%;

	padding: 28px 0;

	text-align: center;

	color: #34363b;
	
	text-shadow: #FFF 1px 1px 2px;

	font-size: 13px;

    background: url(images/bg-footer.gif) left center repeat-x;

	background-color:#FFFFFF;

    margin-top: 10px;

	}

.footer .content{ background:url(http://files-ns.perfectworld.com/common/images/header/bg-footer01.gif) no-repeat; height:60px; margin:0 auto; padding:16px 239px 16px 228px; width:493px; }

#footer a {

	color: #34363b;

	} 



#footer a:hover {

	text-decoration: none;

    color: #424449;
	
	text-shadow: #FFF 1px 1px 2px;

	} 

	

#footer2 {

	color: #34363b;
	
	text-shadow: #FFF 1px 1px 2px;
	
	background-color:#9fa09b;

	font-size: 11px;

	text-align: center;

	padding: 10px;

	}

    	

#footer2 a {

	color: #34363b;

    text-decoration: none;

	} 

	
#footer3 {

	color: #34363b;
	
	
	background-color:#9fa09b;

	padding: 10px 10px 26px 10px;

}
#footer3 img {
	margin:-35px 57px 0 57px;
}
#footer3 .hyperfilter {
	float:left;
	position:relative;
	display:inline;
}
#footer3 .depmax {
	float:left;
	display:inline;
	position:absolute;
	left:195px;
}
#footer3 .diogo {
	float:right;
	position:relative;
	top:4px;
}
/* COMMENTS */



#comments h3 {

	margin-bottom: 10px;	

}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

	

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

	

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

	

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}



.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

	

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

#recstyle {
	color:#fff;
	text-shadow: #fff 0 0 0;
}
#recstyle input {
	background-color:#fff;
	padding-left:fff;
	border:0;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	/* border radius */
	-moz-border-radius: 0px;  
	-webkit-border-radius: 0px;  
	border-radius: 0px;	
	text-shadow: #fff 0 0 0;
}

#success_table_green {
    border: 1px solid #00FF00;
    background-color: #004400;
    width: 400px;
    max-width: 400px;
    min-width: 400px;
}