/*  
Theme Name:Banilla
Theme URI:http://moonshines.com/
Description:berry berry white
Author:Jeff Jones
version:2010
*/

body  {
	font: 105% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #4040a0;
	background: #fafaff url(snowflake.jpg) repeat scroll;
}
h1 {font-size:1.5em; margin:0 auto; text-align:center}
h2 {font-size:1.3em; margin:16px 0 2px 0}
h3 {font-size:1.1em; margin:12px 0 2px 0}
p {margin:5px 0}

img { behavior: url(iepngfix.htc) }
 
 
#container { 
	width: 960px;
	margin: 0 auto;   
	text-align: left;  
}
 
 
#mainContent {
  margin: 80px 200px 0 200px; 
  padding: 0 2em; 
} 
#mainContent h1 { 
 margin-top: 0;   
}
#mainContent p { 
 font-size:.9em;   
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.thumb, .thumb1, .thumb2, .thumb3, .thumb4, .thumb5, .thumb6 {wi#dth:160px; he#ight:160px; border:0; margin:6px}
 
#logo, #logoWide {margin:0 auto 20px auto;border:none;display:block}
 
 /* legacy */
 
a {font-weight:bold; text-decoration:none; color:#4040ff}
a:visited {color:#4040ff}
a:hover {color:#0000ff; text-decoration:underline}

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

#main {margin:0 auto;  padding:0 0 10px 0; font-size:.9em}

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

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


#header {text-align:center; padding:10px 8px 40px 8px; color:#808080}
#header img {margin-bottom:20px}
#header a {background-color:#ffffff; padding:2px 24px}
#header a:hover {background-color:#000080; color:#ffffff; text-decoration:none}
#header .pages {display:block;margin:12px auto 0 auto}
#header .pages a {font-weight:normal}

#footer {text-align:center; padding:10px; color:#808080}
#foo$ter a {background-color:#ffffff; padding:2px 8px}
#footer .pages {display:block;margin:12px auto 0 auto}
#footer .pages a {font-weight:normal}

.bordery {height:24px; background:#404040}
.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:20px 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; margin-top:0}


/* end of Legacy styles */

form {margin:0px; padding:0px}
form input {background-color:#ffffff; font-family:arial, helvetica, sans-serif; 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; padding:2px 24px; margin:8px; background-color:#ffffff;}
#entrylast a{padding:2px; margin:2px}
 
#entrynext {float:right; padding:2px 24px; margin:8px; background-color:#ffffff;}
#entrynext a{padding:2px; margin:2px}
 
 

/* Classes */

.description {font-family:arial, sans-serif; color:#c0c0ff; font-size:small}

.posted {color:#c0c0ff; font-size:x-small; margin-top:12px; border:black}	

.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:small; margin:0; padding:0.3em; text-align:center}
#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:#ffffff}
#comments .formy {margin:.5em 6em; text-align:left}

#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}
.title {font-size:1.8em; letter-spacing:0.8em; font-weight:normal}
 
.drama {padding:4em 0}
.strikeout {text-decoration:line-through; color:#808080}
.client {float:right; font-size:small}
.project {float:left; font-size:small}

 

.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:180px; _height:180px; margin-bottom:40px}

#homeBlocky{background-color:#ffffff; padding:5px 0 20px 25px; width:420px}
#homeBlocky h2, #homeBlocky h3 {text-align:center}

#homeNews {padding-right:30px}

#blog {float:left; margin:0 0 20px 0; width:680px}

#side {background-color:#ffffff; padding:0 20px 40px 20px; float:right; font-size:small; text-align:left; margin:0; width:200px}
#side h3 {font-weight:bold; font-size:medium; margin-top:15px}
#side h2 {font-size:medium; margin-top:30px}
#side h3 a {font-weight:bold}
#side li {margin:4px 0 0 0; text-indent:-5px; _text-indent:-20px; padding-left:10px; display:block}
#side #flip {text-align:right}

#social {margin:0 auto; text-align:center}
#social a {margin:10px}
#homeTable {margin-bottom:20px}