/* © Simon Westerlund */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
img { border:0; }
.all {
width:840px;
margin:auto;
margin-top:0px;
}
.left {
width:626px;
float:left;
}
.right {
float:left;
font-size:11px;
margin-left:72px;
margin-top:40px;
}
.right a{color: #8f9094; }
.middle {
margin-top:30px;
}
.text {
padding-top:10px;
}
.date {
color:#999999;
font-size:12px;
}
.picture_info {
font-style:italic;
font-size:11px;
}
.img_holder { float:left; margin-right:2px; margin-bottom: 2px;}
.img_frame {width:840px; }
.arrow {text-align:center; margin-top:-60px; margin-bottom:20px;}
.big_image_text { height:80px;margin-top:3px;}
.over { margin-top:30px; }
.under { margin-top:-50px; }
.banner {
height:60px;
margin-top:29px;
}
.banner_text {
margin-top:-61px;
margin-left:140px;
margin-right:0px;
color:#bcbdc2;
cursor:default;
font-size:12px;
text-align:right;
text-transform:lowercase;
letter-spacing:2px;
}
.article_tag {
color: #bcbdc2;
text-align:right;
font-size:10px;
margin-top:-14px;
}
a {color:#000000; text-decoration:none;}
a:hover {text-decoration:underline; }
.thumb {
text-align:center;
text-transform:lowercase;
width:117px;
margin-bottom:60px;
letter-spacing:3px;
}
.thumb_img {
width:120px;
height:75px;
overflow:hidden;
}
.line {
height:1px;
background-color:#bcbdc2;
}
.contact {
width:117px;
font-size:10px;
text-align:right;
}
.clients {
width:117px;
font-size:10px;
text-align:right;
margin-top:30px;
}
.set { 
float:left; 
margin-top:-14px; 
margin-left:142px; 
text-transform:lowercase; 
font-size:12px; 
color:#bcbdc2; 
letter-spacing:2px;
}
.picture {
text-align:center;
margin:auto;
position: relative;
z-index: 1;
}
.bottom_spacer { height:100px; width:900px;}
.pageingText {
color: #bcbdc2;
position:relative;
top:-6px;
}
.pageing {
margin-left:271px;
}
.pageingText {
font-size:10px;
}

/* Social */

.social {
	margin-left: 766px;
	margin-top: 8px;
}

#twitter {
	width: 33px;
	height: 23px;
	display: block;
	background-image: url(/img/social.gif);
	background-position-y: -23px;
	float: left;
	margin-right: 8px;
}

#twitter:hover {
	background-position-y: 0px;
}

#flickr {
	width: 32px;
	height: 17px;
	display: block;
	background-image: url(/img/social.gif);
	background-position-y: -20px;
	background-position-x: -33px;
	float: left;
	margin-top: 3px;
}

#flickr:hover {
	background-position-y: -3px;
}

/* twitter box */
#tweetbox{
	width: 250px;
	height: 80px;
	margin: auto;
	background:#E0E0E7;
	padding: 22px 32px 32px;
	margin-bottom: 10px;
	border-radius: 5px 5px 0 0;
	position: absolute;
	left: 50%;
	margin-left: -157px;
	margin-top: -144px;
	margin-top: 0;
	z-index: 0;
	display: none;
}
#text{
	width: 100%;
	height: 50px;
	
	margin: auto;
	margin-left: -5px;
	resize: none;
	outline: none;
	border: 1px solid #ADAEB2;
	border-radius: 2px;
	padding: 4px;
	display: block;
}

#chars{
	position: absolute;
	margin-top: -15px;
	margin-left: 228px;
	text-align: right;
	width: 25px;
	opacity: 0.7;
}

#go{
	display: block;
	width: 70px;
	margin: auto;
	background: #AAABAF;
	border: none;
	border-radius: 4px;
	padding: 6px;
	color: white;
	box-shadow: 0px 2px 0px #737477;
	margin-top: 8px;
	cursor: pointer;
	/*text-shadow: 0px 1px 2px black;*/
}
#go:active{
	box-shadow: none;
	margin-top: 10px;
}

#label{
	position: absolute;
	margin-left: 364px;
	margin-top: -20px;
	width: 100px;
	text-align: center;
	cursor: pointer;
}


#spacer{
	height: 20px;
}

#login{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #A6A7AB;
	z-index: 100;
	padding: 4px;
	color: white;
	box-shadow: 0px 0px 10px black;
}

#login:a{
	color: white;
}