body {
	background:#333;
	color:#999;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
    margin:0;
    padding:0;
}

#wrapper {
	position:relative;
    width:1000px;
    height:567px;
	margin:140px auto 0 auto;
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
a {
	cursor:pointer;
    border:0;
}
img {
    border:0;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;	
}

#logo {
	margin:0 0 100px 0;
	background:url(../img/interface-elements/logo.gif) left top no-repeat;
	text-indent:-5000px;
}
    #logo h1 {
        font-size:18px;
    }
    #logo h2 {
        font-size:14px;
    }
#navigation {
	margin:0 0 20px 0;
    width:240px;
}
	#navigation h3 {
		margin:0 0 20px 0;
        font-size: 16px;
        font-weight:bold;
        color:#999999;
        letter-spacing:.5px;
        font-variant:small-caps;
	}
    #navigation ul.galleries li a {
        display:block;
        padding:0 0 5px 0;
        font-size:12px;
        font-weight:normal;
        letter-spacing:.5px;
        font-variant:small-caps;
        color:#999;
        text-decoration:none;
    }
        #navigation ul.galleries li a.active {
            font-weight:bold;
        }
	#navigation .directions {
		margin:20px 0 0 0;
        width:240px;
        display:block;
	}
		#navigation .directions li {
			float:left;
            position:relative;
		}
		#navigation .directions li a {
			display:block;
			margin:0 5px 0 0;
            font-size:14px;
            color:#999999;
            width:20px;
            height:20px;
            overflow:hidden;
            background-position:left bottom;
            background-repeat: no-repeat;
            text-indent:-5000px;
		}
        #navigation .directions li a:hover {
            background-position:left top;
        }
        #navigation .directions li a.back {
            background-image:url(../img/interface-elements/btn-backward.gif);
        }
        #navigation .directions li a.next {
            background-image:url(../img/interface-elements/btn-forward.gif);
        }
        #navigation .directions li a.paused {
            background-image:url(../img/interface-elements/btn-play.gif);
            width:84px;
        }
        #navigation .directions li a.playing {
            background-image:url(../img/interface-elements/btn-pause.gif);
            width:84px;
        }
#images {
	position:absolute;
	top:0;
	right:0;
    width:720px;
    height:567px;
    overflow:hidden;
	text-align:right;
	z-index:0;
}
    #images ul {
        display:none;
    }
    #loader {
        display:block;
        background:transparent url(../img/interface-elements/ajax-loader.gif) center top no-repeat;
        text-align:center;
        height:567px;
	}
        #loader p {
            padding:40px 0 0 0;
            margin:250px 0 0 0;
        }
    #images ul {
        display:block;
    }
    #images li {
        background:#333;
        width:760px;
        height:567px;
    }
#credentials {
	position:absolute;
	bottom:0;
	left:0;
    font-size:14px;
    color:#999999;
}

body.admin #wrapper {
    width:1200px;
}
body.admin ul {
    list-style-type:none;
    display:none;
}
body.admin ul.actions {
    display:block;
}
body.admin div.images {
    float:right;
    display:inline;
    width:920px;
}
body.admin div.images #galleries ul {
    margin:0 0 20px 0;
    padding:10px;
    border:1px solid #444;
    background:#222;
}
body.admin div.images ul li {
    display:inline;
    float:left;
    padding:0 10px 10px 0;
}
body.admin ul li a {
    display:block;
    padding:0;
}
body.admin .leftCol {
    float:left;
    width:240px;
}
body.admin div.new {
    margin:20px 0;
}
body.admin #updateAllImages {
    font-size:11px;
    padding:10px;
    background:#111;
    cursor:pointer;
}
body.admin #nav {
    display:block;
    font-size:14px;
    width:240px;
    background:transparent;
}
    body.admin #nav li a {
        display:block;
        padding:5px 15px;
        position:relative;
    }
    body.admin #nav li a.active {
        background:#222;
        color:#999;
    }
    body.admin #nav li a div.delete {
        display:none;
        position:absolute;
        top:6px;
        right:10px;
        font-size:11px;
        cursor:pointer;
        text-align:right;
    }
    body.admin #nav li a.active div.delete {
        display:block;
    }
    body.admin #nav li a div.areYouSure {
        position:absolute;
        top:6px;
        right:10px;
        font-size:11px;
        cursor:pointer;
        text-align:right;
    }
    body.admin #nav li a div.areYouSure span.yes {
        color:#f00;
        text-decoration:underline;
    }
    body.admin #nav li a div.areYouSure span.no {
        color:#00f;
        text-decoration:underline;
    }
    body.admin #nav li.new {
        padding:10px 0 0 16px
    }
    body.admin input#newGallery {
        padding:3px 6px;
    }
    body.admin #nav li.new a.save {
        padding:6px 6px;
        font-size:11px;
        background:#222;
        text-align:center;
        width:60px;
    }
    body.admin #addImage a.upload {
        padding:6px 6px;
        font-size:11px;
        background:#222222;
        text-align:center;
        margin-left:10px;
    }
body.admin div.gallery {
    display:block;
    margin:0 0 20px 0;
}
body.admin ul.allImages {
    background:none;
    float:left;
    border:0;
    width:100%;
}
body.admin ul.allImages li a {
    opacity:0.5;
}
    body.admin ul.allImages li a:hover {
        opacity:1;
    }
body.admin h1 a.save {
    position:absolute;
    right:10px;
    top:5px;
    text-decoration:underline;
    font-size:12px;
    color:#fff;
}
    body.admin #addImage {
        width:260px;
        border:1px solid #ddd;
        background:#444;
        float:left;
        padding-bottom:20px;
    }
    body.admin #addImage h1 {
        font-size:18px;
        color:#999;
        background:#222;
        padding:10px;
    }
    body.admin #addImage fieldset {
        border:0;
        font-size:12px;
        margin-top:10px;
    }
    body.admin #addImage label {
        display:block;
    }
    body.admin #addImage input.large {
        width:200px;
    }
#credentials {
    font-size:11px;
    font-weight:normal;
}
#credentials p {
    margin:0;
}
#credentials a {
    color:#bbb;
    text-decoration:none;
}

.pages {
    display:block;
    position:relative;
    margin:45px 0 0 0;
    left:0;
    font-weight:normal;
    font-size:11px;
}
#pager {
    position:absolute;
    display:none;
    top:395px;
    left:50px;
    width:156px;
}
    #pager ul {
        background:#555555;
        position:relative;
        list-style-type:none;
    }
    #pager ul li {
        display:inline;
        float:left;
    }
    #pager ul li a {
        display:block;
        width:16px;
        height:16px;
        text-align:center;
        color:#555555;
        background:#434343;
        font-size:11px;
        margin:1px 1px 0 0;
    }
    #pager ul li a:hover {
        color:#fff;
        background:#7b7b7b;
    }
/*=========================== THE MIGHTY CLEARFIX ===========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
}

.sIFR-dummy { 
    width: 0px;
    height: 0px;
    margin-left: 42px;
    z-index: 0;
}