/*

-----------------------------------------------------------

Theme Name: Butterfly

Theme URI: http://www.ewebscapes.com

Description: A Butterfly Theme

Version: 2.0

Author: Lisa Sabin-Wilson

Author URI: http://ewebscapes.com

-----------------------------------------------------------

*/



html {
     overflow: -moz-scrollbars-vertical;
}




BODY {

 background: #6a5a6b url(images/bg.jpg) repeat-x;

 margin: 0;

}



a img {

border:0px;

}



/* STRUCTURE */



#page {

 width: 800px;

 margin-left: auto;

 margin-right: auto;

}





#frame {

 background:url(images/frame.jpg) repeat-y;

 float:left;

 width: 750px;

}



#frame2 {

 width: 750px;

 float:left;

}





#topbanner1 {

 width: 750px;

 height: 209px;

 background: url(images/headerimg.jpg) no-repeat;

}



.info {

 text-align: left;

 margin-left: 180px;

 font-family: georgia;

 color: #a07151;

 font-size: 16px;

 letter-spacing: 1px;

 font-weight: bold;

}



.title {

 color: #513553;

 font-family: italics Georgia;

 font-size: 48px;

 padding: 60px 0 0 60px;

 text-align: left;

}



.title a, a:active, a:visited { color: #513553; text-decoration: none;}

.title a:hover {color: #fff; text-decoration: underline;}



#main {

 float: left;

 margin: 0 0 0 65px;

 width: 500px; 

}



#main a img {

border:0px;

}



#menu li {list-style: none; margin:0; padding-bottom: 10px;}



#menu {

 float: right;

 width:auto;

 font-size:11px; 

 color: #404040;

 font-family: trebuchet ms;

 overflow:hidden;
 
 text-align:right;

}



#menu form {

 margin: 5px 0 5px 10px;

}



#menu input#s {

 width: 80%;

 background: #eee;

 border: 1px solid #6a5a6b;

 color: #000;

}



#menu ul {

 color: #000;

 font-weight: bold;

 list-style-type: none;

 margin: 0;

 padding-left: 3px;

}



#menu ul li {

 line-height: 130%;

 letter-spacing: 0.1em;

 margin-top: 10px;

 padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/

}



#menu ul ul {

 font-variant: normal;

 font-weight: normal;

 list-style-type: none;

 margin: 0;

 padding: 0;

 text-align: left;

}



#menu ul ul li {

 background: url(images/sidebullet.jpg) no-repeat;

 padding-left: 15px;

 border: 0;

 letter-spacing: 0;

 margin: 0 0 0 8px;

}



#menu ul ul li a { color: #6a5a6b; text-decoration: none;}

#menu ul ul li a:hover {border-bottom: 1px solid #a394a4;}







#menu ul ul ul.children {

 font-size: 8pt;

 padding-left: 6px; border:0px;

}





h2 {

 background: url(images/menubg.jpg) no-repeat;

 padding: 2px 0 0 18px;

 width: 157px;

 height: 24px;

 font-family: trebuchet ms;

 color: #fff;

 font-size: 14px;

 font-weight: bold;

 list-style: none;

 margin: 0 0 0 6px;

}



/* Formatting */



