/*
	Title:      CSS Grid + Styles
	Author:     Front-end
	Copyright:  Martijn de Valk  All rights resevered
*/

/* =============================================================================
 GRID
================================================================================ */

/* wrapper
============================================================================= */
#wrapper {
	margin:0px;
	padding:0px 0px 30px 0px;
}
/* header
============================================================================= */
#header {
	margin:0px;
	padding:0px;
}
#header .content-header {
	margin:0px auto;
	padding:0px;
	width:960px;
	height:90px;
	background:url(../gfx/dashed-line.gif) repeat-y top left;
}
/* slider
============================================================================= */
#slider {
	background:url(../gfx/slider-repeater.jpg) repeat-x;
}
#slider .content-slider {
	margin:0px auto;
	padding:20px;
	width:920px;
	height:260px;
	background:url(../gfx/dashed-line-trans.png) repeat-y top left;
	position:relative;
}
/* content
============================================================================= */
#content {
	margin:0px auto;
	padding:20px 0px 0px 0px;
	width:960px;
	overflow:hidden;
	background:url(../gfx/dashed-line.gif) repeat-y top left;
	position:relative;
	z-index:10;
}
/* footer
============================================================================= */
#footer {
	margin:-200px 0px 0px 0px;
	padding:0px;
}
#footer .content-footer {
	margin:0px auto;
	padding:0px 0px 25px;
	width:960px;
	height:280px;
	background:url(../gfx/page-peel.jpg) no-repeat top left;
	position:relative;
}

/* =============================================================================
 STYLES
================================================================================ */

/* fonts 
============================================================= */

/* PTSans */
@font-face {
 font-family: 'PTSansItalic';
 src: url('PT_Sans_Italic.eot');
 src: local('PT Sans Italic'), local('PTSans-Italic'), url('PT_Sans_Italic.woff') format('woff'), url('PT_Sans_Italic.ttf') format('truetype'), url('PT_Sans_Italic.svg#PTSans-Italic') format('svg');
}
@font-face {
 font-family: 'PTSansCaptionBoldRegular';
 src: url('../fonts/PT_Sans_Caption_Bold.eot');
 src: local('PT Sans Caption Bold Regular'), local('PTSans-CaptionBold'), url('../fonts/PT_Sans_Caption_Bold.woff') format('woff'), url('../fonts/PT_Sans_Caption_Bold.ttf') format('truetype'), url('../fonts/PT_Sans_Caption_Bold.svg#PTSans-CaptionBold') format('svg');
}
@font-face {
 font-family: 'PTSansNarrowRegular';
 src: url('../fonts/PT_Sans_Narrow.eot');
 src: local('PT Sans Narrow Regular'), local('PTSans-Narrow'), url('../fonts/PT_Sans_Narrow.woff') format('woff'), url('../fonts/PT_Sans_Narrow.ttf') format('truetype'), url('../fonts/PT_Sans_Narrow.svg#PTSans-Narrow') format('svg');
}
@font-face {
 font-family: 'PTSansNarrowBoldRegular';
 src: url('../fonts/PT_Sans_Narrow_Bold.eot');
 src: local('PT Sans Narrow Bold Regular'), local('PTSans-NarrowBold'), url('../fonts/PT_Sans_Narrow_Bold.woff') format('woff'), url('../fonts/PT_Sans_Narrow_Bold.ttf') format('truetype'), url('../fonts/PT_Sans_Narrow_Bold.svg#PTSans-NarrowBold') format('svg');
}
@font-face {
 font-family: 'PTSansRegular';
 src: url('../fonts/PT_Sans.eot');
 src: local('PT Sans Regular'), local('PTSans-Regular'), url('../fonts/PT_Sans.woff') format('woff'), url('../fonts/PT_Sans.ttf') format('truetype'), url('../fonts/PT_Sans.svg#PTSans-Regular') format('svg');
}
@font-face {
 font-family: 'PTSansCaptionRegular';
 src: url('../fonts/PT_Sans_Caption.eot');
 src: local('PT Sans Caption Regular'), local('PTSans-Caption'), url('../fonts/PT_Sans_Caption.woff') format('woff'), url('../fonts/PT_Sans_Caption.ttf') format('truetype'), url('../fonts/PT_Sans_Caption.svg#PTSans-Caption') format('svg');
}
@font-face {
 font-family: 'PTSansBoldItalic';
 src: url('../fonts/PT_Sans_Bold_Italic.eot');
 src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/PT_Sans_Bold_Italic.woff') format('woff'), url('../fonts/PT_Sans_Bold_Italic.ttf') format('truetype'), url('../fonts/PT_Sans_Bold_Italic.svg#PTSans-BoldItalic') format('svg');
}
@font-face {
 font-family: 'PTSansBoldRegular';
 src: url('../fonts/PT_Sans_Bold.eot');
 src: local('PT Sans Bold Regular'), local('PTSans-Bold'), url('../fonts/PT_Sans_Bold.woff') format('woff'), url('../fonts/PT_Sans_Bold.ttf') format('truetype'), url('../fonts/PT_Sans_Bold.svg#PTSans-Bold') format('svg');
}

