body { background-image: url('../img/HOLDb.jpg');
     position: relative; background-color: #000; }


body#b_blog { background-image: url('../img/BLOG IMAGE.jpg'); 
	      background-position: 680px 0; background-repeat: no-repeat; }

body#b_contact { background-image: url('../img/contact image NEW.jpg'); 
	      background-position: 395px 0; background-repeat: no-repeat; }

body#b_links { background-image: url('../img/LINKS\ PAGE\ IMAGE\ boy\ gir\ cci.jpg');
	     background-position: 420px 95px; background-repeat: no-repeat; }

body#b_biog, body#b_menu { background-image: none; }

#header { height: 120px; 
	background-color: #000; }

body#b_blog #header,body#b_contact #header,
body#b_links #header { background-color: transparent; }


#logo { position: relative;
      top: 15px; left: -3px; }

.outer { width: 1200px;
      /* height: 600px;*/
 
/*.outer .handle { height: 20px; }*/
      
      position: absolute;
/*      top: 20px; left; 20px; */
/*       top: 50%; left: 50%;*/
/*       margin: -300px 0 0 -450px;*/
/*     background: transparent url('../img/ten.png');*/
/*       background-color: #111; 
     -moz-border-radius: 25px;
     -webkit-border-radius: 25px;*/
}

.handle { height: 20px; }

.outer_inner {
/*	     height: 540px;
	     overflow: auto;*/
	     margin: 0 20px 20px 20px;
	     padding: 5px;
	     /*background-color: #000;*/
	     }


.page { width: 480px; position: relative; }

#nav { position: absolute; right: -220px;
     width: 200px; }

.entry p { text-align: justify; }


pre,ul { margin: 0 0 2em 0; }

p,h3,h4,h1 { margin: 0 0 1em 0; }

h2 { margin: 0 0 0.5em 0; }
.entry h2 { margin: 0 0 0.5em 0.125em; } 

h4 { margin-top: 2em; }

p,li { line-height: 1.3em; }

pre { border: 1px dotted #ccc;
    padding: 1em; }

#blog_wrapper { margin: 0 0 0 10px; }
.entry { margin: 0 0 35px 0; }

.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }
.clear { display: inline-block;}
/*  \*/
.clear {
    zoom: 1;
    display: block;
    }
/* */


#footer { margin-top: 66px; }



.enlarged { position: absolute;
	    z-index: 5;
	    cursor: pointer; border: 3px solid #000; }
.enlarger_fade { background-color: #000; position: absolute;		
	       width: 100%; height: 100%;
	       z-index: 4; }
		 


#nav_list {	  
	  width: 100%;
	  top: 0;
	  position: absolute;
	  height: 160px; 
	  list-style: none; 
	  background-color: #000; }
#nav_list li { display: inline; padding: 10px; }

/*#archive { text-align: left; float: right; width: 33%; }*/
#archive ul { margin: 0 0 0 10px; padding: 0;
	 list-style: disc;
	 display: block; }
#archive ul ul { display: none; }

#archive ul ul ul { list-style: none; display: none; }

#archive ul li { margin: 0; line-height: 1.5em; }

#archive ul.current { display: block; }



#user_form form p { clear: both; }
#user_form form label { width: 25%; float: left;
	     margin: 0.5em; padding: 0 0 0 2.5%; }
#user_form form input, #user_form form textarea, #user_form form select { float: left; width: 45%;
					 border: 0px solid #000;
					 margin: 0.5em; padding: 0.3em;
					 background-color: #eee; }

#user_form form input:focus, #user_form form select:focus, #user_form form textarea:focus { border: 0px solid #ccc; }
#user_form form textarea { height: 200px; padding: 0 0 0 0.3em; }
#user_form form button { background-color: #ccc;
	      margin: 0 0 0 0.3em;
	      border-left: 1px solid #333;
	      border-top: 1px solid #333;
	      border-right: 1px solid #333; 
	      border-bottom: 1px solid #333;
	      /*padding: 0.4em;*/ margin: 0.5em; }


#menu_outer { position: relative; }
#menu_outer img { position: absolute; left: 300px; top: 30px; }
#menu, #links { margin: 30px 0 0 50px; }
#menu li { clear: both; }
#menu li a { width: 25%; display: block; float: left; }



/* typography */

body { font-family: Helvetica, sans-serif; font-size: 62.5%;
     color: #666; }

#archive li { color: #ccc; }
#archive li a { text-decoration: none; color: #666; }
#archive li a:hover { text-decoration: underline; }


h1 { font-size: 3em; color: #fff; text-transform: uppercase; }

h1 a { text-decoration: none; }


h3 {  font-weight: normal; }
h2, h3, p, #nav_list, #archive { font-size: 1.3em; }


.entry h2 { font-weight: bold;  }


a { color: #fff; }


#menu li { font-size: 4em; font-style: italic; text-transform: uppercase;
      font-weight: bold; }
#menu li a { text-decoration: none; }
#menu li a:hover { color: #666; }

#links li { font-size: 2em; }