/* ---------------------------------
Markup: Dimox
Author URI: http://dimox.name/
--------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	min-width: 970px;
	height: 100%;
  background: #F3F7FE url(i/bg.png) repeat-x;
}
body {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #434b5b;
	height: 100%;
  background: url(i/bg1.jpg) 50% 0 no-repeat;
}
body#bg {
  background: url(i/bg2.jpg) 50% 0 no-repeat;
}
a {
	color: #297bcc;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 28px}
img {border: none}
input {vertical-align: middle}
input:focus,
select:focus,
textarea:focus {outline: none}
input::-moz-focus-inner {border: 0}

#wrapper {
	width: 970px;
	margin: 0 auto;
	min-height: 100%;
}
.wrapper {
	width: 970px;
	margin: 0 auto;
}
.wrap {
	width: 100%;
	height: 1%;
}
.wrap:after {
	content: '';
	clear: both;
	display: table;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 153px;
	position: relative;
}
#bg #header {
	height: 178px;
}

#logo {
	position: absolute;
	top: 21px;
	left: 18px;
	background: url(i/logo.png) no-repeat;
	color: #455673;
	padding: 33px 0 0 68px;
  font: bold 21px/1 'PT Sans', sans-serif;
  text-decoration: none;
}
#logo span {
	display: block;
  font: bold 8px/16px 'PT Sans Caption', sans-serif;
  text-transform: uppercase;
	color: #297bcc;
}

#nav {
	position: absolute;
	top: 46px;
	left: 218px;
	list-style: none;
  font: bold 12px/15px 'PT Sans Caption', sans-serif;
  text-transform: uppercase;
	overflow: hidden;
}
#nav li {
	float: left;
	padding: 0 24px 0 23px;
	height: 15px;
  border-left: 1px solid #A3ACBD;
  margin-left: -1px;
}
#nav a {
	float: left;
	color: #434b5b;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: underline;
}
#nav .current a {
	color: #7d8796;
}

#authorized {
	position: absolute;
	top: 45px;
	right: 22px;
  font-size: 12px;
}
#authorized a {
  margin-left: 15px;
}
#logout {
	color: #7d8796;
  text-decoration: none;
}
#logout:hover {
  text-decoration: underline;
}

#nav2 {
	position: absolute;
	toP: 116px;
	left: 22px;
	height: 34px;
  background: url(i/nav2.png) no-repeat;
  padding-left: 4px;
  font-weight: bold;
}
#nav2 .bg {
	height: 34px;
  background: url(i/nav2.png) 100% -34px no-repeat;
	position: relative;
	right: -4px;
  padding-right: 8px;
}
#nav2 ul {
	margin: 0 -6px;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	padding: 7px 0 0;
	color: #b8bfcc;
}
#nav2 li {
	float: left;
	list-style: none;
	padding: 0 15px;
  border-left: 1px solid #A3ACBD;
  margin-left: -1px;
}
#nav2 a {
  text-decoration: none;
}
#nav2 a:hover {
  text-decoration: underline;
}
#nav2 li.new a {
	color: #7d8796;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	padding: 0 0 140px;
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}

.content {
	float: left;
	width: 430px;
	padding: 0 0 0 240px;
}
.content ul,
.content ol {
	margin: 0 0 18px 30px;
}

h2 {
  font: 30px/1 'PT Sans', sans-serif;
	color: #297bcc;
	margin: 0 0 10px;
}

#authoriz {
	float: right;
	width: 225px;
	padding: 0 0 28px;
	margin: -127px 16px -28px 0;
  background: url(i/authoriz.png) 100% 100% no-repeat;
	position: relative;
}
#authoriz .bg {
  background: url(i/authoriz.png) no-repeat;
	padding: 0 16px 15px 17px;
	height: 1%;
}
#authoriz .bg:after {
	content: '';
	clear: both;
	display: table;
}
#authoriz .inner {
	position: relative;
	top: 15px;
}
#authoriz .title {
	color: #297bcc;
  font-size: 18px;
	padding: 0 0 12px;
}
#authoriz .field {
	overflow: hidden;
	margin: 0 0 7px;
}
#authoriz .field label {
	float: left;
	padding: 3px 0 0;
}
#authoriz .input {
	float: right;
	width: 119px;
	height: 25px;
	padding: 0 9px;
  background: url(i/input.png) no-repeat;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#remember {
  font-size: 12px;
	margin: 8px 0;
}
#remember input {
  margin-right: 3px;
}
#authoriz .submit {
	float: left;
	width: 91px;
	height: 30px;
	padding: 0 0 5px;
  background: #2C73B9 url(i/submit.png) no-repeat;
	border: none;
	cursor: pointer;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#authoriz .submit:hover {
  background-position: 0 -30px;
}
#forgot {
	float: right;
  font-size: 12px;
	margin: 4px 0 0;
}

#stat {
	float: right;
	width: 194px;
	height: 100px;
	padding: 0 17px 0 14px;
  background: #37404C url(i/stat.png) no-repeat;
	margin: 42px 16px 0 0;
	color: #FFF;
  line-height: 1;
}
#stat .title {
	color: #73ade6;
  font-size: 18px;
	padding: 14px 0 13px;
}
#stat .total {
  border-bottom: 1px solid #528FCC;
	overflow: hidden;
	padding: 0 0 8px;
	margin: 0 0 8px;
}
#stat .count {
	float: left;
  font-size: 30px;
  line-height: 1;
	margin: 0 5px 0 0;
}
#stat .online .count {
	width: 70px;
  text-align: right;
}

.form {
  font-size: 15px;
	padding: 0 0 35px 33px;
}
#registration {
	padding: 0 22px 0 48px;
}
.form h2 {
	margin: 0 0 20px;
}
#registration h2 {
  font: 18px/1 Arial, Helvetica, sans-serif;
	padding: 0 0 5px 192px;
	margin: 0;
}
.form .subtitle {
  font-size: 18px;
	color: #297bcc;
	margin: -2px 0 20px;
}
#registration .title {
	height: 37px;
	line-height: 36px;
  background: url(i/registration_points.png) 188px 0 no-repeat;
  font-size: 18px;
	margin: 0 -2px 19px 0;
}
#point1 {
	float: left;
	width: 522px;
}
.form .field {
	margin: 0 0 8px;
	height: 1%;
}
.form .field:after {
	content: '';
	clear: both;
	display: table;
}
.form label {
	float: left;
  line-height: 30px;
}
.form label span {
	color: #6e7680;
}
.form label {
	width: 193px;
}
/* Dropdown list */
.selectbox {
	position: relative;
  display: inline-block;
}
select.slyled {
	float: left;
	width: 237px;
}
.select {
  display: block;
  width: 227px;
  height: 29px;
  line-height: 28px;
  padding: 0 0 0 10px;
  color: #231F20;
  text-decoration: none;
	background: url(i/select.png) no-repeat;
	position: relative;
  z-index: 0;
  cursor: pointer;
}
.selectbox:hover .select,
.selectbox.visible .select {
	position: relative;
  z-index: 1000;
}
ul.dropdown {
  display: none;
  position: absolute;
  height: auto;
  z-index: 10;
  z-index: 999;
	background: #FFF;
  list-style: none;
  cursor: pointer;
  border: 1px solid #C6CBD0;
  border-width: 0 1px;
  margin-top: -4px;
	padding: 5px 0 0;
  cursor: pointer;
}
ul.dropdown li {
  width: 225px;
	line-height: 25px;
	padding-left: 10px;
	color: #231F20;
}
ul.dropdown li:hover,
ul.dropdown li.selected {
	background: #C6CBD0;
	color: #FFF;
}
ul.long-list {
	height: 126px;
}
ul.long-list li {
	width: 208px;
}
.selectbox .bottom {
	height: 5px;
	margin: 0 -1px -5px;
  background: url(i/select_dropdown.png) no-repeat;
}
/* end Dropdown list */
.form .input {
	float: left;
	width: 228px;
	height: 31px;
  background: url(i/input2.png) no-repeat;
}
.form .input .bg {
	float: left;
	width: 218px;
	height: 31px;
	padding: 0 10px 0 0;
  background: url(i/input2.png) 100% 0 no-repeat;
	position: relative;
	right: -10px;
}
.form .input input {
	float: left;
	width: 100%;
	padding: 7px 0;
	border: none;
  background: #FFF url(i/input2.png) 50% 0 no-repeat;
  font: 14px Arial, Helvetica, sans-serif;
	color: #231F20;
}
.form .input.width2 {width: 159px}
.form .input.width2 .bg {width: 149px}
.form .input.width3 {width: 205px}
.form .input.width3 .bg {width: 195px}
.textarea {
	width: 318px;
	float: left;
	margin: 8px 0;
  padding-left: 10px;
  background: url(i/textarea.png) 0 50% no-repeat;
}
.textarea .bg {
  padding-right: 10px;
  background: url(i/textarea.png) 100% 50% no-repeat;
	position: relative;
}
.textarea .t {
	margin: 0 0 0 -10px;
	height: 8px;
  background: url(i/textarea.png) no-repeat;
	position: relative;
	top: -8px;
}
.textarea .b {
	margin: 0 0 0 -10px;
	width: 100%;
	height: 8px;
  background: url(i/textarea.png) 0 100% no-repeat;
	position: absolute;
	left: 0;
	bottom: -8px;
}
.textarea .t div,
.textarea .b div {
	float: right;
	width: 10px;
	height: 8px;
  background: url(i/textarea.png) 100% 0 no-repeat;
	position: relative;
	right: -10px;
}
.textarea .b div {
  background-position: 100% 100%;
}
.textarea textarea {
	width: 100%;
	margin: -8px 0 0;
	border: none;
	background: #FFF;
	resize: vertical;
	overflow: auto;
  font: 14px Arial, Helvetica, sans-serif;
	color: #231F20;
}
#comments .textarea {
	float: none;
	width: 479px;
}
#comments .textarea,
#comments .textarea .bg,
#comments .textarea .t,
#comments .textarea .b,
#comments .textarea .t div,
#comments .textarea .b div {
	background-image: url(i/textarea2.png);
}
#comments textarea {
	background: #B8BFCC;
}
#point2 {
	float: right;
	width: 358px;
}
#point2 label {
	width: 143px;
}
.form .submit {
	width: 91px;
	height: 30px;
	padding: 0 0 5px;
	margin: 4px 0 0 193px;
	border: none;
  font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	cursor: pointer;
  background: #2B71B7 url(i/submit3.png) no-repeat;
}
.form .submit:hover {
  background-position: 0 -30px;
}
#registration .submit {
	width: 192px;
	height: 37px;
	margin: 7px 0 0 143px;
  background: #2B71B7 url(i/submit2.png) no-repeat;
}
#registration .submit:hover {
  background-position: 0 -37px;
}

