/*
#S = #sitename
#L = #librapixlink
#C = #container
#M = #menu1
#N = #menu2
#P = #menu3
#F = #ols - other library filmstrip
#V = #vts - vertical thumbs
#X = #content
#J = #skyscraper
#A = #main
#W = #pictureblock
#CQ = #cookie consent

.in = .inner
.li = .listitem
.cl = .clearing
.si, su = .side
.se = .select = #N ul
*/

body {
text-align:center;
background:#cccccc;
margin:0;
font-family: verdana;
font-size: 87%;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

#CQ {
padding:5px;
background:yellow;
font-size:12px;
border-bottom:1px solid black;
}
#CQ a {
background:blue;
color:#fff;
padding:5px;
}
#CQ a:hover {
background:red;
}

#S {
background:#A91D02;
color:white;
padding:10px;
border-bottom:2px solid black;
}

#S div {
width:986px;
margin:0 auto;
text-align:left;
}

#S div h1{
font-size: 1.8em;
margin:0;
margin-left: 11px;
text-shadow: black 0px 0px 5px 5px;
}

#S div h1 a {
color: white;
}

#S div h1 a:hover {
text-decoration:none;
}

#L {
float:right;
margin-top: 10px;
}

#C {
width:986px;
margin:0 auto;
margin-bottom:12px;
text-align:left;
background:white;
font-size:0.8em;
}

#M {
font-weight:bold;
padding:12px;
padding-bottom:9px;
color:#555555;
background: #ffffff;
}

#M a {
color:#555555 !important;
padding-bottom:3px;
}

#M a:hover, #N a:hover {
color:#111111;
}

#M .si a.on {color:red !important;}

#fb {float:right;}
#fb iframe {margin-top:7px;}

#P {
background:#A91D02;
border-top:2px solid #000000;
padding:12px;
color:white;
}

#P a {
color:white;
}

#X {
position:relative;
clear:both;
margin-top:12px;
line-height: 1.5em;
}

#J {
float:left;
margin-left:12px;
position:relative;
}

#J .inner, #J .in {
width:120px;
}

#J .skb {
margin-bottom:10px;
}

#becomeasponsor {
text-align: center;
font-style:italic;
margin:10px 0 10px 0;
}

#becomeasponsor:hover {
color:red !important;
text-decoration: none !important;
}

#sponsorstext {
font-weight: bold;
text-align: center;
color: #555555;
margin-bottom: 5px;
}

#A {
float:left;
margin-left:12px;
position:relative;
}

#A .inner, #A .in {
width:744px;
}

#V {
float:left;
margin-left:12px;
background:#eeeeee;
position:relative;
}

#V .inner, #V .in {
width:75px;
}

#V h4 {
margin:2px;
text-align:center;
}

#V img {
margin-bottom: 5px;
border:0;
}

#F {
clear:both;
padding:12px;
padding-left:15px;
padding-right:8px;
border-top:1px solid #bebebc;
margin-top:12px;
}

#F iframe {
width:100%;
height:56px;
border:0;
overflow:hidden;
}

#indexpanel {
background:#e8e6d7;
}

#indexpanel h2 {
margin:0;
padding: 12px;
font-weight:bold;
font-size:1em;
}

#latest {
padding: 6px;
padding-right:0;
}

#slideshow {
clear:both;
height:295px;
overflow:hidden;
position:relative;
}

.slideshowimage {
position:absolute;
}

.slideshowdescription {
float:right;
width: 270px;
}

#slideshow img {
margin-right: 20px;
}

#latestcomments {
clear: both;
margin-top: 15px;
}

#picaddeddate {
font-style: italic;
border-top: 1px dotted silver;
padding-top: 4px;
margin-top: 4px;
}

* html #main, * html #verticalthumbs {
margin-left:0;
}

* html #slideshowwrapper {
background:#yellow;
margin-top:-150px;
margin-left:-40px;
}

* html #indexpanel {
height: 340px;
}

* html #slideshow img {
margin-right: 0;
margin-left: 10px;
}

* html .slideshowdescription {
float:left;
}



.itab {border-bottom:2px solid white; border-left:2px solid white;padding:5px;padding-left:8px;padding-right:8px;float:right;font-weight:bold;z-index:11;}

#itab-default {border-bottom:2px solid white;padding:5px;background:#e8e6d7;font-weight:bold;color:black;display:block;z-index:10;}
#itab-default.activeitab {border-bottom:2px solid #e8e6d7;}

#itab-upload {background:#f887b2;color:white;}
#itab-upload.activeitab {border-bottom:2px solid #f887b2;}

#itab-slideshow {background:#62af16;color:white;}
#itab-slideshow.activeitab {border-bottom:2px solid #62af16;}

