/*--Reset--*/
html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, figcaption, figure, footer, group, header, hgroup, mark, menu, meter, nav, output, progress, section, summary,
time, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font: 81.25% 'PT Sans Narrow', sans-serif; color: #333; line-height: 1; direction: ltr; }
a { color: #3B8DBD; text-decoration: none; text-decoration: none; color: #222; -webkit-transition-property: color; -webkit-transition-duration: 0.5s; -webkit-transition-timing: ease-out; -o-transition-property: color; -o-transition-duration: 0.5s; -o-transition-timing: ease-out; -moz-transition-property: color; -moz-transition-duration: 0.5s; -moz-transition-timing: ease-out; -ms-transition-property: color; -ms-transition-duration: 0.5s; -ms-transition-timing: ease-out; transition-property: color; transition-duration: 0.5s; transition-timing: ease-out; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { color: #222; font-size: 1.54em; font-weight: normal; text-shadow: 0 1px 1px rgba(255, 255, 255, .7); }
p { line-height: 17px; margin: 0; }
ol, ul { list-style: none; line-height: 17px; margin: 0 0 1em; }
li { margin: 0 0 .5em; }
table { border-collapse: collapse; border-spacing: 0; }
strong { color: #222; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; }

html, body { position: absolute; height: 100%; min-width: 100%; }
input[type=email], input[type=password], input[type=text], input[type=url] { display: inline-block; float: left; margin: 0; padding-left: 8px; background: #fff; border: 1px solid #d9d9d9;  border-top: 1px solid #c0c0c0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
input[type=email]:hover, input[type=password]:hover, input[type=text]:hover, input[type=url]:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, input[type=url]:focus { outline: none; border: 1px solid #4d90fe; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
input[type=email][disabled=disabled], input[type=password][disabled=disabled], input[type=text][disabled=disabled], input[type=url][disabled=disabled] { border: 1px solid #e5e5e5; background: #f5f5f5; }
input[type=email][disabled=disabled]:hover, input[type=password][disabled=disabled]:hover, input[type=text][disabled=disabled]:hover, input[type=url][disabled=disabled]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

label { float: left; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0; }
.hidden { display: none !important; }
.right { float: right; }
.left { float: left; }
.hasPlaceholder { color: #777; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
                                                                 
html, body { background: #fff url(../images/noise.png) repeat; }

.center { text-align: center; }

.messages { margin: 0; }
.messages li { line-height: 20px; clear: none; display: block; font-size: 18px; font-weight: normal; min-width: 0; padding: 0; text-align: -webkit-auto; text-shadow: white 0px 1px 1px; width: 100%;}
.messages li.error { color: #D14250 !important; }
.messages li.success { color: #3d9400 !important; }

.avatar span { width: 50px; height: 50px; color: #666; padding: 50px; display: block; background: snow;}
.avatar em { margin: 0;}
.avatar img { width: auto; height: auto; display: block; margin: 0; padding: 0; clear: both; }

.box { line-height: 20px; float: left; width: auto; margin: 0; padding: 0 20px; background: rgba(200,200,180,0.0); border: 1px solid rgba(200,200,180,0.0); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.box input[type=text], input[type=password], input[type=file] { margin: 0; padding: 5px; width: 200px; float: left; outline: none; font: normal 10pt Arial; background: white; border: 1px solid rgba(200,200,200,1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.box input:hover { cursor: pointer; background-color: rgba(0,100,200,0.1); border: 1px solid rgba(200,200,200,1.0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
.box input:focus { cursor: default; background-color: #FAFFBD; border: 1px solid rgba(200,200,200,1.0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
.box label { display: block; float: left; min-width: 110px; text-transform: capitalize; }
.box label.error { color: #E27374; font-size: 8pt; font-weight: bold; margin: 0; padding: 0 0 0 5px; }
.box p { margin: 0 0 5px 0; text-align: left; display: block; width: 100%; float: left; min-height: 26px; }
.box textarea { width: 300px; height: 80px; overflow: auto; }
.box select { line-height: 24px; height: 24px; font-size: 10pt; width: 200px; float: left; }
.box input[type=checkbox] { float: left; }

#loader { z-index: 10001; display: none; position: fixed; top: -2px; left: 50%; margin-left: -30px; background: white; padding: 5px 10px; color: #524e45; background: #d2d0d0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7; }
.w150 { width: 150px !important; } .w700 { width: 700px !important; }
.left { float: left !important; }
.right { float: right !important; }

.wrapper { width: 1160px; margin: 0 auto; display: table; }

#header { min-width: 850px; z-index: 10001; position: fixed; display: block; float: left; height: 30px; background-color: #ccc; width: 100%; background: black url(../images/header.jpg) repeat-x; color: #9B9B9B; -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.4); -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.4); box-shadow: -1px 1px 2px rgba(0,0,0,.4); }

#logo {display: block; float: left; width: 106px; height: 20px; margin: 7px 0 0 0; background: transparent url(../images/logo.png) no-repeat; }

#header .login { float: right; position: relative; top: 0; right: 20px; color: white; }
#header .login a { color: white; font-size: 10pt; font-weight: normal; line-height: 40px; padding: 0 10px; margin: 0 20px 0 0; display: inline-block; text-transform: capitalize; text-decoration: none; }
#header .login a:hover{  background: #686868; }

#header .menu { display: block; float: left; margin: 0 0 0 20px;}
#header .menu li { display: block; float: left; margin: 0; padding: 0;  text-transform: capitalize; }
#header .menu li a { font-size: 10pt; color: white; font-weight: normal; display: block; outline: none; line-height: 30px; padding: 0 10px; }
#header .menu li a:hover { color: #CCC; text-decoration: none; background-color: #414141; }
#header .menu li ul { margin: 5px 0 10px 10px; display: none; }
#header .menu li ul li { line-height: 22px; margin: 0; padding: 0; }
#header .menu li ul li a { font-size: 9pt; width: auto; padding: 2px 4px; }
#header .menu li ul li a.active { background: yellow; display: inline-block; }
#header .menu a.upload { color: #29B6FF; font-weight: bold; }

#search { position: relative; }
#search .search { position: relative; border: none; display: block; float: right; width: 30px; height: 30px; cursor: pointer; font-weight: bold; background-color: #515151; background-image: url("../images/search-icon.png"); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#search .search:hover { filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; }
#search-wrap { display: none; z-index: 9999; position: absolute; right: 0px; top: 30px; width: 300px; background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);/* FF3.6 */ background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));/* Saf4+, Chrome */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ background-color: #333; -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.4); -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.4); box-shadow: -1px 1px 2px rgba(0,0,0,.4); height: 70px; line-height: 30px; font-weight: bold; }
#search-input { position: absolute; top: 20px; left: 20px; width: 160px; height: 30px; line-height: 30px; border-right: none; padding: 0px 40px 0px 10px; color: #999; border: none; background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; outline: none; }
#search-input:focus { color: #333; }
#search-submit { cursor: pointer; position: absolute; top: 20px; right: 20px; display: block; width: 75px; height: 30px; line-height: 30px; outline: none; border: none; color: #AA6600; text-shadow: 1px 1px 0px #FDDC8E; background-color: #ffbb4e; background-image: url("../images/submit.png"); background-repeat: repeat-x; background-position: center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#search-submit:hover { color: #824E00; background-image: url("../images/submit-hover.png"); }

#auther { position: relative; float: right; display: block; min-width: 150px; text-align: right; }
#auther a { display: block; padding: 9px; text-decoration:none; font-weight:normal; font-size: 11px; color:#cccccc !important; cursor: default!important; }
#auther a strong { font-size: 12px; font-family: arial, sans-serif; color:white; }
#auther a:hover { background-color: #414141; }
#auther:hover ul { visibility:visible; display: block; cursor: default !important; opacity:1; }
#auther:hover a { background-color: #414141; }
#auther ul { visibility:hidden; display:block; position:absolute; width:100%; z-index:1000; text-align:left; padding:12px 0 5px 0; top: 25px; right: 0px; margin-top:5px; margin-right: 0px; *margin-right: -1px; background-color: #414141; padding: 6px 0 6px 0; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; opacity:0; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear;  -moz-transition: opacity 0.3s linear; }
#auther ul li { display: block; float: left; width: 100%; margin: 0; padding: 0; }
#auther ul li a { margin: 0; padding: 3px 0; font-size: 8pt; text-indent: 10px; color: white; font-weight: normal; cursor: pointer !important; }
#auther ul li a:hover { color: #FFE8A6 !important; }
#auther ul li hr { display: block; float: left; width: 100%; border: none; height:1px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1); }
#auther ul li p { font-weight: bold; font-family: arial, sans-serif; color:white; margin: 5px 0 0 55px; }
#auther ul li p a { margin: 0; padding: 0; text-indent: 0; padding: 0; }
#auther ul li img { position: absolute; width: 40px; height: 40px; border: 1px solid #414141; margin: 5px; }

#content { float: left; display: block; margin: 40px 0 50px 0; width: 100%; min-height: 500px; position: relative; }
#content #title { margin: 0; line-height: 26px; height: 26px; width: 100%; }
#content #title h1, #content #title h1 a { margin: 0; font-size: 16pt; font-weight: bold; display: block; float: left; padding:0 5px; line-height: 26px;}
#content #title h1, #content #title h1 a:hover { margin: 0; font-size: 16pt; font-weight: bold; display: block; float: left; padding:0 5px; line-height: 26px;}
#content #title h2 { margin: 0; font-size: 12pt; font-weight: normal; display: block; float: left; padding: 0; line-height: 26px;}
#content h3 { margin: 0; font-size: 11pt; font-weight: bold; display: block; float: left; padding: 0; line-height: 16px; width: 100%;}
#content #title a, #content #title a:hover {text-decoration: none; color:black;float:left;font-weight:normal;font-size:12pt;padding:0 5px;margin:0;position:relative;line-height:26px;text-shadow:0px 1px 0px rgba(255,255,255,0.6);-webkit-transition-property:color;-webkit-transition-duration:0.5s;-webkit-transition-timing:ease-out;-o-transition-property:color;-o-transition-duration:0.5s;-o-transition-timing:ease-out;-moz-transition-property:color;-moz-transition-duration:0.5s;-moz-transition-timing:ease-out;-ms-transition-property:color;-ms-transition-duration:0.5s;-ms-transition-timing:ease-out;transition-property:color;transition-duration:0.5s;transition-timing:ease-out}
#content #title a:hover{background:#D3D3D3;font-size:12pt;font-weight:normal;text-shadow:0px 1px 0px rgba(255,255,255,0.6);color:#555 !important; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#content #title a.active, #content #title a.selected{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#333;color:#eee;font-weight:normal;text-shadow:none}
#content #title hr { display: block; border: none; float: left; height: 1px; background: #c0c0c0; margin: 10px 0; width: 100%; }
#content #title .arrow { background: transparent url("../images/arrow.png") bottom center no-repeat; height: 21px; width: 10px; margin: 0px 6px 0px; float: left; display: block; }

#footer { min-width: 850px; width: 100%; display: block; float: left; height: 50px; position: relative; bottom: 0;  }
#footer .wrapper { border-top: 1px solid #ccc; }
#footer p { line-height: 30px; color: #666; font-size: 11px; }
#footer p strong { color: #666; font-size: 11px; }
#footer a { color: #666; font-size: 11px; }
#footer span.sep { display: inline-block; margin: 0 5px; color: #ccc; }

.tags { margin: 0 5px; }
.tags a { font-weight: normal !important; background-image: url("../images/tag.png"); background-repeat: no-repeat; padding: 0 3px 0 12px; background-position: 0 4px; line-height: 20px; }


ul.thumbs { position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; }
ul.thumbs li { overflow: hidden; position: relative; float: left; width: 265px; height: 265px; padding: 0; border: 1px solid #efefef; margin: 0 8px 8px 0; background: #fff; }
ul.thumbs li .info { position: absolute; bottom: 0; left: 0; height: 50px; background: rgba(0,0,0,0.6); width: 100%; color: white; }
ul.thumbs li .info p { float: left; display: block; text-indent: 5px; font-size: 8pt; width: 100%; padding: 0; margin: 0; line-height: 13px; }
ul.thumbs li .info h2 { overflow: hidden; width: 260px; font-size: 18px; color: #F8F8F8; text-decoration: none; font-weight: 300; text-shadow: none; margin: 2px 4px; overflow: hidden; height: 18px; white-space: nowrap; }

ul.thumbs li .albuminfo { height: 30px; }

ul.thumbs li .info a { color: white; float: left; white-space: nowrap; display: block; font-size: 10pt; font-weight: bold; text-decoration: none; margin: 2px; padding: 4px 5px; }
ul.thumbs li .info a:hover { background: rgba(255,255,255,0.2); }

ul.thumbs li.small { width: 70px; height: 70px; margin: 0 1px 2px 0; }
ul.thumbs li.small img { width: 70px; height: 70px; }

ul.thumbs li .info .rate { position: absolute; right: 10px; top: 25px; width: 50px; display: block; font-size: 14pt; font-weight: 700; text-align: right; opacity:0; transition:opacity 0.5s linear; -webkit-transition:opacity 0.5s linear;  -moz-transition: opacity 0.5s linear; }

ul.thumbs li:hover .info .rate { opacity:1; }

ul.albums-thumbs { position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; }
ul.albums-thumbs li { overflow: hidden; position: relative; float: left; width: 265px; height: 265px; padding: 0; border: 1px solid #efefef; margin: 0 8px 8px 0; background: #fff; }
ul.albums-thumbs li .info { position: absolute; bottom: 0; left: 0; height: 40px; background: rgba(0,0,0,0.6); width: 100%; color: white; }
ul.albums-thumbs li .info p { float: left; display: block; text-indent: 5px; font-size: 8pt; width: 100%; padding: 0; margin: 0; line-height: 13px; }
ul.albums-thumbs li .info h2 { font-size: 18px; color: #F8F8F8; text-decoration: none; font-weight: 300; text-shadow: none; margin: 2px 4px; width: 100%; overflow: hidden; height: 18px; white-space: nowrap; }

ul.albums-thumbs li .info a { color: white; float: left; white-space: nowrap; display: block; font-size: 8pt; text-decoration: none; margin: 2px; padding: 7px 5px; }
ul.albums-thumbs li .info a:hover { background: rgba(255,255,255,0.2); }

ul.editimages { position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; }
ul.editimages li { overflow: hidden; position: relative; float: left; width: 570px; min-height: 270px; padding: 0; border: 1px solid #efefef; margin: 0 8px 8px 0; background: #fff; border: 1px solid #ccc; }
ul.editimages li:hover { background: snow; }

ul.editimages li hr { margin: 0 !important; padding: 0; }

ul.editimages li .img { width: 160px; height: 160px; float: left; }
ul.editimages li .img img { width: 150px; height: 150px; margin: 5px; display: block; }

ul.editimages li form { width: 400px; margin: 5px; padding: 0; float: left; }
ul.editimages li form p { line-height: 24px; display: block; float: left; }
ul.editimages li form p label { font-size: 8pt; width: 60px; display: inline-block; vertical-align: top; }
ul.editimages li form p input[type=text] { width: 335px; margin: 0; padding: 0 2px; line-height: 22px; height: 22px; }
ul.editimages li form p select { width: 335px; margin: 0; padding: 0; line-height: 22px; height: 22px; }
ul.editimages li form p textarea { width: 328px; height: 65px; overflow: hidden; }
ul.editimages li input[type=submit] { float: right; margin: 0 5px 0 0 ; }

ul.editimages li ul.messages li, ul.editimages li form ul.messages li  { height: 20px; border: none; background: transparent; width: 400px; min-height: 20px; font-size: 8pt; margin: 0; }

#image { width: 900px; float: left; display: block; }
#image h1 { margin: 0; font-size: 26px; font-weight: 200; }
 
#image h2 a { color: #3B8DBD; }

#image .photo { overflow: hidden; position: relative; float: left; width: 100%; padding: 0;  margin: 10px 8px 8px 0; text-align: center;  }
#image .photo a { margin: 0 auto; border: 1px solid #efefef;  background: #fff; }
#image .photo img { margin: 0 auto; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 1px 1px 4px #999999; -webkit-box-shadow: 1px 1px 4px #999999; box-shadow: 1px 1px 4px #999999; }

#image hr { display: block; border: none; background: transparent url("../images/border.gif") bottom left repeat; height: 2px; margin: 14px 0px; width: 100%; }

#image .comment { position: relative; }
#image .comment h2 { margin-bottom: 10px; }
#image .comment img { position: absolute; top: 30px; left: 0; border: 1px solid #ccc; width: 50px; height: 50px; }
#image .comment .text { margin-left: 60px; min-width: 840px; min-height: 100px; float: left; font-size: 12px; color: #111; border: 1px solid #DBDBDB !important; background-color: white !important; line-height: 15px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition-duration: 0.8s; -webkit-transition-timing: ease-out; -o-transition-duration: 0.8s; -o-transition-timing: ease-out; -moz-transition-duration: 0.8s; -moz-transition-timing: ease-out; -ms-transition-duration: 0.8s; -ms-transition-timing: ease-out; transition-duration: 0.8s; transition-timing: ease-out; border-image: initial; }
#image .comment .text .error { color: #D14250; }
#image .comment .text textarea { width: 820px; height: 85px; margin: 5px 5px 0 5px; border: none; outline: none; overflow: hidden; }
#image .comment .arrow { background: transparent url("../images/arr.png"); position: absolute; top: 35px; left: 55px; z-index: 10001; display: block; width: 8px; height: 13px; }
#image .comment button { margin: 5px 0 0 0; float: right; }

#image .comments { position: relative; }
#image .comments li { position: relative; display: block; float: left; margin: 0 0 20px 0; }
#image .comments img { position: absolute; top: 0; left: 0; border: 1px solid #ccc; z-index: 10001; width: 50px; height: 50px; }
#image .comments .author { margin: 0 0 0 60px; }
#image .comments .author a { color: #222; font-weight: 200; font-size: 14px; text-decoration: none; }
#image .comments .author span { color: #999; font-weight: 200; font-size: 12px; padding-left: 5px; }
#image .comments .text { margin-left: 60px; min-width: 840px; min-height: 33px; float: left; font-size: 12px; color: #111; border: 1px solid #DBDBDB !important; background-color: white !important; line-height: 15px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition-duration: 0.8s; -webkit-transition-timing: ease-out; -o-transition-duration: 0.8s; -o-transition-timing: ease-out; -moz-transition-duration: 0.8s; -moz-transition-timing: ease-out; -ms-transition-duration: 0.8s; -ms-transition-timing: ease-out; transition-duration: 0.8s; transition-timing: ease-out; border-image: initial; }
#image .comments .text span { margin: 5px; display: block; overflow: hidden; }
#image .comments .arrow { background: transparent url("../images/arr.png"); position: absolute; top: 20px; left: 55px; z-index: 101; display: block; width: 8px; height: 13px; }

#imagebar { width: 250px; text-shadow: 0px 1px 0px white; color: #222; float: right; font-size: 80%; }
#imagebar h1 { margin: 0; font-size: 26px; font-weight: 200; }
#imagebar hr { display: block; float: left; border: none; background: transparent url("../images/border.gif") bottom left repeat; height: 2px; margin: 15px 0px; width: 100%; }

#imagebar .navigate { margin: 12px 0 0 0; margin: -5px 0 5px 0; right: 165px; }

#imagebar .description { font-size: 10pt; }

#imagebar .owner { margin: 0; display: block; min-height: 40px; width: 100%; float: left; position: relative; }
#imagebar .owner img { position: absolute; left: 0; top: 0; float: left; width: 35px; height: 35px; margin: 0px 8px 0 0; border-bottom: 1px solid white; background-color: #555; font-size: 9px; }
#imagebar .owner img.no { border: 1px solid #ccc; }
#imagebar .owner .info { margin: 0 0 0 40px; }
#imagebar .owner .info a { font-size: 18px; display: block; font-weight: bold; color: #333; float: left; text-decoration: none; }
#imagebar .owner .info span { font-size: 12px; line-height: 20px; font-weight: 200; color: #444; width: 100%; display: block; }
#imagebar .owner .no-avatar { background: transparent; border: 1px solid #ccc; display: block; width: 34px; height: 34px; }

#imagebar .stats { margin: 0; display: block; width: 100%; height: 40px; float: left; position: relative; }
#imagebar .stats .large { float: left; width: 75px; text-align: center; }
#imagebar .stats .large .value { font-size: 23px; letter-spacing: -0.05em; font-weight: bold; display: block; }
#imagebar .stats .large .title { display: block; font-size: 11px; }

#imagebar .tags { margin: 0; display: block; width: 100%; float: left; position: relative; }
#imagebar .tags input[type=text] { line-height: 18px; width: 140px; font-size: 8pt; margin-right: 2px; }
#imagebar .tags input[type=submit] { line-height: 18px; height: 22px; font-size: 8pt; }

#imagebar ul { line-height: 17px; }
#imagebar ul li { list-style: none; font-weight: bold; overflow: hidden; color: #333; width: 100%; font-size: 8pt; }
#imagebar ul li label { float: left; display: block; width: 70px; padding: 0px 5px 0px 0px; font-weight: normal; text-transform: capitalize; }

#imagebar ul li.flickr ul { float: left; display: block; width: 150px; margin: 0; padding: 0; }
#imagebar ul li.flickr ul li { margin: 0; padding: 0; width: 100%; }
#imagebar ul li.flickr span { float: left; display: block; }
#imagebar ul li.flickr a { float: left; display: block; }

#imagebar .images { margin: 0; display: block; width: 100%; float: left; position: relative; }
#imagebar .images a { width: 75px; height: 75px; display: block; float: left; overflow: hidden; margin: 0 8px 8px 0; }
#imagebar .images a img { width: 75px; height: 75px; display: block; }

#imagebar .links label { font-size: 8pt; width: 75px; display: block; float: left; }
#imagebar .links input { width: 175px; height: 20px; line-height: 20px; }

#imagebar .report a { font-weight: normal; font-size: 10pt; color: #868686 !important; padding: 0 0 0 14px; background: url("../images/flag.png") no-repeat 0 1px; }

#imagebar .report-wrap { display: none; position: absolute; z-index: 10001; padding: 35px 10px 15px; margin: 0 0 0 0; background: url("../images/report_bg.png") no-repeat top left; }
#imagebar .report-wrap select { width: 230px; font-size: 9pt; }
#imagebar .report-wrap textarea { width: 224px; height: 50px; font-size: 9pt; }
#imagebar .report-wrap input[type=submit] { float: left; cursor: pointer; display: block; width: 75px; height: 24px; line-height: 24px; outline: none; border: none; color: #AA6600; text-shadow: 1px 1px 0px #FDDC8E; background-color: #ffbb4e; background-image: url("../images/submit.png"); background-repeat: repeat-x; background-position: center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#imagebar .report-wrap input[type=submit]:hover { color: #824E00; background-image: url("../images/submit-hover.png"); }

#imagebar .report-wrap input[type=reset] { margin: 0 0 0 5px; float: left; cursor: pointer; display: block; width: 75px; height: 24px; line-height: 24px; outline: none; border: none; color: #555; text-shadow: 1px 1px 0px #ccc; background-color: #ffbb4e; background-image: url("../images/reset.png"); background-repeat: repeat-x; background-position: center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#imagebar .report-wrap input[type=reset]:hover { color: #333; background-image: url("../images/reset-hover.png"); }


#imagebar .rating { padding: 10px; display: block; } 

#imagebar a { color: #3B8DBD; }

#imagebar .download { font-size: 9pt; }

#profilebar a { color: #333;  }

#profilebar { width: 245px; text-shadow: 0px 1px 0px white; color: #222; float: left; font-size: 80%; }
#profilebar h1 { margin: 0; padding: 0; }
#profilebar h1 a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); color: #222; font-size: 25px; font-weight: 700; position: relative; line-height: 28px; text-decoration: none; } 
#profilebar img { margin: 1px 0 0 0; }
#profilebar hr { display: block; float: left; border: none; background: transparent url("../images/border.gif") bottom left repeat; height: 2px; margin: 15px 0px; width: 100%; }

#profilebar .stats { margin: 0; display: block; width: 100%; height: 40px; float: left; position: relative; }
#profilebar .stats .large { float: left; width: 75px; text-align: center; }
#profilebar .stats .large .value { font-size: 23px; letter-spacing: -0.05em; font-weight: bold; display: block; }
#profilebar .stats .large .title { display: block; font-size: 11px; }

#profilebar ul { line-height: 17px; }
#profilebar ul li { list-style: none; font-weight: bold; overflow: hidden; color: #333; width: 100%; font-size: 9pt; }
#profilebar ul li a { font-size: 9pt; }
#profilebar ul li label { float: left; display: block; width: 60px; padding: 0px 5px 0px 0px; font-weight: normal; text-transform: capitalize; }

#profilebar .about { font-size: 9pt; }

#profilebar .report a { font-weight: normal; font-size: 10pt; color: #868686 !important; padding: 0 0 0 14px; background: url("../images/flag.png") no-repeat 0 1px; }

#profilebar .wall h2 a { color: #3B8DBD; }

#profilebar .comment { position: relative; }
#profilebar .comment h2 { margin-bottom: 10px; }
#profilebar .comment img { position: absolute; top: 30px; left: 0; border: 1px solid #ccc; width: 50px; height: 50px; }
#profilebar .comment .text { margin-left: 60px; min-height: 60px; float: left; font-size: 12px; color: #111; border: 1px solid #DBDBDB !important; background-color: white !important; line-height: 15px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition-duration: 0.8s; -webkit-transition-timing: ease-out; -o-transition-duration: 0.8s; -o-transition-timing: ease-out; -moz-transition-duration: 0.8s; -moz-transition-timing: ease-out; -ms-transition-duration: 0.8s; -ms-transition-timing: ease-out; transition-duration: 0.8s; transition-timing: ease-out; border-image: initial; }
#profilebar .comment .text .error { color: #D14250; }
#profilebar .comment .text textarea { width: 170px; height: 45px; margin: 5px 5px 0 5px; border: none; outline: none; overflow: hidden; }
#profilebar .comment .arrow { background: transparent url("../images/arr.png"); position: absolute; top: 35px; left: 55px; z-index: 10001; display: block; width: 8px; height: 13px; }
#profilebar .comment button { margin: 5px 0 0 0; float: right; }

#profilebar .comments { position: relative; }
#profilebar .comments li:first-child { margin-top: 10px; }
#profilebar .comments li { position: relative; display: block; float: left; margin: 0 0 20px 0; }
#profilebar .comments img { position: absolute; top: 0; left: 0; border: 1px solid #ccc; z-index: 10001; width: 50px; height: 50px; }
#profilebar .comments .author { margin: 0 0 0 60px; }
#profilebar .comments .author a { color: #222; font-weight: 200; font-size: 14px; text-decoration: none; }
#profilebar .comments .author span { color: #999; font-weight: 200; font-size: 12px; padding-left: 5px; }
#profilebar .comments .text { margin-left: 60px; min-width: 182px; min-height: 33px; float: left; font-size: 12px; color: #111; border: 1px solid #DBDBDB !important; background-color: white !important; line-height: 15px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition-duration: 0.8s; -webkit-transition-timing: ease-out; -o-transition-duration: 0.8s; -o-transition-timing: ease-out; -moz-transition-duration: 0.8s; -moz-transition-timing: ease-out; -ms-transition-duration: 0.8s; -ms-transition-timing: ease-out; transition-duration: 0.8s; transition-timing: ease-out; border-image: initial; }
#profilebar .comments .text span { margin: 5px; display: block; overflow: hidden; font-weight: normal; }
#profilebar .comments .arrow { background: transparent url("../images/arr.png"); position: absolute; top: 20px; left: 55px; z-index: 101; display: block; width: 8px; height: 13px; }

#profile { margin: 0; padding: 0; width: 900px; display: block; float: right; }

#profile .tabs{width:100%; height: 30px; display: block; float: left; background:transparent url("../images/border.gif") bottom left repeat-x;margin:0 0 20px 0; padding: 0 0 3px 20px;}
#profile .tabs a, #profile .tabs a:hover {text-decoration: none; color:#333;float:left;font-weight:normal;font-size:15px;padding:5px 7px 6px;margin:0px 8px 0px 0px;position:relative;line-height:1em;text-shadow:0px 1px 0px rgba(255,255,255,0.6);-webkit-transition-property:color;-webkit-transition-duration:0.5s;-webkit-transition-timing:ease-out;-o-transition-property:color;-o-transition-duration:0.5s;-o-transition-timing:ease-out;-moz-transition-property:color;-moz-transition-duration:0.5s;-moz-transition-timing:ease-out;-ms-transition-property:color;-ms-transition-duration:0.5s;-ms-transition-timing:ease-out;transition-property:color;transition-duration:0.5s;transition-timing:ease-out}
#profile .tabs a:hover{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#D3D3D3;font-size:15px;font-weight:normal;text-shadow:0px 1px 0px rgba(255,255,255,0.6);color:#555 !important;}
#profile .tabs a.active, #profile .tabs a.selected{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#333;color:#eee;font-weight:normal;text-shadow:none}

#profile h3 { background-color: transparent; color: #333; display: block; float: none; font-size: 18px; font-weight: normal; height: 22px; margin: 0; padding: 0; text-align: center; text-shadow: white 0px 1px 0px; width: 900px; }

.pagination { display: block; float: left; width: 100%;text-align: center; font-size: 8pt; text-transform:uppercase;margin:10px 0 20px 0;}
.pagination .current {background-color:white;border:1px solid #888888;color:#D14836;padding:1px 10px;text-shadow:0 1px 0 rgba(255,255,255,0.6); font-weight: bold;}
.pagination em.previous, .pagination em.next { background: none; color: #888888; border: 1px solid #888888; }
.pagination a { background: white; font-size: 8pt; margin: 0 3px; padding:1px 10px;border:1px solid #888888;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; text-decoration: none; }
.pagination em { margin: 0 3px; padding:1px 10px;border:1px solid #3391CF;background-color:#CDE4EE;color:#3391CF;font-style:normal;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.pagination a:hover { border:2px solid #D14836;background-color:#FCFCFC;color:#333 !important;-moz-box-shadow:0px 1px 3px #cccccc;-webkit-box-shadow:0px 1px 3px #cccccc;box-shadow:0px 1px 3px #cccccc ;}

.box { width: 500px; margin: 10px; padding: 30px; background-color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 4px #999999; -webkit-box-shadow: 1px 1px 4px #999999; box-shadow: 1px 1px 4px #999999; }
.box label { font-size: 15px; color: #525760; width: 150px; }
.box a { color: #29C; border-bottom: 1px solid #29C; padding: 0 0 1px 0; text-decoration: none; }

.user-comments { margin: 0; padding: 0; width: 860px; }
.user-comments h3 a { float: left; text-align: left; }
.user-comments a { text-decoration: none; }
.user-comments li { display: block; float: left; width: 100%; clear: both; margin: 0; padding: 0; }
.user-comments a.photo { width: 70px; height: 70px; display: block; float: left; overflow: hidden; margin: 0 7px; } 
.user-comments a.photo img {  width: 70px; height: 70px; display: block;} 
.user-comments .title { font-size: 16px; color: #777; line-height: 25px; font-weight: 200; text-align: left;}
.user-comments .comment, .user-comments .stats { font-size: 11px; line-height: 12px; color: #333; }
.user-comments .comment { margin: 5px; display: block;}
.user-comments hr { display: block; float: left; border: none; background: transparent url("../images/border.gif") bottom left repeat; height: 2px; margin: 15px 0px; width: 100%; }

.categories ul { width: 210px; float: left; margin: 5px;}
.categories ul li { margin: 0; }
.categories ul li a { text-indent: 10px; display: block; }
.categories ul li span { color:#666 !important; display: inline-block; font-weight: bold !important; text-indent: 0 !important; margin: 5px 0; }

.categ { line-height: 30px; display: table; float: right; width: 310px;}
.categ label { width: 50px; text-align: right; }
.categ select { margin: 5px 0 0 0; height: 20px; line-height: 20px; }

#content hr { display: block; float: left; border: none; background: transparent url("../images/border.gif") bottom left repeat; height: 2px; margin: 15px 0px; width: 100%; }

.text ul { list-style: circle; margin: 0 0 0 40px; }

input[type=submit], input[type=button],  button { text-transform: capitalize; float: left; cursor: pointer; display: block; width: 75px; font-size: 8pt; height: 24px; line-height: 24px; outline: none; border: none; color: #AA6600; text-shadow: 1px 1px 0px #FDDC8E; background-color: #ffbb4e; background-image: url("../images/submit.png"); background-repeat: repeat-x; background-position: center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
input[type=submit]:hover, input[type=button]:hover, button:hover { color: #824E00; background-image: url("../images/submit-hover.png"); }

input[type=reset], .grey-btn { text-transform: capitalize; font-size: 8pt; margin: 0 0 0 5px; float: left; cursor: pointer; display: block; width: 75px; height: 24px; line-height: 24px; outline: none; border: none; color: #555; text-shadow: 1px 1px 0px #ccc; background-color: #ffbb4e; background-image: url("../images/reset.png"); background-repeat: repeat-x; background-position: center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
input[type=reset]:hover, .grey-btn:hover { color: #333; background-image: url("../images/reset-hover.png"); }

#album-form { width: 600px; }
#album-form p { float: left; display: block; width: 100%; line-height: 30px; }
#album-form p label { float: left; display: block; width: 150px; text-align: right; margin: 0 10px 0 0; }
#album-form p input[type=text] { height: 26px; line-height: 26px; width: 300px; }
#album-form p textarea { height: 100px; width: 294px; margin: 0; }
#album-form h3 { padding: 5px 0; margin: 0; text-indent: 5px; font-size: 11pt; border-bottom: 1px solid #C3C9D0; background-color: #F6F6F6;}
#album-form p .messages { margin: -10px 0 0 10px; }

.browse-search { margin: 5px;  width: 540px; background: snow; border: 1px solid #ccc; display: table; padding: 10px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; float: left; }
.search-btn { height: 29px !important; line-height: 29px !important; }

.browse-upload { margin: 5px; width: 540px; background: snow; border: 1px solid #ccc; display: table; padding: 5px 0 0 0; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; float: right; }
.browse-upload span { height: 40px; cursor: pointer; background: transparent url(../images/upload.png) no-repeat; padding: 5px 0 0 50px; margin: 0 0 0 10px; display: block; font-size: 24px; font-weight: bold; }
.browse-upload span:hover { color: #555 !important; }
/*
input[type=submit], button { text-transform: capitalize; display: inline-block; min-width: 54px; text-align: center; color: #555; font-size: 10pt; font-weight: bold; height: 28px; padding: 0 15px; line-height: 28px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); background-color: whiteSmoke; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; border: 1px solid #3079ED; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.1); background-color: #4D90FE !important; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)); background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); }
input[type=submit]:hover, button:hover { border: 1px solid #C6C6C6; color: #333; text-decoration: none; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; background-color: #F8F8F8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #3079ED; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background-color: #357AE8; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); background-image: -o-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); }
*/

/*********************/
/** jRating CSS **/
/*********************/
.jRatingAverage { background-color:#f62929; position:relative; top:0; left:0; z-index:2; height:100%; }
.jRatingColor { background-color:#f4c239; position:relative; top:0; left:0; z-index:2; height:100%; }
.jStar { position:relative; left:0; z-index:3; }
p.jRatingInfos { position: absolute; z-index:9999; background-color :#ebebeb; border: 1px solid #bcbbbc; color:	#444; display: none; width: 60px; height: 20px; font-size:10pt; text-align:center; padding-top:5px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
p.jRatingInfos span.maxRate { color:#444; font-size:10pt; }

#simplemodal-overlay {background-color:#C3C9D0;}
#simplemodal-container {position: relative; background-color:white; border:8px solid #444; padding:0px;border-radius: 8px;}
#simplemodal-container h3 { margin-bottom: 20px; }
.modal-close { position: absolute;right: 5px;top: 5px;font-size: 12px;}