/*Coded by Tiffany at http://www.colordip.com - Template free to use, keep this credit intact please!*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:black; /*change the black to any color you like :) */
	background-image: url(http://1337mama.com/winter-template/bg.gif);
 backround-repeat:repeat; /*set it to no-repeat if you don't want the BG to repeat*/
 font-family:Arial, Helvetica, sans-serif; /*Change these to your favorite fonts =p These ones are fine though I think */
 font-size:12px; /*This controls font size, obviously */
 color:Black ; /* lol, change Salmon to a color you like */
} 
 
 /* The main layout properties */
#container{ 
 width:1000px ;  /*This is how wide the ENTIRE layout is. I think 700px is cute. Make it wider if you want :) */
 text-align:left; 
margin-left:auto;  /*Setting the left and right margin to auto is what centers the layout*/
 margin-right:auto;
 background-color:#FFFFFF;
  border:DarkViolet 0px solid; /* This puts a border around the website layout. Feel free to ddelete it, change the kinda border or color */
  background-image:url(http://1337mama.com/winter-template/pagewidth.jpg);
} 
 
#header{
 position:relative; 
 width:100%;
}

.toppattern{
background-image:url(temp1337/top.gif);
background-repeat:repeat;
display:block;height:6px;width:1000px;
}

#container2{width:1000px;margin:auto;
}

.banner{
background-image:url(temp1337/banner5.jpg);
display:block;
width:1000px;height:208px;
background-position:bottom center;
}

.navigationtop{
display:block;
width:1000px;
height:53px;
clear:both;
}

#content{
 float: left; 
 display:inline; 
 position: relative; 
 width:570px !important;
 text-align:center;
 padding-left:6px;
 }
 
