/*
Theme Name: Myles Eftos
Theme URI:  http://myles.eftos.id.au
Description: Based on Bluemoon light 2.0
Version: 1.0
Author: <a href="http://myles.eftos.id.au">Myles Eftos</a> (orginial base by http://dandyland.org)
*/

body {
	background:#121212;
	font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial;
	word-spacing:2px;
	color:#888;
	margin:0;
	background-image: url(images/faux_sidebar.png);
	background-repeat: repeat-y;
	background-position: top left;
}

* {
	margin:0;
	padding:0;
}

a {
	color:#CCC;
	border-bottom:1px dotted #232323;
	text-decoration:none;
}

a:hover {
	border-bottom:1px dotted #00C0DC;
	background: inherit;
}

a img{
	border:0;
}

a.text-link-ads {
	color: #00C0DC;
	border-bottom: 3px double #232323;
}

a.text-link-ads:hover {
	border-bottom: 3px double #00C0DC;
}

fieldset {
	width: auto;
	border: none;
}

#header {
	padding:0px;
	text-align:left;
	border-bottom:1px solid #303030;
	margin:0px 0 0 0;
	background:#33B3F4 url(images/header.png) left top no-repeat;
	height:250px;
}

#header h1{
	text-indent: -1000em;
}

#menu {
	width:100%;
	padding:0px;
	text-align:left;
	margin:0px 0 0 0;
	background:#303030 url(images/b.gif) repeat-x;
	height:25px;
}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menu ul li a {
	background: inherit;
	width: 150px;
	height: 22px;
	border-top: 0px solid #f5d7b4;
	border-left: 1px solid #404040;
	border-bottom: 0px solid #f5d7b4;
	border-right: none;
	padding: 2px;
	margin: 0 0 10px 0;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 16px arial, sans-serif;
}



#menu ul li a:hover {
	color: #fff;
	background: #444;
}



#menu a:active {
	background: #444;
	color: #fff;
}



#menu li#active a {
	background:url(images/a.gif) repeat-x;
	border: 0px;
	color: #333;
}

h2 {
	font:24px Arial, sans-serif;
	color:#33B6F8;
	letter-spacing:-1px;
	font-weight:normal;
	margin:15px 0 15px 0;
}



h2 a {
	color:#33B6F8;
	text-decoration:none;
	border:none;
	padding:0;
}

h2 a:hover {
	color:#fff;
}

h3 {
	font-size:1.2em;
	color:#ccc;
	font-weight:normal;
	margin:15px 0 15px 0;
}

p {

	line-height:17px;

	margin:25px 0 25px 0;

}

blockquote {
	font-size:12px;
	color:#787878;
	background:url('images/blockquote.gif') no-repeat top left;
	font-family:Georgia, "Times New Roman", Times, serif; margin-left:0; margin-right:150px; margin-top:35px; margin-bottom:35px; padding-left:0; padding-right:0; padding-top:15px; padding-bottom:0
}

blockquote p {
	line-height:20px;
}

ol {
	margin-left: 3em;
}

ol#nav {
	margin:25px 15px 25px 30px;
	font-size:1.3em;
}


#nav a {
	display:block;
	margin:0;
	color:#33B6F8;
	border:none;
}

#nav a b {
	float:right;
	display:none;
	color:#333;
}

#nav a:hover {
	background:none;
	border:none;
	text-decoration:none;
}

#nav a:hover b {
	display:inline;
}

#content {

	background:url('images/content.jpg') no-repeat top left;

	padding:20px; margin-left:300px; margin-right:10%; margin-top:0; margin-bottom:0

}

#content img {
	margin: 5px 15px;
}

#content2 {
	background:url('images/content.jpg') no-repeat top left;
	padding:20px; margin-left:50px; margin-right:10%; margin-top:0; margin-bottom:0
}

#content ul, #content2 ul {

	margin:15px 15px 15px 15px;

}

#content ul li, #content2 ul li {
	margin:10px 0;
	padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
}

#content ol li, #content2 ol li {
	margin:15px 0 15px 0 !important;
	margin:10px 0;
}

#content img, #content2 img, #footer img {
	padding:1px;
	background:inherit;
	border:0;
}

