/*   
Theme Name: bristoleditor
Theme URI: http://www.colossalsquidink.com
Description: built for Chris Street WordPress v2.9.1
Author: David Evans
Author URI: http://www.colossalsquidink.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: #8EC1DA; font: 14px/1.4; font-family: Lucida Grande, Verdana, Arial, sans-serif; color: #333333; }

#boppy { background: #ffffff url('images/bigbackground.jpg');
	background-repeat: repeat-y;
	background-position: center top; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap {
width: 1005px;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
background-color: white;
background-image: url('images/repeater.jpg');
background-repeat: repeat-y;
background-attachment: scroll;
background-position: top center;
} 

#headwrap { width: 100%; background: #3B5998 url('images/headerbkg.jpg');
	background-repeat: repeat-x;
	background-position: top center; }
#header { margin: 0 auto; width: 1005px; height: 182px; background: #3B5998 url('images/header.jpg') no-repeat top center; }

#navbar { margin:0 auto; width: 1005px; height: 44px; padding: 0; }

#mainbox { float: left; width: 607px; }
#innermain {clear: both; width: 550px; margin-top: 40px; margin-left:30px; margin-bottom:20px; text-align: left; }
#innermain2 {clear: both; width: 540px; margin-top: 40px; margin-left:30px; margin-bottom:20px; text-align: left; }
#innermain2 p { margin-bottom: 40px; }

#footer { clear: both; width: 100%; height:100%; background: #8EC1DA; bottom: 0; overflow: hidden; }

#footerage { margin: 0 auto; width: 1005px; height: 120px; background: #8EC1DA; }

#leftfoot { float: left; margin: 10px; padding-top: 20px; width: 450px; }

#rightfoot { float: left; padding-left: 120px; margin:30px; width: 350px; }

#footertext {font-size: 10px; color: white; padding-top: 5px; margin-left: 5px; }

h1, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { font-weight: normal; font-size: 18px; color: #666666; margin: 25px 0 10px 0; }
h3 { color: #666666; }

p { margin: 0 0 10px 0; }
a { text-decoration: none; color: #3B5998; }
a:hover { color: #d56100; }

hr { color: #cccccc; background-color: #cccccc; height: 1px; margin: 10px 0 10px 0; }

object.flashvideo { margin: 25px 0 25px 0; padding: 20px 0 20px 0; }

#flashage { padding: 10px 0 20px 0; }

blockquote { color: #999999; }
blockquote p { margin-left:20px; margin-bottom:10px; }

ul, ol { font-style: normal; margin: 0 0 10px 0; }

.post { margin: 20px 0 20px 0; }

.entry { font-size: 14px; }
.entry a { text-decoration: none; color: #3B5998; }
.entry a:hover { color: #d56100; }
.homers { font-size: 27px; margin-left: 20px; margin-top: 60px; margin-bottom: 10px; }



pre { }
code, tt { }

#metad { font-size: 12px; margin-top: -5px; margin-bottom: 10px; }
.postmetadata { font-size: 12px;}


#theleft { float: left; width: 200px; margin: 0; padding: 0; }
#theleft { font-size: 14px; color: #3B5998; }
#butt { margin-top:-10px; margin-left: 5px; }
#theright { float: left; width: 190px; margin: 0; padding: 0; }
#theright { font-size: 14px; color: white; }
#topsearch { padding-left: 20px; margin-top: 10px; margin-bottom: 10px; }
#topsearch1 { padding-left: 20px; margin-top: 10px; margin-bottom: 10px; }
#bookad { margin-top: 10px; margin-bottom: 10px; }
#actionblock { width:140px; margin-left: 20px; margin-top:45px; }
#popular { font-size: 14px; margin-left: 20px; margin-top: 15px; }
#popular ol, ul, li { font-size: 14px; list-style: none; }
#popular li a { font-size: 14px; text-decoration: none; color: #3B5998; }
#popular li { margin-top: 10px; }

#adverty { margin: 20px 0 0 20px; }
#guesty { margin: 10px 0 0 20px; }
#sponse { margin: 10px 0 0 20px; }
#goog { margin: 20px 0 20px 22px; }

#twitbox { margin: 10 auto; width: 152px; height: 230px; border: solid #ffffff 1px; padding:6px; }
#twittitle { text-align: center; margin: 0; color: white; }
#twit { width: 150px; text-align: left; }
#twit ul, ol, li { font-size: 10px; color #333333; margin-top: 10px; }
#twit li a { text-decoration: none; color: #3B5998; }
#twit li a hover { text-decoration: none; color: #d56100; }

#socialm {float: left; margin-right: 5px; margin-top:20px; }

#sidebar { width: 155px; }
#sidebar h2 { text-align: left; margin: 10px 0 0 0; color: white; font-size: 14px; text-transform: uppercase; }
#sidebar li { font-size: 14px; padding: 0 0 0 10px; }

#displayprod { width: 100%; }

.productbox { width: 100%; height: 100%; padding: 10px; margin: 10px 0 10px 0; border:1px solid #BFCCEB; }
.leftpic { float: left; margin: 10px; width: 280px; }
.righttext { float: left; margin 30px 5px 10px 5px; width: 240px; text-align: left; }
.cartage { align: right; margin: 10px; }
.leftsam { clear: both; float: left; margin: 20px 5px 0 20px; width: 280px; }
.rightsam { float: left; margin 10px 0 0 40px; width: 150px; text-align: left; padding: 0 0 0 30px; }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { width: 140px; height: 20px; margin-left: 20px; }
	#s { width: 140px; height: 20px; }
	#searchsubmit { width: 131px; height: 30px; margin-bottom: 10px; }

#commentaor {font-size: 14px; }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

#postcontin { padding-top: 5px; padding-bottom: 10px; border-top: 1px solid #BFCCEB; }






/* Begin Images */

img { border: none; }
img a { border: none; }
img a hover {border: none; }

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;
	}
/* End Images */




} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */
