/*****  GLOBAL *****/   

* { margin: 0; padding: 0; }

body {
  background: #F3EFE5 url(/http/0at.org/img/default/starry_bg.jpg) repeat-x center top;
  margin: 0; padding: 0; 
  font-size: 75%;
  font-family: "Lucida Grande",Verdana, sans-serif;
  color: #333;
}

a { color: #FF0033; }

/* a:visited { color: #F9778C; } */

a img { border: none; }


h1, h2, h3 {
  font-family: Times New Roman, Georgia, sans-serif;
  font-weight: normal;
  margin-bottom: 0em;
  line-height: 1.4em; 
  color: #211C19;
}

    h1 { font-size: 4em; }
    
    h2 { font-size: 3em; } 
    
    h3 { font-size: 1.75em; } 


p { 
  margin: .25em 0 1em 0;
  line-height: 1.5em;
}


ul { 
  list-style-type: none;  
  margin: .5em 0; 
}

ol {
  margin: .5em 0 .5em 1em;
}


   li {
    padding: 0 0 1em .5em; 
  }
  
  li { line-height: 1.5em; }
      
  .inline li {
    float: left; 
    margin-right: 2em;
    
  }

fieldset {
  border: 1px solid #ccc;
  padding: 1em 2em 1em 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

    legend {
      font-family: Georgia, Trebuchet, serif;
      color: #333;
      font-size: 1.3em;
      padding: 0 .5em .2em .5em;
      font-weight: bold;
    }
    
option { padding-right: 1em; }


.input { margin-bottom: 1.5em; }

    .input label {
      font-size: .9em;
      text-transform: uppercase;
      display: block;
    }
   
    .inline .input label {
      display: inline;
    } 
   
    
   
/*****  CUSTOM CLASSES *****/   

.swatch1 { color: #FF0033 !important; }

.swatch2 { color: #CC9900 !important; }

.mute { 
  color: #666; 
  font-size: .8em; 
  text-transform: uppercase; 
}

.cf { display:block; } 

.cf:after {
  content: ".";
  display: block; 
  height: 0; 
  clear: both !important;
  visibility: hidden;
}

.cf { display:inline-block; } 
    
* html .cf {height: 1%;}    

.arrow {
  background: url(/http/0at.org/img/default/arrow_bg.png) no-repeat 0 4px; 
  padding-left: 5px;
}

.arrowed li {
  background: url(/http/0at.org/img/default/arrow_bg.png) no-repeat 0 4px; 
  padding-left: 5px;
  margin-left: 1.5em;
}

.boxed li {
  background: url(/http/0at.org/img/default/arrow_bg.png) no-repeat 0 4px; 
  padding-left: 5px;
}

.fancy {
  text-align: center;
}

.fancy h3 { color: #FF0033; }

.fancy h3:before  { content: "~ "; }

.fancy h3:after { content: " ~"; }

.fancy h3 a { text-decoration: none; }

.portfolio_border {
  background: url(/http/0at.org/img/portfolio/thumbnail_bg.png) no-repeat;
  padding: 7px;
}

.cursor { 
  cursor: pointer;
  text-decoration: underline;
}

.error-message {
  color: #FF0033;
  font-size: 1.5em;
}


.center_text { text-align: center; }


.pad { padding: 10px; }

.pad2 { padding: 20px; }

.pad3 { padding: 30px; }

/*****  DEFAULT LAYOUT *****/
#header {
  background: url(/http/0at.org/img/default/header.jpg) no-repeat top right;
  height: 438px;
  width: 810px;
  margin: 0 auto;
}
    .nostrings #header { background: url(/http/0at.org/img/default/header_nostrings.jpg) no-repeat top right !important; }

    #header h1 { display: none; }
    
    #header ul { 
      padding: 375px 0 0 265px;
      margin: 0;
      text-transform: uppercase;
      font-size: .8em;
    }
    
        #header li { 
          padding: 0; 
          display: inline; 
          padding-right: 1.5em;
        }
        
        #header li, #header a {
          color: #AA9F94;
        }
        
        #header a {
          text-decoration: none;
          padding-bottom: .25em;
          padding-left: .25em;
        }

        #header li:hover, #header .active {
          color: #FF0033;
        }
        
        #header a:hover, #header .active a {
          color: #fff;
          border-bottom: 2px solid #FF0033;
        }

