/*---[Page Framework]---*/
#mainframe { 
width: 950px; 
margin: 30px auto 30px auto;
position: relative; }

#boxtop {
width: 904px;
height: 11px;
position: relative;
float: left;
clear: both; 
background: transparent url('/images/box-top-gr.gif') no-repeat;
overflow: hidden; }

#boxmiddle { 
width: 904px; 
position: relative;
float: left;
clear: both;
background: transparent url('/images/box-middle-gr.gif') repeat;
overflow: hidden; }

#boxbottom {
width: 904px;
height: 13px;
margin: 0 0 30px 0;
position: relative;  
float: left;
clear: both;
background: transparent url('/images/box-bottom-gr.gif') no-repeat;
overflow: hidden; }

#navbar { 
width: 41px; 
height: 434px; 
position: absolute;
top: 10px;
right: 5px; }

#bigpix { 
width: 840px;
height: 187px;
left: 0px; 
padding: 19px 32px 10px 32px;
position: relative;
float: left;
clear: both; }
	
#leftside {  
width: 450px;
left: 0px;
padding: 10px 0 20px 52px; 
position: relative;
float: left; 
text-align: left; }
		
#rightside { 
width: 349px;
right: 32px;
padding: 10px 0px 20px 10px;  
position: relative;
float: right;
clear: right;
text-align: right; }

#noside, #header {
width: 799px;
left: 0px;
padding: 10px 0 20px 52px; 
position: relative;
float: left; 
text-align: left; }

#righttop { 
width: 349px;
height: 12px;
position: relative; 
background: transparent url('/images/side-top.gif') no-repeat; 
float: left;
clear: both;
overflow: hidden; }

#rightmiddle {
width: 349px;
position: relative;
background: #fff url('/images/side-middle.gif') repeat; 
float: left;
overflow: hidden; }

#rightbottom {
width: 349px;
height: 12px;
position: relative; 
background: transparent url('/images/side-bottom.gif') no-repeat; 
float: left;
clear: both;
overflow: hidden; }

#footer { 
width: 904px; 
float: left;
clear: both; }

#logger { 
position: absolute; 
width: 10px; 
height: 10px; 
right: 2px;
bottom: 10px; }

/*---[Location Elements]---*/

#location {
width: 349px;
height: 407px;
position: relative;
left: 12px;
top: 0px;
background: transparent url('/images/location-bg-20-new.gif') no-repeat; 
float: left;
clear: both; }

#medialoc {
width: 349px;
height: 215px;
position: relative;
left: 12px;
top: 0px;
margin: 8px 0 0px 0;
background: transparent url('/images/media-bg-20.gif') no-repeat; 
float: left;
clear: both; }

.currentlocation {
position: absolute;
left: 10px;
top: 7px; }

.currentsince {
position: absolute;
left: 215px;
top: 7px;
width: 100px } 

.locationmap {
position: absolute;
left: 5px;
top: 29px; } 

.upcoming {
position: absolute;
left: 10px;
top: 196px; }

.current {
position: absolute;
left: 10px;
top: 269px; }

.previously {
position: absolute;
left: 10px;
top: 305px; }

.bubblebottom {
position: absolute;
left: 10px;
bottom: 7px; }

.bubblebottomright {
position: absolute;
left: 215px;
bottom: 7px;
width: 100px; }

/*---[Slideshow Elements]---*/

#slideshows {
width: 349px;
height: 191px;
position: relative; 
left: 12px;
margin: 0px 0 8px 0;
background: transparent url('/images/slideshow-bg-20.gif') no-repeat; 
float: left;
clear: both;  }

.slideshowtitle {
position: absolute;
left: 10px;
top: 7px; }

div.slideshow {
position: relative;
top: 33px;
left: 9px;
margin: 0px 7px 0px 0px;
float: left; }

img.leftshow {
position: relative;
float: left; }

img.rightshow {
position: relative;
float: left; }

div.slideshow p {
position: absolute;
left: 0px;
top: 125px;
width: 150px; 
font: 62.5% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
color: #464646;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0px;
line-height: 1.3em;
font-size: 0.9em; }

#slideshow img { 
background-color: #000; }

/*---[Mobile Dispatches Elements]---*/

#mobiledispatches {
width: 349px;
height: 275px;
position: relative;
left: 12px;
top: 0px;
margin: 0px 0 8px 0;
background: transparent url('/images/mobile-bg-20.gif') no-repeat; 
float: left;
clear: both; }

.mobilewindow {
position: absolute;
left: 10px;
top: 33px;
width: 300px; }

div.mobileitem {
margin: 0 0 2.5em 0;
float: left;
clear: both; }

/*---[Locker Box Slider]---*/

