/*   
Theme Name: Breezy Day
Author: Kim
Author URI: http://fadedout.com
*/

/************************************************
*	Body  									*
************************************************/

body {
margin: 0;
background: #ffffff url(http://fadedout.com/wp-content/themes/butterfly/images/backgroundlight.gif) repeat-y;
border-bottom:0px solid #000000;
background-repeat: repeat;
font-size: 12px;
font-family: verdana;
line-height: 1.4em;
letter-spacing:.5px;
color: #000;
}

table {
font-size: 11px;
font-family: verdana;
line-height: 1.4em;
letter-spacing:.5px;
color: #000;
}

a:link {
color:#DA5C05;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#DA5C05;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#DA5C05;
text-decoration:underline;
font-weight:bold;
}

a img {
border-width:0;
border:0px;
}

b,strong {	
color:#000;
font-weight:bold;
} 

i,em {	
color:#000000; 
font-style:italic;
} 


u {	
color:#000; 

}

input, textarea, select {
background-color: #ffffff;
color: #545454;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-right: 1px solid #000000;
border-left:1px solid #000000;
font-size: 12px;
font-family: georiga;
}

hr {
height: 3px;
background: transparent;
border: 0 0 1px 0;
border-style: dashed;
border-color: #FEA07E;
}

blockquote {
background-color: #ffffff;
color: #000000;
margin-right: 15px;
margin-left: 15px;
border-top:0px solid #828282;
border-bottom:0px dotted #7c5106;
border-right: 1px solid #828282;
border-left: 1px solid #828282;
}
code {
font-family: georiga;
color: #666;
}
form, img {
margin: 0;
padding: 0;
border: 0;

}


/************************************************
*	Headers 									*
************************************************/
h1 {
margin-bottom:0px;
background-color: none;
border-bottom:0px dashed #D3B398;
font-family: arial;
font-size:14px;
font-weight:bold;
color: #000;
text-align:left;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
}

h2 {
margin-top:3px;
margin-bottom:0px;
margin-right: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top:5px;
padding-bottom:5px;
background-color: #ffffff;
line-height:15px;
font-family: verdana;
font-size:20px;
font-weight:bold;
color: #928b8b;
text-align:left;
text-transform: none;
height:none;
border:none;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}

h3 {
padding-top:10px;
padding-bottom:5px;
font-family: verdana;
font-size:17px;
font-weight:bold;
border-bottom:2px dashed #D3B398;
font-weight: normal;
color: #000;
text-align: center;
}

h4 {
margin-top:0px;
margin-bottom:0px;
margin-right: 3px;
padding-left: 5px;
margin-right: 3px;
padding-top:3px;
padding-right:3px;
padding-bottom:0px;
background-color: #ffffff;
line-height:10px;
font-family: verdana;
font-size:12px;
font-weight:bold;
color: #928b8b;
text-align:left;
text-transform: none;
height:none;
border:none;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

h5 {
margin-bottom:0px;
background-color: none;
border-bottom:0px;
font-family: arial;
font-size:12px;
color: #C86713;
text-align:left;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:2px;
}

/************************************************
*	Layout 									*
************************************************/

#wrapper {
width: 699px;
margin: 0 auto;
background: #EFF9B9 url() repeat-y;
font-size: 0.9em;
text-align: left;
padding: 0px 0px 0px 0px;
border-left: 1px solid #a8a5a5;
border-right: 1px solid #a8a5a5;
}

#header {
width: 699px;
height: 346px;
background: url(http://fadedout.com/wp-content/themes/butterfly/images/branchbutterflytext.png) no-repeat;
}

#navigation {
width: 699px;
height: 25px;
background: #FFC48C;
text-align: right;
padding-top:8px;
margin-right:5px;
}

/************************************************
*	Content and Sidebar 						*
************************************************/

	
#content {
float: left;
width: 522px;
margin-left:5px;
margin-right:2px;
margin-top:0px;
padding-top:0px;
background-color: #EFF9B9;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

#sidebar {
float: right;
width: 170px;
margin-left:0px;
margin-top:0px;
padding-top:0px;
background-color: #D3B398;
text-align: justify;
font-size: 11px;
font-family: verdana;
line-height: 1.4em;
color: #000;
} 

/* Sidebar Links */
#sidebar a
{
  text-decoration: none;
  color: #A24A13;
  font-family: verdana;
  font-size: 11;
  letter-spacing:1px;
}

#sidebar a:hover
{
  text-decoration: underline;
}
/* End Links */

ul {
list-style-position: outside;
	padding-left: 2em;
	padding-top: 0px;
	margin-top: 0px;
	text-indent: .5em;
}

/************************************************
*	Footer  									*
************************************************/

#footer {
width: 699px;
background: #FFC48C;
clear:both;
height: 40px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: verdana;
font-size: 12px;
text-align:center;
}

img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}

/************************************************
* Rounded Corners 								*
************************************************/

.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px; 
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
  width: 14px; height: 14px;
  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.box {
  margin: 0px;
  padding: 0px;
  border: 0px solid #D3B398;
  background-color: #FFF4A9;
}
.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
  margin: 10px;
}

/************************************************
* Plug Board    								*
************************************************/

ul#plugboard {
        /* The Plugboard Container */
        list-style: none;
        float: left;
}

ul#plugboard li {
        float: left;
        padding-right: 5px;
        padding-bottom: 5px;
}

#plugboard-form {
        /* The Plugboard Form Container */
        clear: both;
}



/************************************************
* Images        								*
************************************************/
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}