/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

/* FONT FACE */

@font-face {
	font-family: 'Caviar Dreams Regular';
	src: url('/theme/4bc93976dabe9d503f000008/media/CaviarDreams.eot');
	src: local('Caviar Dreams Regular'), local('CaviarDreams'), url('/theme/4bc93976dabe9d503f000008/media/CaviarDreams.ttf') format('truetype');
}

body {
	background: #666;
	font-family: 'Caviar Dreams Regular';
	font-weight: bold;
}

div#dust { width: 100%; position:fixed; top:0; left: 0; background: #eee;}
div#dust p { text-align:center; width: 75%; margin: 0 auto; padding: 2px; font-weight: bold; color: #041626; text-shadow: 0 1px 1px #fff;}

.clear { clear: both; }

img { border: none; outline: none; }

ul { margin: 0; padding: 0; }

h1 {
	font-family: 'Caviar Dreams Regular';
	font-size: 60px;
	color: #1a1a1a;
	text-shadow: 0 1px 1px #999;
}

a { text-decoration: none; color: #222; text-shadow: 0 1px 1px #999; }
a:hover { text-shadow: 0 0 20px #fff; color: #000 }

header {
	position: relative;
	top: 100px;
	left: 480px;
	width: 645px;
	text-align: center;
}

header h1 { font-size: 63px; }

nav {
	position: relative;
	top: 145px;
	left: 480px;
	width: 650px;
	text-align: center;
}

nav ul { text-align: center; margin: 0; padding: 0;}
nav ul li { text-align: center; display: inline-block; list-style: none;}
nav ul li a:hover { text-shadow: 0 0 20px #fff; }
nav ul.level-1 li { margin: 0 38px; }
nav ul.level-1 li:first-of-type {margin-left: 0;}
nav ul.level-1 li:last-of-type {margin-right: 0}
nav ul.level-2 li { margin: 0 12px; }
nav ul.level-2 li:first-of-type {margin-left: 0;}
nav ul.level-2 li:last-of-type {margin-right: 0}
nav ul.level-1 li a {
	font-size: 50px;
	color: #222;
	text-shadow: 0 1px 1px #999;
}
nav ul.level-1 li a:hover { text-shadow: 0 0 20px #fff;}
nav ul.level-2 li a {
	font-size: 18px;
	color: #222;
	text-shadow: 0 1px 1px #999;
}
nav ul.level-2 li a:hover { text-shadow: 0 0 20px #fff;}

section#connect-links {
	position: relative;
	top: 250px;
	left: 480px;
	width: 620px;
	text-align: center;
}

section#connect-links ul li { display: inline-block; list-style: none; text-align: center; margin: 0 20px;}
section#connect-links ul li:first-of-type { margin-left: 0; }
section#connect-links ul li:last-of-type { margin-right: 0; }

section#connect-links ul li img {
	filter:alpha(opacity=30);
	-moz-opacity: .30;
	-webkit-opacity: .30;
	opacity: .30;
}

section#connect-links ul li img:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	opacity: 1.0;
	cursor: pointer;
}

footer {
	width: 400px;
	position: fixed;
	bottom: 0;
	z-index: 9999;
}

footer img { position: relative; left: -20px; bottom: -30px;}


/* BLOG STYLING */

section.blog-main h1#blog-title { text-align: center; }
section.blog-main div.post { 
  width: 600px; 
  float: right; 
  position: relative; 
  right: 100px; 
  margin-left: 400px; 
  padding-bottom: 20px;
  border-bottom: 1px inset #222;
}
aside#blog-archives {
  width: 600px; 
  float: right; 
  position: relative; 
  right: 100px; 
  margin-left: 400px; 
}

ul#blog-archive-list { padding-left: 15px; }
ul#blog-archive-list li { list-style: none;}

section.blog-main div.post h2 a { color: #000; }
section.blog-main div.post p { color: #000; }
section.blog-main section.projects { width: 700px; float: right; margin-right: 100px; }
section.blog-main section.projects div.project { float: left; margin-right: 30px; margin-bottom: 30px;}

section.blog-main section.projects div.project a { display: inline-block;}
section.blog-main section.projects div.project a img {
  filter:alpha(opacity=40);
  -moz-opacity: .40;
  -webkit-opacity: .40;
  opacity: .40;
  padding: 5px;
  background: #454545;
  
}
section.blog-main section.projects div.project a img:hover {
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  opacity: 1.0;
  cursor: pointer;
}

div#screencap a img { padding: 5px; background: #454545; }
section.blog-main section.posts { float: right; width: 700px;margin-right: 100px;}


section#post-category { position: fixed; top: 50px; left: 130px; min-height: 500px; text-align: center; }
section#post-category h1.post-category { margin: 0; }
section#post-category h1.post-category a { text-shadow: 0 0 20px #fff;}

section.blog-article {
  width: 650px;
  float: right;
  margin-right: 50px
}

section.blog-article { color: #000; }

section.blog-article ul { padding-left: 15px; }
section.blog-article ul li { margin: 10px 0 15px; }

section.blog-article h2 {
  font-size: 30px;
  color: #000;
  text-shadow: 0 1px 1px #999;
}

section.blog-article h3 {
  font-size: 20px;
  color: #000;
  text-shadow: 0 1px 1px #999;
}

section.blog-article dd, section.blog-article dt { float: left;}
section.blog-article dd { margin-left: 10px; }

aside.post-navigation { width: 650px; float: right; margin-right: 50px; }

#idc-container-parent { width: 80%; }
#idc-container-parent a { color: #000; }