.locker {
width: 390px;
height: 128px;
margin: 8px 0px 0px 25px;
padding: 20px 20px 0px 20px;
background: transparent url('/images/locker.gif') no-repeat; }

.lockinput {
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #f0f0f0;
color: #687b78;
border: 1px solid #a6c6c1; }

/*---[Navigation Elements]---*/

#loading {
width: 100%;
margin: 20px auto 20px auto;
position: relative;
float: left; 
font: 62.5% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
line-height: 1.5em;
font-size: 1.1em;
text-align: center; }

.nextpage {
position: absolute;
bottom: 20px;
right: 0px; }

.prevpage {
position: absolute;
left: 45px;
bottom: 20px; }

/*---[Photo Page Elements]---*/

.photogroup {
list-style: none;
margin: 0 0 0 40px; }

.photogroup img.landscape {
position: absolute;
top: 35px;
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
padding: 2px;
margin: 0 auto 5px auto; }

.photogroup img.portrait {
position: absolute;
left: 30px;
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
padding: 2px;
margin: 0 auto 5px auto; }

.photogroup li {
background: transparent url('/images/photo-bg-20.gif') no-repeat;
position: relative;
display: inline;
float: left;
padding: 6px;
width: 168px;
height: 168px; }

/*---[Story Page Elements]---*/

img.storyimg {
position: relative;
float: left;
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
padding: 2px;
margin: 10px 10px 5px 0px; }

img.storyimgclear {
position: relative;
float: left;
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
padding: 2px;
margin: 10px 10px 5px 0px;
clear: both; }

img.storyimgright {
position: relative;
float: right;
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
padding: 2px;
margin: 10px 0px 5px 10px; }

/*--[General Typography]---*/

body { 
font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; 
background-color: #b3b3b3;
background-image: url('/images/circuit-bg-gr.gif'); 
background-repeat: no-repeat; 
background-position: top center; }

* { 
padding: 0; 
margin: 0; }

div.contentitem {
margin: 0 0 2.5em 0;
clear: left; }

p.side {
font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
color: #687b78;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 12px;
font-size: 0.9em; }

p.locktext {
font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
color: #687b78;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0px;
line-height: 12px;
font-size: 0.9em;
width: 350px; }

p.sideright {
font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
color: #687b78;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 1.3em;
font-size: 0.9em;
text-align: right; }

p.caption {
font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
color: #687b78;
text-decoration: none;
word-spacing: normal;
text-align: left;
line-height: 1.3em;
font-size: 0.9em;
padding: 0 10px 0 0; }

p.mobiletext {
font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
color: #687b78;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -0.02em;
line-height: 1.3em;
font-size: 0.9em; }

p.title {
font: normal 2.4em/1.2em Georgia, "Times New Roman", Times, serif; 
letter-spacing: -0.02em; 
color: #444; 
padding: 0 0 0.1em 0;
border-bottom: 1px dotted #bbb;
clear: left; }

p.titlesmall {
font: normal 1.5em Georgia, "Times New Roman", Times, serif; 
font-weight: bold;
line-height: 1.5em;
letter-spacing: -0.02em; 
color: #444; 
padding: 0 0 0.1em 0; }

p.date { 
font: normal 1.0em Georgia, "Times New Roman", Times, serif; 
text-transform: uppercase; 
letter-spacing: 0.2em; 
color: #999;
padding: 0 0 0.5em 0; }

p.story {
font-size: 1.5em; 
line-height: 1.5em;
padding: 0 0 0.2em 0; }

p.newsstory {
font-size: 1.5em; 
line-height: 1.5em;
padding: 0 0 1.5em 0; }

p.clearstory {
font-size: 1.5em; 
line-height: 1.5em;
padding: 0.5em 0 1.0em 0;
clear: left; }

p.quote {
font: normal 1.2em Georgia, "Times New Roman", Times, serif;  
color: #222;
line-height: 1.5em;
margin: 0 5.0em 1.5em 5.0em;
clear: left; }

ul.newslist {
font: normal 1.2em Georgia, "Times New Roman", Times, serif;  
color: #222;
line-height: 1.5em;
margin: 0 5.0em 1.5em 5.0em;
clear: left; }

p.link {
color: #555;
clear: left;
padding: 0.3em 0 0 0; }

