body { background-image: url(images/bg_pg_blue.png); background-color: #555577; margin: 3px 17px; padding: 0px; font-size: 82%; min-width: 920px; }
a { border-bottom: none; color:#DDD; text-decoration:none; }
a:visited  { border-bottom: none; color:#DDD; text-decoration:none; }
a:hover  { border-bottom:1px dotted #f6c8aa; color:#EEE; text-decoration:none; }
p { margin: 0 0 10px 0; padding: 0}
.clear { clear: both; height: 0em; font-size: 0em; line-height: 0; margin: 0; padding: 0; visibility: hidden; }
blockquote { border-left-width: 5px; border-left-style: solid; border-left-color: #416683; margin-left: 40px; margin-right: 40px; font-style: italic; background-color: #EEE; padding: 10px; text-align: justify; color: #416683; }
ol, dl, ul, dd, li { list-style-image:none; list-style-position:outside; list-style-type:none; }
li, ul, div, p, ol, dd, dl, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

#container { margin: 0 auto; background-image: url(images/mr.png); background-repeat: repeat-y; background-position: right top; width: 100%; max-width: 1280px;	}

#page { width: 100%; background-image: url(images/ml.png); background-repeat: repeat-y; font-family: Verdana, Arial, Helvetica, sans-serif;	margin: 0 auto; height: 100%; }

#header { height: 120px; margin: 0 15px; background-color: #000103;	border-left: solid 1px #000; border-right: solid 1px #000;	background-image: url(images/header_middle_image_bk_13.jpg); background-repeat: no-repeat; background-position: right 23px; }
#header img { border: none; }
#header_top { font-size: 0.80em; padding-top: 5px; padding-left: 7px; color: #c4ccef; text-decoration: none; font-weight: 200; height: 17px; border-top: solid 1px #000; background-color: #227; background-image: url(images/header_top_bk.png); background-position: left 4px; }
#header_top_datetime { float: left; font-size: 11px; padding-top: 1px; width: 400px; }
#header_top_options { float: right;	 font-size: 11px; padding-right: 8px; text-align: right; margin-top: -4px; width: 300px; white-space: nowrap; }
#header_top_options a {	display: inline-block;	color: #416683;	overflow: visible;	text-decoration: underline;	}
#header_middle { padding: 17px 0 0 10px; height: 100%; }

a.site_title { color: White; text-decoration: none; border-bottom: none; font-family: "trebuchet MS", "Century Gothic", Arial, sans-serif, serif; font-size: 2.1em; font-weight: bold; }
span.site_subtitle { display: inline-block; margin-top: 5px; color: White; font-size: 1.2em; font-family: Arial, sans-serif, serif}

#sitenav { margin: 0 15px; background-color: #151519; border-top: solid 1px #444; border-left: solid 1px #000; border-right: solid 1px #000; height: 23px; /*background-image: url(images/sitenav_bk_left_01.png); background-repeat: no-repeat;*/ }
#sitenav ul { float: right; margin: 0px; padding: 0px; list-style-type: none; /*background-image: url(images/sitenav_bk_right.png);*/ }
#sitenav ul li  { display: block; float: left; text-align: center; }

#home, #tech, #other, #photos, #aboutme { display: block; white-space: nowrap; font-size: 0.9em; text-align: center; color: #c4ccef; text-decoration: none; text-transform: lowercase; font-weight: 200; height: 19px; padding-top: 4px; padding-right: 10px; padding-left: 10px; border-right: solid 1px  #444; border-bottom: none; }
#home:hover, #tech:hover, #other:hover, #photos:hover, #aboutme:hover { color: #FFF; background-color: #000; }

div.main_left, div.main_right { position: relative;	background-color: #0A0A12; 	margin: 0 15px;	height:100% !important; border: solid 1px #000;	border-top: solid 1px #444; }

/*div.main_left #panel_a { margin-left: -100%; border-right: 1px solid #444; border-bottom: 1px solid #444; }
div.main_right #panel_a { margin-left: -191px; border-left: 1px solid #444; border-bottom: 1px solid #444; }*/

div.main_left #panel_a { margin-left: -100%; }
div.main_right #panel_a { margin-left: -191px; }

div.main_left #panel_a, div.main_right #panel_a { font-size: 0.88em; float: left; width: 190px; padding: 0 0 10px 0; background-image: none;  padding-top: 0; font-size: 0.95em; height: 100%; background-color: Transparent; }
div.main_left #panel_a h2, div.main_right #panel_a h2 { font-size: 1.2em; padding: 5px; border-top: solid 1px #444; border-bottom: solid 1px #444; margin:0; color: #CCC; font-weight: normal;} 
div.main_left #panel_a table, div.main_right #panel_a table { border-collapse: separate; margin:0; padding:0; }

div.main_left #panel_b { margin-left: 190px; border-left: 1px solid #444;}
div.main_right #panel_b { margin-right: 190px; border-right: 1px solid #444; }

div.main_left #panel_b_wrapper, div.main_right #panel_b_wrapper { float: left; width: 100%;	}
div.main_left #panel_b, div.main_right #panel_b { min-height: 500px; height: 100%; background-color: #0A0A12;  padding: 0 4px 5px 5px; line-height: 1.4em; }

/******** Gallery Specific ******/
.gallery_index_pager { margin-left: 10px; margin-bottom: 5px; padding: 5px; }
#gallery_index { margin: 0 10px 0 8px }
#gallery_index p { margin: 5px 0 5px 5px; color: #e4e5cb; }
.gallery_keywords { font-size: 0.9em; }

#gallery_header { margin: 0 4px 4px 7px; padding: 0; border-bottom: solid 1px #555;}
#gallery_header_title { float: left; width: 75% }
#gallery_header_title h1 { margin: 10px 0 7px 0; font-weight: normal; font-size: 1.6em; line-height: 1em; color: #C9C9C9 }

#gallery_header_slideshow { float: right; margin: 3px 2px 0 0; height: 15px; width: 140px;}
#gallery_header_slideshow a 
{ 
	 
	height: 18px;
	font-size: 11px;
	display: block;
	margin-top: 4px; 
	color: #DDD; 
	text-decoration: none; 
	border-left: solid 1px #555; 
	border-top: solid 1px #555; 
	border-right: solid 1px #333; 
	border-bottom: solid 1px #333;
	background-color: #222229;
	padding: 0 5px 0 8px; 		
	font-weight: normal;
	background-image: url(images/PicLensButton.png);
	background-position: center right;
	background-repeat: no-repeat;
	
}
#gallery_header_slideshow a:hover 
{ 
	color: #efefff; background-color: #666;
}

#gallery_options_upper, #gallery_options_lower { width: auto; margin: 3px 0; padding-left: 6px; height: 2em;}

div.gallery_hidecaptions { display: none;}
div.gallery_hidecaptions { margin: 2px 10px 2px 2px; float: right; font-size: 0.9em; }
div.gallery_hidecaptions a { display: block; padding: 0 8px 0 8px; color: #DDD; text-decoration: none; border-left: solid 1px #555; border-top: solid 1px #555; border-right: solid 1px #333; border-bottom: solid 1px #333; background-color: #222229; }
div.gallery_hidecaptions a:hover  {  color: #efefff; background-color: #666; }

#gallery_index p { margin-left: 10px; line-height: 1.3em; }
#gallery_index ul { margin: 0; padding: 0; list-style-type: none; }
#gallery_index ul li { padding: 4px 0 4px 4px; }
#gallery_index ul li ul {  margin: 4px 0 0 6px; }

#gallery_index ul li a.gallery_index_link, a.gallery_index_link_selected { display: block; border-bottom: none; padding-left: 12px; background-image: url(images/index_bullet_off.gif); background-repeat: no-repeat; background-position: 0 4px; }
#gallery_index ul li a.gallery_index_link_selected { background-image: url(images/index_bullet_on.gif); }
#gallery_index ul li a.gallery_index_link:hover, a.gallery_index_link_selected:hover { color: #777; } 

#gallery_index ul li ul a.gallery_index_link, a.gallery_index_link_selected { display: block; border-bottom: none; padding-left: 12px; background-image: url(images/index_bullet_sub.gif); background-repeat: no-repeat; background-position: 0 4px; }
#gallery_index ul li ul a.gallery_index_link_selected { background-image: url(images/index_bullet_sub.gif); }
#gallery_index ul li ul a.gallery_index_link:hover, a.gallery_index_link_selected:hover { color: #777; } 


a.gallery_returntogalleries_link , a.gallery_returntothumbnails_link { display: inline-block; border-bottom: none; padding-left: 12px; background-image: url(images/index_bullet_off.gif); background-repeat: no-repeat; background-position: 0 5px; }
a.gallery_returntothumbnails_link:hover, a.gallery_returntogalleries_link:hover { color: #777; }

a.gallery_mailto_link { display: inline-block; border-bottom: none; margin-top: 3px; padding-left: 17px; background-image: url(images/mailto.gif); background-repeat: no-repeat; background-position: 0 4px; }
a.gallery_mailto_link:hover { color: #777; }

ul.gallery_pager { margin: 2px 3px 0 3px; float: right; font-size: 0.8em; }
ul.gallery_index_pager { margin: 0 3px; float: left; font-size: 0.9em; }
ul.gallery_pager li, ul.gallery_index_pager li { float: left; margin: 0 1px; }
ul.gallery_pager li a, ul.gallery_index_pager li a { color: #CCC; display: block; padding: 0 5px; text-decoration: none; border: none;  }
ul.gallery_pager li a:hover, ul.gallery_index_pager li a:hover { color: #efefff; background-color: #666; border: none; }
ul.gallery_pager li a:visited, ul.gallery_index_pager li a:visited { border: none; }

li.off { color: #777; padding: 0 5px; border-top: solid 1px #444;  border-left: solid 1px #444;  border-right: solid 1px #444;  border-bottom: solid 1px #444; }
li.current { padding: 0 5px; color: #EEE; border-left: solid 1px #AAA; border-top: solid 1px #AAA; border-right: solid 1px #000; border-bottom: solid 1px #000; 	background-color: #df7d3b; }
li.on { padding: 0; border-left: solid 1px #555; border-top: solid 1px #555; border-right: solid 1px #000; border-bottom: solid 1px #000; background-color: #222229; }
li.continue { vertical-align: bottom; color: #CCC; }

#gallery_content { position: relative; overflow: hidden; }

/*Covers, Thumbnauls and Previews*/

table.gallery_thumbnails, table.gallery_covers { width: 100%; }

/*Simple Stack style/*
/*div.gallery_cover_image img { border: solid 1px #AAA; }
div.gallery_cover_image table { margin: auto 5px; height: 100%;  }
div.gallery_cover_image table td { text-align: center; vertical-align: middle;  }*/
/*height and width are set to match the thumbnail via the template engine */
/*div.gallery_cover_wrapper { position: relative; margin: auto auto; }
div.gallery_cover_stack_1 { position: absolute; background-color: #000; margin: 6px 0 0 6px; z-index: 1; border: solid 1px #888; }
div.gallery_cover_stack_2 { position: absolute; background-color: #000; margin: 12px 0 0 12px; z-index: 0; border: solid 1px #888; }*/

table.gallery_frame_holder { height: 100%; width: 100% }

.gallery_covers { float: left; width: 45%; margin: 10px 0 0 30px; }
.gallery_cover { margin-bottom: 20px; min-height: 160px; }
.gallery_frame { float: left; height: 100%; }
table.gallery_cover_frame { border: none; border-collapse: collapse; }
table.gallery_cover_frame td { margin: 0; padding: 0}

.gallery_info { margin-left: 185px; border: solid 1px Transparent }
.gallery_info_content { margin-top: 5px; }
.gallery_info_content li { margin: 0 0 2px 10px; }
a.gallery_cover_image_link { position: relative; z-index: 2; border-bottom: none; }
a.gallery_cover_image_link:hover { border-bottom: none; }
a.gallery_cover_image_link:visited { border-bottom: none; }
a.gallery_cover_image_link img { border: solid 1px #AAA; } 
.gallery_cover_title { font-size: 1.4em; line-height: 1.1em; }
.gallery_cover_title a { color: #FFF }
.gallery_cover_title a:hover { color: #DDD; border-bottom: none;}
.gallery_cover_description { color: #F4F3E1; line-height: 1.3em;}
.gallery_cover_keywords {color: #E4E5CB; font-size: 0.9em;}
.gallery_cover_mailto {color: #E4E5CB;}

div.gallery_thumbnail { position: relative;  overflow: hidden;}
div.gallery_thumbnail_image { height: 240px; margin: 0; border-left: solid 1px #444;  border-top: solid 1px #444;  border-right: solid 1px #000; border-bottom: solid 1px #222; background-color: #151519; }
div.gallery_thumbnail_image table { border-collapse: collapse; height: 100%; width: 100%; }
div.gallery_thumbnail_image table td { text-align: center; vertical-align: middle; padding: 0;}
div.gallery_thumbnail_image img { border: solid 1px #AAA; }
div.gallery_thumbnail_image a { border-bottom: none; }
div.gallery_thumbnail_image a:visited { border-bottom: none; }

div.gallery_thumbnail_metadata { position: absolute; width: 100%; top: 250px; height: 90px; }
div.gallery_thumbnail_metadata_content { position: absolute; top: 0; z-index: 3; font-size: 0.9em; margin: 0 7px 0 5px; padding: 0 10px 0 3px; color: #D5D5D5;}
div.gallery_thumbnail_metadata_mask { position: relative; z-index: 2; margin: 0 2px 0 2px; height: 90px; background-color: #000; filter: alpha(opacity=40); opacity: 0.40; -moz-opacity:0.40; -khtml-opacity:0.40 }

div.gallery_preview { width: auto; padding: 2px; background-color: Transparent; margin: 0 3px 0 0; text-align: center;}
div.gallery_preview_image_horizontal, div.gallery_preview_image_vertical { min-height: 450px; margin: 0 auto; padding: 5px; text-align: left; color: #D5D5D5;}
div.gallery_preview_image_horizontal img { border: solid 1px #AAA; margin-right: 0; margin-bottom: 6px; }
div.gallery_preview_image_vertical img { border: solid 1px #AAA; margin-right: 10px; margin-bottom: 12px; }
a.gallery_preview_image:hover { border-bottom: none;}


#footer { padding: 3px 0 25px 0; overflow: hidden; color: #c4ccef; background-color: #000; text-align: left; margin: 0 15px;}
#footer img { border: none; }
ul.footer { margin: 0; padding: 0; list-style-type: none; width: 100%; }
ul.footer li { display: block; float: left; text-align: left; width: 31.5%; border-top: dotted 1px #336; margin: 0 0 0 15px; padding: 5px 0 0 0; }
a.bright { color: #DDD; text-decoration: underline; border-bottom: none;}
a.bright:visited { color: #DDD; text-decoration: underline; border-bottom: none;}
a.bright:hover { color: #C99; text-decoration: underline; border-bottom: none; }


/*********** Social Icons **********/

#social_icons { margin: 5px 0 0 0; padding: 0; width: 275px; height: 60px;}
#social_icons li { float: left; margin: 0; padding: 0; width: auto; border-top:none;}
#social_icons a { color: #DDD; text-align: center; text-decoration: underline; border-bottom: none; background: url(images/socialsprite.png) no-repeat scroll center top transparent; display:block; width: 63px; padding: 40px 2px 0 2px; }
#social_icons a:visited { color: #DDD; text-decoration: underline; border-bottom: none;}
#social_icons a:hover { color: #C99; text-decoration: underline; border-bottom: none; }
#social_icons .twitter a { background-position: center -35px; }
#social_icons .facebook a { background-position: center -107px; }
#social_icons .atom a { background-position: center -250px; }
#social_icons .email a { background-position: center -318px; }

div.google-ads { margin: 10px; padding: 5px; background-color:#0C0C16; border: solid 1px #444; }


/*********** Shadow **********/
#top { background-image: url(images/tc.png); background-repeat: repeat-x; height: 15px; }
.tr { float: right; width: 15px; height: 15px; background-color: transparent; background-image: url(images/tr.png); background-repeat: repeat; background-position: right top; }
.tl { float: left; width: 15px; height: 15px; background-color: transparent; background-image: url(images/tl.png); background-position: left top; }
#bottom { width: 100%; height: 15px; background-image: url(images/bc.png);	background-repeat: repeat-x; }
.bl { float: left; height: 15px; width: 15px; background-image: url(images/bl.png); background-position: left bottom; background-repeat: no-repeat; }
.br { float: right; height: 15px; width: 15px; background-image: url(images/br.png); background-position: right bottom; background-repeat: no-repeat; }