@charset "UTF-8"; 
/*
Theme Name:DESIGNSCHOOL 2010
Last Update:22.11.2010
*/
/* @group CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
iframe,abbr,acronym,fieldset,img{border:none}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}
q:before,q:after{content:''}
:focus{outline:none}
hr {display:none}
a[href],input[type='submit'],input[type='image'],input[type='checkbox'],label[for],select,button{cursor:pointer}
/*
iframe {border:0; background:transparent}
body * {box-sizing:border-box; -moz-box-sizing:border-box}
*/
/* @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
*/

html {height:100%; background:url("images/bg.png") repeat 50% 0}
body {
font:.875em/1.375em "PT Sans", arial, serif; /* Google Font API */
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
-------------------------------------*/
h1,h2,h3,h4 {text-transform:uppercase; line-height:1.125em; margin-bottom:1em; font-weight:bold; letter-spacing:-.025em}

h1 {font-size:2.5em; color:#c23; margin-bottom:.5em}
h2 {font-size:2em; color:#056}
h3 {font-size:1.5em; color:#c23}
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%; clear:left}
tr, caption {font-size:14px}
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}



/* LAYOUT
------------------------------ */
#container {text-align:left; margin:0 auto; width:980px; background:#fff}
#header {margin:0 20px; height:120px; height/**/:100px; padding:10px 20px; color:#FFF; background:#056}
#content {margin:20px}
#footer {margin:10px auto 0; width:980px; padding:10px 0; background:#056; font-size:.875em; color:#FFF}



/* HEADER
------------------------------ */
#header h1 {margin:15px 0 0}
#breadcrumb {margin:10px 0 0}
#breadcrumb a {display:inline-block; margin-right:5px; padding:2px 10px; background:#9dd; color:#056; text-decoration:none; 
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#breadcrumb a:hover {background:#FFF; color:#000}



/* CONTENT
------------------------------ */
p.desc {margin:0 0 20px; padding-top:1em; border-top:1px solid #ddd; /*font-size:1.125em*/}
.desc a {font-size:1.125em; font-weight:bold}



/* Image Thumbnails
------------------------------ */
.thumb {float:left; display:block; margin:0 22px 22px 0; position:relative; z-index:1}
.thumb a {
-moz-box-shadow:inset 0 0 20px rgba(0,0,0,.75);
-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.75);
box-shadow:inset 0 0 20px rgba(0,0,0,.75);
-moz-border-radius:10px;
-webkit-border-radius:10px; 
border-radius:10px;
	
border:10px solid #cdd;
line-height:0;
display:inline-block
}
.thumb a img {position:relative; z-index:-1}
.thumb a:hover {border-color:#abb}
/*.thumb a img {padding:10px; background:#cdd; -moz-border-radius:10px; -webkit-border-radius:10px}
.thumb a:hover img {background:#abb}*/
.thumb.clean {margin-right:0}
/*.clean a img {background:#222}*/


/* Albums
------------------------------ */
.navigator {height:20px; margin:20px 0}
a.nav {height:20px; line-height:20px; text-decoration:none}
a.pPage {float:left}
a.nPage {float:right}


#albums {margin-bottom:2em}
.album {float:left; width:465px; width/**/:425px; height:160px; height/**/:120px; margin:0 0 10px; padding:20px;
background:#e9f2f5; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
-webkit-box-shadow:0 0 5px rgba(0,0,0,.25);
-moz-box-shadow:0 0 5px rgba(0,0,0,.25);
box-shadow:0 0 5px rgba(0,0,0,.25);}
.album.last {margin-left:10px}
.album .thumb {margin-right:20px}
.album h2 {font-size:1.5em; margin-bottom:6px}
.album small {color:#abb; display:block; font-size:1em}
.album .rate form {display:none}



/* RATE
------------------------------ */
.rate {display:block; float:left; position:relative; margin-bottom:40px}
.w600 {width:100%}
.rate form {position:absolute; left:0}
.rate input {margin-left:10px; padding:3px 5px; background:#e9f2f5; border:2px solid #7cd; 
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
.rate input:hover {background:#c23; border-color:#c23; color:#FFF}
.rate .vote {text-transform:uppercase; font-weight:bold; font-size:1.25em; line-height:1.6875em}
.w600 .vote {position:absolute; right:0}



/* 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}
*/


/* SPONSORS
------------------------------ */
#AD {position:relative; overflow:hidden; width:940px; height:120px; margin-bottom:20px; margin:1em 0}
.tickerContent {position:relative}
.tickerContent a {height:120px; display:table-cell; vertical-align:middle}
.tickerContent img {padding:0 40px 0 0; border:none}



/* Page Navigation
------------------------------ */
div.pagelist {clear:both; padding: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; margin-right:20px}
.inputbox {width:350px; padding:4px}
textarea {width:100%}



/* Comments
------------------------------ */
#commentcontent {margin:20px 0 0; padding:20px; background:#cdd; 
-moz-border-radius:10px; -webkit-border-radius:10px; 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; border-radius:10px}

#commentform table {width:100%}
#commentform td {padding:10px 0}
#code, #commentform img {float:left; height:26px; }
#code {width:80px; border:1px solid #333; border-left:none}
.pushbutton {font-size:1em; text-transform:uppercase; margin-top:10px; padding:7px 15px; background:#e9f2f5; border:2px solid #FFF; 
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
.pushbutton:hover {background:#c23; border-color:#c23; color:#FFF}



/* 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:#c23; 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}