/* CSS for BWISH Studios */

* { margin: 0; padding: 0; border: 0; }

body {
  text-align: center;
  font: 62.5% Arial, Helvetica, sans-serif;
	background: url('/images/bg-body.png') top center repeat-x #0F0F0F;
  background-attachment: fixed;
}


/* Global Styles */

a, a:link { color: #005c96; text-decoration: underline; }
a:hover { color: #322C24;  text-decoration: none; }

#home-left a,
#home-middle a {
  color: #005c96;
  font-size: 1.3em;
  text-decoration: none;
  font-weight: bold;
}
#home-left a:hover,
#home-middle a:hover { text-decoration: underline; }

#interior-content-left h1,
#interior-content-wide h1 {
	color: #005c96;
	font-size: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  background: url('/images/bg-h1.gif') bottom repeat-x #F6F6F6;
  border-bottom: 1px solid #DFDFDF;
}
#interior-content-left h2 {
  padding: 0 0 10px 0;
	color: #322C24;
	font-size: 15px;
  line-height: normal;
}
#interior-content-left h3 {
  padding: 0 0 10px 0;
	color: #005C96;
	font-size: 13px;
  line-height: normal;
}
#interior-content-right h3 {
  padding: 0 0 10px 0;
	color: #322C24;
	font-size: 14px;
  line-height: normal;
}

table { border-collapse: collapse; border-spacing: 0; }
input, select, option, textarea { padding: 2px; }
object, embed { border: 0; outline: 0; }

