/* CSS Document */
/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */
@import url(reset.css);
/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
h2 { font-weight:700; font-size:26px }
/* ---------- GENERAL ---------- */
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
*:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

body {
  background: #2c3338;
  color: #606468;
  font: 87.5%/1.5em 'Open Sans', sans-serif;
  margin: 0;
}

a {
  color: #eee;
  text-decoration: none;
}

a:hover {
  color:#999;
}

input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

p {
  line-height: 1.5em;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}

.container {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* ---------- LOGIN ---------- */
#login {
  width: 280px;
}

#login form span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  color: #606468;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

#login form input {
  height: 50px;
}

#login form input[type="text"], input[type="password"] {
  background-color: #3b4148;
  border-radius: 0px 3px 3px 0px;
  color: #606468;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 230px;
}

#login form input[type="submit"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ea4c88;
  color: #eee;
  font-weight: bold;
  margin-bottom: 2em;
  text-transform: uppercase;
  width: 280px;
  cursor:pointer;
}

#login form input[type="submit"]:hover {
  background-color: #d44179;
}

#login > p {
  text-align: center;
}

#login > p span {
  padding-left: 5px;
}

/* GALLERY */
.p5 {height:1px;padding:2px 0;clear:both;}
.caption { font-size:11px; }
.gallery {
position:relative;
overflow:hidden;
max-width:600px;
margin:15px auto;
padding:50px;
background:#363b41;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.gallery a:link,
.gallery a:active,
.gallery a:visited {
color:#999;
outline:0;
}

.gallery a:hover {color:white; text-decoration:none;} 

.gallery img {border:0;}
.gallery .float-left {float:left;}
.gallery .float-right {float:right;}
.gallery .clear {clear:both;}
.gallery .clearb10 {padding-bottom:10px;clear:both;}

.gallery .titlebar {
height:24px;
line-height:24px;
margin:0 5px;
}

.gallery .title {
font-size:18px;
font-weight:400;
}

.gallery .thumb-album {
overflow:hidden;
width:225px;
min-height:200px;
float:left;
margin:8px;
padding:5px;
background-color:#222;
color:#bbb;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb-album a {color:#fff;}

.gallery .thumb-album:hover {
background-color:#fff;
color:#333;
}

.gallery .thumb-album a {color:#bbb;}
.gallery .thumb-album:hover a {color:#444;}

.gallery .thumb {
overflow:hidden;
float:left;
width:225px;
height:175px;
margin:8px;
background-color:#444;
/*border:5px solid #222;*/
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb:hover {
/*border:5px solid #f6f6f6;*/
}

.gallery .thumb-wrapper {
width:100%;
height:175px;
overflow:hidden;
}

.gallery .thumb-wrapper img {height:auto;}

.shadow {
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

/***** pagination style *****/
.gallery .paginate-wrapper {
padding:10px 0;
font-size:12px;
}

.gallery a.paginate {
color:#999;
padding:0;
margin:0 2px;
text-decoration:none;
}

.gallery a.current-paginate, 
.gallery a.paginate:hover {
color:#fff;
font-weight:700;
padding:0;
margin:0 2px;
text-decoration:none;
}

.gallery a.paginate-arrow {
text-decoration:none;
border:0;
}