/*
Theme Name: Vu
Theme URI: http://10fathoms.com/vu
Version: v1.0
Author: Andrei Zmievski
Author URI: http://www.gravitonic.com/
Description: Vu Photo Blog theme for Wordpress
*/

html { background: none }

body {
	background: #202020 url(images/site-bg.gif) fixed;
	color: #999;
}

img {
	border: 0px;
}

a,
a:link,
a:active,
a:visited {
	color: #f08010;
	text-decoration: none;
}
a:hover {
	color: #29e;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}

#container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 *  The "height" above is a hack for IE5+/Win.  Below we adjust
 *  it using the child selector to hide from IE5+/Win.
 */
html>body, html>body #container {
	height: auto;
}

#container {
	position: absolute;
	top:0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#vu-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:804px;
	*width:804px;
	min-width:804px; /* optional but recommended */
	margin-bottom: 15px;
}

#hd {
	position: relative;
	height: 79px;
}

#hd .logo {
	position: absolute;
	left: 0px;
	bottom: 5px;
}

#nav {
	position: absolute;
	right: 0px;
	top: 10px;
	padding-bottom: 3px;
	text-transform: lowercase;
	color: #f08010;
}

.nav-link {
	display: inline;
	letter-spacing: 2px;
}
.nav-link a {
	color: #f08010;
	text-decoration: none;
}
.nav-link a:hover {
	text-decoration: none;
	color: #29e;
}

#page-header {
	height: 1.3em;
	margin: 15px 0 0;
	font-family: helvetica;
	text-transform: lowercase;
	letter-spacing: 1px;
}

#page-header a,
#page-header a:link,
#page-header a:active,
#page-header a:visited {
	color: #aaa;
	text-decoration: none;
}

#page-header a:hover {
	color: #29e;
}

#page-header .title {
	color: #f08010;
}

#page-header a:hover .title {
	color: #29e;
}

#page-header .before-deco {
	font-size: 116%;
	padding-right: 2px;
}
#page-header .after-deco {
	font-size: 116%;
	padding-left: 2px;
}

#page-header .link-icon {
	padding-left: 3px;
}

.image-box {
	display: table;
	margin: 5px auto 0px auto;
	clear: both;
}

.image-box a {
	color: #ccc;
	text-decoration: underline;
}

.image-box a:hover {
	color: #29e;
}

.image {
	padding: 1px;
	background: black url(images/loading.gif) bottom right no-repeat;
	border: 1px solid #555;
	margin: auto;
}

.image-footer {
	margin-bottom: 15px;
	padding-top: 3px;
	font-family: "trebuchet ms";
	font-size: 92%;
	width: 100%;
}

.image-links {
	display: inline;
	position: relative;
	top: -3px;
	margin-left: 4px;
	color: #777;
}
.image-links a {
	color: #999;
	text-decoration: none;
	font-size: 116%;
}
.image-links a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #0073e5;
}

.image-links #delicious {
	display: inline;
	vertical-align: middle;
}

.image-links #addthis {
	display: inline;
	vertical-align: middle;
}

.image-links #ss-piclens {
	display: inline;
	vertical-align: middle;
}

.exif {
	margin-right: 5px;
	color: #808080;
}

.caption {
	clear: both;
	padding: 10px 4px 0 4px;
	text-align: left;
	font-family: verdana, sans-serif;
	font-size: 107%;
	line-height: 1.3em;
	color: #aaa;
}

.caption p {
	margin-bottom: 7px;
}

.caption p em {
	font-style: italic;
}


p.vote {
	font-family: optima;
	font-size: 121%;
	font-style: italic;
	text-align: center;
	color: #f08010;
}

p.vote a {
	color: #f08010;
}

.sep {
	margin: auto 4px;
}

#footer {
	/*position: absolute;
	bottom:10px !important;*/
    margin-bottom: 10px;
    *padding-bottom: 10px;
	width:100%;
	clear:both;
}

#page-footer {
	font-family: helvetica;
	font-size: 85%;
	color: #808080;
}

#page-footer .link-image {
	vertical-align: middle;
	margin-right: 3px;
}

/*
 * Comments
 */

#comments {
	text-align: left;
	color: #ccc;
	font-family: helvetica;
}

