@media all {
/* Reset */
blockquote,body,div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
address,dl,fieldset,p,pre,ul,ol,table {margin:0 0 12px;}
ul,ol,dd {margin-left:20px;}
td ul,td ol {margin-left:15px;}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {margin-bottom:0;}
blockquote {
	margin:1em 40px;
	font-style:italic;
}
dt {font-weight:bold;}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table,th,td {border:1px solid #999;}
th,td {
	vertical-align:top;
	padding:2px 3px;
}
th {
	font-weight:bold;
	text-align:left;
}
thead th {
	background:#333;
	color:#fff;
}
img {
	border:none;
}
html,body {
	background:#fff;
	color:#222;
}
html {font:76%/1 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
body {
	background: #fff url(/gfx/curtain2.jpg) repeat-x; 
	font-size:1.1em;
	line-height:1.4em;
}
code,
pre {font-family:Monaco, Courier, "Courier New", Tahoma;}
h1,h2,h3,h4,h5,h6 {	
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:1em 0 0.2em;
	color:#600;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {margin-top:0;}
h1 {
	font-size:2.3em;
	line-height:1.1em;
}
h2 {
	font-size:1.7em;
	line-height:1.25em;
}
h3 {
	font-size:1.4em;
	line-height:1.3em;
}
h4 {font-size:1.2em;}
h5,
h6 {
	font-weight:bold;
	font-size:1em;
}
legend {
	color:#333;
	white-space:normal;
}
a:link {color:#900;}
a:visited {color:#700;}
a:link:hover,
a:focus,
a:active {color:#500;}

/* Global */
 
/* Easy clearing of floats (http://positioniseverything.net/easyclearing.html) */
.cf:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:" ";
	font-size:0;
}
.structural,
.structural * {
	position:absolute;
	left:-9999px;
}
.hidden {
    display:none;
    visibility:hidden;
}
/* Images */
.left {
    float:left;
    width:auto;
    margin:3px 16px 10px 0;
}
.right {
    float:right;
    margin:3px 0 10px 16px;
}

}

@media screen, projection {

/* Default layout */
#body {
	width:70em;
	max-width:99%;
	margin:0 auto;
}
#header {
	position:relative;
}
#main {
	padding-bottom:30px;
}
#footer {
	clear:both;
	padding:1em 0;
	border-top:1px dotted #c00;
	color:#fff;
	background:#000;
}
#content-footer {
	width:70em;
	margin:0 auto;
}
#content-secondary li {
	list-style: none;
	margin-left:-20px;
	padding:0;
}

/* Layout-1 (Regular page) */
.layout-1 #content {
	float:right;
	width:76%;
}
.layout-1 #content-primary {
	float:left;
	width:68%;
}
.layout-1 #content-secondary {
	float:right;
	width:29%;
}

/* Layout-2 (Start page) */
.layout-2 #content-primary {
	float:left;
	width:68%;
}
.layout-2 #content-secondary {
	float:right;
	width:29%;
}

/* Globals */
.read-more {text-align:right;}
.read-more a span {
	position:absolute;
	left:-9999px;
}
/* Paging */
.paging {
	margin:0 0 2em;
}
.paging h2 {
	margin:0 0 0.5em;
}
.paging strong {
	float:left;
	padding:4px 0;
}
.paging a:link,
.paging a:visited,
.paging em {
	float:left;
	width:2em;
	color:#000;	
	margin:0 4px 5px 0;
	padding:0.4em 0;
	text-align:center;
}
.paging a:hover,
.paging a:focus,
.paging a:active {background:#fdd;}
.paging em {
	border-color:#fff;
	font-weight:bold;
	font-style:normal;
}
.paging span {
	position:absolute;
	left:-9999px;
}

/* Forms */
.form-general {
	background:#fff;
	border-width:2px 0;
	margin:1em 0;
	padding:6px;
}
.form-general label {
	display:block;
	margin:0 4px 0 0;
}
label strong {
	color:#900;
	display:block;
}
.disabled label {color:#999;}
label span,
label em {
	color:#fff;
	font-size:0.92em;
	font-weight:normal;
	font-style:normal;
	margin:0;
}
.form-general input,
.form-general select,
.form-general textarea {
	margin:0;
}
.form-row,
.select {
	margin:0 0 6px;
}
.form-row textarea {
	height:80px;
}
input,
.form-row input,
.form-row textarea {
	width:300px;	
	/* margin-right:100px; */
}
input[type=submit] {width:auto !important;}
.alt label {
	display:inline;
	font-weight:normal;
}
input.btn {
    width:auto;
    overflow:visible;
    padding:1px 12px;
    border:1px solid;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-size:1.00em;
    text-align:center;
    cursor:pointer;
}
#post-comment  input.btn,
#contact-form  input.btn  {
    margin-left:140px;
}
#post-comment label,
#contact-form label {
	float: left;
	clear: left;
	display: block;
	width:140px;
}

