@charset "UTF-8";

/*Reset*/

body {
	margin:0px;
	padding:0px;
	background:#fcfcfc;
}
body  
{  
line-height: 1;  
}  
  
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  
{  
margin: 0; padding: 0; border: 0; outline: none;
font-family: Arial, Helvetica, sans-serif;

} 

h1, h2, h3, h4, h5, h6 {  
font-size: 100%;  
padding: .6em 0;
margin: 0px;
}  

h1,
h1 a {
	font-size:30px;
}

h2,
h2 a {
	font-size:24px;
}

h3,
h3 a {
	font-size:18px;
}

h4,
h4 a {
	font-size:16px;
}

h5,
h5 a {
	font-size:14px;
	margin-bottom:10px;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
	font-family: Georgia, serif;
	font-style:italic;
	font-weight:bold;
	color:#4d4d4d;
	text-shadow:0px 1px 0px #fefdf8;
}

p {
	font-size:14px;
	color:#4d4d4d;
	padding-bottom:20px;
	line-height:24px;
	text-shadow:0px 1px 0px #fefdf8;
}
  
ul, ol {  
	list-style: none;
}  

img {
	padding:10px;
	border:10px solid #eee;
}
  
a {
	font-size:14px;
	text-decoration: none;
	color:#333;
} 

a:hover {
	text-decoration:underline;
}
  
.floatLeft  
{  
float: left;  
padding: .5em .5em .5em 0;  
}  
  
.floatRight  
{  
float: right;  
padding: .5em 0 .5em .5em;  
}  

ul li {
	color:#4d4d4d;
	text-shadow:0px 1px 0px #fefdf8;
	line-height:24px;
	font-size:14px;
}

ul li a.name {
	color:#4d4d4d;
}

.clear {
	clear:both;
}

p.code {
	border:3px dashed #e3dfcd;
	font-size:12px;
	color:#777;
	overflow:hidden;
	padding:10px 15px 10px 15px;
	margin-bottom:20px;
}

/*Head*/

.container {
	width:960px;
	margin:0 auto;
	position:relative;
}

#main {
	background:url(../../images/bg.jpg) repeat-x;
}

#main .container {
	background:url(../../images/refine-bg.jpg) repeat-x;
	height:210px;
}

#preamble {
	background:#eee;
}

#preamble .container {
	background:#eee;
	height:200px;
}

#logo {
	padding-top:57px;
	width:370px;
	margin:0 auto;
	position:relative;
}

#logo img {
	padding:0;
	background:none;
	border: 0;
}

#logo h1, #logo small {
	display:block;
	text-indent:-9999px;
	margin:0;
	display:none;
}

.sub-heading {
	padding-top: 15px;
	width: 370px;
	height: 14px;
	margin: 0 auto;	
	text-align: center;
	color:#e1e1e1;
	font-family: Georgia, serif;
	font-style:italic;
	font-size:11px;
}

#meta {
	width:330px;
	float:left;
	margin-right:30px;
	margin-top:22px;
	border-right:3px dotted #aaa;
	padding:30px 0px 30px 0px;
}


ul#meta-list li {
	color:#4d4d4d;
	line-height:24px;
	text-shadow:0px 1px 0px #fefdf8;
}

ul#meta-list li span {
	color:#777;
}

#message {
	padding-top:34px;
	width:560px;
	float:left;
	margin-left:35px;
}

#message h2 {
	color:#555;
}

ul#menu {
	margin-top:30px;
}

ul#menu li {
	float:left;
	margin-right:50px;
	line-height:36px;
	color:#4d4d4d;
}

ul#menu li a {
	color:#4d4d4d;
	text-shadow:0px 1px 0px #fefdf8;
}

ul#menu li span {
	color:#0093fd;
	font-weight: bold;
}

#table-of-contents {
	margin-bottom:40px;
	overflow:hidden;
}

.separator {
	clear:both;
	background:none;
	border-bottom: 2px solid #eee;
	margin-bottom:50px;
}

.separator h3 {
	text-align:center;
	display:block;
	background:#eee;
	width:250px;
	margin:0 auto;
	position:relative;
}

.separator-small {
	clear:both;
	background:#eee;
	height:3px;
	margin-bottom:50px;
}

/*Content*/

.block {
	margin-bottom:50px;
}

.screen {
	float:left;
	margin-right:30px;
	overflow:hidden;
	margin-bottom:50px;
}

.sidebar {
	width:217px;
	float:left;
	margin-right:0px;
}

.sidebar-block {
	margin-bottom:20px;
}

.sidebar-block p,
.sidebar-block-last p {
	font-size:12px;
}

ul.sidebar-list li {
	border-bottom:1px solid #e9e9e9;
}

ul.sidebar-list li a,
ul.sidebar-list li {
	color:#7b7b7b;
	font-size:12px;
	line-height:36px;
	display:block;
	text-decoration:none;
}

ul.sidebar-list li a:hover {
	color:#cf6458;
}

/*Footer*/

#social-links {
	width:100px;
	margin:0 auto;
	position:relative;
	padding-bottom:30px;
}

#social-links ul li {
	float:left;
	margin-right:15px;
}

#social-links ul li a {
	text-indent:-9999px;
	display:block;
}

.fb {
	background:url(../../images/facebook.png) no-repeat;
	width:34px;
	height:34px;
}

.fb:hover {
	background:url(../../images/facebook-hover.png) no-repeat;
	width:34px;
	height:34px;
}

.tw {
	background:url(../../images/twitter.png) no-repeat;
	width:34px;
	height:34px;
}

.tw:hover {
	background:url(../../images/twitter-hover.png) no-repeat;
	width:34px;
	height:34px;
}