/* Comforta */
@font-face {
 font-family: 'ComfortaaThin';
 src: url('../fonts/Comfortaa_Thin.eot');
 src: local('Comfortaa Thin'), local('Comfortaa-Thin'), url('../fonts/Comfortaa_Thin.woff') format('woff'), url('../fonts/Comfortaa_Thin.ttf') format('truetype'), url('../fonts/Comfortaa_Thin.svg#Comfortaa-Thin') format('svg');
}
@font-face {
 font-family: 'ComfortaaRegular';
 src: url('../fonts/Comfortaa_Regular.eot');
 src: local('Comfortaa Regular'), local('Comfortaa'), url('../fonts/Comfortaa_Regular.woff') format('woff'), url('../fonts/Comfortaa_Regular.ttf') format('truetype'), url('../fonts/Comfortaa_Regular.svg#Comfortaa') format('svg');
}
@font-face {
 font-family: 'ComfortaaBold';
 src: url('../fonts/Comfortaa_Bold.eot');
 src: local('Comfortaa Bold'), local('Comfortaa-Bold'), url('../fonts/Comfortaa_Bold.woff') format('woff'), url('../fonts/Comfortaa_Bold.ttf') format('truetype'), url('../fonts/Comfortaa_Bold.svg#Comfortaa-Bold') format('svg');
}

/* common 
============================================================= */
html, body {
	background:url(../gfx/background-repeater.jpg) #3b2f2a repeat top left;
	height:100%;
}
body {
	margin:0px;
	padding:0px;
	font-family: 'ComfortaaRegular', sans-serif;
	font-size:13px;
	line-height:20px;
	color:#e5d8d2;
	/*display:none; body fader */
}
::-moz-selection{
	background:#ffa8a2;
	color:#e5d8d2;
}
::selection {
	background:#ffa8a2;
	color:#e5d8d2;
}
code::-moz-selection {
	background: #333333;
}
code::selection {
	background: #333333;
}
a img, img {
	border:none;
}
h1, .h1 {
	font-size:26px;
}
h2, .h2 {
	font-size:24px
}
h3, .h3 {
	font-size:22px
}
h4, .h4 {
	font-size:20px
}
h5, .h5 {
	font-size:18px
}
h6, .h6 {
	font-size:16px
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'PTSansNarrowBoldRegular', sans-serif;
	font-weight:bold;
	line-height:normal;
	color:#CFF09E;
	text-shadow:1px 1px 2px #000;
}
h1, h2, h3, h4, h5, h6, ol, ul, dl, hr, pre, table, address, fieldset, input, caption, legend {
	margin-bottom:5px;
}
p {
	margin-bottom:10px;
}
a {
	text-decoration:none;
	color:#FC9D9A;
}
a:hover {
	border-bottom:1px dashed #ffa8a2;
}
object {
	outline:none;
}
ol, ul, dl {
	margin-left:20px;
}
ol li {
	list-style:decimal outside;
}
ul li {
	list-style:disc outside;
}
optgroup {
	font-weight:normal;
}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:help;
}
em {
	font-style:italic;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
}
th, td {
	padding:2px;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	text-align:center;
}
sup {
	vertical-align:super;
}
sub {
	vertical-align:sub;
}
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
	padding:1px;
}
label {
	cursor:pointer;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
}

