/* CSS for www.patrickbarth.com Ver 0.1 BETA - edmassey@gmail.com */
*{margin:0; border:none; padding:none}
html>body{height:95%}
body{
	font: 12px/1.2 Verdana, Arial, _sans;
	background: #050505;
	color: #000;
	overflow: -moz-scrollbars-vertical;
	text-align:center;
	background:#595959 url(../gfx/bg3.gif) repeat-x;
	}
a{text-decoration:none}
h1{display:none; color:#9b0c08}
h2{font:normal 125%/100% Verdana,sans-serif; color:#9b0c08}
h3, h4, h5, h6{font:normal 100%/100% Verdana,sans-serif; color:#9b0c08}


#container{
		text-align:center;
		width:997px;
		margin:4px auto;
		/*background:#070606 url(../gfx/bg_content.png) top center repeat-x !important;
		background:#070606 url(../gfx/bg_content.gif) top center repeat-x; stoopid ie*/}
#header{}
#mast{padding-top:1px; height:85px; text-align:left;}

/*  Misc
----------*/
.clear{clear:both; line-height:1px}
a{text-decoration:none; color:#242424}
a:hover{text-decoration:none; color:#9b0c08}

/*  Stage
--------------------------------*/
#stage-main #lhs{width:610px; float:left}
#stage-main #rhs{width:340px; float:right}
#stage-main #rhs{text-align:left; padding:0 10px}
#stage-main #rhs h2{ display:block; text-align:left; border-bottom:1px solid #222; padding-top:10px;}
#stage-top{height:14px; background:transparent url(../gfx/stage_top.gif) no-repeat; clear:both}
#gallerytitle{padding:0 0 10px 0; clear:both}
#stage-main-container{background:transparent url(../gfx/stage_bg.gif) repeat-y; clear:both}
#stage-main{padding:5px 0 0 15px; text-align:left; min-height:400px;}
#stage-base{height:10px; padding:10px 0 0 0; text-align:center; background:transparent url(../gfx/stage_base.gif) no-repeat; clear:both}
#credit{padding-right:15px; text-align:right; color:#212121; font:normal 80%/75% Verdana,Arial,sans-serif}
#credit a{color:#212121; text-decoration:none}
#credit a:hover{color:#9b0c08; text-decoration:none}

/*  Top Nav
--------------*/
#topnav{ width:994px; height:31px; padding-top:2px; background:transparent url(../gfx/navbar_bg.gif) no-repeat;}
#nav{ position:relative; float:right; padding-right:7px;}
#topnav ul{list-style:none; float:left; margin:4px 4px 0 0; padding:0}
#topnav ul li{margin:0; padding:0; float:left;}
#topnav ul li a{ font: 14px "Gill Sans", "GillSans", Verdana, Arial, _sans; padding:5px 10px; overflow:hidden; color:#000;}

#topnav ul li a:hover{color:#FFF; text-decoration:underline;}
#topnav ul li.active a{color:#FFF;}
#topnav ul li.active a:hover{background-position:0 -52px; cursor:default}

/*  Image Onion Skin Drop shadow  
--------------------------------*/
.wrap1, .wrap2, .wrap3{display:inline-table;  /* \*/display:block; /**/}
.wrap1{float:left; background:url(../gfx/shadow.gif) right bottom no-repeat}
.wrap2{background:url(../gfx/corner_bl.gif) left bottom no-repeat}
.wrap3{padding:0 5px 5px 0; background:url(../pb/gfx/corner_tr.gif) right top no-repeat}
.wrap3 img{display:block; border:1px solid #333}

/* AJAX
------------------------------ */
#albumDescEditable, #albumTagsEditable{margin-bottom:12px}
#imageDescEditable, #albumTagsEditable{margin-top:24px}
#imageDesc, #exif_link{margin-bottom:4px}

#exif_link{ float:right}

/* Page Navigation
------------------------------ */
div.pagelist{clear:both; padding-right:30px}
ul.pagelist{clear:both; padding:0; margin:20px 0 0 0; list-style-type:none; text-align:right}
ul.pagelist li{display:inline}
ul.pagelist li a, ul.pagelist span.disabledlink{padding:4px}
ul.pagelist li.current a{font-weight:bold; text-decoration:none; cursor:default; color:#9b0c08}
ul.pagelist li.prev{margin-right:10px}
ul.pagelist li.next{margin-left:10px}
.disabledlink{color:#555; cursor:default}
.pagenav{clear:both}

#contactpage #details{text-align:center}
/* Tags
------------------------------ */
#tagContainer{}
.taglist ul{display:inline; list-style-type:none}

.taglist li{background:url(../images/tag.png) no-repeat left center; list-style-type:none; padding-left:18px; float:left; padding-right:5px}

.taglist .tags_title{background:none; padding-right:5px; padding-left:0}

/* Image Thumbnails
------------------------------ */
#images{float:left; padding-left:30px}
.imagethumb a, .imagethumb a:hover{background-color:transparent}
.imagethumb a:visited{ background-color:transparent;  border:1px solid #999}
.imagethumb a:hover{background-color:transparent; border:1px solid #ccc}
.imagethumb{float:left; margin:0 16px 8px 0; line-height:100%; width:210px; height:190px;  border:1px solid #6A6969}
.albumdesc2{line-height:18px}

/* Album Thumbnails
------------------------------ */
.AlbumIntroduction{display:none}
#albums{float:left; padding-left:30px;}
.album, .contactimage{float:left; height:190px; width:210px; margin:0 16px 8px 0; line-height:100%; text-align:center;}
.album img, .contactimage img { border:1px solid #000;}

.xl{margin:0; padding:45px 0}
.l{margin:0; padding:30px 10px 0}
.p{margin:0; padding:10px 45px 0}
.s{margin:0; padding:10px 25px 0}
#home .thumb	{ padding-top:10px; padding-left:0;}
#home .album	{ height:auto; padding-left:0;}

.album h3{clear:both; text-align:center; padding:5px 0 0 0; margin:0}
.album p{line-height:12px; font-size:11px;  padding:4px 0px 0px;  margin:0px}
.albumdesc{text-align:center; clear:both; width:95%;}
.albumdesc h3{text-align:center; margin:0 auto}
.albumdesc small{color:#8DB8CF}
.albumdesc p{text-align:justify; padding:10px 0 10px 10px; display:none;}

/* Individual Image
------------------------------ */
.image{margin:0; padding:0; border:0}
#image{text-align:center; line-height:0}
#image img{border:2px solid #000}
.imgnav{float:right; width:140px; text-align:center; border:1px solid #444; background:#282828; margin-top:-10px}
.imgnav .imgprevious a, .imgnav .imgnext a{display:block; width:50%; height:100%; float:left; padding:4px 0; font-size:120%; text-decoration:none; line-height:180%; color:#666}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover{background-color:#333; text-decoration:none; color:#888}
.imgnav .imgprevious a{float:left}
.imgnav .imgnext a{float:right}
#narrow{margin:0 auto; width:440px}
#player{width:900px; text-align:center; clear:both; padding:20px auto;}

.headimage { border:1px solid #111; }
/* News Page
------------------------------*/
.newsitem{width:962px; padding:20px 0; border-top:1px solid #777; clear:both}
.newscontent{padding-top:10px;}
.newscontent a{color:#9b0c08;}
.newscontent a:hover{color:#333;}
.newsitem p{text-align:justify; padding:0 30px 10px;}
.newsitem .wrap1{margin: 0 30px;}

/* Home Page
----------------------------------*/
#rhs p{text-align:justify;}
#latest-albums{padding-top:10px}
#latest-albums div.album {padding:0; width:auto; height:auto;}
#latest-albums div.album div.thumb,
#latest-albums .xl,
#latest-albums .l,
#latest-albums .p,
#latest-albums .s {padding:0;}
#latest-albums div.album div.thumb a, 
#latest-albums div.album div.thumb a img {padding:0;}

/* Contact Page
-------------------------------------*/
.contact {float:left; width:200px; padding-right:100px;}
.contact h2{width:160px; display:block; border-bottom:1px solid #9b0c08;}
.contact p {padding:10px 0 0 10px;}
.profile p, .lhs p, .rhs p {
	padding-top:8px;
}

/* Admin Toolbox
------------------------------ */
#admin, #admin_data{position:fixed;  _position:absolute; right:0px; top:0px; width:120px; border-bottom:1px solid #444; border-left:1px solid #444; background:#222;  z-index:2; color:#999}
#admin_data{top:0px; padding-top:20px; z-index:1; line-height:1.6em}
#admin_data a{color:#999}
#admin h3{font-weight:normal; color:#999; margin:0; padding:0}
#admin h3:hover{color:#86a1b6}