body {font: 12px Verdana, Arial, sans-serif; color: #828282; background: #f1f1f1; padding-bottom: 30px}

h1,h2,h3,h4,h5 {font-family: Arial, sans-serif; }
h1 {color: #000;}
h2 {color: #000; font-size: 17px; line-height: 17px; font-weight: normal; border-bottom: 2px solid #c6c6c6; padding-bottom: 2px; margin-bottom: 15px}
h3 {color: #2d2d2d; font-size: 15px; line-height: 15px; font-weight: normal;}
h4 {color: #4e4e4e; font-size: 14px; line-height: 17px; font-weight: normal;}

a {text-decoration: none; color: #595959;}
h2 a {color: #000;}

.clr {display: block; clear: both;}
hr.clr {visibility: hidden}
.col-12 {float: left; width: 49%;}
.col-22 {float: left; width: 49%;}
.left {float: left;}
.confirm-delete {color: red; font-weight: bold}

h2 {font: 22px Georgia, serif; letter-spacing: -1px}

.ps-table {border: 1px solid #BBB; background: #EEE url(../images/white-grad.png) repeat-x scroll left top; table-layout: fixed; -moz-border-radius: 4px; width: 99%}
.ps-table th {height: 20px; padding: .5em; border-bottom: 1px solid #c6c6c6}
.ps-table td {padding: .5em; border-bottom: 1px solid #c6c6c6; position: relative; }

.ps-table td div {position: relative; height: 3em; font-weight: bold}
.manage {position: absolute; left: 0; bottom: 3px; font-weight: normal}
.hover {display: none}
.ps-table td:hover .hover {display: block}
.ps-table td small {font-size: 9px;}

.ps-table tr.draft td div {font-weight: normal; font-style: italic}

#header {padding: 0em 1em; background-color: #555; margin-bottom: 10px; border-bottom: 1px solid #fff;  position: relative}
#header h1 {font: 20px Georgia, serif; letter-spacing: -1px; color: #f1f1f1; line-height: 2em}
#header #user_details {position: absolute; top: 15px; right: 15px; color: #f1f1f1}
#header #user_details a {color: #fff;}

.swf_upload_btn {font-size: 20px;}

#photos-gallery li {float: left; list-style: none; margin-right: 5px; cursor: pointer}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }

#nav {position: absolute; left: 0; top: 50px; width: 150px; list-style: none; padding-right: 20px; padding-left: .5em}
#admin-content {margin-left: 170px;}
.ps-form #form-content {float: left; clear: left; width: 100%; margin-right: -350px; margin-top: -220px}
.ps-form #fieldset-left {margin-right: 345px; border: none; }
.ps-form #fieldset-right {clear: right; float: right; width: 324px; position: relative; border: none; }
.ps-form > div {padding: 5px 0; clear: left}
.ps-form input.title {width: 98%; letter-spacing: -1px; padding: .25em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #BBB; font: 20px "Lucida Sans Unicode", sans-serif}
.ps-form textarea {width: 600px; height: 200px}

.ps-form .confirm-delete {color: red; text-decoration: underline}
.ps-form div label {width: 200px; display: block; float: left; height: 100%}
.ps-form div .text {padding: .25em .5em; border: 1px solid #bbb; width: 300px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px}
.ps-form div select.text {padding-right: .25em; width: 315px}
.ps-form div input, 
.ps-form div #assigned_photos {margin-left: 200px; display: block}
.ps-form div .title {margin-left: 0}
.ps-form div .button,
.ps-form div p .confirm-delete,
.ps-form div p a,
.ps-form .facebook-auto {margin-left: 200px;}

#attachments li {list-style: none; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
#attachments input {position: absolute; top: 5px; left: 5px}
#attachments img.to-delete {outline: 2px solid red}

ul li.draft {font-weight: bold;}

#add-addon ul li {text-align: center; list-style: none; width: 220px; height: 170px; float: left;}
#add-addon ul li a img {border: none; width: 200px; height: 150px; overflow: hidden}

#addons li {text-align: center; list-style: none; width: 220px; height: 170px; float: left; position: relative}
#addons li a img {border: none; width: 200px; height: 150px; overflow: hidden}
#addons li a.confirm-delete {display: block; position: absolute; top: 10px; right: 10px; background: #fff; padding: .5em}

.button {-moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; border: 1px solid #BBBBBB; font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif !important; line-height: 18px !important; padding: 2px 8px; text-shadow: 0 1px 0 #FFF; -moz-background-clip: border; -moz-background-inline-policy: continous; -moz-background-origin: padding; background: #EEEEEE url(../images/white-grad.png) repeat-x scroll left top; color: #464646; text-align: center}
.button:hover {border-color: #000; color: #000;}
.button:active {background: #EEEEEE url(../images/white-grad-active.png) repeat-x scroll left top; border-color: #000; color: #000;}
a.button {padding: 3px 11px;}

.photos-nav {height: 50px; width: 99%; position: relative;}
.photos-nav .prev {position: absolute; right: 0; top: 5px}
.photos-nav .next {position: absolute; left: 0; top: 5px}
.photos-nav .manage {text-align: center; position: static; top: auto; left: auto}
#photos-list li {padding: 10px; background: grey; float: left; margin: 0 10px 10px 0}
#photos-list li.published {outline: 1px solid #c6c6c6; background: #fff;}
#photos-list li img {cursor: pointer;}

.tooltip {display:none; background:url(http://jquerytools.org/media/img/tooltip/black_arrow.png); height:92px; padding:20px 20px 10px 20px; width:169px; font-size:9px; color:#fff; } 
.tooltip a {color:#fff; font-weight:bold;}
.tooltip .actions {position: absolute; left: 20px; bottom: 30px}

.apple_overlay {display:none; background-image:url(http://jquerytools.org/media/img/overlay/white.png); width:640px; padding:35px; font-size:11px;}
.apple_overlay div.close {background-image:url(http://jquerytools.org/media/img/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

.modal {background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }

#photo-edit-form {display: none; background: #fff; padding: 1em; border: 2px #c6c6c6; border-style: none solid solid solid; position: relative}
#photo-edit-form textarea {height: 150px; margin-left: 15px}
#photo-form-close {display: block; position: absolute; top: 10px; right: 10px; cursor: pointer} 

#logs {width: 500px}
#logs li {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b4b4b4; padding: .5em; background: #fffbd0 url(../images/error.png) 5px 5px no-repeat; padding-left: 25px; margin-bottom: 5px; position: relative;}
#logs li pre {display: none;}
#logs li em {display: none; font-size: 9px;}
#logs li .close-log {display: none; position: absolute; right: 5px; top: 5px; }
#logs li:hover .close-log {display: block;}

#last-comments {border: 1px solid #b4b4b4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; width: 45%}
#last-comments h2 {padding: .5em; font-size: 14px; letter-spacing: 0px; background: #DFDFDF}
#last-comments li {padding: 1em; border-bottom: 1px solid #b4b4b4; position: relative;}
#last-comments li.unapproved {background: #fffbd0}
#last-comments .comment-actions {display: none; position: absolute; bottom: 5px; left: 70px; font-size: 11px}
#last-comments li:hover .comment-actions {display: block}
#last-comments .gravatar {float: left; margin-right: 10px}

#photos-list-ajax {padding: 5em 3em;}
#photos-list-ajax li {float: left; margin-right: 2px; margin-bottom: 2px}
#photos-list-ajax .pagination {clear: both;}
#photos-list-ajax .pagination .next {float: left;}
#photos-list-ajax .pagination .prev {float: right;}

#cat_overlay ul {width: 300px; margin: 10px auto}
#cat_overlay li {clear: both; font-size: 16px; padding: .25em .5em;}
#cat_overlay li span {display: block; float: left; width: 200px;}