/* common trigger classes
============================================================= */
.hide {
	display:none;
}
hr {
	margin:20px 0px;
	border:none;
	height:2px;
	background:url(../gfx/hr.png) repeat-x;
	clear:both;
}
.hr {
	margin:0 auto;
	background:url(../gfx/dashed-line-hor.gif) repeat-x;
	height:1px;
	width:960px;
}
.floatRight {
	float:right;
}
.floatNone {
	float:none;
}
.floatLeft {
	float:left;
}
.clearLeft {
	clear:left;
}
.clearBoth {
	clear:both;
}
.clearRight {
	clear:right;
}
.imgLeft {
	float:left;
	margin:5px 10px 0px 0px;
}
.imgRight {
	float:right;
	margin:5px 5px 0px 10px;
}
.zeromargin {
	margin:0px;
}
.error {
	padding:0px 0px 0px 20px;
	background:url(../gfx/icons/onebit/18/onebit_49.png) no-repeat left center;
}

/* forms
============================================================= */
.contact-form label {
	color:#ffa8a2;
}
.contact-form label span {
	font-style:italic;
	font-size:11px;
	color:#6a615d;
}
.contact-form input, .contact-form textarea {
	padding:5px;
	width:650px;
	height:20px;
	background:none;
	color:#e5d8d2;
	font-family: 'ComfortaaRegular', sans-serif;
	font-size:13px;
	border:1px dashed #6d6460;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
		
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;		
	
}
.contact-form input:focus, .contact-form textarea:focus {
	background:url(../gfx/bg-dark.png) repeat;
}
.contact-form textarea {
	height:100px;
}
.contact-form .submitter, .contact-form .submitter:focus {
	margin:0px;
	padding:0px 0px 0px 20px;
	border:none;
	width:auto;
	height:auto;
	cursor:pointer;
	background:url(../gfx/icons/onebit/18/onebit_41.png) left center no-repeat;
}
.contact-form .submitter:hover {
	color:#ffa8a2;
}
form .row {
	margin-bottom:5px;
}
.errors{
	margin-bottom:10px;
	padding:10px 20px 10px 50px;
	background:url(../gfx/icons/onebit/24/onebit_36.png) 20px 10px no-repeat;
	border:1px dashed red;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;		
	
}
.thx{	
	margin-bottom:10px;
	padding:10px 20px 10px 50px;
	background:url(../gfx/icons/onebit/24/onebit_34.png) 20px 10px no-repeat;
	border:1px dashed green;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;			
	
}

/* buttons
============================================================= */
a.btn {
	height: 23px;
	display: inline-block;
	line-height: 21px;
	padding-right: 10px;
	margin: 0 2px 0 9px;
	font-weight: bold;
	position:relative;
	text-decoration: none;
}
a.btn span {
	height: 23px;
	width:9px;
	display: inline-block;
	margin-left: -9px;
	position: absolute;
	top: 0;
}
span.btn {
	display: inline-block;
	cursor: pointer;
}

/* header
============================================================================= */
#header .content-header .branding {
	padding:20px 0px 0px 20px;
	width:170px;
	height:70px;
	float:left;
}
#header .content-header .branding h1 {
	margin:0px;
	font-size:14px;
	color:#ffa8a2;
	font-family: 'PTSansBoldItalic', sans-serif;
	line-height:normal;
}
#header .content-header .branding h2 {
	margin:0px;
	font-size:30px;
	color:#e5d8d2;
	font-weight:bold;
	line-height:24px;
}
#header .content-header .nav-main {
	width:700px;
	height:90px;
	float:right;
}
#header .content-header .nav-main ul {
	margin:35px 0px 0px 0px;
	float:right;
}
#header .content-header .nav-main ul li {
	float:left;
	height:16px;
	border-right:1px solid #5b504b;
	list-style:none;
	overflow: hidden;
	cursor:pointer;
}
#header .content-header .nav-main ul li.last {
	border:none;
}
#header .content-header .nav-main ul li a, #header .content-header .nav-main ul li span {
	padding:0px 40px;
	font-family: 'PTSansNarrowBoldRegular', sans-serif;
	font-size:20px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:none;
	float:left;
	clear:both;
	color:#e5d8d2;
	line-height:16px;
	overflow:hidden;
	cursor:pointer;
	text-shadow:1px 1px 2px #000;
}
#header .content-header .nav-main ul li span {
	display:none;
	cursor:default;
}
#header .content-header .nav-main ul li.active a, #header .content-header .nav-main ul li.active a:hover, #header .content-header .nav-main ul li a {
	color:#e5d8d2;
}
#header .content-header .nav-main ul li a, #header .content-header .nav-main ul li.active span {
	color:#CFF09E;
}

