html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;
}
body {line-height: 1;}
ol, ul {list-style: none;}
img {vertical-align:middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/*   --------------------------------   END RESET CSS  --------------------------------*/

body {
	background:url('/images/stripe_superdark.gif');
	font-size:12px;
}
a, a:visited {text-decoration:none;color:blue;}
a:active, a:hover {text-decoration:underline;color:blue;}

body, input, button, textarea, select {font-family:'Open Sans', Helvetica, sans-serif;}


table {border-collapse:collapse;}
hr {border:0;background:transparent;color:transparent;border-top:1px dotted #AAA;margin:10px 0;}
hr.clr, hr[clr] {margin:0;clear:both;visibility:hidden;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	zoom:1;
}

#container {
  	width: 800px;
  	margin: 0 auto;
  	text-align: left;
	position:relative;
	background:#999;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:0 0 15px rgba(1,1,1,.5);
}

#content {
	position:relative;
	padding:5px;
	min-height:500px;
}

header {
	position:relative;
	text-align:right;
	height:40px;
	background:url(/images/name.png) no-repeat top left;
}

/*header #logo_placement {display:block;margin-left:auto;padding-top:5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}*/
header .bloglink {position:absolute;left:0;top:0;width:500px;height:40px;font-size:0;color:transparent;}

