@media screen {

/* Body styles */

body {
margin:0;
padding:0;
background:rgb(220,220,250);
font:0.8em/1.5em "trebuchet ms", sans-serif;
color:rgb(0,0,100);
text-align:center
}

#simple {
height:740px
}

/* Search & translate */

#qsearch {
position:absolute;
top:0;
right:-20px;
z-index:3
}   

#search {
border:0;
width:25px;
height:25px;
background:url(css/searcher.gif) transparent no-repeat 0 50%
}

#hledat {
width:101px;
color:rgb(170,170,170)
}

#l {
position:absolute;
top:16px;
right:20px;
color:rgb(100,100,200);
cursor:pointer;
z-index:3
}

/* Anchors */

a {
text-decoration:none;
color:rgb(100,100,200)
}

a:link {
color:rgb(100,100,200)
}

a:hover {
text-decoration:underline
}

.choice {
display:block;
margin:18px 0 0;
font-weight:bold
}

.uploadphoto, .editcategory, .editgallery, .editprofile, .editdata {
padding:5px 0 5px 65px
}

.uploadphoto {
background:url(css/uploadphoto.png) no-repeat 0 0
}

.editcategory {
background:url(css/editcategory.png) no-repeat 0 0
}

.editgallery {
background:url(css/editgallery.png) no-repeat 0 4px
}

.editprofile {
background:url(css/editprofile.png) no-repeat 0 0
}

.editdata {
background:url(css/editdata.png) no-repeat 0 0;
margin-bottom:-10px
}

/* Paragraphs */

p {
margin:18px 0 0;
text-align:left
}

.footer p {
margin:20px 0 20px;
text-align:center
}

.alert {
margin:18px 0 60px
}

.logged {
position:absolute;
top:0;
right:0;
margin:0
}

.phototitle, .pages, .photo_back {
position:relative;
text-align:center;
z-index:2
}

.pages {
margin:0 0 -36px 0
}

.nomargin, .loginform input {
margin:0
}

.none, #hiding {
display:none
}

/* Headlines */

h1 {
font-size:3em;
margin:0;
line-height:1.25em;
color:rgb(210,210,240)
}

h2 {
position:relative;
margin-top:0;
font-size:1.25em;
line-height:1.5em
}

/* Divs */

div {
position:relative;
width:100%;
margin:0;
padding:0
}

.background {
width:100%;
min-width:1100px;
background:url(css/background.gif) repeat-x 0 0
}

/* Headers */

.webtitle {
display:block;
position:relative;
top:40px;
left:0;
width:100%;
height:100px
}

.webtitle a {
display:block;
position:relative;
margin:0 auto;
width:241px;
height:61px;
border:0;
background:url(css/webtitle.png) no-repeat 50% 0
}

.webtitle span {
display:block;
position:absolute;
left:240px;
width:200px;
height:100px
}

.header {
display:block;
position:absolute;
top:110px;
left:-50px;
width:250px;
height:233px;
z-index:1
}

.home {
background:url(css/home.gif) no-repeat 0 0
}

.search {
left:-20px;
background:url(css/search.gif) no-repeat 0 0;
}

.gallery {
top:80px;
left:-40px;
background:url(css/gallery.gif) no-repeat 0 0
}

.photo {
top:80px;
left:-40px;
background:url(css/photo.gif) no-repeat 0 0
}

.we {
background:url(css/we.gif) no-repeat 0 0
}

.post {
top:50px;
left:-30px;
background:url(css/post.gif) no-repeat 0 0
}

.visits {
left:-20px;
background:url(css/visits.gif) no-repeat 0 0
}

.sell {
top:60px;
background:url(css/sell.gif) no-repeat 0 0
}

.admin {
top:65px;
background:url(css/admin.gif) no-repeat 0 0
}

.home2 {
top:11px;
background:url(css/home2.gif) no-repeat 0 0
}

.search2 {
top:11px;
background:url(css/search2.gif) no-repeat 0 0
}

.admin2 {
top:24px;
background:url(css/admin2.gif) no-repeat 0 0
}

.we2 {
top:16px;
left:232px;
background:url(css/we2.gif) no-repeat 0 0
}

.post2 {
top:25px;
background:url(css/post2.gif) no-repeat 0 0
}

.gallery2 {
top:24px;
background:url(css/gallery2.gif) no-repeat 0 0
}

.photo2 {
top:24px;
background:url(css/photo2.gif) no-repeat 0 0
}

.sell2 {
top:6px;
background:url(css/sell2.gif) no-repeat 0 0
}

.visits2 {
top:10px;
background:url(css/visits2.gif) no-repeat 0 0
}

