/*
 *
 * 	- Name : bluedarklight
 * 	- Description : Theme using darkblue and lightblue. Title on the top, content on the left, menu on the right.
 * 	- Author : Blankoworld
 * 	- Link : http://ordyz/demo/nanoblogger/bluedarklight/
 *
 */

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: darkblue;
	color: #eeeeee;
	font-weight: bold;
	font-family: monospace, sans;
}

body {
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h1, h2 , h3, h4 ,h5 ,h6, dt, caption {
	color: #eeeeee;
	border-bottom: 1px solid darkblue;
}

pre  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: black;
	color: lightgray;
	font-size: 12px;
	border: 1px inset lightblue;
	overflow: auto;
}

code, samp {
}

cite, blockquote {
	padding: 2px 0 2px 15px;
	background-color: #77bbff;
	border-left: 3px solid black;
}    

p {
}

ul, ol {
}

table {
}

a {
	color: #77bbff;
}

a:link {
}

a:visited {
}

a:hover {
	background-color: lightblue;
	color: black;
}

a:active {
}

a > img	{
	border-width: 0;
	border-style: none;
	text-decoration: none;
}

#banner {
	height: auto;
	width: 100%;
	text-align: center;
}

#banner h1 {
	margin: 0;
	border-bottom: 2px solid lightblue;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
	color: lightblue;
	text-decoration: none;
}

#banner a:hover {
	background-color: lightblue;
	color: black;
}

div#banner span.description {
	position: absolute;
	height: 18px;
	width: auto;
	right: 0;
	padding: 3px;
	color: lightblue;
	text-align: right;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid lightblue;
	border-left: 1px solid lightblue;
}

div#container {
	position: relative;
	width: 100%;
	top: 25px;
}

div#container div#content {
	position: relative;
	width: 75%;
}

div#container div#links {
	position: relative;
	width: 25%;
	right: 0;
	top: 10px;
	margin: 0;
	color: #eeeeee;
	text-align: left;
	font-size: 15px;
	float: right;
	overflow: auto;
}

div#container div#content div#intro {
	width: 96%;
	margin-left: 1%;
	padding: 1%;
	border: 1px dotted lightblue;
}

div#container div#content div.blog {
}

div#container div#content div.blog h2 {
	color: #eeeeee;
	padding-left: 10px;
	border-bottom: 1px solid #eeeeee;
}

.archives {
}

.archives  h2 {
	color: #eeeeee;
}

div#container div#content div.blog div.item {
	position: relative;
	width: 98%;
	left: 1%;
	background-color: lightblue;
	color: black;
}

div#container div#content div.blog div.item h2 {
	color: black;
	padding-left: 10px;
	border-bottom: 1px solid black;
}

div#container div#content div.blog div.item div.blogbody {
	padding: 0 15px 0 15px;
	text-align: justify;
}

div#container div#content div.blog div.item div.blogbody div.item-description {
}

div#container div#content div.blog div.item div.blogbody div.item-description h1, h2, h3, h4, h5, h6 {
	color: darkblue;
}

div#container div#content div.blog div.item div.blogbody .title {
	padding-left: 10px;
	color: darkblue;
	border-bottom: 2px solid darkblue;
	border-left: 2px solid darkblue;
}

#menu, .menu {
	margin-top: 30px;
}

div#container div#content div.menu {
	text-align: center;
}

.menu > table > tbody > tr > td  {
}

h2.date  {
	background-color: #77bbff;
	color: black;
}

div#container div#content div.item div.posted {
	height: auto;
	padding: 2px 5px 2px 15px;
	background-color: #77bbff;
	border-top: thin solid black;
}

div#container div#content div.item div.posted br {
	display: none;
}

div#container div#content div.item a {
	color: darkblue;
	text-decoration: none;
}

div#container div#content div.item a:visited {
	text-decoration: underline;
}

div#container div#content div.item a:hover {
	background-color: darkblue;
	color: #77bbff;
}

div#container div#content div.item a:active {
	border: 2px inset black;
}

.articleshead {
}

div#links div.calendar {
	font-size: 18px;
}

div#links div.calendar table {
	margin-left: auto;
	margin-right: auto;
}

div#links div.calendar caption {
	background-color: #77bbff;
	border: none;
}

div#links div.calendar caption a {
	color: black;
	text-decoration: none;
}

div#links div.calendar caption a:hover {
	background-color: transparent;
	color: #eeeeee;
}

div#links div.calendar table th {
	color: #77bbff;
}

.calendar td {
}

.calendar a,
.calendar a:link,
.calendar a:active,
.calendar a:hover {
}

.calendarhead {
}

.side {
	padding: 5px 5px 0 10px;
}

.sidetitle {
	margin-top: 15px;
	padding-left: 5px;
	text-align: left;
	border-bottom: thin solid #999;
	border-left: thin solid #999;
}

.syndicate {
}

.feed-small {
	height: 14px;
	padding-left: 17px;
	background: url('../images/feed-icon-14x14.png') no-repeat 0% 50%;
}

.powered {
	color: #eeeeee;
	font-size: 12px;
	text-align: center;
}

.powered > a {
}

.comments-body {
}

.comments-post {
}

.trackback-url {
}

.trackback-body {
}

.trackback-post {
}

.comments-head {
}

#banner-commentspop {
}

.fortune {
	color: #eeeeee;
}

