@charset "UTF-8"; 
/*
Theme Name:DESIGNSCHOOL 2009
Description:Фиксированный дизайн
Version:1.2
Last Update:29.10.2009
Author URI:http://skillbase.ru/
*/
/* @group CSS Reset
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cddr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1.375em; font-family:inherit; vertical-align:baseline; outline:none}
a img,:link img,:visited img {border:0}
table {border-collapse:collapse; border-spacing:0}
ol,ul {list-style:none}
:focus {outline:0}
q:before,q:after,blockquote:before,blockquote:after {content:""}
@end */
/* FONT Sizes
16x1.5em=24px
16x1.375em=22px
16x1.25em=20px
16x1.125em=18px
16x1em=16px
16x0.875em=14px
16x0.75em=12px
16x0.6875em=11px
16x0.625em=10px
*/
/*
@font-face {font-family:Graublau; src:url(fonts/GraublauWeb.otf) format("opentype")}
@font-face {font-family:Graublau; src:url(fonts/GraublauWebBold.otf) format("opentype"); font-weight:bold}
@font-face {font-family:Plum Black; src:url(fonts/PLUMB-BL.OTF) format("opentype")}*/
@font-face {font-family:Plum; src:url(fonts/PLUMB-LI.OTF) format("opentype")}
@font-face {font-family:Plum; src:url(fonts/PLUMB-BO.OTF) format("opentype"); font-weight:bold}
@font-face {font-family:Graublau; src:url(fonts/GraublauWebBold.otf) format("opentype"); font-weight:bold}