#disc_capacity {
position:absolute;
top:48px;
right:0;
width:400px;
height:300px
}

#cap_img {
margin-top:10px;
width:140px;
height:140px;
background:url(spacediagram.png) no-repeat -16px 0
}

/* Top & bottom gradients */

.bottom_background {
width:100%;
min-width:1100px;
padding-bottom:70px;
background:url(css/bottom_gradient.gif) repeat-x 0 100%
}

.body {
width:1100px;
margin:0 auto;
text-align:center
}

.tlc_gradient, .trc_gradient, .brc_gradient, .blc_gradient {
display:block;
position:absolute;
width:442px;
height:179px;
background-image:url(css/top_gradient.gif);
background-repeat:no-repeat
}

.tlc_gradient {
top:0;
left:0;
background-position:0 0
}

.trc_gradient {
top:0;
right:0;
background-position:100% 0
}

.brc_gradient {
bottom:0;
right:0;
background-position:100% -180px
}

.blc_gradient {
bottom:0;
left:0;
background-position:0 -180px
}

/* Menus & photo switches */

.menu p, .photo_menu p {
position:relative;
bottom:2px;
margin:18px auto;
width:100%;
min-width:1100px;
text-align:center
}

.states {
padding:3px 6px 3px 19px;
background:url(css/11.png) rgb(170,190,230) no-repeat 0 4px
}

.menu a, .menu span, .photo_menu a, .photo_menu span {
margin:0 9px
}

/* Menu images */

.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m2_1, .m3_1, .m3_2, .m3_3, .m3_4, .m3_5, .m3_6, .m5_1, .m5_2, .m5_3, .m5_4, .m5_5, .m5_6, .m5_7, .m6_1, .m8_1, .m8_2 {
padding-left:16px
}

.m1 {
padding-left:18px;
background:url(css/1.png) no-repeat 0 0
}

.m2 {
background:url(css/2.png) no-repeat 0 0
}

.m2_1 {
padding-left:18px;
background:url(css/2_1.png) no-repeat 0 0
}

.m3, .m3_6 {
padding-left:19px;
background:url(css/3.png) no-repeat 0 0
}

.m3_1 {
background:url(css/3_1.png) no-repeat 0 0
}

.m3_2 {
padding-left:18px;
background:url(css/3_2.png) no-repeat 0 0
}

.m3_3 {
padding-left:18px;
background:url(css/3_3.png) no-repeat 0 0
}

.m3_4 {
background:url(css/3_4.png) no-repeat -1px 0
}

.m3_5 {
background:url(css/3_6.png) no-repeat 0 0
}

.m4 {
background:url(css/4.png) no-repeat -1px 0
}

.m5, .m5_7 {
background:url(css/5.png) no-repeat -2px 0
}

.m5_1 {
background:url(css/5_1.png) no-repeat -1px 0
}

.m5_2 {
background:url(css/5_2.png) no-repeat -1px 0
}

.m5_3 {
background:url(css/5_3.png) no-repeat -2px 2px
}

.m5_4 {
background:url(css/5_4.png) no-repeat -1px 0
}

.m5_5 {
background:url(css/5_5.png) no-repeat 0 0
}

.m5_6 {
padding-left:17px;
background:url(css/5_6.png) no-repeat -1px 0
}

.m6, .m6_1 {
padding-left:14px;
background:url(css/6.png) no-repeat -2px 0
}

.m7 {
padding-left:18px;
background:url(css/7.png) no-repeat -2px 0
}

.m8, .m8_2 {
background:url(css/8.png) no-repeat 0 0
}

.m8_1 {
background:url(css/8_1.png) no-repeat -1px 0
}

.m9 {
background:url(css/9.png) no-repeat 0 0
}

.m10 {
background:url(css/10.png) no-repeat 0 0
}

/* Pagewrappers */

.pagewrapper {
left:150px;
width:800px;
text-align:left;
z-index:2
}

.wider {
margin-top:-30px;
left:0;
width:1100px
}

.wrapper {
height:370px
}

.thicker {
height:400px
}

/* Photo columns; intro & gallery view */

.leftphoto {
width:360px;
left:40px;
height:100%;
text-align:center
}

.rightphoto {
position:absolute;
top:0;
right:40px;
width:360px;
height:370px;
text-align:center
}

.frame a {
display:block;
position:absolute;
top:-20px;
left:-20px;
}

.frametop, .frameright, .framebottom, .frameleft {
display:block;
position:relative;
width:100%;
height:100%
}

.frametop {
background:url(css/frametop.gif) repeat-x 0 0
}

