@charset "utf-8";

/* style sheet for thebluemule_css.html */

/* green background */
body {
	background-color: #636840;
	}
.container {
	width: 960px;
	background-image: url(../graphics/olivedrabswatch.jpg);
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #4A4E30;
}

/* end green background */	

/* white and yellow links */
a:link { color: #fff; }
a:visited { color: #ff6; }
a:hover { color: #ffff66; } 
a:active { color: #e00; }
#bluemule .content   {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/* end link colors */

/* slideshow */
div#slideshow {
	text-align: center;
	margin: auto auto auto 2%;
	float: left;
	padding: 150px 0 0 10px;
	width: 40%;
	}
div.thumbs {
	text-align: center;
}


span#slideshowwords {
	font-style: italic;
	padding: 0.5em 0;
	margin: 0;
	}
#photoblank {
	height: 250px;
	text-align: center;
}

/* end slideshow */	

/* story index */
div#storyindex {
	text-align: center;
	font-family: Steamer, "Times New Roman", serif;
	float: right;
	padding: 0;
	width: 45%;
	margin-top: auto;
	margin-right: 2%;
	margin-bottom: 1em;
	margin-left: auto;
	}	
div#storytitle {
	width: 300px;
}
ul.chapters {
	padding: 10px;
	background-color: #000000;
	margin: 0px;
}
ul.chapters li {
	color: #000000;
	font-family: Steamer, "Times New Roman", serif;
	border: 1px solid #ffffff;
	padding: 0.5em;
	background-color: #808055;
}
body.bluemulestory div.content {
	margin-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}

div#storyindexleft {
	border: 6px double #ffffff;
	text-align: left;
	width: 325px;
	margin: auto;
}
/* end story */	

/* modifications line */
div#mods {
	text-align: center;
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
	}	

/* end modifications line */
.slideshowthumb {
	height: 120px;
	width: 160px;
	border: 2px solid #ffffff;
}
.slideshowthumb2 {
	border: 2px solid #ffffff;
	height: 160px;
	width: 120px;
}
.slideshowthumbs {
	width: 240px;
}



div.slide {
	text-align: center;
	margin: 1em;
}
div.slide img , div.slide object#day1, div.slide object#day2, div.slide object#bluemulelg, div.slide object#nocorunlg{
	border: 2px solid #FFFFFF;
	padding: 10px;
	background-color: #808055;
}
div.threecolumns/* 3 column story layout and navigation */
 {
	margin: auto;
	text-align: center;
	padding: 0;
	height: auto;
	clear: both;
}
div.leftcolumn {
	width: 180px;
	margin: 0;
	;
	float: left;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
div.middlecolumn {
	margin: 0;
	text-align: left;
	float: left;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	width: 580px;
}
div.rightcolumn {
	float: right;
	width: 180px;
	margin: 0;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

/* end 3 column story layout and navigation */

/* story images */
div.leftcolumn img, div.rightcolumn img, div.addon img {
	margin-bottom: 0.5em;
	border: 2px solid #000000;	
}
div.middlecolumn ul {

}



div.modifications {
	margin: auto;
	width: 764px;
}
div.middlecolumn span {
	font-weight: bold;
	text-align: center;
}


/* end popup */			
div.addon {
	clear: both;
	text-align: center;
}
div.addon img {
	margin-right: 4px;
	margin-left: 4px;
}

#storylinks a {
	text-decoration: none;
	border: outset 2px #ffffff;
	background: #808055;
	padding: 0.25em;
}
#bluemulestory1       #page1, #bluemulestory2   #page2, #bluemulestory3   #page3, #bluemulestory4   #page4, #bluemulestory5   #page5, #bluemulestory6  #page6, #bluemulestory7  #page7, #bluemulestory8 #page8, #bluemulestory9 #page9 {
	text-decoration: none;
	border: outset 3px #ffffff;
	padding: 0.25em;
	background: #ffffff;
	color: #808055;
}
#bluemulestory10 #page10 , #bluemulestory11 #page11, #bluemulestory12 #page12, #bluemulestory13 #page13{
	text-decoration: none;
	border: outset 3px #ffffff;
	padding: 0.25em;
	background: #ffffff;
	color: #808055;
}

#storylinks   a:visited, #storylinks  a:hover {
	text-decoration: none;
	border: outset 3px #ffffff;
	padding: 0.25em;
	background: #808055;
	color: #FFFF66;
}



.photographer {
	font: italic 85% "Times New Roman", Times, serif;
	text-align: right;
}

img#bluemuleslides {
	width: 320px;
	height: 240px;
	padding: 12px;
	background-color: #808055;
	border: 2px solid #ffffff;
	display: block;
	margin: auto;
	clear: both;
	}	
img#modifications {
	border: 1px solid #fff; 
	width: 214px; 
	height: 77px;
	vertical-align: middle;
	}	
img#bluemuleline {
	width: 600px;
	height: 32px;
	margin: 1em 0;
	}