.table {
	margin: 0 17px 17px 33px;
  font-size: 12px;
	color: #231f20;
}
.table table {
	width: 100%;
	border-collapse: collapse;
  border-bottom: 2px solid #297ACB;
}
.table th {
	background: #297ACB;
	color: #FFF;
  text-align: left;
	height: 26px;
	padding: 0 7px;
}
.table td {
	padding: 5px 7px;
  border-left: 1px solid #89B6E5;
}
.table .number {
	border: none;
	width: 9px;
}
.table .even td {
	background: #D8E5F9;
}
.table img {
	vertical-align: middle;
}
.table .message {
  text-decoration: none;
	color: #7D8796;
	padding: 0 0 0 20px;
  background: url(i/message.png) 0 1px no-repeat;
}
.table .message:hover {
  text-decoration: underline;
	color: #297ACB;
}
.table h3 {
  font-size: 18px;
  font-weight: normal;
	color: #297bcc;
	margin: 0 0 10px;
}

.pagination {
	font: 14px/20px Tahoma, Arial, sans-serif;
}
.pagination.center {
  text-align: center;
}
#messages .pagination {
  border-top: 1px solid #B3BBCA;
	padding: 7px 0 0;
}
.pagination a,
.pagination span {
	padding: 0 7px;
	margin: 0 4px;
}
.pagination a {
	color: #58595b;
}
.pagination span.current {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	padding: 0;
  background: #297BCC url(i/pagination.gif) no-repeat;
	color: #FFF;
  text-align: center;
}

