staticbits.thefnf.org/fnf2014/newfront/style.css

/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 background:#ffffff;
 font-family:Arial, Helvetica, sans-serif;
 } 


 
#header{
 position:relative; 
 height:175px; 
 background-color:#ffffff; 
 width:100%;
 display:block;
} 

#header.splash{
  height:140px;
}
 
img.toplogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.navlist{
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}

ul.navlist {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}

li.navlist {
  display:inline;
}

a{
  text-decoration:none;
}

a.navlist {
  display:inline-block;
  margin:0 auto;
  width:90px;
  text-transform:uppercase;
  text-align:center;
  padding:10px;
  font-weight:bold;
  background:#1c1b16;
  position:relative;
  top:5px;
  color:#ffe895;
}

a.here{
  color:#A57e00;
  display:inline-block;
  margin:0 auto;
  width:90px;
  text-transform:uppercase;
  text-align:center;
  padding:10px;
  font-weight:bold;
  background:#1c1b16;
  position:relative;
  top:5px;
}

#carousel_wrapper{
  background:#110d00; 
  width:100%;
}

#frame{
  background:url(img/frame.png) no-repeat;
  height:340px;
  width:1000px;
  left:50%;
  margin-left:-500px;
  top:155px;
  position:absolute;
  z-index:100;
}

#carousel_container{
  width: 960px;
  position:relative;
  margin: 0 auto;
  z-index:200;
}

#carousel{
  width:960px;
  position:relative;
  margin:0 auto;
  z-index:250;
}

#mycarousel{
  position:relative;
  z-index:300;
}

#p1wrapper{
 width:100%;
 background:#1c1b16 url(img/161b16_fade.png) repeat-x top left;
} 

#p1container{
  width: 800px;
  margin: 0 auto;
  color:#FFF3ca;
}

p.p1{
  color:#FFF3ca;
}

h1.p1{
  color:#FFF3ca;
  text-align:center;
}

#colwrapper{
  width:100%;
  background:#393320 url(img/393320_fade.png) repeat-x top left;
  overflow:hidden;
}

#colcontainer{
  width:960px;
  margin: 0 auto;
  overflow:hidden;
}

#leftcol{
 width:250px; 
 float:left; 
 margin-right:15px;
 background:#fff3ca url(img/fff3ca_fade.png) repeat-x top left;
 height:550px;
 padding-left:10px;
 padding-right:10px;
  }
 
#centercol{
 width:390px; 
 float:left;
 margin-right:15px;
 background:#fff3ca url(img/fff3ca_fade.png) repeat-x top left;
 height:550px;
 }
 
#rightcol{
  width:250px;
  float:right;
  background:#fff3ca url(img/fff3ca_fade.png) repeat-x top left;
  height:550px;
  padding-left:10px;
  padding-right:10px;
 }
 
#footer{
    position:relative;
    height:150px;
    background:#1c1b16 url(img/1c1b16_fade.png) repeat-x top left;
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    overflow:auto;
}

img.license{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#title_wrapper{
  background:#1c1b16 url(img/161b16_fade.png) repeat-x top left;
  width:100%;
}

#title_container{
  width: 800px;
  position:relative;
  margin: 0 auto;
  z-index:200;
}

h1.title{
  color:#FFF3CA;
  padding:10px;
  line-height:2;
  display:inline;
}

#contentwrapper{
  width:100%;
  background:#393320 url(img/splash_fade.png) repeat-x top left;
  overflow:hidden;
}

#contentcontainer{
  width:960px;
  margin: 0 auto;
  overflow:hidden;
}

#contentcontainer h2{
  color:#ffe895;
}

#sidenav{
  background:url(img/shader.png) repeat;
  float:left;
  width:240px;
  position:relative;
  top:30px;
}

#sidenav a{
  color:#ffffff;
  font-size:18px;
  display:block;
  padding:30px;
  width:180px;
}

#sidenav a:hover{
  background:#ffe895;
  color:#000000;
}

#sidenav a.on{
  background:#ffe895;
  color:#000000;
}

#col{
 width:680px; 
 float:right;
 background:#fff3ca url(img/fff3ca_fade.png) repeat-x top left;
 height:550px;
 padding:15px;
 }