.post_cal {

float:left; color: #000; font-size: 10px; text-shadow: eceaec 1px 1px 1px; display: block; background: url(images/date1.gif) 0 0 no-repeat; text-align: center; text-transform: uppercase; line-height: 1; margin-top: 0; width: 35px; padding-top: 5px; top: 20px; left: -40px; }



.date {

display: block; font-weight: bold; font-size: 20px; text-indent: -3px; letter-spacing: -2px; color: #645065; text-shadow: #808080 2px 2px 0; background: url(images/date2.gif) bottom left no-repeat; padding-bottom: 5px;

}





.main_date {

 margin: 0px 0px 8px 0px;

 font-style: oblique;

 text-align: left;

 font-size: 12px; 

 font-variant: small-caps;

 font-family: trebuchet ms;

 color: #808080; 

}



.main_title {

 font: bold 11pt Tahoma;

 padding: 5px 0 0 0;

 margin-left: 5px;

 color: #755278;

}



.main_title a {color: #755278; text-decoration: none;}

.main_title a:active {color: #755278; text-decoration: none;}

.main_title a:visited {color: #755278; text-decoration: none;}

.main_title a:hover {color: #a58ea6; text-decoration: none;}





.page_title {

 font: bold 11pt Tahoma;

 color: #755278;

}



.page_title a {color: #755278; text-decoration: none;}

.page_title a:active {color: #755278; text-decoration: none;}

.page_title a:visited {color: #755278; text-decoration: none;}

.page_title a:hover {color: #a58ea6; text-decoration: none;}


.image {
 margin: 0;

 padding: 0;

 border: 0;

 width: inherit;

}


.main_post {
 
 float: left;

}
.albumthumb {

 float:left;

 padding: 7px;
 
 margin-bottom: 10px;
 
 width:auto;

}
.albumdesc {

 float: right;

 width: 300px;
 
}

.imagethumb {

 float:left;
 
 padding-top:7px;

 padding-left: 1px;
 
 padding-right: 1px;
  
 padding-bottom: 1px;
 
 margin-bottom: 10px;
 
 width:auto;

}

.main_post img {

 padding: 4px;

 background: #cbbbcb;

 margin: 0 5px 0 5px;

 border: 1px solid #9b819d;

}



.main_post ul li {

 background: url(images/postbullet.jpg) no-repeat;

 padding-left: 15px;

 list-style: none;

 border: 0;

 margin: 0;

}



.main_post a { color: #755278; text-decoration: none; font-weight: bold;}

.main_post a:active {color: #755278; text-decoration: none; font-weight: bold;}

.main_post a:visited {color: #755278; text-decoration: none; font-weight: bold;}

.main_post a:hover {color: #a58ea6; text-decoration: underline; font-weight: bold;}



.permalink {

 background: url(images/pl.jpg) no-repeat;

 padding: 0 0 0 15px;

 margin: 0 0 0 350px;

 font-family: trebuchet ms;

 font-size: 8pt;

 color: #808080;

}



.permalink a:link {color: #755278; text-decoration: none;}

.permalink  a:visited {color: #755278; text-decoration: none;}

.permalink  a:active {color: #755278; text-decoration: none;}

.permalink  a:hover {color:#a58ea6; text-decoration: underline;}



.main_feedback {

 margin-left: 12px;

 font-family: trebuchet ms;

 font-size: 8pt;

 color: #808080;

 display:inline;

}



.main_feedback a:link {color: #755278; text-decoration: none;}

.main_feedback a:visited {color: #755278; text-decoration: none;}

.main_feedback a:active {color: #755278; text-decoration: none;}

.main_feedback a:hover {color:#a58ea6; text-decoration: underline;}





.navi {

 font-size:10pt;

 font-family: trebuchet ms;

 color: #755278;

 text-align: center;

 font-weight: bold;

 }



.navi a:link {color: #755278;text-decoration: none;}

.navi a:visited {color: #755278; text-decoration: none;}

.navi a:active {color: #755278;text-decoration: none;}

.navi a:hover{color: #755278; text-decoration: underline; }



blockquote {

 color: #755278;

 padding-left: 5px;

 border-left: #fff solid 2px;

}





<!-- /* Comments Form Styles */ -->

.comment_content {

 text-align: justify;

 font-size: 9pt; 

 font-family: "Lucida Sans Unicode", Arial, sans-serif;

 color: #000; 

 line-height: 130%;

}



.commentsform {

 margin-left: 40px;

}



.comment_content a { color: #755278; font-weight:bold; text-decoration: none;}

.comment_content a:active {color: #755278;font-weight:bold; text-decoration: none;}

.comment_content a:visited {color: #755278;font-weight:bold; text-decoration: none;}

.comment_content a:hover {color: #755278;font-weight:bold;

 text-decoration: underline;}





.comments_header{

 color: #755278;

 text-align: left;

 font-weight: bold;

 font-size: 14px;

 width:350px;



}







.commentlist li {

        margin: 15px 0 3px;

        padding: 5px 10px 3px;

        list-style: none; color: #000;

        background-color: #cbc1cb;

        border: 1px #6a5a6b solid;

        -moz-border-radius: 7pt;

        }



li.graybox {

        background-color: #cbc1cb;

        border: 1px #6a5a6b solid;

        }







.commentnumber {

        font: italic normal 14px 'Times New Roman', Times, serif;

        margin-top: -5px;

        float:right;

        color: #6a5a6b;

        font-size: 28pt;

        font: italic;

}





#s {

 border:1px solid #6a5a6b;

 background: #cbc1cb;

 width:80%;

}



#b {

 border:1px solid #6a5a6b;

 background: #cbc1cb;

 color: #000;

 font-family:verdana, arial, helvetica, sans-serif;

 font-size:10px;

 margin-top:5px;

}



#button {

 border:1px solid #6a5a6b;

 background: #cbc1cb;

 color: #000;

 font-family:verdana, arial, helvetica, sans-serif;

 font-size:10px;

 margin-top:5px;

}


#footer {

 background: url(images/footer.jpg) no-repeat;

 height: 94px;

 width: 750px;

}



.footertext a { color: #8b568e; text-decoration:none;}

.footertext a:visited { color: #8b568e; text-decoration:none;}

.footertext a:active { color: #8b568e; text-decoration:none;}

.footertext  a:hover {color: #fff; text-decoration: underline;}



.footertext {

 text-align: center;

 padding: 40px 0 0 0;

 font-size: 8pt; 

 font-family: trebuchet MS;

 color: #404040; 

}

.albums {
	width:inherit;
	margin-bottom:10px;
	}
.images {
	width:inherit;
	margin-bottom:10px;
	}
	
/* Page Navigation
------------------------------ */
ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
	text-decoration: none;
	color:#6a5a6b;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
	text-decoration: none;
	color:#6a5a6b;
}

ul.pagelist li a, ul.pagelist li a:link, ul.pagelist li a, ul.pagelist li a:visited, ul.pagelist li a:hover {
	text-decoration: none;
	color:#6a5a6b;	
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #6a5a6b;
}
ul.pagelist li.prev {
	margin-right: 10px;
	text-decoration: none;
}
ul.pagelist li.next {
	margin-left: 10px;
	text-decoration: none;
}
.disabledlink {
	color: #6a5a6b;
	cursor: default;
}
.pagenav {
	clear: both;
}


/* Image Navigation
------------------------------ */
.imgnav { font-size: 12pt; font-weight: bold; color: #6a5a6b; }
.imgnav .imgprev { float:left; margin-left: 5px; width: 40%; text-align:left}
.imgnav .imgnext { float:right; margin-right:5px; width: 40%; text-align:right} 
.imgnav .imgprev a{ text-decoration:none; color:#6a5a6b}
.imgnav .imgnext a{ text-decoration:none; color:#6a5a6b} 

/* Comments
------------------------------ */
#comments {
	clear: both;
}
.error { 
  color: #C33; 
  font-weight: bold; 
}
.comment {
	padding: 10px;
	border: 1px solid #E7F0F5;
	background: #FBFCFD;
	margin-bottom: 12px;
}
.commentmeta {
	margin-bottom: 12px;
}
.commentauthor {
	font-weight: bold;
}
.commentdate {
	margin-top: 12px;
	color: #6a5a6b;
	font-size: 85%;
}


/* Forms
------------------------------ */
.inputbox {
	width: 250px;
	padding: 2px;
}
textarea {
	padding: 4px;
	width: 400px;
	color: #5A5A4B;
	font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.checkbox {
	cursor: pointer;
}
.pushbutton {
	cursor: pointer;
	padding: 5px 10px;
}
label {
	cursor: pointer;
}
label:hover {
	color: #000;
}

.credit {
	float:right;
	margin-right:20px;
	}
	
a, a:hover, a:visited, a:link, a:active {
	text-decoration:none;
	color:#6a5a6b;
	}