/* ===============================
PeterSagal.com StyleSheet
by Antics Online, Inc.
Revised 9/6/07
=============================== */

html, body {margin: 0 auto; padding: 0; background: url(im/bgtile.gif) repeat; }
body,th,td,p,div,span,ul,ol,dl,li, input, select {font-family : "Times New Roman", Times, serif; font-size: 100%;}
h1,h2,h3,h4,h5,h6, .quote {font-family : Arial, Helvetica, sans-serif;}
	
p {margin: 1em 0 1em 0; } /* Top, Right, Bottom, Left */ 
h1 {font-variant : small-caps; font-size: 22px; color: #8A857F; font-weight: bold; margin: 0; padding: 0;}
h2 {font-size: 15px; text-transform: uppercase; color: #8A857F; font-weight:bold; margin: 0 0 .25em 0; padding: 0;}
h3 {font-size: 13px; color: #8A857F; font-weight:bold; margin: .25em 0 .5em 0; padding: 0;}
h4 {font-size: 11px; color: #8A857F; font-weight:normal;  font-style:italic; margin: 0 0 1em 0; padding: 0;}

a, a:link, a:visited {text-decoration: none; color:#AB2328;}
a:hover {text-decoration: underline; color:#AB2328}

/* horizontal rules */
div.hr { height: 10px; background: #fff url("im/hr.gif") repeat scroll center; clear: both; margin: 1em 0 1em 0; }
div.hr hr { display: none;}

/* ordered and unordered list stuff */
ul {margin: 1em 0 1em 30px;}
ol.noindent {margin: 0 0 0 24px; padding: 0; list-style-position: outside;}
li {margin-bottom: .25em;}
ul li { list-style-image: url(im/dot.gif);}
ul.noindent {margin: 0 0 .5em 17px; padding: 0;}
ul.horizontal {margin: 0 0 .5em 1px; padding: 0;}
ul.horizontal li {padding: 0 20px 0 15px; display: inline; background: url(im/dot.gif) no-repeat  ;}
ul.linkstostuff {margin: 1em 0 1em 1px; padding: 0 0 0 0px; list-style-position: outside;}
ul.linkstostuff li {margin: 0 20px 0 0px; list-style-image: url(im/blank.gif);}

ul.subnav {margin: 14px 0 .5em 1px; padding: 0;}
ul.subnav li {padding: 0 10px 0 20px; display: inline; background: url(im/vert_dots.gif) no-repeat; font-weight: bold;}
ul.subnav li a { font-weight: normal;}
ul.subnav li.first { background: none; }


#content {padding:6px;}
.bigpic {padding: 200px 0 20px 0; }
.quote { font-variant : small-caps; font-size: 22px; color: #8A857F; font-weight: bold; padding: 0 0 0 40px; margin: 0 0 0 0; text-indent : 20px; height: 79px; background: #fff url("im/quotes.gif") no-repeat scroll;}
.quote a {font-family : "Times New Roman", Times, serif; font-variant : normal; font-size: 14px; font-weight: normal; display: block;  text-align: center;}
.source {text-align: right;}
.q {font-weight: bold; }

.antics {padding: .0; font-size: 10px; font-family : "helvetica"; color: #999; }
.imgright {float: right; padding: .5em 0 .5em 10px; font-size: 10px; }
.imgleft {float: left; padding: .5em 10px .5em 0; font-size: 10px; }
.imgcenter {text-align: center; font-size: 10px; margin: .5em 0 .5em 0;}

/* the outermost box */
#outer {margin-top: 20px; width: 95%; background-color: #FFF; }
#outer .left {width: 30px; background: url(im/tile_left.gif) repeat;}
#outer .bot {height: 3px;  font-size:1px; background: url(im/tile_bot.gif) repeat; }	
#outer .right {width: 3px;  font-size:1px; background: url(im/tile_right.gif) repeat;}
#outer .rightimg {width: 3px; height: 98px; background: url(im/top_right.gif) no-repeat;}

#outer .mid { width: 386px; height: 478px; }
#home #outer .mid {background: url(im/office_main.jpg) no-repeat; }	
#about #outer .mid {background: url(im/office_about.jpg) no-repeat;}
#blog #outer .mid {background: url(im/office_blog.jpg) no-repeat;  }
#radio #outer .mid {background: url(im/office_radio.jpg) no-repeat; }
#words #outer .mid {background: url(im/office_words.jpg) no-repeat; }
#media #outer .mid {background: url(im/office_media.jpg) no-repeat; }
#contact #outer .mid {background: url(im/office_contact.jpg) no-repeat; }

/* innermost box with main content */
#inner {background-color: #FFF; padding-bottom: 20px;}

/* inner box without subnavigation */
#inner .tl {width: 11px; height: 26px; background: url(im/inner_topleft.gif) no-repeat;}
#inner .t {background-color: #F00; height: 26px; background: url(im/inner_tile_top.gif) repeat;}
#inner .timg {background: url(im/inner_top.gif) no-repeat; width: 459px; height:26px; }
#inner .tr {width: 25px; height: 26px; background: url(im/inner_topright.gif) no-repeat;}

/* inner box with subnavigation */
#inner .subtl {width: 11px; height: 53px; background: url(im/inner_subnav_topleft.gif) no-repeat;}
#inner .subt {background-color: #F00; height: 53px; background: url(im/inner_subnav_tile_top.gif) repeat;}
#inner .subtr {width: 25px; height: 53px; background: url(im/inner_subnav_topright.gif) no-repeat;}

#inner .left {width: 11px; background: url(im/inner_left.gif) repeat;}
#inner .right {width: 25px; background: url(im/inner_right.gif) repeat;}

#inner .bl {width: 11px; height: 20px; background: url(im/inner_botleft.gif) no-repeat;}
#inner .b {height: 20px; background: url(im/inner_bot.gif) repeat;}
#inner .br {width: 25px; height: 20px; background: url(im/inner_botright.gif) no-repeat;}
#inner #navflash {height: 98px; background: url(im/nav_tile.gif) repeat;}

/* navigation */
#nav {width: 561px; height: 17px; font-size:1px;}
#home #nav {background: url(im/nav_home.gif) no-repeat;}
#about #nav {background: url(im/nav_about.gif) no-repeat;}
#blog #nav {background: url(im/nav_blog.gif) no-repeat;}
#radio #nav {background: url(im/nav_radio.gif) no-repeat;}
#words #nav {background: url(im/nav_words.gif) no-repeat;}
#media #nav {background: url(im/nav_media.gif) no-repeat;}
#contact #nav {background: url(im/nav_contact.gif) no-repeat;}

#footer {font-size: 12px; color: #666; padding: 10px 0 10px 0 ;}

#sidebar { padding: 110px 0 25px 120px; text-align:left;}
#sidebar form input {border: 1px solid #8A857F; margin:3px 0; padding: 2px;}
#sidebar ul { margin-left: 0; }
#sidebar ul li { font-size: 13px; list-style-type: none;  list-style-image: none; margin-bottom: 3px;}
#sidebar ul li H2{ margin-bottom: 0; padding-bottom: 0;}
#sidebar ul li ul { margin-top: 0; margin-left: 0;}
#sidebar ul li ul li{ list-style-image: url(im/dot.gif);margin-left: 0;}

.clear {clear: both;}