/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------*\
  FLOATS
\*------------------------------------*/
.left  { float: left;}
.right { float: right;}

/*------------------------------------*\
  FONTS/LINKS
\*------------------------------------*/

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

h1 {
    font: 300 24px/1.3 'Cabin',Helvetica,Arial,sans-serif;
    letter-spacing:0.1em;
}

.details b{
	font: 300 11px/2 Helvetica,Arial,sans-serif;
}
.details b{
	color: #777;
    font-weight: 500;
}

/*------------------------------------*\
  STRUCTURE
\*------------------------------------*/
html, body{
    font: 13px helvetica,arial,sans-serif;
	background: url('../images/main/bg.jpg') no-repeat scroll left top #000;
	color:#2A2A2A;
}

#logo {
	text-align: center;
	padding-top:20px;
}

.wrapper_head{
    background: url("../images/main/carbon.png") repeat scroll left top #000;
}

#header_bar {
    background: url("../images/main/50_gray.png") repeat scroll center top transparent;
    border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
    padding: 0;
    text-align: right;
}
#header_bar a {
	color: #fff;
}

#container {
	margin:30px auto;
	width:942px;
	margin-bottom:100px;
}

#content_border {
	width:940px;
	border:1px solid #fff;
}

#content {
	width:938px;
	border:1px solid #908c86;
	background-image: url('../images/main/noise_background.png');
	padding-bottom: 40px;
}

.main_width {
    margin: 0 auto;
    min-width: 700px;
    width: 960px !important;
}

ul#album, ul#album > li {
	margin: 0;
	padding: 0;
}

ul#album > li {
	display:inline-block;
	width:150px;
	height:150px;
	margin:20px;
	border: 1px solid #040;
    color: #555;
    font: 500 11px/1.3 Helvetica,Arial,sans-serif;
}

ul#album {
	width:800px;
	margin:0 100px 0 75px;
	text-align:left;
}

#admin_bar {
    font-size: 11px;
    line-height: 36px;
}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.brclear {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#alert
{
	overflow: hidden;
	z-index: 999;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 0;
	color: #000;
	font: 20px/40px arial, sans-serif;
	opacity: .9;
}

#info_msg {
	text-align: center;
	font: 20px/40px arial, sans-serif;
	border: 1px solid #000;
    background: url("../images/main/10_gray.png") repeat scroll center top transparent;
	border: 1px solid #fff;
	border-top: 0px;
	border-radius: 0 0 4px 4px;
	position:relative;
}


/*------------------------------------*\
  NAV/BUTTONS
\*------------------------------------*/
.odnav {
    list-style: none outside none;
    text-align: center;
/*     width: 80%; */
}

.odnav li {
    display: inline-block;
    margin-top: 25px;
	margin-bottom: 5px;
    padding: 0 35px;
}

.odnav li a {
    color: #FFFFFF;
    font: 300 16px/1.3 'Cabin',Helvetica,Arial,sans-serif;
    letter-spacing:0.2em;
}

#usermenu {
	color: #aaa;
}

.usermenu_inline > li {
    display: inline-block;
    margin: 0 3px;
    line-height: 36px;
	font-size: 12px;
	margin-right: 15px;
	padding: 0 12px;
}

#pagination { 
	width: 500px;
	margin: 0 auto;
	text-align: center; 
	padding-top: 50px;
}

#gallery_breadcrumb {
	width:600px;
	margin: 7px auto 7px auto;
	padding:10px;
    font: 300 16px/1.3 'Cabin',Helvetica,Arial,sans-serif;
    letter-spacing: 0.1em;
}

#gallery_breadcrumb a{
	color: #627761;
}

#gallery_breadcrumb a:hover{
	text-decoration: underline
}

/*------------------------------------*\
  IMAGES
\*------------------------------------*/
#image_details{
	border:1px solid #040;
    background: url("../images/main/22_green.png") repeat scroll center top transparent;
	padding: 5px;
	vertical-align: middle;
/* 	width: 100%; */
	margin: 20px 0;
}

.info {
	width:240px;
	margin:5px 0;
	background: url('/gallery/images/main/stats.png') no-repeat left transparent;
	padding:2px 0 0 25px;
/* 	border: 1px solid #000; */
}
#images {
	text-align: center;
/* 	border: 1px solid #000; */
}
#images > img {
	border: 1px solid #000;
}

#images_content {
	width: 602px;
	margin:15px auto;
    font: 300 12px/1.3 Helvetica,Arial,sans-serif;
}

#images_title {
	border:1px solid #040;
    background: url("../images/main/22_green.png") repeat scroll center top transparent;
	color:#fff;
    font: bold 14px/1.3 Helvetica,Arial,sans-serif;
    letter-spacing: 0.1em;
}
#software {
	margin-top: 25px;
}

/*------------------------------------*\
  FORMS
\*------------------------------------*/
button {
	overflow: visible;
	width: auto;
}
button.link {
	font-family: "Verdana" sans-serif;
	font-size: 0.7em;
	text-align: left;
	color: blue;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-moz-user-select: text;
}
button.link span {
	text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
	color: black;
}

.error {
	margin: 2px auto;
	width: 785px;
	background-color: #F3E3E6;
    border: 1px solid #E599AA;
    color: #80001C;
    padding: 8px;
}

/*------------------------------------*\
  CAROUSEL
\*------------------------------------*/

#carousel_center {
	width:595px;
	margin-left: auto;
    margin-right: auto;
    padding:3px;
	background: url("../images/main/10_gray.png") repeat scroll center top transparent;
	border: 1px solid #aaa;
}

ul#items{		
	margin:0 auto;
	height:90px;
	width:500px;
	overflow:hidden;
	margin-bottom: 5px;
}
ul#items li{
	list-style:none;
	float:left;
	width:87px;
	height:87px;
	overflow:hidden;
	margin:0 0 0 10px;
	background:#999;
	color:#888;
	text-align:center;
	border: 1px solid #555;
	}
ul#items li img{
	border: 1px solid #ccc;
}

ol#imgpagination{
	color:#888;
	overflow:hidden;
	margin:0 auto;
	width:100%;
	text-align:center;
	list-style:none;
}

ol#imgpagination li{
	display: inline-block;
	cursor:pointer;
	color: #fff;
	font-style: italic;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-shadow: 1px 1px #999;
}
ol#imgpagination li.current{
	border: 1px solid #888;
	background: url("../images/main/10_gray.png") repeat scroll center top transparent;
	color:#fff;
	font-weight:bold;
}

li.next {
	width: 20px;
	display: inline;
}
	
/*
	#carousel_images { overflow:hidden; margin-bottom: 0px; }
#carousel_images .viewport { float: left; width: 475px; height: 79px; overflow: hidden; position: relative;}
#carousel_images .buttons {background:url("../images/main/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; float: left; }
#carousel_images .next { margin: 30px 0 0 10px;  }
#carousel_images .disable { visibility: hidden; }
#carousel_images .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#carousel_images .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 75px;}

#carousel_images .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#carousel_images .pager li { float: left; }
#carousel_images .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#carousel_images .active { color: #fff; background-color:  #555555; }
*/