footer {text-align:center;padding:10px;color:#ccc;font-size:11px;margin-bottom:40px;}

/* Login Form & Confirmation Message -------------------------------------------------------------------------------------------*/
#login_form {margin:100px auto;width:200px;text-align:left;}
#login_form div {margin:4px 0;}
#login_form div label {display:block;font-size:10px;text-transform:uppercase;text-align:left;}
#login_form div .field {display:block;border:1px solid black;}
#login_form div .field b {margin:2px;display:block;}
#login_form div .field input {width:100%;margin:0;border:none;padding:0;color:black;background-color:transparent;}
#login_form div .field input[type=password] {letter-spacing:.25em;font-family:Verdana, 'Arial Black', Impact, serif;font-weight:bold;}
#login_form div.rememberme {float:left;margin:0;}
#login_form div.submit {text-align:right;}

#pMessagePage {width:300px;margin:100px auto;text-align:center;}
#pMessagePage h1 {font-size:16px;padding:8px;}


/* Form layout -------------------------------------------------------------------------------------------*/
form.flow {background:url('/images/blank.gif');position:relative;}
form.flow #bob {display:none;}
form.flow div[row] {margin-bottom:5px;position:relative;background:url('/images/blank.gif');}
form.flow div[cell] {display:inline-block;zoom:1;*display:inline;vertical-align:top;background:url('/images/blank.gif');width:200px;}
form.flow div[cell]:first-child {margin-left:0;}

form.flow div[row]>label,
form.flow div[cell]>label {font-weight:normal;font-size:10px;display:block;color:black;}
form.flow label sub {font-size:10px;font-weight:normal;text-transform:lowercase;float:right;}
form.flow label i {font-style:normal;font-weight:normal;color:#999;}
form.flow div[row] a {text-decoration:underline;}
form.flow div.error {border:1px solid red;background:#FDB5B6;padding:5px;color:black;font-weight:bold;font-size:11px;}
form.flow div.error ul {margin-left:20px;font-weight:normal;}

form.flow span[field] {display:block;background:white;border:1px solid #A8ACAD;padding:0;position:relative;text-align:center;min-height:24px;}
form.flow span[field]>b {font-weight:inherit;display:block;margin:1px 5px;}
form.flow span[field] input[type='text'] {width:100%;min-height:20px;margin:0;padding:0;border:none;background:url('/images/blank.gif');;}
form.flow span[field] select {width:100%;margin:2px 0 0 0;padding:0;}
form.flow span[field] textarea {width:100%;margin:0;padding:0;border:none;background:url('/images/blank.gif');position:relative;height:100px;resize:vertical;zoom:1;}
form.flow span[field] label {margin:0 10px;color:black;}
form.flow span[field] i {float:left;margin-top:5px;text-align:center;display:block;}
form.flow span[field].error {border:1px solid red;}

form.flow div[submit] {text-align:right}

.wmd {display:block;}
.wmd .border {border:1px solid silver;background:white;}
.wmd .toolbar {border-bottom:1px solid silver;}
.wmd .edit {margin-left:5px;}
.wmd .edit textarea {width:100%;height:150px;margin:0;padding:2px 0;border:none;background:url('/images/blank.gif');position:relative;;resize:none;margin-bottom:-3px;}
.wmd .preview {padding:10px;margin:5px 0;}


/* Index Page -------------------------------------------------------------------------------------------*/


.Index #indexbox {
	padding:5px;
	position:relative;
	width:620px;
	height:360px;
	margin:80px auto;
	background: #999999 url('/images/background.gif') no-repeat bottom left;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	-webkit-box-shadow:0 0 15px rgba(1,1,1,.5);
	-moz-box-shadow:0 0 15px rgba(1,1,1,.5);
	box-shadow:0 0 15px rgba(1,1,1,.5);
}
.Index #name_placement {position:absolute;bottom:0;left:0;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;}
.Index #logo_placement {display:block;margin:0 auto;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}
.Index p {text-align:center;font-size:30px;}
.Index p span {display:inline;font-weight:bold;font-family: 'Arial Black', Arial, Helvetica, sans-serif;}
.Index p span.c1 {color:#888;}
.Index p span.c2 {color:#555;}
.Index p span.c3 {color:#BBB;}
.Index #social a {
	font-weight:bold;
	padding:10px 0;
	display:inline-block;zoom:1;*display:inline;
	color:#999;

	line-height:18px;
	font-size:18px;
	text-align:center;
	width:80px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	-webkit-transition-property: background-color, color, padding;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
	-moz-transition-property: background-color, color, padding;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
}
.Index #social a img {display:block;margin:5px auto;}
.Index #social a:hover {background:#888;color:#333;text-decoration:none;padding:10px 25px;
}
.Index #social a#email {width:300px;color:#444;font-size:20px;}
.Index #social a#email:hover {background:none;}
.Index #social a#email span {color:#ccc;}

.Blog aside {float:left;width:100px;text-align:center;}
.Blog aside a {margin:5px 0;display:block;}
.Blog section {margin-left:100px;}
.Blog article {
	position:relative;
	margin:0 10px 20px 10px;
}
.Blog article>div {
	min-height:100px;
	background:#eee;
	padding:10px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	font-size:14px;
	line-height:1.3em;
	-webkit-box-shadow:0 0 5px rgba(1,1,1,.5);
	-moz-box-shadow:0 0 5px rgba(1,1,1,.5);
	box-shadow:0 0 5px rgba(1,1,1,.5);
	position:relative;
	z-index:10;
}

.Blog article.Hidden {opacity:0.5;}


.Blog article>div>span.date {float:right;font-size:10px;line-height:9px;text-align:center;margin-left:20px;}
.Blog article>div>h2 {font-size:18px;padding:2px 0;color:#333;margin-bottom:5px;}
.Blog article>div h2>a {color:#333;text-decoration:underline;}
.Blog article>div>h2 img {vertical-align:top;}
.Blog article .copybody img {max-width:100%;}
.Blog article .tools {position:absolute;left:100%;top:10px;overflow:hidden;padding:0px 10px 10px 0;z-index:9;}
.Blog article .tools li {
	position:relative;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	padding:5px 6px;
	margin-bottom:5px;
	background:#ccc;
	-webkit-box-shadow:0 0 5px rgba(1,1,1,.5);
	-moz-box-shadow:0 0 5px rgba(1,1,1,.5);
	box-shadow:0 0 5px rgba(1,1,1,.5);
}
.Blog article .tools li:hover {background:#ddd;}

/* Unused code for vertical text in tools bar */
.Blog article .tools li span {display:block;width:16px;height:66px;}
.Blog article .tools li span p {
	font-size:11px;font-weight:bold;padding-left:5px;
	text-align:center;
	white-space:nowrap;
   -moz-transform: rotate(90deg);  /* FF3.5+ */
     -o-transform: rotate(90deg);  /* Opera 10.5 */
-webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
    -ms-transform: rotate(90deg);  /* IE9 */
        transform: rotate(90deg);  
           filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */ 
                   M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17);
             zoom: 1;
}

/*.Blog article .v1 {text-align:justify;}*/
.Blog article .v1 p {border:1px solid #575757;border-width: 1px 4px;background-image:url(/images/stripe_orange.gif);font-weight:bold;margin:4px 0;padding:5px 15px;color:white;}
.Blog article .v1 p a {font-weight:bold;color:black;text-shadow:none;}
.Blog article .v1 blockquote {
	border:1px solid #575757;
	border-width: 0px 0px 0px 4px;
	border-left-color:#75838F;
	margin:5px 0px;
	padding:5px 10px;
	color:black;
	font-size:11px;
	line-height:14px;
	background:#E0E0E0;
}
.Blog article .v1 ul {list-style:disc;padding-left:20px;}


.Blog article .v2 p{margin:1.0em 0;}
.Blog article .v2 h1{border:1px solid #575757;border-width: 1px 4px;background-image:url(/images/stripe_orange.gif);font-weight:bold;margin:4px 0;padding:5px 15px;color:white;}
.Blog article .v2 h1 a {font-weight:bold;color:black;text-shadow:none;}
.Blog article .v2 h2{display:block;font-size:1.5em;margin:.83em 0 .83em 0;font-weight:bold;}
.Blog article .v2 h3{display:block;font-size:1.17em;margin:1em 0 1em 0;font-weight:bold;}
.Blog article .v2 h4{display:block;margin:1.33em 0 1.33em 0;font-weight:bold;}
.Blog article .v2 h5{display:block;font-size:.83em;margin:1.67em 0 1.67em 0;font-weight:bold;}
.Blog article .v2 h6{display:block;font-size:.67em;margin:2.33em 0 2.33em 0;font-weight:bold;}
.Blog article .v2 ul, .Blog article .v2 menu, .Blog article .v2 dir {display: block;list-style-type: disc;margin: 1em 0 1em 0;padding-left: 40px} 
.Blog article .v2 ol {display: block;list-style-type: decimal;margin: 1em 0 1em 0;padding-left: 40px}
.Blog article .v2 li{display:list-item}
.Blog article .v2 ul ul,.Blog article .v2 ol ul{list-style-type:circle}
.Blog article .v2 ol ol ul, .Blog article .v2 ol ul ul, .Blog article .v2 ul ol ul, .Blog article .v2 ul ul ul{list-style-type:square}
.Blog article .v2 u, .Blog article .v2 ins{text-decoration:underline}
.Blog article .v2 strong, .Blog article .v2 b{font-weight:bolder} .Blog article .v2 i, .Blog article .v2 cite, .Blog article .v2 em, .Blog article .v2 var, .Blog article .v2 address{font-style:italic}
.Blog article .v2 tt, .Blog article .v2 code, .Blog article .v2 kbd, .Blog article .v2 samp{font-family:'Droid Sans Mono', monospace;background:#DDD;color:#222;padding:2px;border-radius:4px;font-size:.8em;}
.Blog article .v2 pre{display:block;font-family:'Droid Sans Mono', monospace;white-space:pre;margin:1em -10px;overflow:auto;max-width:650px;font-size:.9em;line-height:1.2em;padding:5px 2em;background:#FBFBFB;border:1px solid #D7D7D7;border-width:1px 0;}
.Blog article .v2 big{font-size:larger;}
.Blog article .v2 small{font-size:smaller;}
.Blog article .v2 s, .Blog article .v2 strike, .Blog article .v2 del{text-decoration:line-through}
.Blog article .v2 sub{vertical-align:sub;font-size:smaller}
.Blog article .v2 sup{vertical-align:super;font-size:smaller}
.Blog article .v2 blockquote {
	border:1px solid #575757;
	border-width: 0px 0px 0px 4px;
	border-left-color:#75838F;
	margin:5px 0px;
	padding:5px 10px;
	color:black;
	font-size:11px;
	line-height:14px;
	background:#E0E0E0;
}