.content h2{font-family:century gothic,arial;font-size:18px;color:#ff0090;margin:0px;letter-spacing:-1px;padding:0px 4px 3px 4px;
border-bottom:2px dotted #000000;}

.content h3{font-family:century gothic,arial;font-size:14px;color:#999999;margin:0px;text-transform:uppercase;}

.content a{color:#333333;border-bottom:1px dotted #ededed;}

.content b, .content strong{color:#ff0099;}
.content i{color:#777777;letter-spacing:1px;}

.navigationtop .logoclick{
background-image:url(temp1337/logo.gif);
width:190px;
height:53px;
display:block;
background-position:top left;
float:left;
}

.navigationtop .logoclick:hover{background-image:url(temp1337/logo.gif);
background-position:bottom left;}

.navigationtop .graphics{background-image:url(temp1337/navigation.jpg);
background-position:0px 0px;width:160px;height:53px;display:block;float:left;}

.navigationtop .comments{background-image:url(temp1337/navigation.jpg);
background-position:647px 0px;width:158px;height:53px;display:block;float:left;}

.navigationtop .generators{background-image:url(temp1337/navigation.jpg);
background-position:486px 0px;width:158px;height:53px;display:block;float:left;}

.navigationtop .goodies{background-image:url(temp1337/navigation.jpg);
background-position:325px 0px;width:158px;height:53px;display:block;float:left;}

.navigationtop .resources{background-image:url(temp1337/navigation.jpg);
background-position:164px 0px;width:164px;height:53px;display:block;float:left;}

.navigationtop .graphics:hover{background-image:url(temp1337/navigation.jpg);
background-position:0px 53px;width:160px;height:53px;display:block;float:left;}

.navigationtop .comments:hover{background-image:url(temp1337/navigation.jpg);
background-position:647px 53px;width:158px;height:53px;display:block;float:left;}

.navigationtop .generators:hover{background-image:url(temp1337/navigation.jpg);
background-position:486px 53px;width:158px;height:53px;display:block;float:left;}

.navigationtop .goodies:hover{background-image:url(temp1337/navigation.jpg);
background-position:325px 53px;width:158px;height:53px;display:block;float:left;}

.navigationtop .resources:hover{background-image:url(temp1337/navigation.jpg);
background-position:164px 53px;width:164px;height:53px;display:block;float:left;}

.navigationtop .divider{width:2px;height:53px;
background-image:url(temp1337/divider.gif);display:block;float:left;}
 
#leftmenu{
 width:195px ; 
 float:left; 
 position:relative;
 padding-left:5px; 
 }
 
.sidebar-left{
display:block;
width:200px;
float:left;
}
.sidebar-left a, .sidebar-right a{margin-left:6px;
padding:0px 0px 6px 13px;color:#def7bc;
font-size:11px;text-decoration:none;background-image:url(temp1337/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
display:block; width:180px;font-weight:bold;margin-top:-1px;}

.sidebar-left a:hover, .sidebar-right a:hover{
background-image:url(temp1337/arrow2.gif);
color:#ffffff;}

.sidebar-right{
display:block;
width:200px;
float:right;
}


.support{display:block;width:190px;
margin:auto;text-align:center;color:#ffffff;}
.support *{
font-size:8px!important;
font-weight:bold;
text-transform:uppercase;
}

.support img{display:Block;}
.support textarea{border:2px solid #6da81c;
background-color:#82bd34;color:#ffffff;font-size:9px!important;
height:30px;
width:170px;
padding:2px;
text-transform:none!important;
margin-top:3px;
font-weight:normal!important;
display:block;
clear:both;
margin-bottom:4px;
}


.footer{position:relative;clear:both;background-image:url(temp1337/top.gif);width:1000x;display:block;font-size:10px;color:#999999;border-top:1px solid #888888;background-color:#ffffff;height:10px;background-repeat:no-repeat;background-position:bottom center;margin:auto;padding:1px 2px 10px 2px;}

 
a.nav:link, a.nav:visited, a.nav:active

{text-decoration:none; border-left:6px solid #ffffff;  color:#ffffff ; display:block ; font-size:11px ; font-family: Arial; background-color:#FF008E; border-bottom:1px solid #66ADA8;}
a.nav:hover

{ border-left:6px solid #000000;  color:#FFFFFF; display:block ; font-size:13px ; font-family: Arial; background-color:#FF008E; text-decoration:none;}


#both{
width:790px ;
 float:right; 
 position:relative; 
  }
 
#rightmenu{
 width:195px ;
 float:right; 
 position:relative;
 padding-right:5px;
 }
 
.twitter_layouts_category{
float:left;
width:200px;
height:180px;
}

.twitter_layouts_category img{
width:200px;
height:120px;
}

.twitter_layouts_category_title{

}

.twitter_layout{
float:left;
width:400px;
height:300px;
}

.twitter_layout img{
height:180px;
width:200px;
}

 
#cse-search-box Input {margin:0; padding:0; font-size:100%; color:#FF008E; background-color:#96D73D; background-image:url(http://1337mama.com/blue.jpg);}


#cse-search-box input:last-child {color:green;}

 
 /* link colors and stuff */
 
a
{
   color: #FFFFff;
}
a:visited
{
   color: #ffffff;
}
a:active
{
   color: #EF327D;
}
a.bluelink:link
{
   color: #FFFFff;
}
a.bluelink:visited
{
   color: #ffffff;
   text-decoration: underline;
}
a.bluelink:active
{
   color: #F9FAB4;
   text-decoration: underline;
}
a.bluelink:hover
{
   color: #AAEBF9;
   text-decoration: underline;
}
a.blacklink:link
{
   color: #000000;
}
a.blacklink:visited
{
   color: #F9FAB4;
   text-decoration: underline;
}
a.blacklink:active
{
   color: #FF0000;
   text-decoration: underline;
}
a.blacklink:hover
{
   color: #0000FF;
   text-decoration: underline;
}
 
 /* IGNORE THIS! LEAVE IT ALONE!!! */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 @media print{ 
#leftmenu{display:none;} 
#rightmenu{display:none;} 
#both, #content{width:100%; float:none;}
}

h1{ font-size:12px ; color:#000000 ; font-face:Arial; padding:0; margin:0; border-bottom:2px gray;}
h5{ letter-spacing:-1px; font-size:18px; color:#525252 ; font-family:Arial; padding:0; margin:0; border-bottom:2px gray; background-color:#ffffff; border-top:2px dotted #ffffff;}