/* end story images */
img#carbmod {
	height: 573px;
	width: 764px;
	margin: auto;
	border: 0;
}
img#haulinghome {
	height: 128px;
	width: 160px;
}
img#haulinghomelg {
	height: 437px;
	width: 600px;
}
img#sleeping {
	height: 117px;
	width: 160px;
}
img#sleepinglg {
	height: 590px;
	width: 600px;
}


img#finished {
	height: 153px;
	width: 160px;
}
img#finishedlg {
	height: 306px;
	width: 320px;
}

img#deer {
	height: 107px;
	width: 160px;
}
img#deerlg {
	height: 401px;
	width: 600px;
}

img#camping {
	height: 123px;
	width: 160px;
}
img#campinglg {
	height: 462px;
	width: 600px;
}
img#mikelg {
	height: 425px;
	width: 600px;
}

img#mike {
	height: 113px;
	width: 160px;
}

img#tocolorado {
	height: 118px;
	width: 160px;
}
img#tocoloradolg {
	height: 444px;
	width: 600px;
}

img#northpark {
	height: 123px;
	width: 160px;
}
img#northparklg {
	height: 460px;
	width: 600px;
}
#engineerpass {
	height: 109px;
	width: 160px;
}
#engineerpasslg {
	height: 410px;
	width: 600px;
}




img#unknownjeeper {
	height: 104px;
	width: 160px;
}
img#unknownjeeperlg {
	height: 390px;
	width: 600px;
}
img#hunting {
	height: 126px;
	width: 160px;
}
img#huntinglg {
	height: 472px;
	width: 600px;
}
#glaciernp {
	height: 160px;
	width: 126px;
}
#glaciernplg {
	height: 600px;
	width: 473px;
}
#tocolorado2 {
	height: 107px;
	width: 160px;
}
#tocolorado2lg {
	height: 399px;
	width: 600px;
}
#toalaska {
	height: 109px;
	width: 160px;
}
#toalaskalg {
	height: 409px;
	width: 600px;
}
#glaciernp2 {
	height: 160px;
	width: 110px;
}
#glaciernp2lg {
	height: 600px;
	width: 413px;
}

#canadianrockies {
	height: 107px;
	width: 160px;
}
#canadianrockieslg {
	height: 400px;
	width: 600px;
}
#inalaska {
	height: 160px;
	width: 109px;
}
#inalaskalg {
	height: 599px;
	width: 409px;
}

#leadville {
	height: 160px;
	width: 116px;
}
#leadvillelg {
	height: 600px;
	width: 435px;
}

#rewiring {
	height: 105px;
	width: 160px;
}
#rewiringlg {
	height: 393px;
	width: 600px;
}

#roy {
	height: 105px;
	width: 160px;
}
#roylg {
	height: 393px;
	width: 600px;
}
#colvillesnowlg {
	height: 450px;
	width: 600px;
}
#colvillesnow {
	height: 120px;
	width: 160px;
}




img#mtantero {
	height: 120px;
	width: 160px;
}
img#mtanterolg {
	height: 450px;
	width: 600px;
}

img#raspberrygulch {
	height: 120px;
	width: 160px;
}
img#raspberrygulchlg {
	height: 450px;
	width: 600px;
}

img#aspenridge {
	height: 120px;
	width: 160px;
}
img#aspenridgelg {
	height: 451px;
	width: 600px;
}

img#wiringagain {
	height: 120px;
	width: 160px;
}
img#wiringagainlg {
	height: 450px;
	width: 600px;
}

img#waiting {
	height: 120px;
	width: 160px;
}
img#waitinglg {
	height: 450px;
	width: 600px;
}


img#towing {
	width: 160px;
	height: 120px;
	display: block;
	margin: 1em auto;
}
img#aspenridge2 {
	height: 160px;
	width: 120px;
}
img#aspenridge2lg {
	height: 600px;
	width: 450px;
}

img#radiator {
	height: 120px;
	width: 160px;
}
img#radiatorlg {
	height: 450px;
	width: 600px;
}

img#lockepark {
	height: 120px;
	width: 160px;
}
img#lockeparklg {
	height: 450px;
	width: 600px;
}

img#mtprinceton {
	height: 120px;
	width: 160px;
}
img#mtprincetonlg {
	height: 450px;
	width: 600px;
}

img#cherokeepark {
	height: 107px;
	width: 160px;
}
img#cherokeeparklg {
	height: 436px;
	width: 650px;
}

img#winfield {
	height: 117px;
	width: 160px;
}
img#winfieldlg {
	height: 438px;
	width: 600px;
}

img#waldorf {
	height: 120px;
	width: 536px;
}
img#waldorflg {
	height: 526px;
	width: 750px;
}
img#slide03 {
	height: 89px;
	width: 160px;
}
img#slide08 {
	height: 108px;
	width: 160px;
}

img.cps1 {
	height: 600px;
	width: 450px;
}
img.cps2 {
	height: 450px;
	width: 600px;
}
img.cps3 {
	height: 405px;
	width: 600px;
}
img.cps4 {
	height: 332px;
	width: 600px;
}