/*
Theme Name: TeoLitto.com 1.0
Theme URI: http://www.teolitto.com/
Description: my personal blog theme
Version: 1.0
Author: teo litto 2008 
*/

*
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}


body
{
 background: #333;
}

body a
{
 color: #6ca0cc;
 text-decoration: none;
}
/*color: #5f92be;
 color: #73a1c9
 */

body a:hover
{
 text-decoration: underline;
 color: #9ec1de;
}


#maindiv
{
 background: #727272;
 width: 874px;
 margin-left: auto;
 margin-right: auto;
 /*min-height: 1489px;*/
 padding: 0 0 0 0;
 /*border: solid 1px green;*/
 overflow: hidden;
}

#headdiv
{
 background: url(images/header1.jpg) center top no-repeat;
 display: block;
 width: 874px;
 height: 176px;
 margin-left: auto;
 margin-right: auto;
}

#navbar
{
 background: url(images/navimg1.jpg) center top no-repeat;

 width: 874px;
 height: 25px;
 margin: 0 0 20px 0;
}

#content
{
 background: #727272;
 width: 874px;
 /*min-height: 1024px;*/
 /*border: 1px solid red;*/
 overflow: hidden;
}


#footer
{
  position: relative;
  width: 874px;
  background: #333;
  margin-left: auto;
  margin-right: auto;
  left: -10px;
}

#footer p
{
 color: #bedae2;
 font:normal normal 12px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 line-height: 1.5;
 padding: 0 0 10px 0;
}

#footer a
{
 text-decoration: underline;
 color: #88c5f8;
}

.post
{
 background: #555;

 width: 562px;
 margin: 0px 0 0px 0;
 padding: 5px 0 10px 0;
 position: relative;
 left: 18px;
 border-left: solid 1px #4b4b4b;
 border-right: solid 1px #4b4b4b;
}
  
.post ol
{
 width: 400px;
 color: #d9f7ff;
 margin: 0px 0 10px 30px;
 padding: 5px 0 10px 0;
 left: 18px;
}


.postcap
{
 background: url(images/posttopper.jpg) no-repeat top left;
 color: #999;
 width: 564px;
 padding: 0px 0 0px 0px;
 margin: 0px 0 -1px 18px;
}

.postfoot
{
 background: url(images/postbottom.jpg) no-repeat bottom left;
 padding: 0px 0 0 20px;
 margin: -4px 0 40px 18px;

}

.postmetadata
{
 margin: -0px 0 0px 0;
 padding: 0px 0px 2px 0px;
 position: relative;
 top: -6px;
 left: 20px;
 color: #d5d5d5;
 font:normal normal 14px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 letter-spacing: -.5px;
}

.time
{
 color: #d5d5d5;
 padding: 0px 0 0px 0;
 margin: 0px 0 0 20px;
 position:relative;
 top: 4px;
 font:normal normal 9pt 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 letter-spacing: -.5px;
 z-index: 5;
}

.post h2
{
 color: #999;
 margin: 0px 0 5px 17px;
 font: normal normal 17pt Georgia, Serif;
 letter-spacing: 1px;
}




.post h2 a
{
  color: #fff;
  text-decoration: none;
}

.post h2 a:hover
{
 text-decoration: underline;
}

.entry
{
 color: #d9f7ff;
}



.entry p
{
 padding: 0px 0 0 0;
 margin: 0 0 12px 0;
}

.post p
{
  padding: 0px 20px 0px 20px;
}


/* navbar styles */




