/* Common Styles */
* { margin: 0; padding: 0; }
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time { display: block; }

body { font-family: Arial,Helvetica,sans-serif; font-size: 11pt; background: #f1f1f1; color: #515151; }
a { text-decoration: none; color: #717171; }
a:hover { text-decoration: none; color: #323232; }
img { border: 0; }
li { list-style: square; }
hr {margin: 12px 0; color: #d9d9d9; background-color: #d9d9d9; box-shadow: 0 1px 0 #fff; border: 0px none; height: 1px; clear: both; }

@font-face { font-family: Lobster; src: url(../font/Lobster.eot); 
 src: local(Lobster), url(../font/Lobster.ttf) format("truetype"); }
h1, h2, h3, h4, h5, h6 { font-family: "Lobster"; font-weight: normal; }
h1 {}
h2 { font-size: 22px; }
h3 {}
h4 {}
h5 {}
h6 {}

input { outline: none; }
input::-webkit-input-placeholder { color: #62d8eb; }
input:-moz-placeholder { color: #62d8eb; }
input[type="submit"], input[type="reset"], input[type="button"], button { background: #00BFF3; border: 1px solid #00ABDA; color: #fff; padding: 4px 6px; border-radius: 10px; cursor: pointer; }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover { background: #21C7F4; }
input[type="text"], input[type="password"], textarea, input[type="file"], input[type="search"], select { background: #f5f5f5; border: 1px solid #dfdfdf; padding: 5px; color: #323232; border-radius: 10px; box-shadow: 0 1px 2px #e9e9e9 inset; margin: 3px; }

/* header */
header { }

.top-line { width: 100%; background: #00BFF3; overflow: hidden; z-index: 99; position: relative; border-bottom: 1px solid #00ABDA;
 box-shadow: 0 2px 3px #cacaca; }
.top-line-wrapp { margin: 0 auto; width: 1000px; }

.main-menu { float: left; }
.main-menu li { float: left; list-style: none; }
.main-menu a { display: block; color: #fff; padding: 15px; }
.main-menu a:hover { background: #00ABDA; box-shadow: 0 1px 2px #0AA2CB inset; }

.usermenu-search { float: right; }
.search { float: left; background: #00ABDA; border: 1px solid #0AA3CD; padding: 2px; margin: 7px 10px; border-radius: 10px;
 box-shadow: 2px 1px 1px #0AA2CB inset; }
.search-form { background: #00ABDA !important; border: 1px solid #00ABDA !important; padding: 5px !important; color: #fff !important; border-radius: 10px !important; box-shadow: none !important; margin: 0 !important; }
.searchForm { display: none; }

.user-login, .user-reg, .user-prof, .user-logout { float: right; text-indent: -9999px; background: #00ABDA; padding: 3px; border-radius: 50px; margin: 8px 2px; border: 1px solid #0AA3CD; box-shadow: 0 1px 1px #0AA2CB inset;}
#user-login { background: url(../img/login.png) no-repeat center 0; height: 24px; width: 24px; display: block; }
#user-reg { background: url(../img/reg.png) no-repeat center 0; height: 24px; width: 24px; display: block; }
#user-prof { background: url(../img/prof.png) no-repeat center 0; height: 24px; width: 24px; display: block; }
#user-logout { background: url(../img/logout.png) no-repeat center 0; height: 24px; width: 24px; display: block; }

.second-menu { background: url(../img/pattern.png); border-top: 1px solid #d9d9d9; border-bottom: 1px solid #fff;
 box-shadow: inset 0 1px 5px #d4d4d4; overflow: hidden; }
.second-menu div { width: 1000px; margin: 0 auto; }

/*
.second-menu ul { width: 1000px; margin: 0 auto; }
.second-menu li { float: left; padding: 3px; list-style: none; }
*/

.second-menu a { padding: 8px 4px 8px 8px; display: block; float: left; }
.second-menu span { display: block; padding: 8px 8px 8px 2px; margin-right: 5px; float: left; }
.catsTable tr { display: block; width: auto; float: left; }
.catsTable td { float: left; display: block; width: auto !important; }

/* main part */
.wrapper { width: 1000px; margin: 0 auto 100px; overflow: hidden; }
.wrapper a { color: #0AA3CD; }
.wrapper a:hover { color: #00BFF3 ; }

/* aside */
aside { float: left; width: 240px; }
.aside-wrap { background: url(../img/pattern.png); border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px;box-shadow: 0 2px 2px #E1E1E1 inset; }

.logo { width: 240px; margin: 20px 0 35px; padding-bottom: 10px; background: url(../img/logo-bg.png) no-repeat 50% 100%; padding-bottom: 40px; }
.site-name { font-size: 54px; font-family: 'Lobster'; color: #00BFF3; text-align: center; display: block; }
.site-name-two { font-size: 18px; color: #b1b1b1; text-align: center; display: block; 
 text-shadow: 1px 1px 1px #fff; }

.aside-block { margin: 20px 0 10px; border-bottom: 1px solid #d9d9d9; box-shadow: 0 1px 0 #fff; }
.aside-block-title { font-family: 'Lobster'; text-align: center; font-size: 22px; padding: 8px 0 15px;
 background: url(../img/aside-block-bg.png) no-repeat 50% 100%; }
.aside-block-content { padding: 10px 35px; margin: 10px 0; }
.aside-block-content li { margin-left: 15px; }
.aside-block-content li a { color: #717171; }
.aside-block-content li a:hover { color: #515151; }

/* poll */
.pollAns { margin: 10px 0 0; }
.answer { margin: 8px 0; }
.pollButton { margin-top: 10px; }

/* content */
.content { float: right; width: 730px; margin: 45px 0 30px 30px; }

.pic { background: url(../img/pattern.png); border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; 
 box-shadow: 0 2px 2px #E1E1E1 inset; padding: 8px; float: left; margin: 20px 20px 0 0; }
.pic-link { display: block; width: 205px; height: 250px; }
.pic-link img { position: absolute; width: 205px; height: 250px; border: none; }
.size { position: absolute; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0.3) 10%, transparent 100%); color: #FFFFFF; font-weight: bold; padding: 10px 10px 20px; text-align: right; width: 185px; }
.shadow { background: #000 url(../img/pic-hover.png) no-repeat center; position: absolute; width: 205px; height: 250px; 
 opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.info-pic { padding: 5px; margin-top: 5px; }
.rating { background: url(../img/rating.png) no-repeat 0 20%; padding-left: 20px; float: left; }
.view { background: url(../img/view.png) no-repeat 0 50%; padding-left: 20px; margin-left: 10px; float: right; }
.moder { float: right; }


.full-pic { background: url(../img/pattern.png); border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; padding: 8px;
 box-shadow: 0 2px 2px #E1E1E1 inset; float: left; width: 500px; height: 375px; }
.pic-wrap { width: 500px; height: 375px; overflow: hidden; position: absolute; }
.pic-wrap img { width: 600px; margin-left: -50px; position: absolute;}
.pic-wrap span.size { width: 480px; }
.pic-wrap span.shadow { width: 500px; height: 375px; text-align: center; line-height: 490px; color: #fff; font-size: 28px; 
 background: #000 url(../img/download.png) no-repeat center; }

.similar-pic { float: left; margin-left: 10px; background: url(../img/pattern.png); border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; padding: 8px; box-shadow: 0 2px 2px #E1E1E1 inset; }
.similar-pic-wrap { width: 180px; height: 117px; overflow: hidden; margin-bottom: 8px; }
.similar-pic-wrap img { width: 180px; margin-top: -65px; }

.full-pic-info { float: left; width: 500px; padding: 10px; margin-bottom: 20px; }
.text { text-align: justify; }
.text h2 { margin-bottom: 10px }
.tags { margin-top: 15px; background: url(../img/tags.png) no-repeat 0 50%; padding-left: 25px; }
.tags a { color: #717171; }
.tags a:hover { color: #515151; }
.info { margin-top: 10px; overflow: hidden; border-top: 1px solid #D9D9D9; box-shadow: 0 1px 0 #FFFFFF inset; margin-top: 10px;
 overflow: hidden; padding: 8px 0;}
.info span.view { float: left; }
.info span.rating { background: none; padding: 0; position: relative; bottom: 2px; margin-right: 10px; }
.author { float: right; background: url(../img/author.png) no-repeat 0 40%; padding-left: 20px; margin-right: 10px; }
.date { float: right; background: url(../img/time.png) no-repeat 0 40%; padding-left: 20px; }

/*photoalbum */
.photo-album-info { border-bottom: 1px solid #d9d9d9; box-shadow: 0 1px 0 #fff; padding-bottom: 10px; color: #a1a1a1; }
.photo-album-info span { margin-right: 10px; }

/* swch */
.swchItem, .swchItemA { background: #00BFF3; border: 1px solid #00ABDA; color: #fff; padding: 4px 6px; border-radius: 10px; }
.swchItem:hover { background: #21C7F4; color: #fff; }
.page-s { margin: 40px 0 0; text-align: center; }

/* personal page */
.pp-w { padding: 5px; }
.pp-t { text-align: center; padding: 12px; margin-bottom: 12px; border-bottom: 1px solid #d9d9d9; box-shadow: 0 1px 0 #fff; }

/* footer */
footer { border-bottom: 5px solid #00BFF3; width: 100%; }
.copira { padding: 8px 0; text-align: center; }