fieldset { border: 1px solid #b8b8b8; padding: 10px; background: #EEEEEE; }
fieldset label {
  float: left;
  width: 100px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
fieldset .field {
  float: left;
  width: 505px;
  margin: 0 0 15px 0;
}
fieldset .field input,
fieldset .field textarea{
  border: 1px solid #b8b8b8;
  font-size: 12px;
  color: #666666;
  width: 503px;
}
fieldset .field textarea{ font-family: Arial, Helvetica, sans-serif; height: 75px; }
fieldset input.submit { background: #005C96; border: 1px solid #322C24; padding: 3px 6px; color: #FFFFFF; font-weight: bold; }

fieldset label.error {
  float: none;
  width: auto;
  margin: 0 0 15px 0;
  color: #ed1c24;
}
fieldset textarea.error,
fieldset input.error { border: 1px solid #ed1c24; background: #FFDFDF; }

ul, ol { margin: 0 0 20px 25px; }
li { margin: 0 0 5px 0; }
p { padding: 0 0 15px 0; }
hr { height: 2px; margin: 0 0 15px 0; border: 0; border-bottom: 1px solid #b8b8b8; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .79em; }
.large { font-size: 1.2em; }
.x-large { font-size: 1.4em; }
.x-x-large { font-size: 1.6em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

.serif { font-family: Palatino Linotype, Palatino, Georgia, TimesBook Antiqua, serif; }
.no-serif, .san-serif { font-family: Arial, Helvetica, sans-serif; }

img { border: 0; }
img.l, img.left { margin: 0 10px 10px 0; }
img.r, img.right { margin: 0 0 10px 10px; }

#interior-content-left .border,
#interior-content-wide .border { padding: 5px; background: #FFFFFF; border: 1px solid #b8b8b8; }
#interior-content-left a:hover .border,
#interior-content-wide a:hover .border { border: 1px solid #005c96; background: #CCCCCC; }

#interior-content-right .border { padding: 0; background: #FFFFFF; border: 1px solid #322C24; }
#interior-content-right a:hover .border { border: 1px solid #CCCCCC; }

.intro { font-size: 1.1em; font-weight: bold;}

/* Site Colors */

.black { color: #322C24; }
.blue { color: #005c96; }
.yellow { color: #FEDB00; }
.gray { color: #666666; }
.light-gray { color: #b8b8b8; }
.white { color: #FFFFFF; }
.green { color: #008302; }
.red { color: #ed1c24; }

#nav { 
  float: right; 
  padding: 4px 5px 0 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #FFFFFF;
}

#nav ul { /* Begin First Level Lists */
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav ul li a {
	display: block;
	margin: 0;
	padding: 10px;
	width: auto;
  color: #FFFFFF;
  text-decoration: none;
}
#nav ul li.active a,
#nav ul li a:hover { background: #FFFFFF; color: #443d34; }

#caution-man #nav ul li.active a,
#caution-man #nav ul li a:hover { background: #8E4300; color: #FFFFFF; }

#bungee-man #nav ul li.active a,
#bungee-man #nav ul li a:hover { background: #01435D; color: #FFFFFF; }

#wrap {
  margin: 0 auto;
  width: 900px;
  text-align: center;
}
#text-reset { text-align: left; }

#header {
  height: 45px;
  padding: 40px 0 0 0;
}
#logo {
  position: absolute;
  z-index: 50;
  margin: 0 0 0 -13px;
}
#cm-logo {
  position: absolute;
  z-index: 50;
  margin: -35px 0 0 -35px;
}
#quotables-logo {
  position: absolute;
  z-index: 50;
  margin: -20px 0 0 -15px;
}
#bm-logo {
  position: absolute;
  z-index: 50;
  margin: -28px 0 0 -30px;
}

#content { clear: both; }
.home-content {
  margin: 20px 0 15px 0;
  height: 486px;
  background: url('/images/bg-home-posters.png') top left no-repeat;
}

#home-left {
  float: left;
  display: inline;
  margin: 76px 0 0 59px;
  width: 233px;
  font-size: 1.1em;
  line-height: 1.4em;
}
#home-left img { margin: 0 0 7px 0; }

#home-middle {
  float: left;
  display: inline;
  margin: 13px 0 0 9px;
  width: 293px;
  font-size: 1.1em;
  line-height: 1.5em;
}
#home-middle img { margin: 10px 0 5px 0; }

#home-right {
  float: left;
  display: inline;
  margin: 40px 0 0 27px;
  width: 231px;
  color: #FFFFFF;
  font-size: 1.2em;
}
#home-right h1,
#home-right h2 { 
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 5px 0;
}
#home-right hr { padding: 7px 0 0 0; margin: 0 0 5px 0; border-bottom: 1px solid #2288a4; line-height: 1; }
#home-right p { margin: 0; padding: 0 0 8px 0; }
#home-right a { color: #fedb00; text-decoration: none; font-weight: bold; }
#home-right a:hover { text-decoration: underline; }   

#home-right.home-right-block p { margin: 0; padding: 0 0 15px 0; }

#home-slideshow { height: 460px; overflow: hidden; }
.home-slide { }

#home-slideshow-nav {
  float: right;
  padding: 5px 0 0 0;
}
#home-slideshow-nav a { 
  display: block;
  float: left;
  width: 14px;
  height: 14px;  
  background: url('/images/dot.png') top left no-repeat;
}
#home-slideshow-nav a.activeSlide { 
  background: url('/images/dot-active.png') top left no-repeat;
}
#home-slideshow-nav a span{ position: absolute; margin-left: -999em; }

.interior-content { padding-top: 10px; }

#content-top {
  width: 890px;
  height: 5px;
  overflow: hidden;
  margin: 0 0 0 5px;
  background: url('/images/bg-content-header.png') top left no-repeat;
}
#content-bottom {
  width: 890px;
  height: 5px;
  overflow: hidden;
  margin: 0 0 0 5px;
  background: url('/images/bg-content-footer.png') top left no-repeat;
}

#interior-content {
  color: #666666;
  background: url('/images/bg-content.gif') left repeat-y;
}
#interior-content-left {
  float: left;
  display: inline;
  margin: 0 2px 0 0;
  width: 651px;
  font-size: 1.2em;
  line-height: 1.6em;
}
#interior-content-left .padding { padding: 0 10px 30px 10px; }

#interior-content-right {
  float: left;
  width: 247px;
  font-size: 1.1em;
  line-height: 1.6em;
}
#interior-content-right p { padding: 0 0 5px 0; }