#itab-random {background:#F7701F;color:white;}
#itab-random.activeitab {border-bottom:2px solid #F7701F;}

#itab-latestpics {background:#92c7e8;color:black;}
#itab-latestpics.activeitab {border-bottom:2px solid #92c7e8;}

#itab-latestcomments {background:#fdd655;color:black;}
#itab-latestcomments.activeitab {border-bottom:2px solid #fdd655;}

#slideshow, #default {margin-top:10px;margin-left:10px;}





.item {
background:#A91D02;
color:white;
float:left;
padding:9px;
margin:3px;
}

.item a {
color:white;
}

.item a:hover {
color: yellow;
}

.li {
margin-bottom:5px;
background:#dddddd;
padding:12px;
padding-bottom:0;
border-bottom:12px solid #dddddd;
float: left;
width: 333px;
margin-right: 12px;
height:80px;
line-height:1.3em;
overflow: hidden;
}

.li img {
float:right;
}


#ga728 {
float:none;
height:90px;
border:1px solid red;
}

#admin .li {
width: 315px;
}

#admininfo {
background:#eee;
border:#555 1px dotted;
padding:2px;
font-size:10px;
}

#admininfo h3 {
}

#admininfo span {
color:red;
}

#admininfo a {
color:blue;
font-weight:bold;
}

.li img {
margin-right:12px;
}



.li a {
display:block;
font-weight:bold;
margin-bottom:5px;
outline:0;
}

#nextprev {
text-align:right;
margin-right: 24px;
clear:both;
background: #dddddd;
padding:5px;
}

.description {
padding:6px;
margin-right: 12px;
}

.nofollowlink {
font-weight:bold;
padding: 6px;
}

.side, .si, .su {
float:right;
}

.su {
color: #a91d02;
line-height:3.2em;
}

.su form {
display:inline;
}

.cl {
clear:both;
}

#W {
background: #e8e6d7;
padding: 5px;
margin-bottom: 12px;
position:relative;
}

.uploadlink {
border:1px solid black;
padding:2px 5px 2px 25px;
background:#ff8 url(https://s3-eu-west-1.amazonaws.com/librapix.com/icons/camera.png) no-repeat 5px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right:5px;
}

.uploadlink:hover {
background-color:#BAFFFF;
text-decoration:none;
}

.clink {
float:right;
border:1px solid black;
padding:2px 5px 2px 5px;
background:#ff8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right:5px;
}

.clink:hover {
background-color:#BAFFFF;
text-decoration:none;
}

.myalbumadd {
float:right;
height:14px;
width:14px;
background:url(https://s3-eu-west-1.amazonaws.com/librapix.com/icons/add.gif) no-repeat;
outline:0;
}

.myalbumremove {
float:right;
height:14px;
width:14px;
background:url(https://s3-eu-west-1.amazonaws.com/librapix.com/icons/remove.gif) no-repeat;
outline:0;
}

.myalbumadd:hover, .myalbumremove:hover {
text-decoration:none;
}

#websites {
margin-top: 12px;
}

#pagelinkads {
border:1px indent silver;
margin: 12px;
padding: 6px;
background:#f3f3f3;
}

#overlay {
position:absolute;
border: 1px solid black;
padding: 3px;
margin-top: -3em;
margin-left: 1em;
z-index:10;
background:white;
opacity: .2;
filter:alpha(opacity=20);
font-weight: bold;
font-style:italic;
font-family: georgia;
letter-spacing: -1px;
}

#picdetails {
padding: 6px;
border-bottom: 1px solid silver;
margin-bottom: 12px;
}

.comment {
padding-top:12px;
border-top: 1px dotted silver;
margin-top: 12px;
}

#N {padding-left:6px; padding-right:6px; height:3em; background:#f0f0f0; border-top:1px solid #BFBFBD;border-bottom:1px solid #BFBFBD; position:relative; z-index:100;}

#N ul, #N .current {margin:0; padding:0; list-style:none;}

#N ul {margin-left:6px;}
#N li {display:inline; margin:0; padding:0; height:auto;}

#N ul a {display:block; height:3em; float:left; padding:0 6px 0 6px; text-decoration:none; f white-space:nowrap; color:#333; line-height:3em; font-weight:bold; margin-right:6px;}
* html #N ul a, * html #N .current a {width:1px; height:21px;}

#N ul a:hover,
#N ul li:hover a {background: #A91D02; cursor:pointer; color:#fff;}

#N .sub {display:none;position:absolute;}

/* for IE5.5 and IE6 only */
#N table {position:absolute; border-collapse:collapse; left:0; top:0;}