p.linkfull {
color: #009;
clear: left;
padding: 0.5em 0 0.5em 0;
border-bottom: 1px dotted #bbb; }

p.pagenum {
font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
color: #ffffff;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0.2em;
line-height: 1.3em;
font-size: 1.3em; }

a.navlist {}
a.locklist {}

img.thumb {
position: relative;
float: left;
margin: 5px 10px 5px 0;
border: 1px solid #464646; }

img.mms {
position: relative;
float: left;
margin: 2px 10px 8px 0;
border: 1px solid #464646; }

img.righticon {
position: relative;
margin: 0 -5px 0 -5px;
float: right; }

h1 a, h1 a:visited  { 
color: #000; }

h1 a:hover { 
color: #d00; }

a, a:visited { 
color: #555; 
text-decoration: none; 
outline: none; }

a:hover { 
color: #d00; 
text-decoration: none; 
outline: none; }

/*---[Page Markers]---*/

ul#nav { 
list-style: none; 
width: 41px; 
height: 558px; 
margin: 6px 0 0 0; 
float: left; }

ul#nav li { 
width: 41px; 
height: 62px; 
padding: 0 0 0 0; 
text-indent: -9999px; 
float: left; }
	
ul#nav li.last { 
padding: 0; }
	
ul#nav li a, ul#nav li a:visited, ul#nav li a:hover { 
display: block; 
width: 41px; 
height: 62px; 
background: transparent url('/images/tabs-mixed.gif') no-repeat; 
outline: none; }
			
ul#nav li#home a, ul#nav li#home a:visited { background-position: 0px 0; }	
			
ul#nav li#pics a, ul#nav li#pics a:visited { background-position: 0px -62px; }
			
ul#nav li#vids a, ul#nav li#vids a:visited { background-position: 0px -124px; }
			
ul#nav li#stuff a, ul#nav li#stuff a:visited { background-position: 0px -186px; }
		
ul#nav li#mobile a, ul#nav li#mobile a:visited { background-position: 0px -248px; }

ul#nav li#resume a, ul#nav li#resume a:visited { background-position: 0px -310px; }

ul#nav li#contact a, ul#nav li#contact a:visited { background-position: 0px -372px; }

ul#nav li#facebook a, ul#nav li#facebook a:visited { background-position: 0px -434px; }

ul#nav li#linkedin a, ul#nav li#linkedin a:visited { background-position: 0px -496px; }

ul#nav li#home a:hover { background-position: -51px 0px; }
				
ul#nav li#pics a:hover { background-position: -51px -62px; }
				
ul#nav li#vids a:hover { background-position: -51px -124px; }
				
ul#nav li#stuff a:hover { background-position: -51px -186px; }

ul#nav li#mobile a:hover { background-position: -51px -248px; }

ul#nav li#resume a:hover { background-position: -51px -310px; }

ul#nav li#contact a:hover { background-position: -51px -372px; }

ul#nav li#facebook a:hover { background-position: -51px -434px; }

ul#nav li#linkedin a:hover { background-position: -51px -496px; }
				
.fresh { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-fresh.jpg') no-repeat; }

.edible { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/edible.jpg') no-repeat; }

.defrosted { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/defrosted.jpg') no-repeat; }

.pix { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-pix.jpg') no-repeat; }

.mobile { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-mobile.jpg') no-repeat; }

.stuff { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-stuff.jpg') no-repeat; }

.resume { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-resume.jpg') no-repeat; }

.contact { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-contact.jpg') no-repeat; }

.vids { 
	position: absolute; 
	width: 30px; 
	height: 162px; 
	left: 2px; 
	background: url('/images/tab-vids.jpg') no-repeat; }

.badge { 
	position: absolute; 
	width: 101px; 
	height: 100px; 
	left: -25px; 
	top: -25px; 
	background: url('/images/extrameat.gif') no-repeat; }

.num-0 {
	position: absolute; 
	width: 59px; 
	height: 30px; 
	right: -415px; 
	bottom: 10px; 
	padding: 6px 0 0 15px;
	background: url('/images/num-0.jpg') no-repeat; }
	
.num-1 {
	position: absolute; 
	width: 59px; 
	height: 30px; 
	right: -415px; 
	bottom: 10px; 
	padding: 6px 0 0 15px;
	background: url('/images/num-1.jpg') no-repeat; }
	
.num-2 {
	position: absolute; 
	width: 59px; 
	height: 30px; 
	right: -415px; 
	bottom: 10px; 
	padding: 6px 0 0 15px;
	background: url('/images/num-2.jpg') no-repeat; }
	
.num-3 {
	position: absolute; 
	width: 59px; 
	height: 30px; 
	right: -415px; 
	bottom: 10px; 
	padding: 6px 0 0 15px;
	background: url('/images/num-3.jpg') no-repeat; }
	
.num-4 {
	position: absolute; 
	width: 59px; 
	height: 30px; 
	right: -415px; 
	bottom: 10px; 
	padding: 6px 0 0 15px;
	background: url('/images/num-4.jpg') no-repeat; }