.inbox {
	width: 620px;
	margin: 25px 0 17px 33px;
  font-size: 12px;
	color: #7d8695;
}
.inbox h2 {
	margin: 0 0 20px;
}
.inbox table {
	width: 100%;
	border-collapse: collapse;
  border-bottom: 2px solid #297ACB;
	margin: 0 0 17px;
}
.inbox th,
.inbox td {
  text-align: left;
	padding: 5px 7px;
  border-left: 1px solid #8DB6E0;
}
.inbox th {
  border-bottom: 2px solid #297ACB;
	padding: 2px 7px;
}
.inbox .number {
	border-left: none;
}
.inbox .even td {
	background: #F0F2F5;
}
.inbox img {
	vertical-align: middle;
}
.inbox th img {
	vertical-align: top;
}
.inbox .text a {
	color: #434B5B;
}
.inbox .submit {
	float: right;
	width: 67px;
	height: 25px;
  background: url(i/submit4.png) no-repeat;
	border: none;
	color: #686d71;
	font: 12px Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.inbox .pagination {
	margin: 0 0 0 -4px;
}

#profile {
	margin: 0 17px 20px 33px;
	height: 1%;
}
#profile:after {
	content: '';
	clear: both;
	display: table;
}
.profile {
	float: left;
	width: 380px;
}
#profile .photo {
	float: left;
  border: 1px solid #B2BCC4;
	margin: 0 16px 0 0;
}
#profile .photo img {
	display: block;
}
#profile .info {
	padding: 13px 0 0;
  line-height: 1;
}
#profile .label {
  font-size: 12px;
	color: #7d8796;
}
#profile .name {
  font-size: 18px;
  line-height: 1;
	color: #297bcc;
	margin: 4px 0 8px;
}
#profile .date {
  font-size: 15px;
	color: #000;
	margin: 4px 0 0;
}
#profile .write {
	display: block;
	width: 192px;
	height: 37px;
  background: #2B71B6 url(i/submit5.png) no-repeat;
	color: #FFF;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 32px;
  text-decoration: none;
	margin: 15px 0 25px;
}
#profile .write:hover {
  background-position: 0 -37px;
}
.addPhoto {
	width: 100px;
	margin: 1px 0 20px;
  text-align: center;
}
.addPhoto a {
  font-size: 12px;
	color: #7D8796;
}
#profile .names {
	overflow: hidden;
	margin: 0 0 12px -11px;
  font-size: 15px;
  line-height: 20px;
}
#profile .names li {
	float: left;
	list-style: none;
	padding: 0 13px;
  border-left: 1px solid #A3ACBD;
  margin-left: -1px;
}
#profile .data {
	width: 100%;
	color: #000;
}
#profile .data td {
	padding: 7px 0;
}
#profile .data .item {
	width: 195px;
	color: #434B5B;
}
#profile .data span {
	color: #7D8796;
}
#profile .title {
	margin: 0 0 5px;
	color: #434B5B;
}