#N .sub li a:hover,
#N ul a:hover .sub li a:hover,
#N ul li:hover .sub li a:hover {background: #691D02; color:#ff0;}

#N ul li a:hover .sub,
#N ul li:hover .sub {display:block; position:absolute; width:986px; top:3em; left:0; background: #A91D02; margin-top:0; padding:0; z-index:100; color:#fff;}

#N .sub, #N .sub_active {margin:0; padding:0; list-style:none;}

* html #N ul a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#N ul a:hover .sub li a,
#N ul li:hover .sub li a {display:block; padding-right:5px; padding-left: 5px; padding-top:0; padding-bottom:0; margin:0; white-space:nowrap; border:0; color:#fff; font-weight:bold;border-right:1px dotted white;border-bottom:1px dotted white;height:auto;}

#visitors {
margin-top: 12px;
}

#visitors div {
margin-bottom: 10px;
padding: 3px;
}

#visitors div.r0 {
background: #eeeeee;
}

#visitors div.r1 {
background: #dddddd;
}

#visitors div img {
float:right;
margin-left:3px;
height:50px;
width:75px;
}


#memberloginform {
background: #f4f4f4;
border:1px dotted silver;
margin: 12px;
padding: 6px;
}

.article {background:#eeeeee;border:1px dotted silver;margin-bottom:5px;}
.article .title {font-weight:bold;border-bottom:1px dotted silver;padding:5px;background:#dddddd;}
.article .details {font-style:italic;padding:5px;border-bottom:1px dotted white;}
.article .content {padding:5px;}
.article .externalurl {display:block;padding:5px;clear:both;}


#rl {float:right;color:red;font-weight:bold;}


#admin {
background: #f4f4f4;
border:1px dotted silver;
margin: 12px;
padding: 6px;
}

#admin .msg, .msg {
border: 1px solid red;
background: #ffffcc;
margin: 12px;
padding: 3px;
font-weight: bold;
color: red;
}

#admin #W {
overflow:hidden;
}

#adminleft {
float:left;
width: 450px;
}

#adminright {
float: right;
width: 200px;
}

#adminright a {
display:block;
text-align: center;
margin-bottom: 3px;
padding: 5px;
background: #9A0000;
color:white;
text-transform: uppercase;
font-weight:bold;
}

#adminright a:hover {
background: #C00000;
text-decoration: none;
}

#adminright a.adminlevel1 {
background: #243CFF;
}

#adminright a:hover.adminlevel1 {
background: #546CFF;
}

#adminright .separator {
font-size:10px;
height:10px;
}

#privatecomment {
margin:5px;
padding:3px;
background: #ffcccc;
color:red;
border: 1px dotted red;
}

.datatable {
width: 100%;
border:1px solid silver;
}

.datatable th {
background: #bbbbbb;
padding:5px;
}


.datatable td {
padding:5px;
}

.datatable .row0 {
background: #dddddd;
}

.adminbutton {
border:1px outset #9A0000;
padding: 1px 3px 1px 3px;
background: #9A0000;
color:white;
font-weight:normal;
white-space:nowrap;
}

.adminbutton:hover {
border:1px solid #9A0000;
color:yellow;
text-decoration: none;
}

.adminbutton:active {
border:1px inset #9A0000;
color:orange;
text-decoration: none;
}

.adminbutton1 {
border:1px outset #243CFF;
padding: 1px 3px 1px 3px;
background: #243CFF;
color:white;
font-weight:normal;
white-space:nowrap;
}

.adminbutton1:hover {
border:1px solid #243CFF;
color:yellow;
text-decoration: none;
}

.adminbutton1:active {
border:1px inset #243CFF;
color:orange;
text-decoration: none;
}

#admin select, #admin input {
font-family: verdana;
font-size: 10px;
}

#admin textarea {
font-family: verdana;
font-size: 10px;
width: 98%;
height: 7em;
margin-top: 10px;
}

.multiselect {
float:left;
margin-right:12px;
margin-top:5px;
}

.adminonly {
margin: 5px;
border: 1px dotted #9A0000;
padding: 4px;
background:#eeeeee;
}

.fl {
padding-top: 12px;
padding-left:12px;
padding-right:12px;
color: #666666;
background: #cccccc;
}

.fl a {
color: #666666;
}

.fl p {
margin:0;
padding-bottom: 5px;
padding:0;
}

#footlinkad {
padding-top:4px;
padding-left:12px;
padding-right:12px;
color: #666666;
background: #cccccc;
}

#footlinkad a {
color: #666666;
}


#map_canvas {text-align:center;}
*html #W {margin-right:0;}
*html #X {width:1000px;}
*html #F {width:1000px;}