/* content-slider
============================================================================= */
#slider .content-slider .ribbon {
	width:133px;
	height:82px;
	display:block;
	position:absolute;
	right:13px;
	top:14px;
	text-indent:-9999px;
	z-index:40;
	background:url(../gfx/recent-werk.png) no-repeat;
}
/*
#slider .content-slider .overlay {
	width:918px;
	height:260px;
	display:none;
	position:absolute;
	left:20px;
	top:20px;
	z-index:35;
	background:url(../gfx/overlay-work.png) no-repeat;
}
*/
#slider .content-slider .overlay-left,
#slider .content-slider .overlay-right{
	width:8px;
	height:8px;
	display:block;
	position:absolute;
	z-index:35;	
}
#slider .content-slider .overlay-left{
	left:20px;
	bottom:18px;
	background:url(../gfx/overlay-left.png) no-repeat;		
}
#slider .content-slider .overlay-right{
	right:20px;
	top:20px;
	background:url(../gfx/overlay-right.png) no-repeat;	
}
#easy-slider {
	overflow:hidden;
	height:260px;
	position:relative;
	z-index:15;
	border:1px solid #6d6460;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;	

}
#easy-slider ul, #easy-slider li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#easy-slider li a {
	position:relative;
	z-index:10;
	border:none;
}
#easy-slider li {
	width:918px;
	height:260px;
}
#prevBtn, #nextBtn {
	display:block;
	position:absolute;
	z-index:40;
}
#prevBtn, #nextBtn {
	top:122px;
}
#prevBtn {
	left:20px;
}
#nextBtn {
	right:20px;
}
#prevBtn a, #nextBtn a {
	display:block;
	position:relative;
	text-indent:-9999px;
	border:none;
}
#prevBtn a, #nextBtn a {
	width:31px;
	height:42px;
}
#prevBtn a {
	background:url(../gfx/btn-prev.png) no-repeat;
}
#nextBtn a {
	background:url(../gfx/btn-next.png) no-repeat;
}
#prevBtn a:hover, #nextBtn a:hover {
	background-position:bottom left;
}