.frameright {
background:url(css/frameright.gif) repeat-y 100% 0
}

.framebottom {
background:url(css/framebottom.gif) repeat-x 0 100%
}

.frameleft {
background:url(css/frameleft.gif) repeat-y 0 0
}

.leftphoto a .frameleft, .leftphoto a .frametop, .rightphoto a .frametop, .rightphoto a .frameright, .authorphoto .frameleft, .authorphoto .frametop, .image .frameleft, .image .frametop {
background-position:-5000px -5000px
}

.leftphoto a:hover .frameleft {
background-position:0 0
}

.leftphoto a:hover .frametop, .rightphoto a:hover .frametop {
background-position:0 0
}

.rightphoto a:hover .frameright {
background-position:100% 0
}

.tlc, .trc, .brc, .blc, #tlc, #trc, #brc, #blc {
display:block;
position:absolute;
width:20px;
height:20px;
background-image:url(css/corner.png);
background-repeat:no-repeat
}

.tlc, #tlc {
top:0;
left:0;
background-position:0 0
}

.trc, #trc {
top:0;
right:0;
background-position:-20px 0
}

.brc, #brc {
bottom:0;
right:0;
background-position:-20px -20px
}

.blc, #blc {
bottom:0;
left:0;
background-position:0 -20px
}

.leftphoto a .trc, .leftphoto a .brc, .leftphoto a .blc, .rightphoto a .tlc, .rightphoto a .brc, .rightphoto a .blc, .image .frame .trc, .image .frame .brc, .image .frame .blc, .authorphoto .trc, .authorphoto .brc, .authorphoto .blc, .oldimage .trc, .oldimage .brc, .oldimage .blc {
background-image:url(css/shadow.png);
background-repeat:no-repeat
}

.image .frame .tlc, .image .frame .trc, .image .frame .brc, .image .frame .blc {
z-index:2
}

.leftphoto a .tlc, .image .frame .tlc, .authorphoto .tlc, .oldimage .tlc {
top:20px;
left:20px
}

.leftphoto a:hover .tlc {
top:0;
left:0;
width:40px;
height:40px;
background-image:url(css/shadow.png);
background-repeat:no-repeat;
background-position:0 0
}

.leftphoto a .trc, .image .frame .trc, .authorphoto .trc, .oldimage .trc {
width:40px;
height:80px;
background-position:-41px -164px
}

.leftphoto a:hover .trc {
background-position:-41px 0
}

.leftphoto a .brc, .image .frame .brc, .authorphoto .brc, .oldimage .brc {
width:40px;
height:40px;
background-position:-41px -123px
}

.leftphoto a .blc, .image .frame .blc, .authorphoto .blc, .oldimage .blc {
width:80px;
height:40px;
background-position:0 -245px
}

.leftphoto a:hover .blc {
background-position:0 -82px
}

.rightphoto a .tlc {
width:40px;
height:80px;
background-position:0 -164px
}

.rightphoto a:hover .tlc {
background-position:0 0
}

.rightphoto a .trc {
top:20px;
right:20px
}

.rightphoto a:hover .trc {
top:0;
right:0;
width:40px;
height:40px;
background-image:url(css/shadow.png);
background-repeat:no-repeat;
background-position:-41px 0
}

.rightphoto a .brc {
width:80px;
height:40px;
background-position:0 -286px
}

.rightphoto a:hover .brc {
background-position:-1px -123px
}

.rightphoto a .blc {
width:40px;
height:40px;
background-position:0 -82px
}

.image, .multiple_image {
margin:0 auto
}

.image img, .frame {
position:absolute
}

/* Multiple backgrounds */

.multiple_backgrounds {
width:660px;
height:20px;
margin:20px auto
}

.simple_0, .simple_16, .simple_32, .simple_48, .simple_64, .simple_80, .simple_96, .simple_112, .simple_128, .simple_144, .simple_160, .simple_176, .simple_192, .simple_208, .simple_224, .simple_240, .simple_255 {
display:block;
position:absolute;
top:0;
left:0;
width:20px;
height:20px
}

.photo_back {
position:relative;
margin-top:40px
}

.simple_0 {
left:640px;
background-color:rgb(0,0,0);
}

.simple_16 {
left:600px;
background-color:rgb(16,16,16)
}

.simple_32 {
left:560px;
background-color:rgb(32,32,32)
}

.simple_48 {
left:520px;
background-color:rgb(48,48,48)
}

.simple_64 {
left:480px;
background-color:rgb(64,64,64)
}

.simple_80 {
left:440px;
background-color:rgb(80,80,80)
}

