/*
THEME NAME: Delucis
THEME URI: http://www.chrisswithinbank.net/
DESCRIPTION: Limited functionality theme based on <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>'s Sandbox, designed for Robert Guy.
VERSION: 0.1.0
AUTHOR: Chris Swithinbank
AUTHOR URI: http://www.chrisswithinbank.net/
TAGS: flexible-width, one-column, no-sidebar, background image, music, elegant
*/

/* "Sorts Mill Goudy" is generously released for @font-face embedding under an Open Font License by The League of Moveable Type (http://www.theleagueofmoveabletype.com) */
@font-face {
	font-family: 'OFL Sorts Mill Goudy';
	src: url('fonts/OFLGoudyStM.eot');
	src: local('OFL Sorts Mill Goudy Regular'), local('OFLGoudyStM'), url('fonts/OFLGoudyStM.woff') format('woff'), url('fonts/OFLGoudyStM.otf') format('opentype'), url('fonts/OFLGoudyStM.svg#OFLGoudyStM') format('svg'); }
@font-face {
	font-family: 'OFL Sorts Mill Goudy';
	font-style: italic;
	src: url('fonts/OFLGoudyStM-Italic.eot');
	src: local('OFL Sorts Mill Goudy Italic'), local('OFLGoudyStM-Italic'), url('fonts/OFLGoudyStM-Italic.woff') format('woff'), url('fonts/OFLGoudyStM-Italic.otf') format('opentype'), url('fonts/OFLGoudyStM-Italic.svg#OFLGoudyStM-Italic') format('svg'); }

/* "MEgalopolis Extra" is by <a href="http://www.smeltery.net">SMeltery</a>, who have generously <a href="http://www.smeltery.net/SMFFEULA.html">licensed</a>  it for @font-face embedding. */
@font-face {
	font-family: 'MEgalopolis Extra';
	src: url('fonts/MEgalopolisExtra.eot');
	src: local('MEgalopolis Extra Regular'), local('MEgalopolisExtra'), url('fonts/MEgalopolisExtra.woff') format('woff'), url('fonts/MEgalopolisExtra.otf') format('opentype'), url('fonts/MEgalopolisExtra.svg#MEgalopolisExtra') format('svg'); }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,blockquote,th,td {  
	margin:0; 
	padding:0;
	font-family: "OFL Sorts Mill Goudy", "Goudy Old Style", "Hoefler Text", "Times New Roman", serif; }
body {
	background: #000;
	font-size: 100%; }
html>body {
	font-size:16px; }
h1 {
	font-size:4em;
	line-height: 1.125;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	text-align:left;
	font-weight: normal;
	color: #fff; }
h1 a {
	color: #fff;
	text-decoration: none; }
h2 {
	font-size:1.5em;
	line-height: 2;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: normal;}
h3 {
	font-family: "MEgalopolis Extra", Arial Black, sans-serif;
	font-size:1.1em;
	margin:1.3636em 0 0; 
	padding:0;
	line-height: 1.3636;
	letter-spacing: 0.11em;
	word-spacing: 0.1em;
	font-weight:normal;
	font-variant: small-caps; }
h1 a, h2 a, h3 a, h4 a {
	border-bottom: none; }
p {
	font-size: 1em;
	line-height: 1.5;
	margin-top: 1.5em; }
form p + p {
	margin-top: 1.5em;
	text-indent: 0em; }
p.intro {
	font-size: 1.2em;
	line-height: 2.083333;
	letter-spacing: 0.0375em;
	word-spacing: 0.025em;
	font-weight: normal;
	text-align: left;
	margin-bottom: 0; }
p.images {
	margin-top: 1.5em;
	text-indent: 0;
	text-align: center; }
p.images img {
	padding: 0 1.5em 1.5em 0; }
a {
	text-decoration: underline;
	color: #11C;
	border-bottom: none; }
a img { border: none; }
a:hover {
	text-decoration: none;
	background-color: rgb(165, 222, 255);
	background-color: rgba(180, 200, 255, 0.5);
	border-bottom: 1px dashed #11C; }
p.images a, p.images a img {
	border: none; }
p.images a:hover, p.images a:hover img {
	border: none;
	background-color: transparent; }
body.home h2.entry-title {
	font-family: "MEgalopolis Extra", Arial Black, sans-serif;
	font-size:1.1em;
	margin:1.3636em 0 0; 
	padding:0;
	line-height: 1.3636;
	letter-spacing: 0.11em;
	word-spacing: 0.1em;
	font-weight:normal;
	font-variant: small-caps; }
ul {
	margin-top: 1.5em; }
a abbr {
	border-bottom: none; }

/* Just some example content */

#wrapper {
width: 44em;
margin: 0 2% 15px;
}

#blog-description {
	display: inline;
	padding-left: 0.5em;
	color: #999;
	font-style: italic;
	font-size: 0.6666em;
	line-height: 1.6875; }