/* content > content-main
============================================================================= */
#content .content-main {
	padding:0px 20px;
	width:660px;
	float:left;
}
#content .content-main .h1{
	color:#ffa8a2;
}
#content .content-main .box-portfolio {
	margin-bottom:20px;
	padding:10px;
	border:1px dashed #6d6460;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;	
	
	background:url(../gfx/bg-dark.png) repeat;
	width:640px;
	height:180px;
	position:relative;
}
#content .content-main .box-portfolio hr{
	clear:none;
}
#content .content-main .box-portfolio .picture-frame {
	margin-right:20px;
	padding:14px 0px 0px 12px;
	width:224px;
	height:170px;
	background:url(../gfx/picture-frame.png) no-repeat;
	float:left;
}
#content .content-main .box-portfolio h3 {
	margin:0px;
}
#content .content-main .box-portfolio hr {
	margin:0px 0px 5px 0px;
}
#content .content-main .box-portfolio h4.h6 {
	font-family: 'PTSansNarrowRegular', sans-serif;
	font-weight:normal;
	color:#e5d8d2;
}
#content .content-main .box-portfolio ul {
	margin:0px;
	padding:0px;
	float:left;
}
#content .content-main .box-portfolio ul li {
	margin:0px;
	padding:0px 0px 0px 24px;
	list-style:none;
	background:url(../gfx/icons/onebit/18/onebit_34.png) left center no-repeat;
}
#content .content-main .box-portfolio a.visit {
	padding:0px 0px 0px 24px;
	background:url(../gfx/icons/onebit/18/onebit_27.png) 0px 2px no-repeat;
	position:absolute;
	right:20px;
	bottom:20px;
	color:#ffa8a2;
	border:none;
}
#content .content-main .box-portfolio a.visit:hover {
	background-position:2px 2px;
	color:#FC9D9A;
}
#content .content-main .pager {
	margin:0px auto;
	width:200px;
	text-align:center;
	position:relative;
}
#content .content-main .pager a.next, #content .content-main .pager a.prev {
	width:7px;
	height:11px;
	display:block;
	position:absolute;
	border:none;
	text-indent:-9999px;
	top:9px;
}
#content .content-main .pager a.next {
	background:url(../gfx/arrow-next.png) no-repeat;
	right:0px;
}
#content .content-main .pager a.nr {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#e5d8d2;
	border:none;
	display:inline-block;
	background:url(../gfx/bg-paging.png) top left no-repeat;
	text-align:center;
}
#content .content-main .pager a.nr:hover {
	color:#6d6460;
}
#content .content-main .pager a.nr.active, #content .content-main .pager a.nr:hover {
	background-position:bottom left;
}
#content .content-main .pager a.nr.active:hover {
	color:#e5d8d2;
}
#content .content-main .pager a.prev {
	background:url(../gfx/arrow-prev.png) top left no-repeat;
	left:0px;
}
#content .content-main .pager a.next:hover, #content .content-main .pager a.prev:hover, #content .content-main .pager a.next.disable, #content .content-main .pager a.prev.disable {
	background-position:bottom left;
}
#content .content-main .cv {
	overflow:hidden;
}
#content .content-main .cv .col1 {
	padding-top:5px;
	width:200px;
	float:left;
}
#content .content-main .cv .col2 {
	padding-top:5px;
	width:460px;
	float:right;
	position:relative;
}
#content .content-main .cv .col1 h2 {
	font-family: 'PTSansBoldItalic', sans-serif;
}
#content .content-main .cv .col2 span {
	position:absolute;
	right:0px;
	top:0px;
	padding:6px 10px;
	border:1px dashed #6d6460;
	color:#e5d8d2;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;			
		
	background:url(../gfx/bg-dark.png) repeat;
	display:block;
	line-height:normal;
	font-size:10px;
	text-transform:uppercase;
}
#content .content-main .cv .col2 h3 {
	margin:0px;
}
#content .content-main .cv .col2 h4 {
	margin-bottom:10px;
	font-family: 'PTSansItalic', sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:14px;
	color:#ffa8a2;
}
#content .content-main .cv .col2 h4 a{
	color:#ffa8a2;
}
#content .content-main .content-contact {
	margin-bottom:20px;
}
#content .content-main .content-contact .vcard {
	padding:0px 0px 0px 22px;
	display:inline-block;
	background:url(../gfx/icons/onebit/18/onebit_53.png) no-repeat 0px 0px;
}
#content .content-main .content-contact .vcard:hover {
	border:none;
	background:url(../gfx/icons/onebit/18/onebit_53.png) no-repeat 2px 0px;
}
#content .content-main .content-favs {
	margin-bottom:20px;
	overflow:hidden;
}
#content .content-main .content-favs ul {
	margin:0px 20px 0px 0px;
	padding:0px;
	width:206px;
	float:left;
}
#content .content-main .content-favs ul li {
	padding:5px 0px 5px 24px;
	background:url(../gfx/icons/onebit/18/onebit_27.png) 0px 5px no-repeat;
	list-style:none;
	border-bottom:1px dashed #5b504c;
}
#content .content-main .content-favs ul li:hover {
	background-position:2px 5px;
	border-bottom:1px dashed #ffa8a2;
}
#content .content-main .content-favs ul li a {
	border:none;
}
#content .content-main .content-favs ul.favs3 {
	margin-right:0px;
}
#content .content-main .tweet {
	margin-bottom:80px;
	color:#e5d8d2;
	border:1px dashed #6d6460;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;		
	
	background:url(../gfx/bg-dark.png) repeat;
	position:relative;
	padding:10px 20px 20px 20px;
}
#content .content-main .tweet h4{
	margin:0px;
}
#content .content-main .tweet .bird{
	position:absolute;
	bottom:-65px;
	left:-20px;
}
#content .content-main .tweet .tweet_list {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#content .content-main .tweet .tweet_list li {
	overflow: auto;
}
#content .content-main .tweet .tweet_list li a,
#content .content-main .tweet .tweet_list li a:hover{
	color:#e5d8d2;
	font-weight:bold;
	border:none;
}
#content .content-main .tweet .tweet_list li span.tweet_text a{
	text-decoration:none;
	color:#ffa8a2;
	font-weight:normal;
}
#content .content-main .tweet .tweet_list li span.tweet_text a:hover {
	border-bottom:1px dashed #ffa8a2;
}
#content .content-main .tweet .tweet_list .tweet_avatar {
	padding-right: 10px;
	float: left;
}
#content .content-main .tweet .tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/* content > content-side
============================================================================= */
#content .content-side {
	margin-right:20px;
	margin-bottom:120px;
	width:240px;
	float:right;
}
#content .content-side .box-sidebar{
	margin-bottom:20px;
	padding:20px;	
	background:url(../gfx/bg-dark.png) repeat;
	overflow:hidden;
	
	border:1px dashed #6d6460;
	
	-khtml-border-radius-topleft: 0px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomleft: 8px;	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 8px;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 8px;		

}
#content .content-side .flickr {
	color:#0063DC;
}
#content .content-side .flickr strong {
	color:#FF0084;
}
#content .content-side #flickr {
	margin:10px 0px;
	padding:0px;
	width:210px;
	height:130px;
	line-height:normal;
}
#content .content-side #flickr li {
	margin:0px 10px 10px 0px;
	padding:0px;
	width:60px;
	height:60px;
	float:left;
	list-style:none;
}
#content .content-side #flickr a {
	width:60px;
	height:60px;
	display:inline-block;
	position:relative;
	border-bottom:none;
}
#content .content-side #flickr img {
	width:60px;
	height:60px;
	border:none;
}
#content .content-side #flickr a span.overlay {
	width:60px;
	height:60px;
	display:block;
	background:url(../gfx/overlay-flickr-photo.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}