#comments a:hover {
	color: #29e;
}

#comments .moderation-note {
	padding: 5px;
	text-align: center;
	font-family: helvetica;
	background: #461;
	font-size: 105%;
	border-bottom: 1px solid #555;
}

#comments-header {
	background: #242424;
	border-bottom: 1px solid #555;
	padding: 8px;
}

#comments-header h1 {
	text-transform: uppercase;
}

#comments-header .close-window {
	font-family: verdana;
	font-size: x-small;
}

#comments-header a {
	color: #777;
}

#comments-bar {
	height: 79px;
	margin: 7px;
}

#comments-bar-inner {
	position: relative;
	margin: 0px;
	height: 79px;
}

#comments-bar .title {
	position: absolute;
	top: 0;
	margin-right: 80px;
	padding: 2px 5px;
	font-size: 117%;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: #f08010;
}

#comments-bar .post-link {
	position: absolute;
	bottom: 0;
	padding: 2px 5px 0 5px;
	font-size: 92%;
	letter-spacing: 1px;
}

#comments-bar a {
	color: #ccc;
}

#comments-bar .thumb {
	padding: 1px;
	background: black;
	border: 1px solid #555;
	margin: auto;
}

#comments-list {
	margin: 0 7px;
	padding: 1px;
	background: black;
	border: 1px solid #555;
}

#comments-list em {
	border-bottom: 1px dashed;
}

div.comment-main {
	padding: 8px;
}
#comments-list .light {
	background: #2e2e2e;
}
#comments-list .dark {
	background: #242424;
}

div.comment-meta {
	font-family: verdana;
	font-size: 84%;
	color: #888;
}

span.comment-meta-author {
	color: #bbb;
	font-size: 107%;
}
span.comment-meta-author a {
	color: #bbb;
}

div.comment-body {
	margin-bottom: 7px;
	font-family: "Trebuchet MS";
	color: #f08010;
}

div.comment-body p {
	line-height: 1.3em;
}

#comment-form {
	margin: 40px 10px 10px 10px;
}

#comment-form-inner {
}

#comment-form h2 {
	padding: 0 0 5px;
	font: 150% arial;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 1em;
}

div.comment-form-info {
	margin: 0 0 10px 0;
	padding: 1px;
	background: black;
	border: 1px solid #555;
}

div.comment-form-info p {
	padding: 5px;
	font-size: 92%;
	color: #aaa;
	line-height: 1.4em;
	background: #242424;
}

#comments-form {
	margin: 0 2px;
}

#comment-form-note {
	width: 40%;
	padding: 10px;
	font-family: verdana;
	font-size: 92%;
	line-height: 1.5em;
	color: #bbb;
}

#comment-form-note .title {
	color: #f08010;
}

#comments-form label {
	display: block;
	font-size: 85%;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #ccc;
}

#author, 
#email,
#url,
#comment {
	width: 50%;
	margin: 0 0 10px;
	padding: 3px;
	background-color: #bbb;
	border: 2px solid #777;
}

#comment {
	width: 95%;
}

#comment-submit {
	padding: 5px 10px;
	background: #999;
	border: 3px double #444;
	font-size: 85%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
}

p.trackback {
	overflow: hidden;
}

#comments-info {
	margin: 20px 0 0;
	padding: 5px 0 0;
	border-top: 1px solid #555;
}

#comments-info p {
	padding-top: 5px;
	font-size: 92%;
}

#comments-info a {
	color: #bbb;
	border-bottom: 1px dotted #bbb;
}

/* Full archives */

#full-archives {
	font-family: verdana;
	font-size: 77%;
	width: 100%;
	margin-bottom: 20px;
}

.fa-group {
	color: #f08010;
	font-weight: bold;
	margin-top: 10px;
}

.fa-entry {
	color: #888;
	line-height: 150%;
	padding-left: 5px;
}

.fa-entry a {
	color: #ccc;
	text-decoration: underline;
}

.fa-entry a:hover {
	color: #29e;
}

/* 404 page */

.page404 {
	margin-top: 10em;
	text-align: center;
	font-family: "lucida grande";
	font-size: 146.5%;
	color: #bbb;
}