div#menu {
	height:2.5em;
	padding: 0 0 0 0.35em;
	margin: 0;
	border-bottom-style: solid;
	border-bottom-width: 0.5em;
	border-bottom-color: rgb(64, 64, 64);
	border-bottom-color: rgba(255, 255, 255, 0.25); }
div#menu ul li {
	font-weight: normal; }
div#menu ul li a {
	color: #000;
	font-size:1.5em;
	line-height: 1.667;
	margin: 0 0.1em;
	border-bottom: none;
	background-color: rgb(64, 64, 64);
	background-color: rgba(255, 255, 255, 0.25);
	-webkit-transition: background-color 0.5s ease-in, line-height 0.1s ease-out; }
div#menu ul li a:hover {
	background-color: rgb(90, 100, 128);
	background-color: rgba(180, 200, 255, 0.5);
	line-height: 2;
	-webkit-transition: background-color 0.5s ease-in, line-height 0.1s ease-out; }
div#menu ul li.current_page_item a {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.85);
	line-height: 2; }
div#menu ul,div#menu ul ul {
	list-style:none;
	margin:0;
	padding:0; }

div#menu ul a {
display:block;
margin:0;
padding:0 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

.entry-date abbr {
text-decoration: none;
font-size: 0.75em;
line-height: 2;
letter-spacing: 0.1em;
border-bottom: none; }

div.entry-meta {
font-size: 0.75em;
line-height: 2;
margin-top: 2em;
letter-spacing: 0.1em; }

div.entry-meta a {
letter-spacing: 0; }

div.archive-meta p {
letter-spacing: 0.1em;
word-spacing: 0.1em;
color: rgb(50, 50, 50);
color: rgba(0, 0, 0, 0.75); }

div#container {
margin-top:0;
background-color: rgb(64, 64, 64);
background-color: rgba(255, 255, 255, 0.25);
padding: 0 0.5em 0; }

div#content {
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.85);
padding: 0.5em 2em; }

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:3em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

body.pageid-7 table {
margin-top: 1.5em;
}
body.pageid-7 table td {
padding: 0 1.5em 0.5em 0;
vertical-align: top;}
div#footer {
	clear: both;
	color: #fff;
	text-align:center;
	background-color: rgb(64, 64, 64);
	background-color: rgba(255, 255, 255, 0.25); }
div#footer li {
	font-size:0.75em;
	line-height:2; }
div#footer a {
	color: #9ef; }
div#footer a:hover {
	color: #fff; }
span#footer-nav ul,span#footer-nav ul li {
	display: inline;
	list-style: none;
	color: #fff; }
span#footer-nav ul li {
	padding: 0 1.5em; }

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
#bg img{
width: 100%;
}

#bg {
	height: 100%;
	max-width: 765px;
	min-width: 450px;
	width: 50%;
	overflow: hidden;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in;
}
@media (max-width: 935px) {
  #bg {
	height: 100%;
	min-width: 0;
	width: 180px;
	-webkit-transition: all 0.5s ease-in;
  }
}

/* styling from and for wp-Typography plug-in */

sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
p span.caps {
	font-size: 90%;
	letter-spacing: 0.1em;
}
.dquo {
	margin-left:-.40em;
}
.quo {
	margin-left:-.2em;
}
abbr {
	border-bottom: none;}