staticbits.thefnf.org/fnf2014/style.css

/*
 * Theme Name:     fnf2014
 * Theme URI:      http://thefnf.org/
 * Description:    FNF Custom  2014
 * Author:         imw
 * Author URI:     http://5400.co/
 * Template:       twentyeleven
 * Version:        0.1.0
 * */

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:underline;
  color:#7d7c79;
}

a:hover{
  color:#b3b1ad;
}

a.navlist {
  display:inline-block;
  margin:0 auto;
  width:90px;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  padding:10px;
  font-weight:bold;
  background:#000000 !important;
  position:relative;
  top:5px;
  color:#e7e7e7 !important;
}

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:#000000; 
  width:100%;
  height:300px;
}

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

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

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

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

#p1wrapper{
 width:100%;
 background:#0f0e0c url(img/0f0e0c_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:#7d7c79 url(img/7d7c79_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:#fff url(img/fff_fade.png) repeat-x top left;
 height:570px;
 padding-left:10px;
 padding-right:10px;
  }
 
#centercol{
 width:390px; 
 float:left;
 margin-right:15px;
 background:#fff url(img/fff_fade.png) repeat-x top left;
 height:570px;
 }
 
#rightcol{
  width:250px;
  float:right;
  background:#fff url(img/fff_fade.png) repeat-x top left;
  height:570px;
  padding-left:10px;
  padding-right:10px;
 }
 
#blogfooter{
    position:relative;
    height:85px;
    background:#0f0e0c url(img/0f0e0c_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:#7d7c79 url(img/splash_fade.png) repeat-x top left;
  overflow:hidden;
}

#contentcontainer{
  width:960px;
  margin: 0 auto;
  overflow:hidden;
  min-height:540px;
}


#contentcontainer h2{
  color:#e7e7e7;
}

#col h2{
  color:#000000 !important;
}

#crm-container{
  line-height:120%;
}

.crm-title{
  display:none;
}

.dcol{
  min-height:1620px;
}

.entry h2{
  color:#000000 !important;
}

#mw-head{
  top:140px !important;
}


#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;
  text-decoration:none;
}

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

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

#col{
 width:680px; 
 float:right;
 background:#fff url(img/fff_fade.png) repeat-x top left;
 padding:15px;
 position:relative;
 top:-4px;
 overflow:auto;
 }
 
#p-personal{
  top:20px !important;
}

.crm-container div.form-item{
  height:auto !important;
 }