/*#############################################################
Name: by-expre {
	border: thin #000 dotted; 
	width: 40em; 
	padding: .6em;
}
ss - modified Indigo
Description: A lightweight (7kb images), simple and professional design.
Date: 2006-07-27
Author: Viktor Persson
URL: http://arcsin.se
Adapted by: Cheryl @ http://by-expression.com 2009-08-18

Feel free to use and modify but please provide credits.
#############################################################*/
/* standard elements */
a {
	color: #F70;
}
a:hover {
	color: #C60;
}
body {
	/* 	background: url('img/fireworks/bg.jpg') repeat-x;
 */	color: #F5F5F5;
	font: 90% "Lucida Sans Unicode", sans-serif;
	margin: 0;
	padding: 0;
	min-width: 950px;
	background-color: #000;
}
form {
		padding: 0px;
		margin: 0px;
	}
input {
	color: #555;
}
p, cite, code, ul {
	padding-bottom: 1em;
}
h2, h3, h4 {
	margin: 0;
	color: #06C;
	padding-top: 6px;
}
h1 {
	font-size: 1.4em;
	color: #000000;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid ##F70;
	border-left: 6px #F70 solid;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	padding-left: 28px;
	font-style: normal;
}
td, th {
	vertical-align: top;
}
/* misc */
.clearer {
	clear: both;
}
#postnavigation {
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: Gray;
}
/* structure */
.container {
	background: #FFF url('img/fireworks/main-left.jpg') no-repeat;
	margin: 0;
	padding: 0;
	color: #000000;
}
.header {
	background: url('img/is-bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
}
/* title */
.logo {
	margin: 0;
	padding: 0 25px 0 500px;
	background: url('img/is-mast.jpg') no-repeat;
	height: 110px;
}
.title {
}
.title h1 {
	padding: 45px 0 0 0;
	margin: 0;
}
.logo .title a {
	text-decoration: none;
	color: #000;
}
/* navigation */
.navigation {
	float: left;
	height: 92px;
	margin-left: 24px;
	padding: 0 16px 0 0;
}
.navigation a {
	color: #FFF;
	float: left;
	margin-top: 56px;
	padding: 8px 18px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.navigation a:hover {
	background-color: #4A91C3;
	color: #FFF;
}
/* main */
.main {
	padding: 10px 0 10px 0;
	background: #FFFFFF url('img/fireworks/main-t.jpg') repeat-x;
	margin: 0 270px 0 25px;
}
/* main left */
.sidenav {
	margin: 0;
	padding: 0;
	background: url('img/fireworks/sidebar1.jpg') no-repeat;
	width: 275px;
	float: right;
	font-size: .9em;
}
.sidenav h3 {
	border-bottom: 1px dashed #DDD;
	color: #E73;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav img {
	border: none;
}
.sidenav ul {
	text-transform: capitalize;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-bottom: 1px dashed #EEE;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #6700AA; /* display: block; */;
	padding: 3px 6px 3px 3px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
	background: url(img/nav_li.gif) no-repeat;
}
#blogroll {
	font-size: 0.9em;
}
.open {
	font-size: 1em;
}
/*----------------------------
				Recent posts
----------------------------*/
ul.recentPosts li {
	padding-bottom: 10px;
}
ul.recentPosts li a {
	font-weight: bold;
}
ul.recentPosts li span {
	display: block;
	text-indent: 10px;
	text-transform: none;
}
/*----------------------------
			Recent comments
----------------------------*/
ul.recentComments li {
	padding-bottom: 10px;
	text-transform: none;
}
ul.recentComments li a.postTitle {
	font-weight: bold;
}
/* content */
.topshadow {
	background: url('img/fireworks/main-t.jpg') repeat-x;
	margin: 0;
	padding-bottom: 0;
}
/* .content {
	float: left;
	margin-right: 4%;
	width: 69%;
}
 */.content .postheader {
	text-decoration: none;
	color: #333333;
}
.content .descr {
	color: #C60;
	margin-bottom: 6px;
	font-size: .9em;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.postcontent {
	padding-bottom: 1em;
}
.postcontent p {
	font-size: inherit;
	padding-bottom: 1em;
}
#ctl00_cphBody_divText {
	font-size: 1em;
	padding-bottom: 1em;
}
#ctl00_cphBody_divText p {
	font-size: inherit;
	padding-bottom: 1em;
}
.postfooter {
	padding: 2px 3px 3px 8px;
	border: 1px solid #e3e4e4;
	background-color: #f5f5f5;
	font-size: .9em;
	color: #505050;
}
.postfooter img {
	border: none;
}
/*----------------------------
					 Widgets
----------------------------*/
div#widgetzone {
width: 220px;
}
div#widgetzone .clear {
	clear: left;
}
div.widget {
	margin-bottom: 10px;
	min-width: 1px;
	clear: both;
}
div.widget .content {
	color: #333;
	margin: 0;
}
div.widget h4 {
	font-size: 1.1em;
	border-bottom: 1px dashed #DDD;
	color: #E73;
	padding-bottom: 5px;
	margin: 0;
	letter-spacing: 1px;
}
div.widget a.edit {
	font-weight: normal;
	z-index: 1;
}
div.widget a.delete {
	font-weight: bold;
	color: #999999;
	float: right;
	margin-left: 5px;
	z-index: 1;
	text-decoration: none;
}
div.widget a.delete:hover {
	color: black;
}
#widgetzone .widget .content ul {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: capitalize;
}
#widgetzone .widget .content ul li {
	list-style: none !important;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}
