/*  
Theme Name:On Balance 
Theme URI:http://vvjones.com/
Description:Lightly Dramatic
Author:Jeff Jones
version:2012
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
strong {font-weight:bold}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
	font: 105% Artifika, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:aa88cc;
	background-image:url(images/backing-nighlights.jpg);
	color:#808080;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left bottom;
}
h1 {font-size:1.5em; margin:0 0 2px 0; color:#604080; text-align:center; }
h2 {font-size:1.3em; margin:16px 0 2px 0; color:#743535}
h3 {font-size:1.1em; margin:12px 0 2px 0; text-align:center; color:#604080}
p {margin:5px 0}

img {border:2px solid #604080; behavior: url(iepngfix.htc) }

hr {border:0; height:2px; background:#403060}

#container { 
	width: 880px;
	margin: 10px auto;   
	padding:20px 10px 30px 10px;
	text-align: left;  
	font-size:1.3em;
	background-color:#fff0ff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 1); 
 }
 
#mainContent {
  margin: 80px 200px 0 200px; 
  padding: 0 2em; 

} 
#mainContent h1 { 
 margin-top: 0;   
}
#mainContent p { 
 font-size:.9em;   
}

#pic {text-align:center; margin:10px 0 20px 0}
#pic img {margin:0 auto}

 
#intro {width:380px; margin-left:30px; float:left; font-size:0.9em }
#blurb {font-size:1.2em; padding:30px 0; margin:30px auto; border-bottom:2px solid #604080; border-top:2px solid #604080; text-align:center; font-style:oblique; width:600px}
#feature {width:420px; float:right; text-align:center;  }
#roll {text-align:center; clear:both}
#feature img, #roll img {margin:6px; border:2px solid #604080}

.thumb {border:3px solid #804050; margin:4px}
 
#logo {margin:0 auto 0 auto;border:none;display:block}
 
 /* legacy */
 