/*  PADDING METHOD

#barlist
{
 list-style: none;
 width:500px;
 height: 30px;
 padding: 0;
 margin: 0;
}

#barlist li
{
 display: inline;
 list-style-type: none;
}

#home
{
 background: url(images/home.jpg) no-repeat 0 100%;
 height: 25px;
 padding: 0px 0 5px 0;
 margin: 0px;
}

#home2
{
 background: url(images/home.jpg) no-repeat;
 height: 25px;
 padding: 1px 104px 5px 0;
 margin: 0px;
}


#photo
{
 background: url(images/photo.jpg) no-repeat 0 100%;
 height: 25px;
 padding: 0px 0 5px 0;
 margin: 0 0 0 -4px;
}

#photo2
{
 background: url(images/photo.jpg) no-repeat;
 height: 25px;
 padding: 1px 92px 5px 0;
}

#digital
{
 background: url(images/digital.jpg) no-repeat 0 100%;
 height: 25px;
 padding: 0px 0 5px 0;
 margin: 0 0 0 -4px;
}

#digital2
{
 background: url(images/digital.jpg) no-repeat;
 height: 25px;
 padding: 1px 92px 5px 0;
}
 
 #contact
{
 background: url(images/contact.jpg) no-repeat 0 100%;
 height: 25px;
 padding: 0px 0 5px 0;
 margin: 0 0 0 -4px;
}

#contact2
{
 background: url(images/contact.jpg) no-repeat;
 height: 25px;
 padding: 1px 95px 5px 0;
}
 
#about
{
 background: url(images/about.jpg) no-repeat 0 100%;
 height: 25px;
 padding: 0px 0 5px 0;
 margin: 0 0 0 -4px;
}

#about2
{
 background: url(images/about.jpg) no-repeat;
 height: 25px;
 padding: 1px 91px 5px 0;
}

#navtail
{
 background: url(images/navtail.jpg) no-repeat top left;
 height: 25px;
 padding: 1px 91px 5px 0;
 margin: 0 0 0 -4px;
}

#barlist a:hover
{
 background-position: 0 25px;
}

*/

/* MANUAL POSITIONING METHOD */

/*

#barlist
{
 list-style: none;
 width:500px;
 height: 30px;
 padding: 0;
 margin: 0;
}

#barlist li
{
 list-style-type: none;
}




#barlist a:hover
{
 background-position: 0 25px;
}

#home
{
 height: 25px;
 width: 104px;
 display: block;
 background: url(images/home.jpg) no-repeat 0 100%;
}

#home2
{
 background: url(images/home.jpg) no-repeat top left;
 display: block;
 height: 25px;
 width: 104px;
 top: -25px;
}


#photo
{
  background: url(images/photo.jpg) no-repeat 0 100%;
  height: 25px;
  width: 92px;
  position: relative;
  display: block;
  top: -25px;
  left: 104px;
}

#photo2
{
 display: block;
 background: url(images/photo.jpg) no-repeat top left;
 height: 25px;
 width: 92px;
 padding: 0;
 margin: 0;
}

#digital
{
  background: url(images/digital.jpg) no-repeat 0 100%;
  height: 25px;
  width: 98px;
  position: relative;
  left: 196px;
  top: -54px;
  padding: 0;
  margin: 4px 0 0 0;
}

#digital2
{
 display: block;
 background: url(images/digital.jpg) no-repeat top left;
 height: 25px;
 width: 98px;
}

#contact
{
  background: url(images/contact.jpg) no-repeat 0 100%;
  height: 25px;
  width: 95px;
  position: relative;
  left: 294px;
  top: -83px;
  padding: 0;
  margin: 4px 0 0 0;
}

#contact2
{
 display: block;
 background: url(images/contact.jpg) no-repeat top left;
 height: 25px;
 width: 95px;
}

#about
{
  background: url(images/about.jpg) no-repeat 0 100%;
  height: 25px;
  width: 95px;
  position: relative;
  left: 389px;
  top: -112px;
  padding: 0;
  margin: 0 0 0 0;
  display: inline;
}

#about2
{
 display: block;
 background: url(images/about.jpg) no-repeat top left;
 height: 25px;
 width: 95px;
}

#tail
{

 background: url(images/navtail.jpg) no-repeat top left;
 position: relative;
 width: 396px;
 height: 25px;
 left: 476px;
 top: -141px;
 margin: 4px;
}
*/

/* MANUAL POSITIONING WITH INLINE */
#barlist li
{
 list-style-type: none;
}

#barlist
{
 list-style: none;
 width:874px;
 height: 30px;
 padding: 0;
 margin: 0;
 white-space: nowrap;
 list-style-type: none;
}


#barlist a:hover
{
 background-position: 0 25px;
}

#home
{
 height: 25px;
 min-width: 104px;
 background: url(images/home.jpg) no-repeat 0 100%;
 min-width: 103px;
}

#home2
{
 background: url(images/home.jpg) no-repeat top left;
 display: block;
 height: 25px;
 min-width: 104px;
 top: -25px;
}


#photo
{
  background: url(images/photo.jpg) no-repeat 0 100%;
  height: 25px;
  width: 92px;
  position: relative;
  display: block;
  top: -25px;
  left: 104px;
}

