/*
	Theme Name: MXnet splash page
	Author: grzegorz.okonski@gmail.com
*/
@CHARSET "UTF-8";

abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
address, cite, q, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1.2; }
a, ins, del { text-decoration:none }
q, blockquote { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }
th, td {  vertical-align: top; }
th { text-align: left; }
button, input, select, textarea { font: inherit; }
pre, code, var, samp, kbd { font-family: monospace, sans-serif; }

/* -------------------------- 
	default 
-------------------------- */
body { font:normal 12px/1.4 verdana, tahoma, sans-serif; background:#fff; color:#fff; }
:focus { outline:none; }
article ul { margin:3px 0 3px 25px; }
article h4 { padding:10px 0 4px; }
article p { padding-bottom:8px; }
article a { color:#A61A3D; text-decoration:underline; }

/* -------------------------- 
	forms
-------------------------- */
form input, 
form textarea { background:#222; border:0; padding:10px; width:240px; color:#666; }
form input:focus, 
form textarea:focus { color:#fff; }
form p { padding-bottom:1px !important; }
form textarea { height:100px; }
form button { float:right; color:#fff; background:#b4183e; border:1px solid #9d3a3a; box-shadow:1px 1px 1px #222; display:block;  width:60px; padding:4px; }

/* -------------------------- 
	layout 
-------------------------- */
#tags,
#projects ul { font-family: 'Josefin Sans'; }

#top { background:#222; border-bottom:1px solid #000; }
#top header { padding:10px 0 10px 60px; }

#intro { background:#611427; border-bottom:1px solid #fff; }
#intro section { background:url(images/intro-bg.png) top left no-repeat; padding:25px 0; height:280px; }

	#tags { width:360px; line-height:1; text-align:center; }
	#tags li { display:inline; padding:2px; vertical-align:middle; }
	#tags .x { font-size:26px; }
	#tags .xx { font-size:38px; }
	#tags .xxx { font-size:54px; }

	#slider { position:absolute; right:45px; top:50px; }

#main { background:#303030; border-bottom:1px solid #5a5a59; padding:20px 0 50px 0; }
#main header { color:#777; background:url(images/circle.png) left top no-repeat; padding:5px 0 5px 65px; min-height:50px; height:auto !important; height:50px; margin-bottom:10px; }
#main header h4 { color:#fff; font-size:16px; }

	#projects { width:440px; }
	#projects ul { float:left; width:220px; font-size:20px; }
	#projects li { display:block; clear:both; }
	#projects a { background:#222; color:#ddd; float:left; display:block; padding:5px 10px; margin-bottom:2px; text-decoration:none; }
	#projects a:hover { color:#fff; background:#611427; }
	
	#news { margin:0 30px; width:290px; }
	#news li { display:block; padding:10px; background:#222; margin-bottom:2px; position:relative; }
	#news li time { line-height:1; padding:5px; width:30px; display:block; text-align:center; float:left; background:#A11A3B; color:#eee; }
	#news li a { color:#fff; }
	#news li div { margin-left:50px; }
	#news li small { display:block; font-size:13px; }
	#news li h3 { display:inline; }
	#news li p { font-size:13px; color:#aaa; padding-top: 5px;}

	#share { width:170px; }
	#share li { list-style:none; }
	#share a { display:block; text-indent:-9999px; width:50px; height:50px; margin-top:10px; margin-left: 60px; }
	#share #share-twitter a { background:url(images/twitter.png) no-repeat; }
	#share #share-facebook a { background:url(images/facebook.png) no-repeat; }
	#share #share-google a { background:url(images/google.png) no-repeat; }
	
footer { background:#000; color:#666; padding:30px 0 40px; }
	footer .copyrights { float:right; width:200px; text-align:right; }
	footer .vcard { float:left; width:700px; color:#fff; }
	footer .vcard a { color:#fff; }

	#parp { font-family:tahoma, arial, serif; border-top:1px solid #777; }
	#parp div { background:url(images/parp.gif) right center no-repeat; padding:30px 0; color:#999; font-size:12px; }

/* -------------------------- 
	specific
-------------------------- */
#news li:after,
.columns:after,
.wrap:after { content:"\0020"; display:block; height:0; overflow:hidden; clear:both; }

#news li,
.columns,
.wrap { zoom:1; }

/* -------------------------- 
	grid
-------------------------- */
.wrap { width:960px; margin:0 auto; position:relative; display:block; }
#main section { float:left; }

/* -------------------------- 
	widgets
-------------------------- */
.bx-next { position:absolute; top:40%; right:-45px; z-index:999; width: 40px; height: 40px; text-indent: -999999px; background: url(images/next.png) no-repeat; }
.bx-prev { position:absolute; top:40%; left:-45px; z-index:999; width: 40px; height: 40px; text-indent: -999999px; background: url(images/prev.png) no-repeat; }