* {margin:0; padding:0; outline:none}
html {height:100%; background:#222; background:url(rotate_bg/rotate.php) no-repeat fixed 50% 50%}
body {font:0.875em/1.25em Plum,Arial,Helvetica,sans-serif; color:#200; text-align:center;
background:url(images/bg-op-diagonal.png) repeat 0 0; min-height:100%}

/*Global Links*/
a:link,a:active,a:visited {text-decoration:underline; color:#c23}
a:hover {text-decoration:none; color:#200}

/* TYPOGRAPHY
-------------------------------------*/
h2,h3,h4 {text-transform:uppercase; line-height:1.125em; margin-bottom:1em}
h2 {font-size:2.5em; color:#c23; letter-spacing:-.05em; margin-bottom:.5em}
h3 {font-size:1.5em; color:#d50; letter-spacing:-.025em}
h4 {font-size:1.25em; color:#056}
p {margin:1em 0}
strong {color:#000}
em {color:#056}
small {font-size:.75em}
ul {list-style:none outside}
ol {margin:1em 3em}
hr {display:none}
a img,:link img,:visited img {border:0}

/* TABLES*/
table {margin:1em 0; width:100%; border-collapse:collapse; border-spacing:0; clear:left}
tr, caption {font-size:14px}
/*tr,caption {font-size:.75em; voice-family:"\"}\""; voice-family:inherit; font-size:1em}
html>body tr {font-size:1em}*/
td, th {vertical-align:top; text-align:left; padding:10px}

/* CLEARFIX */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix {display:inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%}
/* @HACKS */
.boxfix, input, textarea {box-sizing:border-box; -moz-box-sizing:border-box}

/* Main Layout
------------------------------ */
#container {text-align:left; margin:0 auto; width:980px; background:#fff}
#header {margin:0 20px; height:120px; height/**/:100px; padding:10px 20px; background:#056; color:#FFF}
/*#sponsors {margin:0 20px; height:80px; padding:0 20px; border:1px solid #cdd}*/
#main {width:600px; width:940px; float:left; margin:20px}
#images {margin:0}
#sidebar {width:300px; margin:20px; float:left}
#footer {margin:10px auto 0; width:980px; padding:10px 0; background:#056; font-size:.875em; color:#FFF}


/* HEADER
------------------------------ */
/*#header h2 {float:left; width:580px; font-weight:normal; color:#FFF; margin:0; text-shadow:#222 1px 1px 5px}*/
#header h1 {float:left; font:bold 2.75em Graublau,Arial,Helvetica,sans-serif; text-transform:uppercase; color:#FFF; text-shadow:#222 1px 1px 5px}
p#breadcrumb a {display:inline-block; margin-right:5px; padding:2px 10px; background:#9dd; color:#056; -moz-border-radius:5px; -webkit-border-radius:5px}
p#breadcrumb a:hover {background:#FFF; color:#000}
#header h4 {display:inline-block; font-size:1.75em; color:#FFF; padding:7px 0; clear:left}
#header a {color:#FFF; text-decoration:none}
#header .jeip-editfield {width:400px; margin:0}

/* AJAX
------------------------------ */
/*
#albumDescEditable,#albumTagsEditable {margin-bottom:12px}
#imageDescEditable,#albumTagsEditable {margin-top:24px}
#imageDesc,#exif_link {margin-bottom:4px}
#exif_link {float:right}
*/
.jeip-editfield {width:100%; margin-bottom:10px; padding:5px 10px; border:1px solid #cdd}
.jeip-mouseover {background:#e9f2f5; color:#222}

.rate {display:block; float:left; margin:20px 0}
.rate.w600 {width:600px}
.rate form {float:left}
.rate input {margin-left:10px; padding:3px 5px; background:#e9f2f5; border:2px solid #7cd; -moz-border-radius:10px; -webkit-border-radius:10px}
.rate input:hover {background:#c23; border-color:#c23; color:#FFF}
.rate span.vote {line-height:2em; text-transform:uppercase; font-weight:bold; float:right}

/* Main */
p.desc {margin:0 0 20px}

/* Image Thumbnails
------------------------------ */
.thumb {float:left; display:table-cell; text-align:center; margin:0 30px 30px 0}
.thumb a img, #images a img {margin:0 auto; padding:10px; background:#cdd; -moz-border-radius:10px; -webkit-border-radius:10px}
.thumb a:hover img, #images a:hover img {background:#abb}
/*.thumb a:hover img {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -ms-filter:"alpha(opacity=100)"}*/

/*#images .rate {display:block; float:left; margin:10px 0}*/

/* Album Thumbnails
------------------------------ */
/*#albums {position:relative; overflow:hidden; height:850px} */
.navigator {height:30px}
a.prev, a.next {background:url(images/nav.png) no-repeat 0 0; width:25px; height:25px;
position:absolute; top:63px; left:-15px; z-index:3; text-indent:-999em}
a.next {left:590px; background-position:100% 0}
a:hover.prev {background-position:0 -25px}
a:hover.next {background-position:100% -25px}
a.disabled {background:none; cursor:default; color:#FFF}
a.nav {text-decoration:none}

a.pPage, a.nPage {height:20px; line-height:20px}
a.pPage {float:left}
a.nPage {float:right}
.navi {margin:0 auto; width:auto; height:20px; text-align:center} 
.navi a {display:inline-block; font-size:1px; width:8px; height:8px; margin:8px 4px; 
background:url(images/navigator.png) 0 0 no-repeat} 
.navi a:hover {background-position:0 -8px} 
.navi a.active {background-position:0 -16px}

.album {float:left; width:420px; height:120px; margin:0 0 10px; padding:20px;
background:#e9f2f5; -moz-border-radius:10px; -webkit-border-radius:10px}
.album:nth-child(2n), .col2n {margin-left:20px}
.album .thumb {margin-right:20px}
.album h3 {margin:0 0 5px}
.album p {margin:5px 0}
.album small {color:#abb; display:block; font-size:1em}
.album .rate form {display:none}
.album span.vote { font-size:1.25em; float:none}

/* Individual Image
------------------------------ */
.imgnav {float:right; width:180px; margin:5px 0; text-align:center; background:#cdd}
.imgnav .imgprevious a,.imgnav .imgnext a {display:block; width:50%; float:left; line-height:32px; color:#FFF; background:#1f8a95}
.imgnav .imgprevious a:hover,.imgnav .imgnext a:hover {background-color:#c23}
.imgnav .imgnext a {float:right}

/* SIDEBAR
------------------------------ */
#sidebar h4 {margin:0; color:#056}
#sidebar ul {margin:0 0; font-size:1em}
#sidebar li {padding:5px 10px; background:#eee; border-bottom:1px solid #FFF}
#sidebar li:hover {background:#fff}
#sidebar li.current {background:#c23; color:#FFF}
#sidebar li a {}
#sidebar li small {display:block; font-size:.6875em}
#mostrated_album li {height:100px; height/**/:90px}
#mostrated_album img {float:left; margin-right:10px; padding:5px; background:#abb}


/* Miscellaneous
------------------------------
blockquote {border-left:1px dotted #96967E; margin-left:20px; padding-left:20px; color:#363630}
#imagemetadata {text-align:right; position:relative; display:none}
#imagemetadata table {text-align:left; line-height:1em; border:1px solid #ccc; position:absolute; top:2em; right:0px; background-color:#fafafa}
#imagemetadata table td {border-bottom:1px solid #f0f0f0; background-color:#f8f8f8; padding:2px 5px}
*/

/* Page Navigation
------------------------------ */
div.pagelist {clear:both; padding:1em 0}
ul.pagelist {margin:20px 0}
ul.pagelist li {display:inline; color:#cdd}
ul.pagelist li a, ul.pagelist span.disabledlink {padding:4px 10px}
ul.pagelist li.current a {font-weight:bold; text-decoration:none; background:#c23; color:#FFF}
ul.pagelist li.prev {margin-right:10px}
ul.pagelist li.next {margin-left:10px}
.disabledlink {color:#cdd; cursor:default}
.pagenav {clear:both}
.disabled_nav {display:none}

/* Forms
------------------------------ */
label {cursor:pointer; font-weight:bold}
.inputbox {width:250px; padding:2px}
textarea {padding:4px; width:100%}
.checkbox, .pushbutton {cursor:pointer}
input.pushbutton {padding:3px 5px; background:#e9f2f5; border:2px solid #FFF; -moz-border-radius:10px; -webkit-border-radius:10px}
input.pushbutton:hover {background:#c23; border-color:#c23; color:#FFF}

/* Comments
------------------------------ */
#commentcontent {margin:20px 0 0; padding:20px; background:#cdd; -moz-border-radius:10px; -webkit-border-radius:10px; clear:both}
#comments {margin:0 0 20px; clear:both}
.comment {margin-bottom:10px; padding:20px; background:#f2f6f2; -moz-border-radius:10px; -webkit-border-radius:10px}
#commentform table {margin:0}
#commentform td {padding:10px 0}
#commentform .pushbutton {margin-top:10px}
#commentform #code, #commentform img {float:left}
#commentform #code {width:80px; height:20px; border:1px solid #333}
#preview-box {display:block; width:100%; margin:10px 0; clear:both}
#preview-box h4 {margin:0 0 5px}

/* Search Box
------------------------------ */
#search {float:right; text-align:left; margin:0; padding:0; background:#fff}
#search input.pushbutton {padding:1px; font-size:80%}
#search a {text-decoration:none}
#search ul {border:1px solid #ccc; position:absolute; text-align:left; list-style:none; height:8em; width:20em; overflow:auto; background-color:white}
#searchfields_icon {position:relative; top:4px}

/* Error Messages
------------------------------ */
.error {color:#C33; font-weight:bold}
.errorbox {padding:20px; background:#FDD; border:1px solid #c23; margin-bottom:10px; font-size:100%; color:#DD6666}

/* Admin Toolbox
------------------------------ */
#admin,#admin_data {position:fixed; right:0; top:0; width:240px; background:#fff; z-index:2; text-align:left}
#admin h3 {font-weight:normal; margin:0; text-align:center; border-bottom:1px solid #cdd}
#admin h3 a {display:block; color:#999; text-decoration:none; height:40px; line-height:40px}
#admin h3 a:hover {color:#FFF; background:#c23}
#admin_data {top:40px; z-index:1; line-height:1.6em}
#admin_data ul {margin:10px 20px}

/* simple css-based tooltip */ 
div.tooltip { 
    background:#d60; 
    border:1px solid #b50; 
    padding:5px 10px; 
    width:auto; max-width:300px;
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5); 
}