#photo2
{
 display: block;
 background: url(images/photo.jpg) no-repeat top left;
 height: 25px;
 width: 92px;
 padding: 0;
 margin: 0;
}

#digital
{
  background: url(images/digital.jpg) no-repeat 0 100%;
  height: 25px;
  width: 98px;
  position: relative;
  left: 196px;
  top: -54px;
  padding: 0;
  margin: 4px 0 0 0;
}

#digital2
{
 display: block;
 background: url(images/digital.jpg) no-repeat top left;
 height: 25px;
 width: 98px;
}

#contact
{
  background: url(images/contact.jpg) no-repeat 0 100%;
  height: 25px;
  width: 95px;
  position: relative;
  left: 294px;
  top: -83px;
  padding: 0;
  margin: 4px 0 0 0;
}

#contact2
{
 display: block;
 background: url(images/contact.jpg) no-repeat top left;
 height: 25px;
 width: 95px;
}

#about
{
  background: url(images/about.jpg) no-repeat 0 100%;
  height: 25px;
  width: 95px;
  position: relative;
  left: 389px;
  top: -112px;
  padding: 0;
  margin: 4px 0 0 0;
}

#about2
{
 display: block;
 background: url(images/about.jpg) no-repeat top left;
 height: 25px;
 width: 95px;
}

#tail
{

 background: url(images/navtail.jpg) no-repeat top left;
 position: relative;
 width: 396px;
 height: 25px;
 left: 476px;
 top: -141px;
 margin: 4px;
}

.bottlinks
{
 background: url(images/bottlinksbg3.gif)top left no-repeat;
 margin-left: auto;
 margin-right: auto;
 min-height: 50px;
 width: 564px;
 display: block;
 margin: -20px 0 0 4.45em;

}
.bottlinks a
{
 color: #78acd8;
}

#olderposts
{
 color: #c7c7c7;
 font:normal normal .85em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 float: left;
 margin: 3px 0 0 1em;
}

#newerposts
{
 color: #c7c7c7;
 font:normal normal .85em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 float: right;
 margin: 3px 8.3em 0 0;
}




/* ********* SIDE NAV ************* */
      

.sidenav1
{
 background: #555;
 color: #5f92be;
 width: 226px;
 border-left: solid 1px #4a4a4a;
 border-right: solid 1px #4a4a4a;
 vertical-align: top;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 40px;
}

#sidebar
{
 width: 290px;
 vertical-align: top;
 float: right;
 height: auto;
 margin-top: 27px;
}

.navcap1
{
 background: url(images/navtop1.gif) no-repeat top left;
 margin-right: auto;
 margin-left: auto;
 height: 20px;
 width: 230px;
}

#search
{
 width: 210px;
 margin-left: auto;
 margin-right: auto;
}

input
{
color: #88b5c8;
background: #666;
border: 1px solid #74909c;
}

body input
{
color: #88b5c8;
background: #666;
border: 1px solid #74909c;
}

.sidenav1 h3
{
 color: #c7c7c7;
 font:normal normal .85em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 padding: 0 0 .5em 0;
 margin-left: 1em
}

.sidenav1 h2
{
 color: #c7c7c7;
 font:normal normal .85em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 padding: 0 0 .5em 0;
 margin-left: 1em
}




.snavlinks
{
 margin-left: 1.7em;
 padding-bottom: .1em;
 font:normal normal .83em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 width: 180px;
 }

.snavlinks li
{
  margin: .3em 0 1em 0;
  line-height: 1;
}

.snavlinks a
{
 text-decoration: none;
}

.snavlinks a:hover
{
 text-decoration: underline;
 color: #9ec1de;
}


 #linkslist ul
 {
  margin-left: 1.7em;
  padding-bottom: .1em;
  font:normal normal .83em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
  width: 180px;
 }

 .linkcat li
 {
  margin: .3em 0 .8em 0;
  line-height: 1;
 }
 
 #linksh2
 {
  position: relative;
  left: 65px;
  top: -2px;
 }

.s
{
  padding:  0em .1em 0em 0em;
  margin: 0 1.2em 0 0em;
  width: 130px;
}

.sbutton
{
 font:normal bold .7em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 letter-spacing: .5px;
 padding: 0 5px 0 5px;
 position: relative;
 top: -1px;
}