/* Skip link */
#skip {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:100;
	width:100%;
	margin:0;
}
#skip a:focus,
#skip a:active {
	display:block;
	position:absolute;
	top:0;
	left:9999px;
	width:100%;
	color:#000;
	background:#cc0;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.0;
	text-align:center;
	padding:8px 0;
	border:2px solid #000;
	border-width:2px 0;	
}

/* Logo */
#logo a,
#logo img {float:left;}
#logo img {font-size:2em;}
#logo a:focus,
#logo a:active {
	outline:1px solid #444;
	background:transparent;
}
#logo h1 {
	margin:0;
	padding:0;
}

/* Main nav */
#nav-main ul {
	float:left;
	width:100%;
	margin:30px 0 24px 0;
	list-style:none;
	background:#000;
	white-space:nowrap;
	font-weight:bold;
}
#nav-main li {
	float:left;
	margin:0;
}
#nav-main li a {
	float:left;
	padding:4px 6px;
	border-left:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
#nav-main li.sel a {
	color:#fc3;
	background:#000;
}
#nav-main li a:hover,
#nav-main li a:focus,
#nav-main li a:active {
	color:#fc3;
	background:#000;
}
#nav-main li:first-child > * {border-left:none;}

/* Search */
#search {
	clear:both;
	text-align:left;
	margin-bottom: 20px;
}
#search input {
	width: 100px;
}
#search .submit {width:auto;}
#main-search .control-group {
	float:left;
	margin:0;
}
#main-search label {display:inline;}
#main-search .text input {width:10em;}
#main-search .checkbox {
	display:inline;
	padding-right:1em;
}
#main-search .submit-area {
	float:left;
	margin:0;
}
#main-search .submit-area input {margin:0 0 0 6px;}
#search-results {
	margin-left:0;
	list-style:none;
}
#search-results li {margin-bottom:1em;}
#search-results p {margin:0;}

/* Blog */
.blogs,
.blog-entries {
	margin:0;
	list-style:none;
}
.blogs li {
	float:left;
	width:100%;
	margin:0 0 18px;
}
.blog-entries li {margin:0 0 18px;}
.entry-meta {
	font-size:0.8em;
	color:#555;
}
.grade {
	font-size:1.2em;
	color:#600;
	padding-left:30px;
	background:#fff url(/gfx/grade.gif) no-repeat;
}
.pullquote {
	color:#999;
	float:right;
    font-style:italic;
    margin-left:20px;
	width:160px;
	font-size:1.2em;
	text-align:left;
}
#comments {
	margin-top:20px;
}
#comments ul {
    list-style:none;
}
#comments .comment {
	padding: 10px 10px 10px 54px;
	position: relative;
	overflow: hidden;
}
#comments .head {
   overflow:hidden;
   margin-bottom:5px;
}
#comments .avatar {
	position: absolute;
	top: 8px;
	left: 0px;
}
#comments .avatar img {
	display:block;
	margin: -1px 0 0 -1px;
}
#comments .commenter {
	float:left;
	color:#600;
}
#comments .date {
	float:right;
	color:#555;
}
#comments .body {
	/* background:#0ff; */
}

} /* END @media screen, projection */
/* -------------------------------- */
@media screen and (max-width: 980px) {
	body {
		background: #fff url(/gfx/curtain2s.jpg) repeat-x; 
		font-size:1.1em;
		line-height:1.4em;
	}
	#content-footer {
		width: 96%;
	}
}

@media screen and (max-width: 680px) {
	#content-secondary {
		display: none;
	}	
	
}