/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

CSS and HTML Template Modified by Mark Aplet for Mango Blog May 24, 2008

NOTE:
The original download from freecsstemplates.org only contained the default graphics. 
I did my best to recreate the art files and add four additional graphic styles.
If you would like to change to one of the new designs, simply uncomment the desired
style below and comment or delete the default import.
*/


/*@import "default.css";*/
/*@import "orion.css";*/
/*@import "eagle.css";*/
/*@import "horsehead.css";*/
@import "nebula.css";



/* ---------- Styles to persist across visual28.com ---------- */
.postThumbnail {
	margin-top: 10px;
	margin-right: 5px;
}
img {
	border: 1px solid #1F1F1F;
}
.selfPortriate {
	margin: 3px 20px 3px 0px;
}


/* ---------- Resets and globals ---------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(../images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

h1, h2, h3 {
text-shadow: black 0.1em 0.1em 0.15em;
}



h1 {
	font-size: 3em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 1.8em;
	line-height: 180%;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #00d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	display: none;
}


/* ---------------------- Header ---------------------- */
#header {
	width: 960px;
	height: 80px;
	margin: 0 auto;
}

#header h1, #header h2 {
	float: left;
	margin: 0;
	text-transform: uppercase;
	color: #FFFFFF;
}

#header h1 {
	padding: 30px 0 0 20px;
	font-size: 3em;
	display:none;
}

#header h2 {
	padding: 47px 0 0 8px;
	font-size: 1.8em;
	font-style: italic;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}


/* ---------------------- Menu ---------------------- */
#menu {
	width: 960px;
	height: 51px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 12px 10px 0 20px;
}

#menu a {
	text-decoration: none;
	letter-spacing: -1px;
	font-size: 1.2em;
	font-weight: bold;
	color:#ddd;
}

#menu a:hover {
	text-decoration: underline;
	color:#fff;
}



/* ---------------------- Pages ---------------------- */
#page {
	width: 920px;
	margin: 0 auto;
	padding: 30px 20px 20px 20px;
}

/* Content */

#content {
	float: left;
	width: 605px;
	margin-top:100px;
}

.post {
	margin-bottom: 40px;
}

.post .title {
	border-bottom: 1px solid #454545;
}
.post .title a {
	color:#000;
	font-size:0.8em;
}

.post .title a {
	text-decoration: none;
}

.post .entry {
	padding: 0 20px;
}

.post .meta {
	height: 20px;
	padding: 15px 20px;
	background: url(../images/img05.gif) no-repeat;
	line-height: normal;
}

.post .meta a {
	text-decoration: none;
	font-weight: bold;
}

.post .meta a:hover {
	text-decoration: underline;
}

.post .meta .byline {
	float: left;
}

.post .meta .comments {
	float: right;
}

.commentlist li {
	padding: 5px;
}
.archive_head {
	margin-bottom: 20px;
}
#commentform  input, #commentform textarea {
	border: 1px solid #454545;
	font-weight: bold;
	color: #CCCCCC;
}
#commentform textarea {
	width: 600px;
}
#commentform #submit {
	padding:4px 10px;
	color:#666;
}
.error {
	color: #990000;
	background: #FFFFCC;
	padding: 8px;
	font-weight: bold;
	font-size: large;
	text-align: center;
	border-top: 3px double #990000;
	border-bottom: 3px double #990000;
	margin: 0px 0px 20px;
}
.alt {
	background: #1F1F1F;
	margin: 10px 0px;
	padding: 10px 0px;
}



/* ---------------------- Sidebar ---------------------- */
#sidebar {
	float: right;
	width: 295px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	list-style: square inside;
	padding: 0 0 20px 20px;
}

#sidebar h2 {
	height: 50px;
	padding: 7px 20px 0 20px;
	background: url(../images/img06.gif) no-repeat;
	font-size: 1.4em;
	color:#fff;
}
#sidebar .list-page .list-page {
	padding: 0px 0px 0px 20px;
}
.active     {
	color: #FFFFCC;
	text-decoration: none;
}
.feedSubscribe a {
	padding-left: 50px;
	display: block;
	background: url(../images/rss_icon.gif) no-repeat;
	height: 16px;
	margin-left: 20px;
}



/* ---------------------- Search ---------------------- */
#search {
	padding: 20px;
	text-align: center;
}

#search input {
	margin-bottom: 10px;
	padding: 3px 5px;
	/*background: #1F1F1F url(../images/img06.gif) no-repeat center center;*/
	background-color:#fff;
	border: 1px solid #454545;
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}
#search input#term {
	height:23px;
	width:170px;
}

#search #s {
	width: 80%;
	background: #1F1F1F;
}
.archive_head {
	font-size: medium;
	color: #FFFFFF;
	font-style: italic;
}



/* ---------------------- Calendar: Not currently Used ---------------------- */
#calendar {
	padding-bottom: 20px;
}

#calendar table, #calendar caption {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

#calendar caption {
	text-transform: uppercase;
	letter-spacing: .25em;
	font-weight: bold;
}

#calendar thead th {
	background: #333333;
}

#calendar tbody td {
	background: #111111;
}

#calendar a {
	text-decoration: none;
	font-weight: bold;
}

#calendar a:hover {
	text-decoration: underline;
}
#page .previous {
	font-weight: bold;
}



/* ---------------------- Footer ---------------------- */
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(../images/img07.gif) no-repeat;
}

#footer p {
	margin: 0;
	line-height: normal;
	text-align: center;
}