/*
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: #fff url(../images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	color: #000 !important;
	text-align:center;
}

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: #0151A6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	display: none;
}
hr.hr_show {
	display:block;
	color:#efefef;
	background-color:#efefef;
	height:1px;
	margin:10px auto;
}

label {
	vertical-align:top;
}
/* ---------------------- Header ---------------------- */
#header {
	width: 960px;
	height: 80px;
	margin: 0 auto;
	text-align:left;
}

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

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

#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;
	text-align:left;
}

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

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

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

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



/* ---------------------- Pages ---------------------- */
#page {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
html>body #page {width:920px;}

/* Content */

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

.post {
	margin-bottom: 40px;
}

.post .title {
	border-bottom: 1px solid #454545;
}

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

.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 {
	background: #eee;
	border: 1px solid #454545;
	font-weight: bold;
	color: #333;
}
#commentform textarea {
	width: 600px;
}
.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: #ccc;
	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-type:none;
	padding: 0 0 20px 20px;
}

#sidebar h2 {
	height: 50px;
	padding: 7px 20px 0 20px;
	background: url(../images/img06.gif) no-repeat;
	font-size: 1.6em;
	color:#ddd;
}
#sidebar .list-page .list-page {
	padding: 0px 0px 0px 20px;
}
.active     {
	color: #d00;
	text-decoration: none;
	font-weight:bold;
}
.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: #eee;
	border: 1px solid #454545;
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}

#search #s {
	width: 80%;
	background: #eee;
}

#search #term {
	height:30px;
}

.archive_head {
	font-size: 32px;
	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;
}