.simple_96 {
left:400px;
background-color:rgb(96,96,96)
}

.simple_112 {
left:360px;
background-color:rgb(112,112,112)
}

.simple_128 {
left:320px;
background-color:rgb(128,128,128)
}

.simple_144 {
left:280px;
background-color:rgb(144,144,144)
}

.simple_160 {
left:240px;
background-color:rgb(160,160,160)
}

.simple_176 {
left:200px;
background-color:rgb(176,176,176)
}

.simple_192 {
left:160px;
background-color:rgb(192,192,192)
}

.simple_208 {
left:120px;
background-color:rgb(208,208,208)
}

.simple_224 {
left:80px;
background-color:rgb(224,224,224)
}

.simple_240 {
left:40px;
background-color:rgb(240,240,240)
}

.simple_255 {
background-color:rgb(255,255,255)
}

/* Single photo view */

.back, .forward {
display:block;
position:absolute;
top:-20px;
width:40px;
height:50px;
}

.back a, .forward a {
display:block;
position:relative;
width:100%;
height:100%;
background:url(css/navigation.gif) no-repeat 0 0
}

.back a:hover {
background-position:-41px 0
}

.forward a {
background-position:-123px 0
}

.forward a:hover {
background-position:-82px 0
}

.photodetails {
width:700px;
margin:-70px auto -20px
}

.photodetails p {
text-align:center;
cursor:pointer
}

.similar, .thumbs {
position:relative;
width:702px;
height:125px;
margin:20px auto 0
}

.thumbs {
margin:10px auto 40px
}

.similar a, .thumbs a {
display:block;
position:relative
}

.similar a {
background:url(css/a_back.png) repeat 0 0
}

.similar a:hover, .thumbs a {
background:url(img.png)
}

.similar img, .thumbs img {
position:absolute
} 

.p1, .p2, .p3, .p4, .p5 {
position:absolute;
top:0;
width:125px;
height:125px;
}

.p1 {
left:0
}

.p2 {
left:144px
}

.p3 {
left:288px
}

.p4 {
left:432px
}

.p5 {
left:576px
}

#photoinfo {
display:block;
position:relative;
margin:0 auto;
width:68px;
color:rgb(100,100,200);
text-align:center;
cursor:pointer
}

/* Author page */

.authorphoto {
top:-10px;
right:20px;
margin:0 30px 10px 0;
float:left
}

.authorphoto img {
position:absolute;
top:20px;
left:20px
}

.indent {
width:68.7%;
margin-left:31.3%
}

/* Stats page */

.stats, .averages {
width:670px;
margin:80px auto 20px;
background:url(css/grid.gif) repeat 0 100%
}

.averages {
width:160px
}

.leftscale, .rightscale {
position:relative;
height:100%
}

.leftscale {
background:url(css/leftscale.gif) no-repeat 0 100%
}

.rightscale {
background:url(css/rightscale.gif) no-repeat 100% 100%
}

.stats a, .averages a {
display:block;
position:absolute;
bottom:1px;
width:20px;
background:rgb(170,190,230)
}

.stats a:hover, .averages a:hover {
background:rgb(140,170,230);
cursor:pointer
}

.statsname {
text-align:center
}

/* Admin photo preview */

.oldimage {
display:block;
position:relative;
right:20px;
margin:-10px 0 30px
}

.oldimage img {
position:absolute;
top:20px;
left:20px
}

/* Forms */

#f, .authorform, .categoryform, .uploadform {
width:100%
}

.authorform {
min-height:483px
}

.categoryform {
min-height:205px;
margin-bottom:-5px
}

.uploadform {
min-height:698px
}

.authorform div, .div, .categoryform div {
position:absolute;
top:0
}

.div, .categoryform div {
left:300px;
width:500px
}

input, textarea {
margin:5px 0;
padding:2px 4px 3px;
color:rgb(0,0,100);
font-family:"trebuchet ms"
}

textarea {
width:100%;
position:relative;
font-size:1em;
overflow:auto
}

.message {
position:absolute;
margin:0;
top:0;
right:0;
width:500px;
height:200px
}

.message textarea {
height:167px !important
}

#f textarea {
height:100px
}

.change, #name, #email, .messagetype {
width:200px
}

#f1 {
margin-right:20px
}

.categories, #delete, #check, #createsub, #swap, #nms {
margin-right:5px;
position:relative;
top:1px
}

.subcategory {
position:relative;
left:22px
}

.subsubcategory {
position:relative;
left:44px
}

#delete, #check, #createsub, #swap {
margin-top:0
}
}

@media print {
}