/*
Theme Name: Viscera in the Vicodin
Theme URI: http://www.generik.ca
Description: The new Viscera.
Version: 1.0
Author: z80 media ltd.
Author URI: http://www.z80media.com/

Modified from the Kubrick Default theme.

*/

* { margin: 0; padding: 0; }

body {
       background-color:#666b57;
       background-image:url('images/bk.jpg');
       background-repeat:repeat-x;
       color:#FFF;
       font-family: arial,helvetica,clean,sans-serif;
       margin-left:auto;
       margin-right:auto;
       text-align: center;
}

#superstruct {
       width:990px;
       margin:15px auto;
       background-image:url('images/bk3.png');
       background-repeat:no-repeat;
       margin-left:auto;
       margin-right:auto;
}

#right {

       float:right;
       width:235px;
       text-align:right;
       margin-top:50px;
       font-size:80%;
}

#right ul {
       list-style-type:none;

}

#right li {
       margin-bottom:8px;;
}

#right li a {
       font-weight:bold;
       color:#bbb998;text-decoration:none;
}

#right li a:hover {
       background-color:#373930;
}

#right a { color:#bbb998;text-decoration:none; }
#right a:hover { color:#bbb998;text-decoration:underline; }

#navbar a {
        margin-right:10px;
}

#searchform {
     margin-top:25px;


}

#searchform input.box {
           background-color:#bbb998;
           width:175px;
           height:20px;
           border:1px inset #30312d;
           background-image:url('images/searchbar.png');
   	      float: right;

}

#searchform button {
           background-image:url('images/searchbt.png');
           border:1px outset #30312d;
           width:21px;
           height:21px;
           margin-left:4px;
	      text-indent: -9999px;
           float: right;
	      background: #bbb998 url('images/searchbt.png') no-repeat top right;
}


#searchform fieldset {
	border: none;
	width: 215px;
	margin: 0 auto;
     text-align:right;
}


#right .heading {
       margin-top:25px;
       margin-bottom:10px;
}

#left {
      float:left;
       width:740px;
       font-size:90%;
       text-align: left;

}

#left .post_container p { margin-bottom:15px;margin-left:70px; }

#left a { color:#bbb998;text-decoration:none; }
#left a:hover { color:#bbb998;text-decoration:underline; }

#left h2 a { color:#FFF;text-decoration:none; }
#left h2 a:hover { color:#bbb998;text-decoration:none; }

.pagetitle { margin:15px auto; }

#left h1 { font-size:190%;margin-left:64px; }
#left h3 { margin-left:55px;margin-bottom:15px; }

#left .dateline { font-size:80%;margin-bottom:25px; }

#left p { margin-bottom:15px; }

#left .post_container {
      width:725px;
      margin-top:25px;
      margin-bottom:35px;
}

#left .post_container img { border:1px SOLID black; }
#left .post_container .wp-smiley { border:0; }
#left .post_container .zemanta-pixie-img { border:0; }

#left ul { margin: 10px 0px 15px 95px; }
#left li { margin-top:3px;margin-bottom:3px; }

#left .post_container h2 {
      margin:15px 15px 15px 70px;
}

#left .post_container .datestamp {
      float:left;
      width:64px;
      height:65px;
      background-image:url('images/gear2.png');
      background-repeat:no-repeat;
      text-align:center;
      color:#FFF;
}

#left .post_container .datestamp p { margin:0; margin-top:15px; }

#footer {
      margin-top:20px;
      width:970px;
      text-align:center;
      font-size:80%;
      clear:both;
      background-image:url('images/bbk.png');
      padding:10px;
      margin-bottom:20px;
}

#flickr {
      float:left;
      display:block;
      width:300px;
      height:190px;
      background-image:url('images/flickr.gif');
      background-position: top left;
      background-repeat:no-repeat;
      padding-top:30px;
}

#flickr img { float:left;margin:8px;border:1px SOLID #000; }

#linkbox {
      width:320px;
      float:left;
      text-align:left;
}

#navbox {
      font-size:90%;
      width:320px;
      float:left;
      margin-left:20px;
      text-align:right;
}

#footer p { margin:10px 5px 15px 0px; }

#footer a { color:#bbb998;text-decoration:none; }
#footer a:hover { color:#bbb998;text-decoration:underline; }

#footerbk {
           background-image:url('/wp-content/themes/viscera/images/footer.jpg');
           background-repeat:repeat-x;
           background-position:bottom left;
           clear:both;
}

#comments {
          margin-bottom:15px;
          margin-left:64px;
}

#commentform {
          margin-bottom:15px;
          margin-left:64px;
}

.comment {
    background-image:url('images/bbk.png');
    width:550px;
    margin-bottom:15px;
    padding:8px;
    text-align:left;
}

.comment p { margin:10px; }

.av {
    width:100px;
    text-align:center;
    background-image:url('images/barr.png');
    background-repeat:no-repeat;
    background-position:top right;
    vertical-align:top;
}

.av img { margin-bottom:10px; }

.space { height:15px; }

/* Archives */

.car-container {
      margin-left:25px;
}

.car-list {
      margin-left:5px;
      list-style-type:none;
}

.car-yearmonth {
      font-size:120%;
}

.car-monthlisting {
      list-style-type:none;
      margin-left:15px;
      margin-top:10px;
}

.car-monthlisting li { margin-bottom:15px;}

#fourohfour {
      margin-top:60px;
}

#fourohfour p { font-size:120%; margin-top:15px; }
.fof a { color:#bbb998;text-decoration:none; }
.fof a:hover { color:#bbb998;text-decoration:underline; }

/* BBS Files Table */

#bbsfiles { width:90%;margin-left:64px; }
#bbsfiles th { font-weight:normal;text-align:center;color:#FFF;background-color:#A00;padding:3px;margin-bottom:15px; }
#bbsfiles td {  }
#bbsfiles td.diz { padding:0 0 15px 10px; }


/* Misc CSS */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

a img {
	border: none;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