#widgetzone div.search {
	background: none;
	border: none;
	padding-left: 10px;
}
/* search form */
#searchbox input {
	border: 3px double #E5E5E5;
	padding: 2px 3px;
}
#searchbutton {
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 3px;
}
#searchcomments {
	margin-right: 3px;
}
/* footer */
.footer {
	border-top: medium #3B3B3B ridge;
	margin: 0;
	padding: 5px;
	background: #C0C0C0 url('img/fireworks/footer.jpg') repeat-x center;
	color: #333;
	text-align: center;
	clear: both;
	font-size: .8em;
}
.footer a {
	color: #FF0000;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* related posts */
#relatedPosts a {
	display: block;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
/* comments */
.comment {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.comment .date {
	text-align: left;
	margin: 0;
	padding: 3px 0px;
}
.comment .author {
	margin: 0;
	text-align: left;
	padding-top: 3px;
	margin: 5px 0px 3px 0px;
	clear: both;
}
.self {
	background-color: #F5F5F5;
}
.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px;
}
.comment .gravatar img {
	height: 80px;
	width: 80px;
}
.comment .content {
	min-height: 85px;
	margin: 5px 0 0 5px;
}
.commentForm {
	padding: 5px;
}
.commentForm label {
	float: left;
	display: block;
	width: 80px;
}
.commentForm input {
	width: 345px;
}
.commentForm textarea {
	width: 100%;
	height: 150px;
}
#commentMenu {
	padding: 0;
	margin: 0;
	clear: both;
}
#commentMenu li {
	float: left;
	border: 1px solid silver;
	border-bottom: none;
	margin: 0;
	list-style: none;
	margin-right: 5px;
	padding: 3px 8px;
	cursor: pointer;
	position: relative;
	top: 2px;
	background: #d8d8d8;
}
#commentMenu li.selected {
	background: white;
	border-bottom: 1px solid white;
}
#commentPreview {
	display: none;
	clear: both;
}
/* Archive */
#archive p {
	font-size: 1em;
}
#archive img {
	border: none;
	padding-right: 5px;
}
#archive h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
}
#archive span {
	display: block;
	margin-bottom: 3px;
	font-size: 1.1em;
}
#archive span a {
	margin-left: 4px;
}
#archive th {text-align: left; padding-left: 3em;}
#archive td.date {width: 8em;}
#archive td.title {width: 24em;}
#archive td.rating, th.rating{display: none;}
#archive td.comments, th.comments{display: none;}
#archive td a {text-decoration: none;}
/*----------------------------
				 Tag cloud
----------------------------*/
#tagcloud, .cloud {
	margin-bottom: 10px;
	white-space: normal;
}
#tagcloud li, .cloud li {
	display: inline;
	border-bottom: none;
}
#tagcloud a, .cloud a {
	margin-right: 3px;
	display: inline;
	padding: 3px 1px 3px 1px;
}
#tagcloud li a:hover {
	color: #111;
	background: none;
}
#tagcloud a.biggest {
	font-size: 1.35em;
}
#tagcloud a.big {
	font-size: 1.25px;
}
#tagcloud a.medium {
	font-size: 1.1em;
}
#tagcloud a.small {
	font-size: 1em;
}
#tagcloud a.smallest {
	font-size: .9em;
}
/*----------------------------
					 Calendar
----------------------------*/
#calendarContainer {
	text-transform: capitalize;
	margin: 0 auto;
}
.calendar {
	border: none;
	margin: 0 auto;
	font-size: .95em;
	width: 80%;
}
.calendar .weekend {
	background-color: #F1F1F1;
}
.calendar .other {
	color: silver;
}
.calendar a.exist {
	display: block;
	font-weight: bold;
	background-color: #F1F1F1;
}
.calendar td {
	vertical-align: top;
	background: white;
}
/*----------------------------
					Star rater
----------------------------*/
.rating p {
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
}
.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
.star-rating li {
	display: inline;
}
.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}
.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}
.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
	margin: 0px;
}
/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}
/*----------------------------
				Contact page
----------------------------*/
#contact {
	padding: 10px;
}
#contact h1 {
	margin-top: 0;
}
#contact label {
	display: block;
	padding-top: 5px;
}
#contact input.field {
	width: 200px;
}
#contact textarea {
	display: block;
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
}
/* code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre {
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre {
	margin: 0em;
}
.csharpcode .rem {
	color: #008000;
}
.csharpcode .kwrd {
	color: #0000ff;
}
.csharpcode .str {
	color: #006080;
}
.csharpcode .op {
	color: #0000c0;
}
.csharpcode .preproc {
	color: #cc6633;
}
.csharpcode .asp {
	background-color: #ffff00;
}
.csharpcode .html {
	color: #800000;
}
.csharpcode .attr {
	color: #ff0000;
}
.csharpcode .alt {
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum {
	color: #606060;
}
/*----------------------------
				Search page
----------------------------*/
.searchresult {
	margin-bottom: 20px;
}
.searchresult a {
	font-weight: bold;
}
.searchresult span.text {
	clear: both;
	display: block;
	margin: 3px 0;
}
.searchresult span.type {
	display: block;
}
.searchresult span.url {
	color: Gray;
}
.searchpage ul.paging {
	list-style-type: none;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.searchpage ul.paging li {
	display: inline;
	border: 1px solid gray;
	background: #f1f1f1;
	margin-right: 5px;
}
.searchpage ul.paging li a {
	padding: 5px 8px;
}
.searchpage ul.paging li.active {
	background: #f1f1f1;
	border: 1px solid black;
}
/*----------------------------
			Syntax highlighter
----------------------------*/
.code {
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #F1F1F1;
	line-height: normal;
}
.code p {
	padding: 5px;
}
.code .rem {
	color: #008000;
}
.code .kwrd {
	color: #0000ff;
}
.code .str {
	color: #006080;
}
.code .op {
	color: #0000c0;
}
.code .preproc {
	color: #0000ff;
}
.code .asp {
	background-color: #ffff00;
}
.code .html {
	color: #800000;
}
.code .attr {
	color: #ff0000;
}
.code .alt {
	background-color: #f4f4f4;
}
.code .lnum {
	color: #606060;
}
/*----------------------------
					XFN tags
----------------------------*/
div.post .postcontent a[rel] {
	padding-right: 11px;
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .postcontent a[rel="me"] {
	background-image: url('../../pics/xfn/me.gif');
}
/*-------- [ These should cascade to pick the correct icon for the contact ]--*/
/*-------- [ Normal contacts ]--*/
div.post .postcontent a[rel~="contact"], div.post .postcontent a[rel~="acquaintance"], div.post .postcontent a[rel~="friend"] {
	background-image: url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .postcontent a[rel~="contact"][rel~="met"], div.post .postcontent a[rel~="acquaintance"][rel~="met"], div.post .postcontent a[rel~="friend"][rel~="met"] {
	background-image: url('../../pics/xfn/contactMet.gif');
}
/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .postcontent a[rel~="colleague"], div.post .postcontent a[rel~="co-worker"] {
	background-image: url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .postcontent a[rel~="colleague"][rel~="met"], div.post .postcontent a[rel~="co-worker"][rel~="met"] {
	background-image: url('../../pics/xfn/colleagueMet.gif');
}
/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .postcontent a[rel~="muse"], div.post .postcontent a[rel~="crush"], div.post .postcontent a[rel~="date"], a[rel~="sweetheart"] {
	background-image: url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .postcontent a[rel~="muse"][rel~="met"], div.post .postcontent a[rel~="crush"][rel~="met"], div.post .postcontent a[rel~="date"][rel~="met"], div.post .postcontent a[rel~="sweetheart"][rel~="met"] {
	background-image: url('../../pics/xfn/sweetMet.gif');
}
.widgets {
	padding: 10px 0 0 0;
	margin-left: 35px;
}

/* ----- styles for tutorials */

.gotopage {
	font-size: small;
	text-align: right;
}
.ftleft {
	float: left;
}
.ftright {
	float: right;
}
pre {
	border: thin #000 dotted; 
	width: 40em; 
	padding: 0;
}
.txtcenter {
	text-align: center;
}
.googlebanner {
	margin: 0 auto;
	padding: 0;
}
#menu {
	background: #353535 url('img/p7exp_mbar.jpg') center;
	padding: 5px 30px 1px 30px;
	margin: 0;
	color: #EAEAEA;
	font-size: 90%;
}
#menu ul, #menu ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#menu a {
	margin: 0px;
	padding: 5px 10px;
	color: #EAEAEA;
	text-decoration: none;
}
#menu a:hover {
	background: #353535;
}

.tutorial-lists {
	margin: 0 20px;
	font-size: .9em;
}
.tutorial-lists p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.tutorial-lists ul {
	margin-top: 0;
	padding-top: 0;
}
.clrright {
	clear: right;
}
.clrright img {
	float: right;
	padding-left: 1em;
	padding-bottom: .5em;
}
.ctr, #flashcontent {
	text-align: center;
}
#flashcontent #noexpressUpdate {
	margin: 0 auto;
	width: 210px;
	padding: 40px;
	text-align: left;
}