/* cool blue for headers: 198,206,238 */
/* juicy orange: #ff9000 */

* {padding:0; margin:0;}

html,body {color:rgb(206,221,240); background-color:#808080;}

p, br, ol, ul, li, hr, dl, dt, dd, cite, blockquote, th, td, ins, del {font-size:13px; font-family:'Lucida Grande',Verdana,Tahoma,Arial,Helvetica,sans-serif; margin-bottom:16px; line-height:18px;}

.advert {font-size:11px;}

body {padding-top:15px; max-width:1256px;}

br {margin-bottom:0;} /* for Firefox */

td {vertical-align:top;}

#more *, #more2 *, #comments * {font-size:12px;}
#disclaimer * {font-size:11px;}

h2, h3, h4, h5, h6 {margin-bottom:16px; line-height:18px; font-family:Georgia,'Times New Roman',Times,serif; font-weight:bold; color:rgb(221,206,188);}
h2 {font-size:24px; letter-spacing:1px; margin-bottom:24px; line-height:24px;}
h3 {font-size:19px;}
h4, h4 cite {font-size:18px !important;}
h5 {font-size:17px;}
h6 {font-size:16px;}
#more h3, #more2 h3 {font-size:21px;}
#more h4, #more2 h4 {font-size:19px;}
#more h5, #more2 h5 {font-size:18px;}
#more h6, #more2 h6 {font-size:17px;}
#comments h3 {font-size:20px;}
#disclaimer h3 {font-size:22px;}
#design #main h3 {padding-top:16px;}

#comments {clear:both;}

em, strong {font-weight:bold; color:rgb(216,231,250);}

#main ul li {margin-left:37px;}
#main ol li {margin-left:45px;} /* allow for numbers over 100 */
#main ol.code li {margin-left:50px;}

#main li {margin-bottom:8px;}

#more ol li, #more2 ol li {margin-left:32px; margin-bottom:6px;}
#more ul li, #more2 ul li {margin-left:12px; margin-bottom:6px;}

code, var, #main code {font-size:13px; font-family:'Courier New',Courier,monospace; /* color:#ede; */ font-weight:bold; font-style:normal;}
#comments code {color:rgb(206,221,240);}

#main ol.code li {border-bottom:1px dashed #bbb; padding:4px;}
ol.nogaps li, ul.nogaps li, dl.nogaps li, #main ol.code li {margin-bottom:0;}

dt {
  font-weight:bold;
  margin-bottom:0;
}
dd {margin-left:23px;}

.nobottommargin {margin-bottom:0;}

#main hr, #more hr, #more2 hr {clear:both; height:1px; background-color:#999; border:none;}

abbr {cursor:help; border-bottom:1px dotted #fff;}



#column1, #column2 {float:left; height:auto; padding:2%; margin-top:35px; margin-bottom:0; border:10px solid #bbb; width:44%;}

#column1 {padding:0; left:0; margin-left:3%; z-index:2;}
#column2 {margin-left:-10px; padding:0; z-index:1;}

#main, #main p {background-color:rgb(175,60,82);}
#main, #disclaimer, #more, #more2 {padding:6% 6% 4% 6%; margin:0;}

#more2 {border-top:10px solid #bbb; left:780px;}

#more, #more p {background-color:rgb(75,140,82);}
#more2, #more2 p {background-color:rgb(60,100,182);}

#disclaimer {border-top:10px solid #bbb;}
#disclaimer, #disclaimer p {background-color:#669;}

#main blockquote, #comments li {padding:12px 17px 0 12px; margin:16px; border-right:6px solid rgb(185,80,102); border-bottom:6px solid rgb(185,80,102)}
#main blockquote, #main blockquote * {color:#fee; background-color:rgb(205,100,122);}

#comments li {color:#ebdada; padding-bottom:16px; border:none; border:3px dashed rgb(175,60,82);}
#comments li, #comments li * {background-color:rgb(155,40,62);}

#base {clear:both;}


.stretch {width:100%;}  /* USE FOR LARGE IMAGES IN POSTS! */




/* LINKS */

a, a * {border:1px solid transparent;}

:link, :link * {
	color:rgb(188,218,176);
	text-decoration:underline;
}
:visited, :visited * {
	color:rgb(218,188,176);
	text-decoration:underline;
}
:link:hover, :link:hover * {
	text-decoration:none;
	color:rgb(90,90,90);
	background-color:rgb(188,218,176) !important;
	border:1px solid rgb(188,218,176);
}
:visited:hover, :visited:hover * {
	text-decoration:none;
	color:rgb(90,90,90);
	background-color:rgb(218,188,176) !important;
	border:1px solid rgb(218,188,176);
}

/* can't easily combine these next styles with the above as it ruins the top menu */

blockquote :link {
	color:rgb(188,218,176) !important;
	text-decoration:underline;
}
blockquote :visited {
	color:rgb(218,188,176) !important;
	text-decoration:underline;
}
blockquote :link:hover {
	text-decoration:none;
	color:rgb(90,90,90) !important;
	background-color:rgb(188,218,176) !important;
	border:1px solid rgb(188,218,176) !important;
}
blockquote :visited:hover {
	text-decoration:none;
	color:rgb(90,90,90) !important;
	background-color:rgb(218,188,176) !important;
	border:1px solid rgb(218,188,176) !important;
}

/* bigbutton */

.bigbutton :link {
	color:rgb(188,218,176) !important;
	background-color:transparent !important;
	text-decoration:none;
}
.bigbutton :visited {
	color:rgb(218,188,176) !important;
	background-color:transparent !important;
	text-decoration:none;
}
.bigbutton :link:hover {
	text-decoration:none;
	color:rgb(90,90,90) !important;
	background-color:rgb(188,218,176) !important;
	border:1px solid rgb(188,218,176) !important;
}
.bigbutton :visited:hover {
	text-decoration:none;
	color:rgb(90,90,90) !important;
	background-color:rgb(218,188,176) !important;
	border:1px solid rgb(218,188,176) !important;
}


a abbr {text-decoration:none;} /* for Firefox */

.desc :link, .desc :visited {font-family:Georgia,'Times New Roman',Times,serif; font-size:16px;}


/* CLASSES */

.desc, .description {font-style:italic; font-family:Georgia,'Times New Roman',Times,serif; font-size:16px; color:rgb(231,198,216);}

.date, .postdate, #lastupdated {font-family:Arial,Tahoma,Helvetica,sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase; font-weight:bold; color:#c6c6c6; /* color:rgb(188,218,176); */}

.indent {margin-left:15px;}

img, a img {border:none; margin-bottom:0;}
:link:hover img, :visited:hover img {border:none !important; /* background-color:none !important; */}
.gap {float:left; margin:3px 14px 5px 0;}
.gapfloatright {float:right; margin:3px 0 5px 14px;}
/*
a img {border:2px solid transparent !important;}
a img:hover {border:2px solid #ded !important;}
*/
#index #main a img {border:none !important;}

.floatleft {float:left;}
.floatright {float:right;}

.nobullet {list-style-type:none;}

.noborder {border:none;}

/* indents */
#column1 #main li.s1 {padding-left:20px;}
#column1 #main li.s2 {padding-left:40px;}
#column1 #main li.s3 {padding-left:60px;}
#column1 #main li.s4 {padding-left:80px;}
#column1 #main li.s5 {padding-left:100px;}
#column1 #main li.s6 {padding-left:120px;}

.clear {clear:both;}


/* MENU */

#topmost {height:10px; width:auto;}

#menu {text-align:center; padding:5px 10px;}
#menu div {display:inline; text-align:right; letter-spacing:3px;}
#menu div :link, #menu div :visited {padding:5px 12px; color:#eee; background-color:#999;}
#menu div, #menu {margin-bottom:0;}

#menu * {font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size:14px; text-decoration:none;}

/* style link to match page */
#index #menu1 :link, #index #menu1 :visited, #portfolio #menu2 :link, #portfolio #menu2 :visited, #archives #menu3 :link, #archives #menu3 :visited, #links #menu4 :link, #links #menu4 :visited {color:#666; background-color:#ccc !important; padding-top:10px; padding-bottom:10px;}

#menu :link:hover, #menu :visited:hover {color:#ccc; background-color:#666 !important; border:1px solid transparent;}


/* READING */

.books .bar {
	border-bottom:1px solid #535;
	border-right:1px solid #646;
	text-align:center;
	background-color:#86b !important;
	font-size:15px !important;
	padding:2px;
}

.books img {width:62px; height:auto;}

  .pc0 {width:5%;}
  .pc5 {width:5%;}
 .pc10 {width:10%;}
 .pc15 {width:15%;}
 .pc20 {width:20%;}
 .pc25 {width:25%;}
 .pc30 {width:30%;}
 .pc35 {width:35%;}
 .pc40 {width:40%;}
 .pc45 {width:45%;}
 .pc50 {width:50%;}
 .pc55 {width:55%;}
 .pc60 {width:60%;}
 .pc65 {width:65%;}
 .pc70 {width:70%;}
 .pc75 {width:75%;}
 .pc80 {width:80%;}
 .pc85 {width:85%;}
 .pc90 {width:90%;}
 .pc95 {width:95%;}
.pc100 {width:100%;}

form,fieldset {border:none;}
/* textarea,button,input {border:1px solid #000; background-color:#fff!important; color:#000;} */

#sidelinks #sidelinkstable td {padding:4px; background-color:#000;}
#sidelinks #sidelinkstable th {padding-right:4px;}

#pastlayouts .thumbnails td {padding-left:15px;}

#main .bigbutton {
  margin:32px auto;
  text-align:center;
/*  width:auto; */
}
#main .bigbutton span {
  background-color:#7A9B76;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:10px;
}

#results #foundtext {margin-bottom:24px;}

#archives form {margin-bottom:16px;}

#archives .linkstoposts {margin-top:32px;}

#autoquotes-demo .q {background-color:#5A55C7;}
#autoquotes-demo .lit {background-color:#C84A97;}

.center {text-align:center;}