.postdata {
	font:11px Arial;
	margin: 0;
	color:#777;
	margin-bottom: 0.5em;
}

.bookmarks {
	font:11px Arial;
	color:#777;
}

#footer {
	padding:30px;
	text-align:center;
	border-top:3px solid #333;
	margin:50px 0 0 0;
	background:#000;
	clear: both;
}

/* Comments Styling */

#commentlist ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#commentlist li {
	clear: both;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}



#commentform {
	color:#eee;
	margin: 1em 0;
	background: #121212;
	width: 280px;
}


#commentform input, #commentform textarea {
	font-size: 90%;
	background: #ffffff;
	border: 1px solid #33b6f8;
	width: 280px;
}

#commentform label {
	float: left;
}

#commentform small {
	color: #999999;
}

div.postdate {
	width: 45px;
	height: 38px;
	float: left;
	background-image: url(images/calendar_background.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-right: 1em;
}

div.postdate div.day {
	font-size: 120%;
	color: #FFFFFF;
	padding: 0;
	margin: 0
}

div.postdate div.month {
	font-size: 85%;
	padding: 0;
	margin: 0;
	margin-top: -4px;
}

#sidebar {
	clear:both;
	width:263px;
	float:left;
	padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:50px
}

#sidebar a {
	color:#ccc;
	border:none;
}

#sidebar a:hover {
	text-decoration:underline;
	color:#eee;
	border:none;
}

#sidebar h2 {
	color:#666;
	font-size:16px;
}

#sidebar h2 a {
	text-decoration:none;
}

#sidebar h2 a:hover {
	text-decoration:none;
}



#sidebar h4 {
	color:#666;
	font-size: 1.2em;
	font-weight:normal;
	margin: 0;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0em;
	padding-bottom: 0em;

}

#sidebar h4 a {
	color:#666;
	text-decoration:none;
	border-bottom: 1px dashed #666;
}

#sidebar ul {
	list-style-type: none;
	padding-left:1em;
	padding-bottom:0;
	padding-top:0;
}

#sidebar li {
	padding: 0;
	margin: 0;
}

#sidebar a {
	color: #33b6f8;
}

#sidebar input {
	font-size: 100%;
	border: 1px solid #33b6f8;	
}

#sidebarsubmit {
	margin-left: 1em;	
}

.badge {
	float:right;
}

div.flickr ul {
	margin-top: 5px;
}

div.flickr ul li {
	display: inline;
}

div.flickr ul li img {
	margin-right: 5px;
}

img.gravatar {
	float: left;
}

.css, .html4strict, .javascript, .mysql, .php, .smarty, .sql, .xml, .ruby {
	border-top: 1px solid #222;
	border-left: 5px solid #222;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	background-color: #AAA;
	padding: 2px;
	margin: 0;
	color: #000066;
	text-align: left;
	font-size: 85%;
}

ul.tag_cloud {
	text-align: justify;
}

ul.tag_cloud li {
	display: inline;
	text-align: left;
}

ul.tag_cloud li.cloud_0 a {
	color: #142128 !important;
}

ul.tag_cloud li.cloud_1 a {
	color: #142128 !important;
}

ul.tag_cloud li.cloud_2 a {
	color: #17313e !important;
}

ul.tag_cloud li.cloud_3 a {
	color: #1b4256 !important;
}

ul.tag_cloud li.cloud_4 a {
	color: #1d4e66 !important;
}

ul.tag_cloud li.cloud_5 a {
	color: #205d7c !important;
}

ul.tag_cloud li.cloud_6 a {
	color: #246d92 !important;
}

ul.tag_cloud li.cloud_7 a {
	color: #2a8cbd !important;
}

ul.tag_cloud li.cloud_8 a {
	color: #2c95ca !important;
}

ul.tag_cloud li.cloud_9 a {
	color: #30a6e1 !important;
}

ul.tag_cloud li.cloud_10 a {
	color: #33b6f8 !important;
}

table#wp-calendar {
	width: 100%;
	border-collapse: collapse;
}

table#wp-calendar span.prev {
	margin-right: 1em;
}

