/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Web Fonts */
@font-face { font-family: Keffeesatz; src: url('YanoneKaffeesatz-Light.woff') format('woff'), url(YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzRegular; src: url('YanoneKaffeesatz-Regular.woff') format('woff'), url(YanoneKaffeesatz-Regular.otf) format("opentype"); }
@font-face { font-family: KeffeesatzBold; src: url('YanoneKaffeesatz-Bold.woff') format('woff'), url(YanoneKaffeesatz-Bold.otf) format("opentype"); }

/* Body and Wrapper */
body {
	font-family: Keffeesatz, Arial; 
	background: url(../images/bg_brick.jpg) center fixed;
	font-size: 22px;
	color: #4b4b4b; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.wrapper {
	margin-left: auto;
    margin-right: auto;
	width: 1000px;
	-webkit-box-shadow: 0 0 5px 5px rgba(75,75,75,0.25);
	-moz-box-shadow: 0 0 5px 5px rgba(75,75,75,0.25);
	box-shadow: 0 0 5px 5px rgba(75,75,75,0.25);
	padding: 25px;
	background: rgba(255, 255, 255, 0.75);
}
article{margin-bottom: 1000px;} /* Blank Space Between The Articles */

/* Typography */
h1 { font-size: 50px; }
h2 { font-size: 45px; }
h3 { font-size: 40px; }
h4 { font-size: 35px; }
h5 { font-size: 30px; }
h6 { font-size: 25px; }

h1, h2, h3, h4, h5, h6 { 
	color:#0099ff;  
	font-family: KeffeesatzBold, Arial; 
}

strong {
	font-family: KeffeesatzRegular, Arial;
	letter-spacing: 1px;
}

a {
	color:#0099ff;  
	font-family: KeffeesatzBold, Arial; 
	text-decoration: none;
	letter-spacing: 2px;
}

a:hover {
	text-decoration:underline;
}	

header h1 {
	padding-top: 20px;
	font-family: KeffeesatzBold;
	font-size: 60px;
	color:#0099ff;
	text-align:center;
}

/* General Styling */
span.dropcap { 
	font-size: 300%; 
	font-weight: bold; 
	float: left; 
	position: relative; 
	margin:5px 7px 0 0; 
	line-height: 0.5em; 
}

.left{
	float:left;
}

.right{
	float: right;
}	

.slider {
	width: 100%;
	height: 500px;
	border: 0px;
	
}

.intro {
	font-size: 30px;
	text-align:center;
}

.home1 {
	float:left;
	font-size: 40px;
}

.home2 {
	float:right;
	font-size: 40px;	
}

.title {
	font-family: KeffeesatzBold;
}

.hide {
	visibility:hidden;
}



/* Navigation */
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.75) ;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .home a{
    background-image: url(../images/home.png);
}
ul#navigation .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .projects a      {
    background-image: url(../images/search.png);
}
ul#navigation .blog a   {
    background-image: url(../images/rss.png);
}
ul#navigation .download a   {
    background-image: url(../images/download.png);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}