a, a:link, a:visited {font-weight:bold; text-decoration:none; color:#442222}
a:hover {color:#884444; text-decoration:underline}

input.send {font-weight:bold; background-color:#d0d0d0; border-color:#ffffff}
 
img[title] {cursor:help}

#main {margin:0 auto; padding:0 0x 30px 0; font-size:.9em}
#main p {margin:10px 20px; font-size:0.9em}

#intro {padding:0 10px; text-align:left}
#news {padding-left:5px}
#artwork {margin:0;text-align:center}
#artwork h2 {text-align:center}

#content{width:700px; margin:4px auto; padding:20px 0;}
#contentWide{width:900px; margin:4px auto; padding:0}
#copy {width:700px; margin:4px auto; padding:8px 16px; }
#copy ul {display:block; text-align:left; margin:6px 12px 12px 12px}
#copy li {display:block; text-align:left}

header {text-align:center; font-size: 1.3em; width: 880px; margin: 0 auto 20px auto;   
	padding:0 10px}
header a, #header a:link  {padding:2px 8px}
header a#home {margin:0; padding:0;}

footer {width:880px; margin:10px auto;text-align:center; padding:20px 8px; color:#404040; clear:both; font-size:smaller}
footer .pages {display:block;margin:12px auto 0 auto}
footer .pages a {font-weight:normal}

.bordery {height:24px; background:#404040 url(images/border.jpg) repeat-x center top}
.vision {clear:both; margin:2em}
.item{font-size:smaller;margin:1em; text-align:left}
.item a {display:block}

.gray {color:gray}
#copyright, #squeekr {font-size:0.85em; margin:10px auto 0 auto}
.tiny {color:gray; font-size:0.6em}
.banner {margin:4px 8px; border:1px solid #000000}
.bannernew {margin:2px 14px; border:4px double #0000ff}
.wide {margin:0.4em 6em}
.work {text-align:center;border:1px solid #000000;margin:0.3em auto}
.date {font-size:small; font-style:oblique; padding-top:20px; text-align:right}

/* end of Legacy styles */

form {margin:0px; padding:0px}
form input {background-color:#ffffff; font-size:small; margin:0 2px}

ul,ol,li {margin:0px;padding:0px;list-style-type:none;display:inline}

acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em}
	
img.center {display:block;margin-left:auto;margin-right:auto}
img.right {padding:4px;margin:0 0 2px 7px;display:inline}

img.left {padding:4px;margin:0 7px 2px 0;display:inline}
.alignright {float:right}
.alignleft {float:left}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help}

acronym, abbr {border-bottom:1px dashed #999;}

blockquote {
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
}

.center {text-align:center}

/* IDs */

#entrylast {float:left; font-size:0.9em; padding:2px; margin:8px}
#entrylast a{padding:2px; margin:2px}
 
#entrynext {float:right; font-size:0.9em; padding:2px; margin:8px}
#entrynext a{padding:2px; margin:2px}

/* Classes */

.description { color:#c0c0ff; font-size:small}

.posted {color:#e0e0ff; font-size:x-small; margin-top:12px; border:black}
.posted a, .posted a:link, .posted a:visited {color:#e0e0ff}	

.category {font-size:x-small}

.extended {text-align:right}

.searchword {border-bottom:1px dotted #ffff00}

.plain {text-align:center}
.plain img {float:none; margin:8px; border:1px solid #ffffff; height:auto; width:auto}

.code {font-size:xx-small; margin:0px 3em 3em}

.error {color:#ffff00; text-align:center}

.dent {margin:.5em 0px 1em 1em}

.button {font-size:x-small; background-color:#c0c0c0; color:#000000}

.required {color:#ffff00}

.field {margin:0px 0px 1em 0px}

.images {
	float:right;
	height:150px;
	width:200px;
	margin-left:12px;
	background-color:#3030A0;
}

.note {font-style:italic; color:#a0a0FF; margin:2em; font-size:90%}

.more {font-style:oblique}

#comments {font-size:smaller;  text-align:center; margin:20px; padding:20px; background-color:#fff0ff; clear:both}
#comments h3 {font-size:95%; padding:0px; margin:.4em 0 0 0}
#comments p {margin:0 1em 1em 1em; font-size:90%; padding:0}
#comments cite {font-size:110%; font-weight:bold}
#comments ul,ol {padding:0;margin:0}
#comments li {display:block;text-align:left; padding:0px;margin:0px}
#comments textarea {background:#cccccc}
#comments .formy {margin:.5em 6em; text-align:left}
#comments img {border:0px}

#options {font-size:x-small;text-align:center;margin-top:5em}

/* Begin Contact Form CSS */
.contactform {
	position:static;
	overflow:hidden;
	font-size:.8em
}
.contactleft {
	width:25%;
	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}

/* End Contact Form CSS */

.edit {background:#ffff00; font-weight:normal; font-size:x-small; padding:0 1em; color:#000000; margin:0 1em}
.nav {font-size:1.2em; letter-spacing:0.5em; font-weight:normal; margin:0 1em}
 
 
.drama {padding:4em 0}
.strikeout {text-decoration:line-through; color:#808080}
.client {float:right; font-size:small}
.project {float:left; font-size:small}

.printBox {float:left;width:174px; padding:0; text-align:center; font-size:0.9em; margin:7px}
.printBox img {border:2px solid #604080}
.printBox .linky {margin:4px}
.printBox form {display:inline; margin:4px}
.printBox input {font-size:0.9em; background:url(images/header-rust.gif) no-repeat center top; padding:2px 8px; border:1px solid #000000; color:#ffffff}
.printBox input:hover {color:#ffc000}

.current-cat {color:#ff9080}
#tagList {font-size:.8em; margin:20px 0}
#taglist a {font-size:.8em}

.right {float:right; margin:0 0 6px 6px; padding:0; border:0}
.left {float:left; margin:0 6px 6px 0; padding:0; border:0}

#gallery-1 br {display:none}
.sketch {margin:5px}

.entry {min-height:200px; _height:200px; margin-top:50px}

.commentcount {text-align:right}
.pile {margin:11px; float:left}
.sharing {margin:20px}

#switch {display:block; text-align:center; margin:5px auto;}
.sharedaddy {float:left !important; width:300px !important; margin:10px; padding:0 }
#contextNav {clear:both}