/* screen.css for gallery
-----
by:Drew Hornbein
dhornbein@gmail.com
www.dhornbein.com
-----
version: 0.1
*/

/* GLOBAL ========== */

* {margin: 0;padding: 0;}

img {border: none;}

.clear {clear:both;display:block;width:100%;}
.break {clear:both;}
.alignleft{text-align: left;}
.aligncenter{text-align: center;}
.alignright{text-align: right;}
.left{float: left;}
.right{float: right;}

#loader {
background-color:#333333;
border:10px solid #222222;
margin:10px auto;
padding:10px;
text-align:center;
width:400px;
}
#loader small {color:#666;font-size:12px;font-family:Georgia,serif;font-style:italic;}
/* ------ */

body {
background-color: #444;
color: #80837d;
-x-system-font:none;
font-family:'helvetica neue',sans-serif;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
}

a {color:#8bd2d6;text-decoration: none;}
a:visited{color:#8bd2d6;}
a:hover{color: #fff;}

/* WRAPPER ====================== */

#wrapper {}

/* HEADER =================== */

#header {}

#nav #title {display:block;}

/* NAV ============== */

#nav {
background: #666 url(../i/background.jpg) repeat-x scroll 0 0;
border-bottom:1px solid #8bd2d6;
padding-left: 1em;
text-align:center;
}

#nav #title a:link,#nav #title a:visited,#nav #title a{
font-size:2em;
letter-spacing:3px;
text-transform: uppercase;
}

#nav li {
display: inline;
list-style: none;
margin-right: 1em;
white-space:nowrap;
}

#nav li a:link,#nav li a:visited,#nav li a {
color: #444;
font-size: 0.85em;
letter-spacing:3px;
text-transform: uppercase;
}

#nav li a:hover {color: #8bd2d6;}

/* CONTENT ================== */

.content {
margin-top:10px;
overflow:auto;
}

.gallery li {display:none;}

/* MAGIC BOX - GALLERY ================= */

/* main image and caption area */
#magicbox .galleria_container {
border-bottom:1px dashed #666;
margin-bottom:5px;
overflow:hidden;
}

/* display image caption */
#magicbox .galleria_container .caption{
bottom:0;
display:block;
padding:10px;
position:absolute;
letter-spacing:3px;
text-align:center;
width:100%;
}

/* image wrapper */
#magicbox .galleria_wrapper {text-align:center;}
#magicbox .galleria_wrapper img {}

/* thumbnail navigation */
#magicbox .galleria{
float: left;
margin:0 auto;
width: 100%;
}
#magicbox .galleria li{
float:left;
height:60px;
margin:0 5px 5px 0;
overflow:hidden;
width:60px;
}
#magicbox .galleria li a{display:none}
#magicbox .galleria li div{position:absolute;display:none;top:0;left:180px}
#magicbox .galleria li div img{cursor:pointer}
#magicbox .galleria li.active img,.galleria li.active {display:block}
#magicbox .galleria li img.thumb{cursor:pointer;top:auto;left:auto;z-index: -100;}



* html .galleria li div span{width:400px} /* MSIE bug */

/* FOOTER ========================= */

.footer { border-top:#8bd2d6 solid 1px; clear:both;color: #888;font-size: 70%;padding: 10px;}