#container { 
  width: 810px;
  margin: 0 auto;
}

.nostrings { 
	width: 900px !important;
}

#bread {
  width: 500px;
  background: #fff url(/http/0at.org/img/default/box_bg_big.png) repeat-y;
  float: left;
}

    #meat {
      background: url(/http/0at.org/img/default/box_top_big.png) no-repeat top left;
      padding: 28px 2.2em 1em 2.2em;
    }
    
    #big_box_prop {
      background: url(/http/0at.org/img/default/box_bottom_big.png) no-repeat;
    }
    
#big_bread {
	width: 900px;
	margin: 0 auto;
	background: #fff url(/http/0at.org/img/default/box_bg_extra_big.png) repeat-y;
}

		#big_meat {
		  background: url(/http/0at.org/img/default/box_top_extra_big.png) no-repeat top left;
		  padding: 28px 1.5em 1em 1.5em;
		}
		
		#big_bread .big_box_prop {
      background: url(/http/0at.org/img/default/box_bottom_extra_big.png) no-repeat bottom right !important;
    }

#hanging {
  float: right;
  width: 286px;
}

    .boxed {
      width: 236px;
      background: url(/http/0at.org/img/default/box_bg.png) repeat-y right;
      padding: 5px 25px 5px 25px;
      font-size: .9em;
    }
    
    .box_prop {
      background: url(/http/0at.org/img/default/box_bottom.png) no-repeat;
    }
    
#portfolio_box {
  border: 1px dotted #7D6654;
  float: right;
  width: 281px;
  margin-top: 35px;
  text-align: center;
  z-index: -99999;
  padding-bottom: 1em;
  padding-left: 2px;
  padding-right: 3px;
}

    #portfolio_box h2  {
      margin-top: -.5em;
      background: #F3EFE5;
      z-index: 1000000;
      float: left;
      padding: 0 .5em;
      line-height: 1em;
      margin-left: 1.65em;
    }
    
    #portfolio_box h3 { 
      float: none; 
      clear: left; 
      font-size: 1.7em;
      margin-bottom: .5em;
    }
    
    #portfolio_box img { border: 1px solid #fff; }
    
#sidebar_banner img {
  margin-left: 20px;
  margin-top: 15px;
}

#sidebar_posts {
  border: 1px dotted #7D6654;
  float: right;
  width: 281px;
  margin-top: 35px;
  text-align: center;
  z-index: -99999;
  padding-bottom: .5em;
  padding-left: 2px;
  padding-right: 3px;
}

    #sidebar_posts h3  {
      margin-top: -.5em;
      background: #F3EFE5;
      z-index: 1000000;
      float: left;
      padding: 0 .5em;
      line-height: 1em;
      margin-left: 2em;
    }
    
    #sidebar_posts ul { 
      float: none; 
      clear: left; 
      margin-top: 2em;
    }
    
#rss_and_twitter span { 
	display: block; 
	width: 105px;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}

		#rss_and_twitter .swatch1 { display: block; }
		
		#rss_and_twitter #rss { padding-top: 25px; }
		
		#rss_and_twitter #twitter { width: 120px; }
		
    
#footer {
  clear: both;
  background: #1D1815 url(/http/0at.org/img/default/footer_bg.jpg) repeat-x 0 0;
  padding-top: 50px;
  padding-bottom: 25px;
  color: #AA9F94;
}

    #footer_meat {
      width: 800px;
      margin: 0 auto;
      text-align: center;
    }

		#footer_friends a { padding-right: 1em; }
    
#flash {
  width: 550px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 2px solid #343434;
  margin-top: 25px;
  padding: 50px 15px;
}

/*****  ABOUT *****/   

.achievement {
  margin-bottom: 4em;
}

#about_misc p { font-size: .9em; }