body {
	background-image:url(/website/img/background_html.gif);
	text-align: center;
	}
#page {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 750px;
	_width: 750px;
	}

.content {
	padding-top: 110px;
}

.content a {
	color: #444444;
}

.primary {
	width: 740px;
	_width:740px; /* IE Hack */
	padding: 15px 0 10px;
	margin: 20px
	_margin: 0 20px 0 15px; /* IE Hack */
	}

.primary .item img {
	margin-left: -5px;
	padding:2px;
	border: 2px solid #999;
	max-width: 100%;
	}
	
.primary a img {
	margin-left: -5px;
	padding:2px;
	border: 2px solid #999;
	max-width: 100%;
	}

.primary a:hover img {
	margin-left: -5px;
	padding:2px;
	border: 2px solid #585858;
	max-width: 100%;
	}



.secondary {

	font: 11px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif;

	padding: 0px 0 10px;

	color: #666;

	width:100%;

	position: relative;

	/* The following are IE Fixes */

	_padding: 30px 0 10px;

	_margin-left: 0%;

	_margin-right: -4%;

	_width: 26.5%;

	}

	

.vertical {

	vertical-align:top;

	}



.comments {

	text-align: left;

	padding: 30px 0 0;

	position: relative;

	}

/*- Main Menu in Header */



ul.menu {

	margin: 0;

	padding: 0;

	position: absolute;

	bottom: 0;

	left: 20px;

	width: 90%;

	}



ul.menu li {

	display: inline;

	margin: 0;

	}



ul.menu,

ul.menu li a {

	padding: 5px 15px 6px;

	}



ul.menu li a {

	font: 1em Verdana, Helvetica, Arial, Sans-Serif;

	color: #FFFFFF;

	background: #5c5c5c;

	margin: 0;

	}



ul.menu li a:hover {

	background: #c5c5c5;

	color: #eee !important;

	text-decoration: none;

	}



ul.menu li.current_page_item a,

ul.menu li.current_page_item a:hover {

	color: #333 !important;

	background: white;

	text-decoration: none;

	}



.admintab {

	position: absolute;

	right: 0px;

	_padding: 5px 15px 6px; /* IE hack */

	}



a img,:link img,:visited img { border:none }



/*- Sidebar Subpages Menu */



#sidebar {

	width:658px;

	padding:4px;

}



.sb-pagemenu ul {

	margin-left: 10px;

	}



.sb-pagemenu ul ul {

	margin-top: 2px;

	}



.sb-pagemenu ul ul .page_item {

	margin-left: 10px;

	padding: 0;

	}



.sb-pagemenu .current_page_item {

	}





/*- Headings */



h1, h2, h3, h4 {

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	}



h1 { /* H1 is used for the title of your blog */

	font-size: 3em;

	font-weight: bold;

	letter-spacing: -1px;

	padding-top: 75px;

	margin: 0 0 0 40px;

	width: 100%;

	}



h1, h1 a, h1 a:hover, h1 a:visited,

#header .description {

	text-decoration: none;

	color: white;

	}



h1:hover {

	text-decoration: none;

	}



#header .description { /* Blog description, under blog title */

	font-size: 1em;

	margin: 0 0 0 40px;

	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */

	}



.pagetitle { /* Used on static pages and archives */

	text-align: center;

	margin: 15px 0 15px;

	}



.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */

	font-size: 2.4em;

	font-weight: bold;

	letter-spacing: -1px;

	text-align: center;

	display: inline;

	}



.secondary h2 { /* Secondary H2 is sidebar headlines */

	font-size: 15px;

	padding: 0;

	display: inline;

	}



.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}



.primary .aside h3 {

	font-size: 1.6em;

	font-weight: normal;

	}

.itemtext h3 { /* For use on Pages */

	font-size: 1.7em;

	display: block;

	padding: 15px 0 0;

	}



.itemtext h4 { /* For use on Pages */

	font-size: 1.5em;

	display: block;

	padding: 15px 0 0;

	}



.secondary div {

	margin: 20px 0 0;

	padding: 0;

	}



.secondary div div div {

    margin: 0;

    }

	

.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */

.secondary .metalink a, .secondary .metalink a:visited,

.secondary span a, .secondary span a:visited {

	color: #999;

	font-weight: normal;

	}



.primary .item .itemhead .metalink, .comments .primary .metalink {

	font-size: 1.8em;

	letter-spacing: -1px;

	text-transform: lowercase;

	margin-left: 15px;

	}



.primary .aside .itemhead .metalink {

	font-size: 1.4em;

	}



.permalink .primary .aside .itemtext {

	font-size: 1.4em;

	color: #999;

	}



.comments .primary .metalink {

	margin: 0 15px 0 0;

	float: none;

	}



.feedicon { /* Next to Comment Section Headline */

	border: 0 !important;

	padding: 0 !important;

	}



.feedlink img { /* On the sidebar */

	height: 16px;

	width: 16px;

	border: none;

	position: absolute;

	right: 0;

	}