#gallery {
	float: right;
	width: 505px;
	position: relative;
}
#gallery h2 {
	font: 18px/1 Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #B2BAC9;
	padding: 0 0 9px;
}
#addPhoto {
	position: absolute;
	top: -2px;
	right: 0;
  font-size: 12px;
	color: #7d8796;
  text-decoration: none;
  background: url(i/add_photo.png) 100% 0 no-repeat;
	padding: 4px 36px 3px 0;
}
#addPhoto:hover {
  text-decoration: underline;
}
#photos {
  border-bottom: 1px solid #B2BAC9;
	min-height: 408px;
	overflow: hidden;
	margin: 0 -6px 14px -5px;
	padding: 2px 0 12px;
}
#photos .img {
	float: left;
  background: url(i/photo_bg.png) no-repeat;
	padding: 14px 15px;
}
#photos img {
	display: block;
}

#submitMessage {
	float: left;
	padding: 0 0 0 22px;
	width: 390px;
}
#submitMessage h2 {
  margin-left: 7px;
}
#submitMessage .name {
  font-size: 18px;
	color: #297bcc;
	margin: -4px 0 20px 7px;
}
#submitMessage .textarea {
	float: none;
	width: 380px;
}
#submitMessage textarea {
	height: 145px;
}
#submitMessage .submit {
	width: 119px;
	height: 30px;
  background: url(i/submit6.png) no-repeat;
	border: none;
	margin: 10px 0 0;
	padding: 0 0 5px;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	cursor: pointer;
}