table#wp-calendar span.next {
	margin-left: 1em;
}

table#wp-calendar select {
	background-color: #101010;
	color: #33b6f8;
	text-align: center;
	border: 1px solid #101010;
}

table#wp-calendar option {
	text-align: left;
	border: 1px solid #101010;
	color: #888888;
}

table#wp-calendar #today {
	color: #121212;
	background-color: #142128;
}

table#wp-calendar td {
	text-align: center;
	border: 1px solid #142128;
	color: #142128;
}

table#wp-calendar tfoot td {
	border: none;
}

div.sponsored_links {
	color: #888888;
	background-color: #444444;
	font-size: 75%;
	margin-top: 1em;
	padding: 0.5em;
	text-align: center;
	border: 2px solid #888888;
}

.css ol, .html4strict ol, .javascript ol, .mysql ol, .php ol, .smarty ol, .sql ol, .xml ol, .ruby ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 2em;
}

.css li, .html4strict li, .javascript li, .mysql li, .php li, .smarty li, .sql li, .xml li, .ruby li {
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}


.css .de1, .css .de2, .html4strict .de1, .html4strict .de2, .javascript .de1, .javascript .de2, .mysql .de1, .mysql .de2, .php .de1, .php .de2, .smarty .de1, .smarty .de2, .sql .de1, .sql .de2, .xml .de1, .xml .de2, .ruby .de1, .ruby .de2
{
	font-family: 'Courier New', Courier, monospace; 
	font-weight: normal;
	color: #000020; 
}
.css .imp, .html4strict .imp, .javascript .imp, .mysql .imp, .php .imp, .smarty .imp, .sql .imp, .xml .imp, .ruby .imp 
{font-weight: bold; color: red;}
.css .kw1, .html4strict .kw1, .javascript .kw1, .mysql .kw1, .php .kw1, .smarty .kw1, .sql .kw1, .xml .kw1, .ruby .kw1
{color: #008800;}
.css .kw2, .html4strict .kw2, .javascript .kw2, .mysql .kw2, .php .kw2, .smarty .kw2, .sql .kw2, .xml .kw2, .ruby .kw2
{color: #660000; font-weight: bold;}
.css .kw3, .html4strict .kw3, .javascript .kw3, .mysql .kw3, .php .kw3, .smarty .kw3, .sql .kw3, .xml .kw3, .ruby .kw3
{color: #0000AA;}
.css .kw4, .html4strict .kw4, .javascript .kw4, .mysql .kw4, .php .kw4, .smarty .kw4, .sql .kw4, .xml .kw4, .ruby .kw4
{color: #f63333;}
.css .co1, .css .co2, .css .coMULTI, .html4strict .co1, .html4strict .co2, .html4strict .coMULTI, .javascript .co1, .javascript .co2, .javascript .coMULTI, .mysql .co1, .mysql .co2, .mysql .coMULTI, .php .co1, .php .co2, .php .coMULTI, .smarty .co1, .smarty .co2, .smarty .coMULTI, .sql .co1, .sql .co2, .sql .coMULTI, .xml .co1, .xml .co2, .xml .coMULTI, .ruby .co1, .ruby .co2, .ruby .coMULTI
{color: #808080; font-style: italic;}
.css .es0, .html4strict .es0, .javascript .es0, .mysql .es0, .php .es0, .smarty .es0, .sql .es0, .xml .es0, .ruby es0
{color: #000099; font-weight: bold;}
.css .br0, .html4strict .br0, .javascript .br0, .mysql .br0, .php .br0, .smarty .br0, .sql .br0, .xml .br0, .ruby .br0
{color: #000000;}
.css .st0, .html4strict .st0, .javascript .st0, .mysql .st0, .php .st0, .smarty .st0, .sql .st0, .xml .st0, .ruby .st0
{color: #660000;}
.css .nu0, .html4strict .nu0, .javascript .nu0, .mysql .nu0, .php .nu0, .smarty .nu0, .sql .nu0, .xml .nu0, .ruby .nu0
{color: #000066;}
.php .me1 {color: #006600;}
.php .me2 {color: #006600;}
.php .re0 {color: #0000AA;}
ins.in {margin-left: 1em;}