/*
Theme Name: Ribbons
Theme URI: http://prowseed.com/
Description: Maciej Kwas online portfolio
Version: 9.0
Author: Maciej Kwas
Author URI: http://prowseed.com/

*/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;list-style: none;}

body{font: 11px Verdana,Helvetica,Arial;text-align:left; background: #fdfdfd url(graf/bg.jpg) repeat-x;}
:focus {outline: 0;}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('BebasNeue'), url('BebasNeue-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*----- HEADER -----*/
#wrap_header{
	width:100%;	margin:0 auto; height:721px; background: url(graf/bgtop.png) top center no-repeat;
	}
#header {
	width:980px;height:721px; margin:0 auto;position:relative; background: url(graf/ribbontop.png) top left no-repeat;
	}
#header .logo {
	position: absolute;left:80px;top:38px;display:block;
	}
#header #blog {
	position: absolute;left:366px;top:38px;display:block; width: 139px;height: 61px;background: url("graf/blog.png") no-repeat 0 0;
	}
#header #blog:hover {
	background-position: 0 -61px;
	}
#blog span {
	display: none;
	}
.linetop {
	position:absolute; top:113px;left:40px; background: url("graf/line1.png") top left no-repeat; width:900px;height:10px;
	}
.hello {
	position:absolute; top:144px;left:80px; background: url("graf/hello.png") top left no-repeat; width:768px;height:81px;
	}
.ribbontopwhite {
	position:absolute; top:80px;right:0px; background: url("graf/ribbontopwhite.png") top left no-repeat; width:245px;height:301px;
	}
#quote {
	position:absolute; top:616px;left:40px; background: url("graf/line2.png") no-repeat;width:800px; padding:20px 20px 40px 60px; font: 18px/24px 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0.05em; color:#b2b1ae; text-shadow: 1px 1px 1px #fff;z-index:3;
	}
#quote span {
	position:absolute; bottom:20px; right:80px;font: 12px Georgia, "Times New Roman", Times, serif;letter-spacing:0; font-style:italic;
	}
.ribbonquote {
	position:absolute;bottom:-48px;right:0px;z-index:2;
	}
h1 {
	font: 60px/68px 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;color:#ff441f;text-shadow: 1px 1px 1px #fff;
	}
p.bebas {
	font: 21px/28px 'BebasNeueRegular', Arial, sans-serif;color:#94948c;margin-right:80px;text-shadow: 1px 1px 1px #fff;letter-spacing:0.02em;z-index:9;
	}
p.bebas a {
	text-decoration:none; color:#5ad3b2;
	}
p.bebas a:hover {
	color:#ff441f;
	}
#slider {
	position:relative;
	background:url(images/loading.gif) no-repeat 50% 50%; 
	width: 798px;
	height: 258px;
	}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
#slider a{
	display:block;
	}
#ramka {
	position:absolute;
	top:260px;
	left:80px;
	width:820px;
	height:280px;
	background:url(graf/work.png) top left no-repeat;
	}




/*----- CONTENT -----*/
#wrap_content{
	width:100%;	margin:0 auto;background: #fdfdfd url(graf/bgnoise.jpg);
	}
#wrap_content #content{
	width:980px; margin:0 auto;background: url(graf/line1.png) no-repeat top center;position:relative;z-index:1;height:400px;
	}
.myself {
	float:left;
	margin:50px 50px 0 80px;
	width:206px;
	height:258px;
	background: url(graf/myself.jpg);
	}
#content p {
	font: 16px/26px Georgia, "Times New Roman", Times, serif;color:#94948c;margin-right:80px;text-shadow: 1px 1px 1px #fff;letter-spacing:0.02em;z-index:9;
	}
#content p a {
	text-decoration:none; color:#5ad3b2;
	}
#content p a:hover {
	color:#ff441f;
	}
.myself img {
	margin:11px;
	z-index:1;
	}
.about {
	padding:60px 0 40px 0;
	}
.ribbonbio {
	position:absolute;bottom:16px;left:40px;z-index:2;
	}
.ribbonbiodwa {
	position:absolute;bottom:16px;left:0px;z-index:3;
	}


/*----- CONTACT -----*/
#wrap_contact{
	width:100%;	margin: 0 auto;background: #fdfdfd url(graf/bgnoise.jpg);
	}
#wrap_contact #contact{
	width:980px; margin:0 auto;position:relative;height:140px;/*background: url(graf/line1.png) bottom center no-repeat;*/
	}
#contact h3 {
	font: 40px/48px 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;color:#b4b4ac;text-shadow: 1px 1px 1px #fff;margin-left:120px;padding-top:20px;
	}
#contactme {
	position: absolute;right:120px;top:10px;display:block; width: 250px;height: 68px;background: url("graf/contact.png") no-repeat 0 0;
	}
#contactme:hover {
	background-position: 0 -79px;
	}
#contactme span {
	display: none;
	}
	
	
/*----- CLIENTS -----*/
#wrap_clients{
	width:100%;	margin: 0 auto;background: #fdfdfd url(graf/bgnoise.jpg);
	}
#wrap_clients #clients{
	width:980px; margin:0 auto;position:relative;
	}
.clientstitle {
	margin:0 auto;
	padding-top:40px;
	text-align:center;
	font: 18px/24px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 0.05em;
	color:#b2b1ae;
	text-shadow: 1px 1px 1px #fff;
	}
.clientsframe {
	position:relative;
	margin:20px auto 0 auto;
	width:820px;
	height:280px;
	background:url(graf/work.png) top left no-repeat;
	text-align:center;
	}
.clientsframe img {
	padding:40px;
	vertical-align:middle;
	}


/*----- INFO -----*/
#wrap_info{
	width:100%;	margin: 0 auto;background: url(graf/footer.jpg) repeat-x;
	}
#wrap_info #info{
	width:980px; margin:0 auto;position:relative;height:213px;
	}
#info p {
	margin-left:80px;
	padding-top:70px;
	font: 12px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	color:#666;
	text-shadow: 1px 1px 1px #fff;
	}
#info p a {
	color:#666;
	}
#info p a:hover {
	color:#ff441f;
	}
.clear{
	font-size:0px; line-height:0px; clear:both;
	}
.clearboth{
	clear:both;
	}