#content .content-side #flickr a:hover span.overlay {
	background-position:0px -60px;
}
#content .content-side .network {
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#content .content-side .network li {
	margin:0px 25px 15px 0px;
	padding:0px;
	list-style:none;
	float:left;
	width:48px;
	height:48px;
}
#content .content-side .network li.last {
	margin-right:0px;
}
#content .content-side .network li a {
	width:48px;
	height:48px;
	display:inline-block;
	position:relative;
	border-bottom:none;
}
#content .content-side .network li a img{
	width:48px;
	height:48px;
	display:block;
}
#content .content-side .network li a span.overlay {
	display:none;
}
#content .content-side .network li:hover a span.overlay {
	display:block;
	width:48px;
	height:48px;
	background:url(../gfx/over-network-icon.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}
#content .content-side .icon-cv {
	background:url(../gfx/icons/onebit/24/onebit_39.png) 0px 3px no-repeat;
	padding:0px 0px 0px 30px;
}
#content .content-side .books {
	margin:0px;
	padding:0px;
}
#content .content-side .books li {
	margin:0px 8px 15px 0px;
	padding:0px;
	list-style:none;
	float:left;
	width:60px;
	height:75px;
}
#content .content-side .books li.last {
	margin-right:0px;
}
#content .content-side .books li a {
	width:60px;
	height:75px;
	display:inline-block;
	position:relative;
	border-bottom:none;
}

/* footer
============================================================================= */
#footer .content-footer p {
	margin:0px;
	position:absolute;
	bottom:0px;
	text-align:center;
	width:960px;
	color:#5B504B;
}
#footer .content-footer p a{
	color:#5B504B;
}
#footer .content-footer p a:hover{
	border-bottom:1px dashed #5B504B;
}
#footer .content-footer a.top {
	padding:3px 14px 0px 0px;
	height:21px;
	font-family: 'PTSansNarrowBoldRegular', sans-serif;
	font-weight:bold;
	position:absolute;
	right:86px;
	top:168px;
	color:#5B504B;
	font-size:15px;
	border:none;
	background:url(../gfx/top.png) right top no-repeat;
	z-index:10;
}
#footer .content-footer a.top:hover {
	background-position:right bottom;
	color:#271E1A;
}