.sbutton:hover
{
 color: #93c6dc;
 border: 1px solid #92b5c4;
}

.s:hover
{
 border: 1px solid #92b5c4;
 color: #93c6dc;
 background: #777;
}

#subscribe
{
 background: url(images/RSSIcon1.jpg) no-repeat top left;
 height: 42px;
}

#subscribe a
{
 position: relative;

 top: 11px;
 left: 6px;
 padding: 2px 0 0 30px;
 width: 140px;
 font: normal bold 9pt 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 color: #73c6d6;
 text-decoration: none;
 letter-spacing: 1.5px;
}

#subscribe a:hover
{
 text-decoration: underline;
 color: #89dff0;
}


.navfoot1
{
 background: url(images/navfoot1.gif) no-repeat bottom right;
 position: relative;
 left: -2px;
 height: 20px;
 width: 230px;
}


/* COMMENT STYLES */

.commentsdiv
{
 position: relative;
 border-left: solid 1px #4b4b4b;
 border-right: solid 1px #4b4b4b;
 background: #555;
 width: 562px;
 left: 18px;
 color: #d9f7ff;
 padding-top: 10px;
 margin-top: 0;
}

#comments
{
 color: #fff;
 padding-left: 10px;
 padding-top: 8px;
 padding-bottom: 4px;
 margin-bottom: 5px;
 border-top: solid 1px #444;
}

#respond
{
 color: #E0EFFF;
 margin: 5px 0 5px 10px;
 border-bottom: solid 1px #444;
}

.commentlist
{
 background: #777;

}

.commentlist li
{
 padding: 11px 0 2px 0;
 border-top: #444 solid 1px;
}

.commentlist p
{
 width: 552px;
 margin-left: 15px;
 margin-bottom: 15px;
}


.commentposter
{
 margin: 0 0 -10px 5px;
 display: block;
}

.commentposter a
{
 color: #fff;
 font:normal normal .8em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
}


/*
#commentform input
{
color: #88b5c8;
background: #666;
border: 1px solid #74909c;
}
  */

#submit
{
 margin: 0 0 0 5px; 
}


#submit:hover
{
 color: #93c6dc;
 border: 1px solid #92b5c4;
}

.smallfields:hover
{
 border: 1px solid #92b5c4;
 color: #93c6dc;
 background: #777;
}

#comment:hover
{
 border: 1px solid #92b5c4;
 color: #93c6dc;
 background: #777;  
}

#comment
{
 width: 550px;
 margin-left: 5px;
 background: #666;
 border: solid 1px #74909c;
 margin: 10px 0 10px 5px;
 color: #88b5c8;
}

.formmsg
{
 width: 400px;
 margin-left: 5px;
 background: #666;
 border: solid 1px #74909c;
 margin: 10px 0 15px 5px;
 color: #88b5c8;
}

.formmsg:hover
{
 border: 1px solid #92b5c4;
 color: #93c6dc;
 background: #777;  
}

#respond
{
 padding: 10px 0 0 5px; 
}




#commentform
{
 padding: 5px 0 50px 0;
}



.alt
{
 background: #666;
 color: #d9f7ff;
}

.nocomments
{
 padding-bottom: 16px;
 margin-left: 10px;
 font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
}

.loggedinas
{
 padding-left: 10px;
}


/* PHOTO PAGE STYLES */

#galldiv
{
 border: solid 1px #9d9d9d;
 display: block;
 height: 1400px;
 width: 584px;
 /* margin: 33px 0 400px 15px;  ADJUSTING MARGIN BELOW TO TRY TO ELIMINATE EGREGIOUS GAP*/
 margin: 33px 0 30px 15px;
 background: #444;
 overflow: visible;
}

#contactdiv
{
 border: solid 1px #9d9d9d;
 display: block;
 height: 1210px;
 width: 584px;
 margin: 33px 0 30px 15px;
}


.photohead
{
 font:normal normal 35pt 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 float: right;
 margin: -31px 30px 0 0;
 color: #e1f8fe;
 letter-spacing: -.5px;
}

#contacthead
{
 font:normal normal 35pt 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 float: left;
 display: block;
 margin: -31px 0 0 12px;
 color: #e1f8fe;
 letter-spacing: -.5px;
 padding: 0 0 0 0;
}

#infodiv
{
 display: block;
 margin-top: 30px;
 margin-left: 20px;
}

