/*  
Theme Name: Sassy Stitchess (gleek design)
Theme URI: http://www.greatwhitewong.com/sassystitchess/
Description: The sassiest design on the planet!
Version: 1.0
Author: Stephanie J Pajonas
Author URI: http://gleek.net/

	Sassy Stitchess v1.0
	 http://gleek.net/

	This theme was designed and built by Stephanie J Pajonas,
	whose blog you will find at http://gleek.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* --------------------------------
LAYOUT
-------------------------------- */

BODY {
background: #cccccc;
font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
text-align: center;
margin: 0px;
}

a, a:link {
color: #999999;
text-decoration: none; }

a:visited {
color: #666666;
text-decoration: none; }

a:active {
color: #666666;
text-decoration: none; }

a:hover {
color: #990066;
text-decoration: underline;
}

#center {
width: 800px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #FFFFFF;
}

#content {
width: 800px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
float: left;
}

#banner {
width: 800px;
height: 80px;
margin: 0px;
padding: 0px;
}

#topnav {
margin: 0px;
padding: 0px;
width: 800px;
height: 28px;
text-align: left;
background-color: #333333;
}

/* nav elements */

#topnav ul {
list-style: none; 
padding: 0px; 
margin: 0px; 
font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #CCCCCC;
}

#topnav ul li {
text-align: left;
float: left; 
height: 28px; 
margin: 0px; 
padding: 0px; 
}

#topnav ul li a {
display: block; 
padding: 6px 10px 6px 10px; 
color: #CCCCCC; 
text-decoration: none;
}

#topnav ul li a:hover {
color: #CCCCCC;
background-color: #333333;
}

/* --------------------------------
CONTENT
-------------------------------- */

#blog {
width: 570px;
margin: 0px;
padding: 20px 0px 40px 10px;
text-align: left;
float: left;
voice-family: "\"}\""; 
voice-family: inherit;
}


#blog h1 {
font: 30px/36px Georgia, serif;
color: #990066;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#blog h2 {
font: 26px/28px Georgia, serif;
color: #CC0099;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#blog div.date {
font: 24px/26px Georgia, serif;
color: #000000;
margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 0px;
float: left;
border-right: #000000 solid 1px;
}

#blog div.date .subdate {
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
}

#blog div.info {
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
}

#blog div.clear {
margin: 0px;
padding: 0px;
float: clear;
height: 20px;
}

#blog p {
margin: 0px 0px 15px 0px;
padding: 0px;
}

#blog .warning [
color: #cc0066 ;
}

#blog p img {
border: 4px #CCCCCC solid;
margin: 0px;
padding: 0px;
}

#blog img {
border: 4px #CCCCCC solid;
margin: 0px;
padding: 0px;
}

/* ADD MORE BLOG STYLES HERE */

#blog blockquote {
margin: 0px 0px 15px 0px;
padding: 10px;
background-color: #E1E1E1;
}

#blog blockquote p {
margin: 0px 0px 10px 0px;
padding: 0px;
}

#blog ol {
margin-top: 0px;
margin-bottom: 10px;
list-style-type: decimal;
}

#blog ol li {
margin-top: 0px;
margin-bottom: 5px;
}

#blog ul {
margin-top: 0px;
margin-bottom: 10px;
list-style-type: circle;
}

#blog ul li {
margin-top: 0px;
margin-bottom: 5px;
}

#blog p img.wp-smiley !important {
padding: 0px;
margin: 30px 5px 0px 5px;
border: none;
}


#sidebar {
padding: 20px 10px 0px 0px;
margin: 0px 0px 0px 600px;
background: transparent; 
/* compensates for IE Win bungling */
text-align: left;
}

#sidebar h1 {
font: 18px/20px Georgia, serif;
color: #FF99CC;
margin: 0px 0px 15px 0px;
padding: 0px;
}

#sidebar p {
margin: 0px 0px 15px 0px;
padding: 0px;
}

#sidebar img {
border: none;
margin: 0px;
padding: 0px;
}

/* --------------------------------
COMMENTS
-------------------------------- */

#blog h3 {
font: 22px/24px Georgia, serif;
color: #666666;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#blog .comment_dark {
margin: 0px 0px 10px 0px;
padding: 10px;
background-color: #ffe1f1;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#blog .comment_light {
margin: 0px 0px 10px 0px;
padding: 10px;
background-color: #fff2f9;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#blog .comment_dark .commenter,
#blog .comment_light .commenter {
font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

#blog .comment_dark img,
#blog .comment_light img {
border: none;
}

#blog .comment_dark p,
#blog .comment_light p {
margin: 5px 0px 5px 0px;
padding: 0px;
}

#blog #commentform {
margin: 10px 0px 20px 10px;
padding: 0px;
color: #ff3399;
}

#blog #commentform input.text {
margin: 3px 0px 10px 0px;
padding: 2px;
width: 220px;
font: 12px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: 1px #666666 solid;
}

#blog #commentform textarea.text {
margin: 3px 0px 10px 0px;
padding: 2px;
width: 380px;
font: 12px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: 1px #666666 solid;
}

#blog #commentform input.button {
margin: 0px;
padding: 3px;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: 1px #000000 solid;
}

#blog #commentform input.button:hover {
margin: 0px;
padding: 3px;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
background-color: #000000;
border: 1px #FFFFFF solid;
}

/* --------------------------------
BOTTOM NAV AND ARCHIVES
-------------------------------- */

#bottomnav {
width: 800px;
margin: 0px;
padding: 10px 0px 0px 0px;
background: #000000 url('images/bottomnav_background.gif') top no-repeat;
border-top: 2px #CCCCCC solid;
float: left;
text-align: left;
font: 12px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666666;
}

#recentposts {
width: 198px;
margin: 0px;
padding: 0px 10px 10px 10px;
float: left;
}

#archives {
width: 226px;
margin: 0px;
padding: 0px 10px 10px 10px;
float: left;
}

#gallery {
width: 164px;
margin: 0px;
padding: 0px 10px 10px 10px;
float: left;
}

#subscribe {
margin: 0px;
padding: 0px 10px 10px 10px;
float: left;
}

#recentposts h1,
#archives h1,
#gallery h1,
#subscribe h1 {
font: 18px/22px Georgia, serif;
color: #CC0099;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#recentposts p {
margin: 0px 0px 5px 0px;
padding: 0px;
}

#archives form {
margin: 0px;
padding: 0px;
}

#blog form {
margin: 10px 0px 20px 0px;
padding: 0px;
}

#archives form input.text,
#blog form input.text {
margin: 0px 0px 10px 0px;
padding: 2px;
width: 180px;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: 1px #666666 solid;
}

#archives form select,
#blog form select {
margin: 0px 0px 10px 0px;
padding: 2px;
width: 210px;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: 1px #666666 solid;
}

#archives form input.button,
#blog form input.button {
margin: 0px;
padding: 3px;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: 1px #000000 solid;
}

#archives form input.button:hover,
#blog form input.button:hover {
margin: 0px;
padding: 3px;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
background-color: #000000;
border: 1px #FFFFFF solid;
}

#subscribe img {
margin: 0px 0px 10px 0px;
padding: 0px;
border: none;
}
.one-image img {
margin: 0px 0px 2px 0px;
padding: 0px; }

.ImageFrame_none {
border: 2px #999999 solid;
}

.one-image .giInfo {
margin: 0px 0px 10px 0px;
padding: 0px;
}


/* --------------------------------
FOOTER
-------------------------------- */

#footer {
width: 780px;
margin: 0px;
padding: 5px 10px 5px 10px;
text-align: left;
float: left;
background-color: #333333;
font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #CCCCCC;
}