@charset "utf-8";
/* CSS Document 
By: Serg Chernata
For: NextExile Media
URL: www.nextexile.com
Email: nextexile@gmail.com
*/

a{ 
outline: none;
border: 0px;
}

b {
font-size: 1.5em;
line-height: 1.2em;
font-weight: normal;
}

i {
font-style: normal;
line-height: 1.2em;
color: #787e70;
}

body {
background: #151617 url(bgpattern.jpg) repeat;
font-family: Tahoma;
font-size: 0.7em;
line-height: 1.5em;
color: #b4bfa7;
margin: 0px;
padding: 0px;
}

#header {
background: url(header.jpg) no-repeat top center;
width: 100%;
height: 342px;
margin: 0px auto;
padding: 0px;
}

#container {
background-color: transparent;
width: 707px;
min-height: 100%;
height:auto !important;
margin: 0px auto;
padding: 0px;
position: relative;
}

#twitter {
background: url(twitbg.png) no-repeat;
padding: 10px 0px 0px 40px;
margin: 0px 0px 0px 15px;
width: 699px;
height: 82px;
float:left;
left: 0px;
position: absolute;
top: -30px;
}

#twitter_div {
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
}

#twitter a, #twitter a:hover, #twitter a:visited, #twitter a:active {
text-decoration: none;
color: #464646;
font-family: Georgia;
font-size: .8em;
/*margin: 0px 0px 0px 340px;*/
}

#twitter ul {
width: 590px;
line-height: 2em;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 40px;
}

#twitter_update_list {
list-style: none;
float: left;
}

#about {
background: url(aboutbg.png) no-repeat;
width: 707px;
height: 191px;
position: absolute;
margin: 0px 0px 0px 15px;
color: #512d07;
float: left;
top: 70px;
left: 0px;
}

#about p {
width: 632px;
height: 89px;
padding: 0px;
margin: 40px 0px 0px 40px;
line-height: 2em;
float: left;
}

span a, span a:active, span a:hover, span a:visited{
color: #512d07;
border-bottom: 1px dotted #c7ae9e;
text-decoration: none;
}

#portfolio {
width: 705px;
height: 100%;
margin: 275px 0px 50px 15px;
padding: 0px;
float: left;
}

.item {
background: url(itembg.png) no-repeat;
margin: 5px 0px 0px 3px;
padding: 13px 0px 0px 18px;
width: 330px;
height: 265px;
float: left;
}

.item img {
margin: 12px 0px 0px 0px;
border: solid 3px #0f1010;
float: left;
}

#tooltip {  
position: absolute; 
z-index: 3000;
font-weight: normal;
padding: 0px;
margin: 0px;
font-size: 0.85em;
}

#tooltip.pretty {
font-family: Tahoma;
font-weight: normal;
color: #000;
border: none;
width: 241px;
padding: 3px 0px 0px 10px;
height: 86px;
/*opacity: 0.9;*/
background: url('tooltipbg.png') no-repeat;
background-color: transparent;
}

#tooltip.pretty div { 
width: 220px; 
text-align: left; 
padding: 0px;
margin: 0px;
font-weight: normal;
}

#tooltip.pretty h3 {
width: 220px; 
text-align: left; 
padding: 0px;
margin: 0px;
font-weight: normal;
}

#footer {
background: url(footerbg.png) no-repeat;
width: 100%;
height: 71px;
float: left;
clear: both;
}

#footer ul {
margin: 33px auto 0px auto;
display: block;
list-style: none;
width: 705px;
padding: 0px 0px 0px 15px;
}

#footer li {
display: inline-block;
text-decoration: none;
color: #1c290b;
text-indent: 10px;
padding: 1px 0px 0px 0px;
margin: 0px 7px 0px 0px;
}

#footer li a, #footer li a:hover, #footer li a:active, #footer li a:visited {
display: block;
text-decoration: none;
color: #1c290b;
margin: 0px 10px 0px 0px;
padding: 1px 0px 0px 0px;
}

#copyright {
background: url(copyrightbg.png) no-repeat;
width: 251px;
height: 21px;
padding: 0px;
margin: 0px;
float: left;
}

#xhtml {
background: url(validxhtmlbg.png) no-repeat;
width: 104px;
height: 21px;
padding: 0px;
float: right;
}

#css {
background: url(validcssbg.png) no-repeat;
width: 90px;
height: 21px;
padding: 0px;
float: right;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #f3e7d1;
}

.lbLoading {
	background: #f3e7d1 url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #f3e7d1;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #512d07;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #f3e7d1;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}