#emailformhead
{
  margin: 80px 0 0 80px;
}

#emailformhead h2
{
 font:normal normal 1.3em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 color: #e1f8fe;
 margin: 0 0 3px 0;
}


#digsbyhead
{
 margin: 30px 0 0 70px;
}

#digsbyhead h2
{
 font:normal normal 1.3em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 color: #e1f8fe;
 margin: 0 0 3px 0;
}


#contactinfo
{
 font:normal normal 1.2em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 color: #96d3e3;
}

#contactinfo a
{
 color: #96d3e3;
}

.infosm
{
 font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
}

#formdiv
{
 width: 480px;
 padding: 0 0 20px 0;
 margin: 10px 0 0 100px;
 font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 color: #e1f8fe;
}

#formdiv form
{
 width: 500px;
}


.smallfields
{
 margin: 10px 10px 0 5px;
 padding: 1px 0 1px 0;
 color: #88b5c8;
 background: #666;
 border: 1px solid #74909c;
}

.sendme
{
 color: #e1f8fe;
 margin: 5px 0 0 13px;
}

#digsbydiv
{
 margin: 40px 0 0 170px;
}

#msglbl
{
 position: relative;
 top: 6px;
 left: 8px;
}

#captcha
{
 padding: 0 0 0 5px;
}

#captchahelp
{
 margin: 0 0 0 158px;
}

#turing2
{
 position: relative;

}

#submit2
{
  width: 209px;
  padding: 2px 0 2px 0;
  margin: 0 10px 0 5px;
}

#clear2
{
 padding: 2px 2px 2px 2px;
}

.btn:hover
{
 color: #93c6dc;
 border: 1px solid #92b5c4;
}

/*ABOUT PAGE */
#abouthead
{
 font:normal normal 35pt 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 float: right;
 display: block;
 margin: -30px 0 0 0;
 color: #e1f8fe;
 letter-spacing: -.5px;
}

#aboutdiv
{
 background: url(images/aboutmebg.jpg) left top no-repeat;
 border: solid 1px #9d9d9d;
 display: block;
 height: 730px;
 width: 584px;
 margin: 33px 0 30px 15px;  /*top margin brought down from 300 to 30 to exorcise egregious gap*/
}

#abouttext
{
 width: 330px;
 margin: 47px 0 0 265px;
}

#abouttext p
{
 padding: 0 0 10px 0;
 color: #e1f8fe;
 font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;

}

#homelink
{
 color: #8fccff;
 font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 float: left;
 display: block;
 margin: -7px 0 0 500px;
}

#chomelink
{
 color: #8fccff;
 font:normal normal 1em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 display: block;
 margin: 40px 0 5px -90px;
 padding: 0 0 0 0;
}

#homelink:hover
{
 color: #d2ebff;
}

.subpostcap
{
 background: url(images/posttopper.jpg) no-repeat top left;
 color: #999;
 width: 564px;
 height: 19px;
 padding: 0px 0 0px 0px;
 margin: 0px 0 -1px 18px;
}

.subpostfoot
{
 background: url(images/postbottom.jpg) no-repeat bottom left;
 padding: 0px 0 0 20px;
 margin: -4px 0 40px 18px;
 height: 19px;
}

#subhead
{
  margin: 0px 0 5px 17px;
  font: normal normal 17pt Georgia, Serif;
  letter-spacing: 1px;
  color: #fff;
}

#feedlist
{
 margin: 10px 0 10px 25px;
}

#feedlist li
{
 margin: 10px 0 10px 0;
}

.subp
{
 color: #e1f8fe; 
}

.subp2
{
 color: #e1f8fe;
 margin: 0 0 20px 0;
}

#shomelink
{
 color: #8fccff;
 font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
 position: relative;
 margin: 0px 0 0 5px;
 top: -5px;
}

#notfoundhead
{
  margin: 0 0 10px 0;
  color: #fff;
}

.notfoundp
{
  color: #e1f8fe;
  margin: 2px 0 2px 0;
}

#notfounddiv
{
 width: 400px;
 margin: 0 0 40px 30px;
}

#aboutUL
{
list-style-type: circle;
color: #e1f8fe;
font:normal normal .9em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
padding: 5px 0 15px 20px;
}

#aboutUL li
{
list-style-type: circle;
padding: 0 0 2px 0;
}

/* misc post styles, like for video */