#interior-content-wide {
  float: left;
  display: inline;
  margin: 0 2px 0 0;
  width: 900px;
  font-size: 1.2em;
  line-height: 1.6em;
  background: #FFFFFF;
}
#interior-content-wide .padding { padding: 0 10px 30px 10px; }

.right-block { 
  padding: 10px; 
  background: url('/images/bg-right-gradient.gif') bottom repeat-x; 
}
.right-block dl { 
  line-height: normal;
}
.right-block dt { 
  float: left; 
  width: 75px;
  padding: 0 0 7px 0;
}
.right-block dd { 
  float: left; 
  width: 145px;
  padding: 0 0 7px 0;
}

.right-block ul { margin: 0 0 15px 15px; padding: 0; line-height: normal; }
.right-block ul li{ margin: 0; padding: 0 0 5px 0; }

.comic-archive {
  float: left;
  width: 157px;
  height: 157px;
  line-height: normal;
  text-align: center;
}
.comic-archive img { margin: 0 0 5px 0; }
.comic-archive a { text-decoration: none; font-weight: bold; }
.comic-archive a:hover { color: #322C24; }

a.current-comic {
  display: block;
  float: left;
  display: inline;
  width: 291px;
  height: 420px;
  overflow: hidden;
  text-decoration: none;   
  background: url('/images/bg-current.gif') top left no-repeat;
}
a.current-comic .padding { 
  display: block; 
  position: relative; 
  width: 257px;
  height: 355px;
  margin: 17px 0 0 17px;
  overflow: hidden;
}
a.current-comic img { 
  position: absolute;  
  top: 0;  
  left: 0;  
}
a.current-comic .caption { 
  display: block;
  position: absolute;
  width: 237px;
  height: 366px;
  padding: 10px;
  background: #322C24;
  float: left;
  left: 0;
  top: 345px;
  opacity: .98;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

.film-block { clear: both; padding: 0 0 15px 0; }
.film-block img { margin-bottom: 15px; }
#interior-content-left .film-block h3,
.film-block p { margin: 0 0 0 230px; padding: 0 0 5px 0; }

#footer { 
  clear: both; 
  padding: 10px 5px;
  font-size: 1.1em;
  color: #FFFFFF;
}
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { color: #FEDB00; text-decoration: underline; }
#footer p { margin: 0; padding: 0 0 5px 0; }

/* Blog Styling */
#interior-content-left .widecolumn .post h2,
#interior-content-left .post h2 { font-size: 18px; padding: 5px 0 5px 0; margin: 0; float: left; color: #322C24;  }
#interior-content-left .post h2 a { font-size: 18px; text-decoration: none; color: #322C24; }

.entry { clear: both; border-top: 1px solid #C5C5C5; padding-top: 10px; }
.post small { 
  float: right;
  padding: 0;
  display: block; 
  text-align: right;
  line-height: normal;
  font-size: 11px;
}
p.postmetadata {
  text-align: center;
  padding: 5px;
  font-size: 11px;
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  background: #EFEFEF;
  margin: 0 0 35px 0;
}
.post p.postmetadata small { float: none; text-align: center; }
#searchform label { display: none; }
#searchform input#s { border: 1px solid #CCCCCC; float: left; margin: 0 5px 0 0; }
#searchform input#searchsubmit { color: #322C24; border: 0; background: #504E4F; color: #FFFFFF; padding: 2px; float: left; }

#respond input#submit { color: #322C24; border: 0; background: #504E4F; color: #FFFFFF; padding: 10px; float: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#respond textarea {
  border: 1px solid #b8b8b8;
  font-size: 12px;
  color: #666666;
  width: 503px;
  height: 75px;
  font-family: Arial, Helvetica, sans-serif;
}
#respond h2 { border-top: 1px solid #C5C5C5; }

#quotables-next,
#quotables-previous { margin: 90px 0 0 0; }

#comicsNav { margin: 7px 10px 0 0; }
#comicsNav label { font-weight: bold; margin: 0 5px 0 0; }
#comicsNav select { border: 1px solid #CCCCCC; }