/* ---------- Mark Carr - Photographer ---------- */

html, body { margin:0; padding:0; }

body { font-family:helvetica,arial,sans-serif; font-size:14px; color:white; line-height:20px; background:black url('pictures/gs_webgraphics/bodybg.png') top center no-repeat; }

form { }

form, div, table, td { margin:0; padding:0; }

a { color:white; }
a:visited { color:#AAAAAA; }
a:hover { color:white; }

a img { border:none; outline:none; }

p, ul { padding:0; margin:20px 0; }
ul li { margin:0 0 0 15px; }

h1 { padding:0; margin:20px 0 20px 0;  font-weight:normal; font-style:normal; font-size:24px; line-height:30px; color:white; }
h2 { padding:0; margin:20px 0 20px 0;  font-weight:normal; font-style:normal; font-size:18px; line-height:20px; color:white; }
h3 { padding:0; margin:20px 0 -20px 0; font-weight:bold; font-style:normal; font-size:16px; line-height:20px; color:white; }

strong { font-weight:bold; }
em { font-style:italic; }

blockquote { padding:0 20px; margin:0; font-style:italic; }

a.Button { display:block; padding:7px 25px; float:left; font-weight:bold; color:#1A1A18; background:#7FBFFF; text-decoration:none; }
a:visited.Button { color:#1A1A18; }
a:hover.Button { background-color:#B7DBFF; }


/* ------------------------------------------------------------------ Main Elements */

#Wrapper { width:960px; margin:0 auto; position:relative; }

#Container { }

#PageHeader { }
#PageHeaderBottom { clear:both; }

#LogoLink { display:block; width:320px; height:120px; position:absolute; top:0; left:0; background:url('pictures/gs_webgraphics/MarkCarr_Photographer.png') center center no-repeat; text-indent:-999em; outline:0; }

#Header { }

#MainArea { }

#MainAreaBottom { clear:both; }
#MainAreaTop { }

#PageContent { }

#MainArea #MainImage { margin:20px 0 0 0; float:left; }
#MainArea img#MainImage_TheImage { display:block; }

#MainArea #MainImage .Caption { display:none; }
#MainImage table td { border:0; }



/* ------------------------------------------------------------------ Nav */

/* Main nav */

#PageHeader { height:80px; padding:40px 0 0 0; margin:0; overflow:visible; }

#PageHeader .PageMenu { }

#PageHeader .PageMenu .Alignment { float:right; line-height:30px; margin:0; }

#PageHeader .PageMenu .MenuItem { float:left; padding:0 5px; position:relative; }

#PageHeader .MenuItem a { display:block; margin:0; padding:0 10px; color:#999999; text-transform:uppercase; text-decoration:none; font-size:14px; }
#PageHeader .MenuItem a:hover { color:white; }

body.BLOG #Wrapper #PageHeader .PageMenu .MenuItem.aid_BLOG a,
body.CLIENTALBUM #Wrapper #PageHeader .PageMenu .MenuItem.aid_CLIENTAREA a,
#Wrapper #PageHeader .PageMenu .MenuItem a.Selected { color:white; }

/* Sub menus */

#PageHeader .PageMenu .SubMenu { display:none; margin:0; padding:0; position:absolute; top:30px; z-index:500; }

#PageHeader .PageMenu .MenuItem a:hover { color:white; }

#PageHeader .PageMenu .SubMenu ul { margin:0; padding:0; list-style:none; overflow:visible; white-space:nowrap; line-height:20px; }
#PageHeader .PageMenu .SubMenu li { margin:0; padding:0; display:inline; white-space:nowrap; }

#PageHeader .PageMenu .SubMenu a { display:inline; color:#999999 !important; white-space:nowrap; line-height:20px !important; font-size:11px; }

#PageHeader .PageMenu .SubMenu a:hover { color:white !important; }
#PageHeader .PageMenu .SubMenu a.SubSelected { color:white !important; }

/* Hide/reveal */

body.GALLERY #PageHeader .PageMenu .MenuItem.aid_GALLERIES .SubMenu { display:block; }




/* ------------------------------------------------------------------ Footer */

#PageFooter { display:none; }

#Footer { padding:10px 0 0 0; margin:40px 0 0 0; font-size:12px; line-height:20px; border-top:1px solid #4F4C4D; }
#FooterWrapper { width:960px; margin:0 auto; }

#Footer .Links { width:320px; float:left; }
#Footer .Details { width:540px; padding:0 0 0 100px; float:left; background:url('pictures/gs_webgraphics/detailsbg.png') top left no-repeat; }

#Footer .Phosys { color:#555555; }

#Footer .Facebook { display:inline-block; width:48px; height:48px; margin:0 10px 0 0; background:url('pictures/gs_webgraphics/facebook_48x48.png') center center no-repeat; outline:0; text-indent:-999em; }
#Footer .Twitter  { display:inline-block; width:48px; height:48px; margin:0 10px 0 0; background:url('pictures/gs_webgraphics/twitter_48x48.png') center center no-repeat; outline:0; text-indent:-999em; }

#Footer a { color:inherit; }
#Footer a:hover { color:white; }



/* ------------------------------------------------------------------ PageContent */

/* Default */

#MainArea #PageContent { padding:0; }

#MainArea #PageContent .Content { float:right; }

#MainArea #PageContent .Content.A { width:620px; padding:0 0 0 20px; }
#MainArea #PageContent .Content.B { width:300px; padding:0 20px 0 0; }
#MainArea #PageContent .Content.C { display:none; }


/* alt */

body.ALT #MainArea #PageContent { float:left; }
body.ALT #MainArea #PageContent .Content { float:left; }

body.ALT #MainArea #PageContent .Content.A { width:300px; padding:0 20px 0 0; }
body.ALT #MainArea #PageContent .Content.B { display:none; }
body.ALT #MainArea #PageContent .Content.C { display:none; }



/* ------------------------------------------------------------------ Galleriffic */

/* Thumbnails */

#thumbs { }

#thumbs .thumbs { padding:0; margin:20px -5px 0 -4px; list-style:none; }
#thumbs .thumbs li { width:95px; height:95px; padding:0; margin:4px; float:left; list-style:none; overflow:hidden; position:relative; }

#thumbs .thumbs li.selected { border:4px solid white; margin:0px; }

#thumbs .thumbs .thumb { position:absolute; left:-34px; top:-2px; }

/* Main Image */

#gallery { width:960px; height:585px; margin:0 0 20px 0; overflow:hidden; position:relative; }
#gallery .slideshow-container .image-wrapper { position:absolute; top:0; left:0; }

#gallery a.advance-link { display:block; }

#gallery .slideshow a.advance-link { display:block; width:960px; height:585px; line-height:0px; text-align:center; }

#controls .prev { display:block; width:50px; height:50px; background:url('pictures/gs_webgraphics/gallery_nav_left.png')  center center no-repeat; position:absolute; left:20px;  top:50%; margin:-25px 0 0 0; text-indent:-999em; outline:0; z-index:9999; }
#controls .next { display:block; width:50px; height:50px; background:url('pictures/gs_webgraphics/gallery_nav_right.png') center center no-repeat; position:absolute; right:20px; top:50%; margin:-25px 0 0 0; text-indent:-999em; outline:0; z-index:9999; }



/* ------------------------------------------------------------------ AlbumList */

#QuickAlbumList { margin:-20px 0; clear:both; overflow:auto; }

#QuickAlbumList .Row { margin:20px 0; float:left; clear:left; cursor:pointer; }

#QuickAlbumList .Row .Title       { line-height:30px; font-size:24px; }
#QuickAlbumList .Row .Description {  }
#QuickAlbumList .Row .Button      { text-decoration:underline; }

#QuickAlbumList .Row .ThumbTable  { display:none; }



/* ------------------------------------------------------------------ Contact form */

#QuickContact { margin:-15px 0 0 0; padding:0 0 40px 0; overflow:visible; }

#QuickContact ul li a { text-decoration:none; }

#QuickContact ul { list-style:none; padding:0; margin:0; }
#QuickContact li { list-style:none; padding:0; margin:0; }

#QuickForm { padding:0; margin:0; }

#QuickContact .Row { padding:5px 0; margin:0; }

#QuickContact span { display:block; font-size:12px; margin:0; cursor:text; }

#QuickContact input    { display:block; font-size:14px; font-family:courier,mono; width:320px; padding:7px; }
#QuickContact textarea { display:block; font-size:14px; font-family:courier,mono; width:320px; padding:7px; height:120px; }

#QuickContact .Footer { margin:15px 1px; clear:both; overflow:visible; }

#QuickContact .Footer a { padding:5px 15px; font-weight:bold; text-decoration:none; color:#1A1A18; background:#7FBFFF; }
#QuickContact .Footer a:hover { background:#B7DBFF;  }



/* ------------------------------------------------------------------ Client Login */

#AlbumLogin { overflow:auto; padding:10px 0; }

#AlbumLogin div { float:left; line-height:30px; }

#AlbumLogin .Row.UserID   { display:none; }
#AlbumLogin .Row.Password { display:none; }
#AlbumLogin .Row.AlbumID .Label { display:none; }
#AlbumLogin .Row.AlbumID .Field {  }
#AlbumLogin .Row.AlbumID .Field input { padding:5px; }

#AlbumLogin .Button { margin:0 0 0 10px; padding:0px 15px; font-weight:bold; text-decoration:none; color:#1A1A18; background:#7FBFFF; }
#AlbumLogin .Button:hover { background:#B7DBFF; }



/* ------------------------------------------------------------------ Album Image List & Pagination */

#MainArea #ImageList { width:640px; padding:0; margin:20px 0 0 0; float:left; }

#MainArea #ImageList #Images { }

#MainArea #ImageList .Item { width:155px; height:160px; margin:0; float:left; position:relative; }

#MainArea #ImageList .Item table { width:155px; margin:0; padding:0; }
#MainArea #ImageList .Item td { margin:0; padding:0; border-collapse:collapse; }
#MainArea #ImageList .Item .Caption { line-height:15px; display:block; width:155px; padding:0; overflow:hidden; white-space:nowrap; font-size:10px; text-align:center; }

#MainArea #ImageList .Item .LightBox { display:none; }

#MainArea #ImageList .Image,
#MainArea #ImageList img { display:block; }

#MainArea #ImageList img { }

#MainArea #ImageList .Footer { clear:both; overflow:auto; }

#MainArea .Pager { clear:both; width:500px; margin:0 auto; padding:0 0 15px 0; overflow:auto; }
#MainArea .Pager .Button { background:none; width:auto; margin:0; clear:none; padding:2px; }
#MainArea .Pager .Next { float:right; text-decoration:underline; margin:3px 0 0 0; }
#MainArea .Pager .Previous { float:left; text-decoration:underline; margin:3px 0 0 0; }

/* Pagination */

.Pages { width:100px; margin:0 auto; }

.Pages ul { margin:0; padding:0; }
.Pages li { margin:0 0 0 10px; padding:0; }

.Pages .Button { border:none; }
.Pager .Button { border:none; }
.Pages a { text-decoration:underline; text-align:center; }
.Pages ul ul a { display:inline; text-align:center }
.Pages ul li ul li a { text-align:left; white-space:nowrap; color:white; }
.Pages ul { padding:0; margin:0; list-style-type:none; display:block; margin:0 auto; }
.Pages li { float:left; width:auto; position:absolute; }
.Pages ul ul { visibility:hidden; position:absolute; height:150px; top:-170px; left:0; width:100px; background:#343131; overflow:hidden; border:10px solid #343131; }
* html .Pages ul ul { top:-165px; }
/*\*/
html>body*.Pages ul ul {overflow:auto;}
/**/
.Pages table { position:relative; top:0; left:0; border-collapse:collapse; }
.Pages ul ul li,
.Pages ul ul a { height:auto; line-height:1em; padding:5px 0px; width:70px; text-align:left; }
.Pages ul ul li { top:0px; position:relative;}
.Pages ul ul li:hover,
.Pages a:hover,
.Pages ul ul a:hover { color:white; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:white; }
.Pages ul li:hover ul,
.Pages ul a:hover ul,
.Pages ul ul a:hover {visibility:visible; overflow:auto;}
.Pages ul ul ul a,
.Pages ul ul ul a:visited { height:auto; line-height:1em; padding:5px 0px; width:70px; }
.Pages ul ul ul a:hover { }
.Pages ul li:hover ul,
.Pages ul a:hover ul {visibility:visible;}
.Pages ul a:hover ul ul,
.Pages ul :hover ul ul { visibility:hidden; position:absolute; height:0; left:50px; top:0; }
.Pages ul :hover ul :hover ul,
.Pages ul a:hover ul a:hover ul { visibility:visible; }
.Pages .Selected { font-weight:bold; }
.Pages ul ul ul { height:220px !important; width:auto; z-index:500; padding-top:1px; }



/* ------------------------------------------------------------------ Image Popup Window */

.PopupBody { }

#Body #PopupWindow .ImageControls .Button { display:inline; padding:0; margin:0; font-weight:normal; text-decoration:underline; background:none; color:white; }

#PopupWindow .ImageControls .Previous { float:left; }
#PopupWindow .ImageControls .Next { float:right; }

#PopupWindow .ImageFilter { display:none; }

#PopupWindow .CaptionBottom { display:block; line-height:20px; text-align:center; color:white; margin:-20px 0 0 0; }

#PopupWindow  img#MainImage_TheImage  { margin:0 0 20px 0; }



/* ------------------------------------------------------------------ */






// from System Meta Data