#messages {
	float: left;
	width: 490px;
	margin: 40px 14px 0 0;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
  background: #363F4B url(i/footer_bg.gif) repeat-x;
	height: 66px;
	padding: 17px 0 0;
  margin-top: -83px;
}
#fright {
	float: right;
	width: 240px;
	color: #73ADE6;
  font-size: 12px;
}
#copyright {
	margin: 0 0 5px;
}
#bnav {
	list-style: none;
  font: bold 12px/15px 'PT Sans Caption', sans-serif;
  text-transform: uppercase;
	overflow: hidden;
	margin: 0 0 0 220px;
}
#bnav li {
	float: left;
	padding: 0 22px 0 21px;
	height: 15px;
  border-left: 1px solid #A3ACBD;
  margin-left: -1px;
}
#bnav a {
	float: left;
	color: #FFF;
  text-decoration: none;
}
#bnav a:hover {
  text-decoration: underline;
}
#bnav .current a {
	color: #77818d;
}


/* Overlay
-----------------------------------------------------------------------------*/
#mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #151923;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
#overlay {
	position: absolute;
	top: 128px;
	left: 50%;
	width: 590px;
  margin-left: -295px;
	color: #FFF;
	padding: 0 0 50px;
}
#close {
	position: absolute;
	top: -65px;
	right: -148px;
	width: 26px;
	height: 26px;
  background: url(i/close.png) no-repeat;
}
#close:hover {
  background-position: 0 -26px;
}
#slider {
	margin: 0 -22px 12px;
	position: relative;
}
#arrowLeft,
#arrowRight {
	position: absolute;
	top: 50%;
	left: -35px;
  margin-top: -21px;
	width: 24px;
	height: 42px;
  background: url(i/arrows.png) no-repeat;
}
#arrowRight {
	left: auto;
	right: -35px;
  background-position: -24px 0;
}
#arrowLeft:hover {
  background-position: 0 -42px;
}
#arrowRight:hover {
  background-position: -24px -42px;
}
#overlay .title {
  font-size: 18px;
	color: #73ade6;
	margin: 0 0 9px;
}
#overlay .titleinput {
  font-size: 18px;
	color: #000;
	width: 100%;
	margin: 0 0 9px;
}
#overlay .descriptioninput {
	color: #000;
	width: 100%;
	font-family: Tahoma;
}
#comments {
  border-top: 1px solid #3C4352;
	margin: 17px 0 0;
	padding: 17px 0 0;
}
#comments h3 {
  font-size: 14px;
	margin: 0 0 15px;
}
#comments .submit {
	width: 119px;
	height: 30px;
	padding: 0 0 3px;
	margin: 10px 0 30px;
  background: url(i/submit6.png) no-repeat;
	border: none;
	cursor: pointer;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#comments .submit:hover {
  background-position: 0 -30px;;
}
.comment,
#messages .message {
	width: 420px;
	padding: 0 0 0 59px;
	margin: 0 0 25px;
	height: 1%;
  font-size: 12px;
  line-height: 16px;
	color: #B8BFCC;
}
.comment:after,
#messages .message:after {
	content: '';
	clear: both;
	display: table;
}
#messages .message {
	width: auto;
	color: #434B5B;
}
.comment .photo,
#messages .photo {
	float: left;
	margin: 0 0 0 -59px;
}
.comment .meta,
#messages .meta {
	color: #7D8796;
	margin: 0 0 3px;
	position: relative;
}
.comment .meta img,
#messages .meta img {
	vertical-align: middle;
  margin-right: 2px;
}
.comment .meta a,
#messages .meta a {
  margin-right: 6px;
}
#messages .remove {
	position: absolute;
	top: -2px;
	right: 0;
	color: #434b5b;
  text-decoration: none;
	padding: 0 22px 0 0;
	height: 16px;
  background: url(i/remove.png) 100% 0 no-repeat;
}
#messages .remove:hover {
  background-position: 100% -16px;
}
#messages .remove span {
	display: none;
}
#messages .remove:hover span {
	display: block;
}