.primary .aside {

	padding: 8px;

	margin: 0 4%;

	}



.secondary .aside {

	margin: 0;

	padding: 0 0 10px;

	word-spacing: -1px;

	}



.secondary .aside .metalink {

	padding-left: 0px;

	}



.secondary span a {

	margin-left: 10px;

	}



.editlink img {

	width: 16px;

	height: 16px;

	border: none !important;

	padding: 0 !important;

	margin: 4px 0 0 !important;

	position: absolute;

	right: 0;

	}



.aside .editlink img {

	top: 9px;

	}



.commentseditlink {

	border: none;

	padding: 2px;

	padding-left: 10px;

	}



.metalink a span {

	display: none;

	}



.metalink a:hover span {

	display: inline;

	}



h2, h2 a, h2 a:visited,

h3, h3 a, h3 a:visited,

h4, h4 a, h4 a:visited {

	color: #444;

	}



h2, h2 a, h2 a:hover, h2 a:visited,

h3, h3 a, h3 a:hover, h3 a:visited,

h4, h4 a, h4 a:hover, h4 a:visited {

	text-decoration: none;

	}



.metadata { /* Time and category for blog entries */

	font-size: 0.75em;

	display: block;

	margin-top: 2px;

	color: #bbb;

	}



.metadata a {
	text-decoration: none;
	color: #111111;
	}



.commentslink {

	padding: 2px 0 2px 20px;

	background: url('images/comment.png') left center no-repeat;

	margin-right: 10px;

	}



.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	color: #444444;
	}



.chronodata:after {

	content: ".";

	}



.tagdata {

	display: block;

	padding: 2px 0 2px 20px;

	background: url('images/tag_blue.png') left center no-repeat;

	}

#customComments {
	margin: 20px;
	position: relative;
	border-radius: 20px 0 20px 0;
	background-color: rgba( 255, 255, 255, .4 ) !important;
	background-color: #97ADB0;
	padding: 20px;
	color: #444444;
	font-size: 0.75em;
	}

/*- Primary Contents */



.primary .item {
	margin: 20px;
	position: relative;
	border-radius: 20px 0 20px 0;
	background-color: rgba( 255, 255, 255, .4 ) !important;
	background-color: #97ADB0;
	padding: 20px;
	}



.primary .item .itemtext {

	font: 0.8em 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	text-align: justify;

	color: #444;

	}



.primary .item .itemtext p,

.primary .item .itemtext ul,

.primary .item .itemtext ol,

.primary .item .itemtext div,

.primary .item .itemtext blockquote {

	margin: 13px 0;

	}



.primary .aside .itemtext p,

.primary .aside .itemtext ul,

.primary .aside .itemtext ol,

.primary .aside .itemtext div,

.primary .aside .itemtext blockquote {

	margin: 5px 0;

	}



.permalink .primary .aside .itemtext p,

.permalink .primary .aside .itemtext ul,

.permalink .primary .aside .itemtext ol,

.permalink .primary .aside .itemtext div,

.permalink .primary .aside .itemtext blockquote {

	margin: 13px 0;

	}



.metalinks {

	margin-top: 3px;

	}



.commentsrsslink {

	background: url('images/feed.png') left top no-repeat;

	padding: 2px 0 2px 20px;

	margin-right: 10px;

	height: 16px;

	}



.trackbacklink {

	background: url('images/arrow_refresh.png') left top no-repeat;

	padding: 2px 0 2px 20px;

	height: 16px;

	}



.commentsrsslink a, .trackbacklink a {

	color: #999;

	padding: 2px;

	}

.comments .commentlist {
	margin: 10px 10px 10px 17px;
	padding: 20px 0;
	position: relative;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url(time.png) left center no-repeat;
	display: block;
	}

.commentmetadata a{
	color:#666;
	}

.comments .commentlist li img {
	padding: 0;
	border: none;
	}



/*

	Contact Form

*/



.contactform {

	width: 100%; 

	position: relative;

	}



.contactleft {

	width: 15%; 

	text-align: right;

	clear: both; 

	float: left; 

	display: inline; 

	padding: 4px; 

	margin: 5px 0; 

	}



.contactright {

	width: 70%; 

	text-align: left;

	float: right; 

	display: inline; 













	padding: 4px; 

	margin: 5px 0; 

	}

	

.contacterror {

	border: 1px solid #ff0000;

	}



.codeAS {

	background-color: #E5E5E5;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: dashed;

	border-right-style: dashed;

	border-bottom-style: dashed;

	border-left-style: dashed;

	border-top-color: #3c78b5;

	border-right-color: #3c78b5;

	border-bottom-color: #3c78b5;

	border-left-color: #3c78b5;

	font-size: 10px;

	font-family: Verdana;

	padding: 10px 10px 10px 10px;

	margin: 10px 10px 10px 10px;

	line-height: 12px;

	overflow-x: auto;

	overflow-y: auto;

}