/*
Theme Name: Going Green
Theme URI: http://silent-butterfly.com/
Description: Green Layout
Version: 1.6
Author: Chantal van den Broek
Author URI: http://silent-butterfly.com/
*/

* {
margin: 0;
padding: 0;
}


/*BODY*/

body {
background: #000000;
font: 75% arial, tahoma, verdana, sans-serif;
margin: 0;
text-align: center;
color: #777777;

}

#twitter_div {
background: url('http://silent-butterfly.com/wp/wp-content/themes/GoingGreen/images/twittertextballoon6.png') no-repeat;
width: 238px;
height: 207px;
margin-left: 700px;
margin-top: 5px;
padding-top: 20px;
padding-left: 15px;
}



#twitter_div ul {
list-style: none; 
}

#twitter_update_list li span {
display: block;
width: 200px;
list-style: none; }

/*LAYOUT*/

#container {
margin: 0 auto;
text-align: left;
overflow: hidden;
width: 980px;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
}


#header {
width: 980px;
height: 220px;
background: url('http://silent-butterfly.com/wp/wp-content/themes/GoingGreen/images/sbgreenlogo1.png') no-repeat top left;
border-bottom: 1px solid #777777;
}



#content {
float: right;
width: 624px;
background: #000000;
padding-left: 16px;
border-left: 1px solid #777777;

}

#phpcontent {
float: right;
width: 624px;
background-color: #000000;
padding-left: 15px;
}

* html #content {
float: left;
margin-right: 10px;
margin-left: 20px;
width: 468px;
}

#sidebar {
float: left;
width: 322px;
background: #000000;
padding-left: 15px;
margin-bottom: 15px;

}

#contentsidebar {
float: left;
width: 322px;
background: #000000;
padding-left: 15px;
margin-bottom: 15px;
border-right: 1px solid #777777;

}

* html #sidebar {
float: right;
margin-left: 13px;
width: 222px;
}

#footer {
background: url('http://silent-butterfly.com/wp/wp-content/themes/GoingGreen/images/menuback3.gif');
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
clear: both;
float: none;
text-align: center;
margin: auto;
height: 29px;
padding: 0 0 0 0;
width: 980px;
color: #000;
}

.footer {
padding-top: 7px;
}
 

/*ENTRY*/


.posttitle {
color: #0AC2FF;
font: 150% arial, tahoma, verdana, sans-serif;
font-weight: normal;
text-align: left;
}


.blogentry p {
margin-left: 0;
padding-right: 10px;
}

.posttitle a:link {
color:#0AC2FF;
font-weight:normal;
text-decoration: none;
}

.posttitle A:visited {
color:#0AC2FF;
font-weight: normal;
text-decoration:none;
}

.posttitle A:hover {
color:#FF7547;
font-weight: normal;
text-decoration: none;
}



/*SIDEBAR*/

#sidebar li:before {
	content: "\00BB \0020";
	}

#sidebar li {
padding-left: 10px;
}

acronym.sidebar {
font: bold 14px arial, "trebuchet ms", verdana, sans-serif;
color: #777777;
border-bottom: 1px dotted #777777;
}

a.sidebar
{
color: #006600;
text-decoration: none;
font-weight: bold;
}

a:visited.sidebar
{
color: #0AC2FF;
text-decoration: none;
font-weight: bold;
}

a:hover.sidebar
{
color: #FF7547;
text-decoration: none;
font-weight: bold;
}

#sidenav a {
color: #0AC2FF;
text-decoration: none;
font-weight: bold;
}

#sidenav a:visited
{
color: #0AC2FF;
text-decoration: none;
font-weight: bold;
}

#sidenav a:hover
{
color: #FF7547;
text-decoration: none;
font-weight: bold;
}

.sidecustom a:link {
font-weight:normal;
text-decoration: none;
}

.sidecustom a:visited {
font-weight: normal;
text-decoration: none;
}

.sidecustom a:hover {
font-weight: normal;
text-decoration: none;
}

#sidebar h2 {
width: 120%;
font: 150% arial, tahoma, verdana, san-serif;
color: #cccc99;
margin-left: 0;
margin-top: 15px;
text-transform: uppercase;

}

#twitter_update_list li{
margin-bottom: 10px;
}

#sidebar a {
font-weight: normal; }

#sidebar a:visited {
font-weight: normal; }

#sidebar a:hover {
font-weight: normal; }


/*COMMENTS*/


.commentOfficialUser { 
width: 548px;
color: #000000;
margin: 3px auto;
}

.comments {
color: #777777;
width: 500px;
text-align: left;
margin-left: 10px;}


.clearer {
clear: both;
}

.comment{
width: 350px;
float: left;
margin-right: 15px;
margin-top: 0px;}

.commenthead {
display: block;
background: #eeedea;
width: 30%;
text-align: left;
margin-bottom: 0;
margin-left: 0;
border-left: 1px solid #d6d4cd;
border-top: 1px solid #d6d4cd;
border-right: 1px solid #d6d4cd;
border-bottom: 0;
margin-left: 10px;
}

.gravatar {
float: right;
margin-top: 10px;
margin-left: 6px;}

.commentbar {
color: #d4d6cd;
background-color: #8c965c;
width: 550px;
}

#respond {
margin-bottom: 25px;}

.bottombar {
color: #d4d6cd;
background-color: #4682B4;
height: 2px;
border: 0;
}

.comments  A:link {
color: #0AC2FF;
font-weight: bold;
text-decoration: none;
}

.comments A:visited {
color: #0AC2FF;
font-weight: bold;
text-decoration: none;
}

.comments A:hover {
color: #FF7547;
font-weight: bold;
text-decoration: none;
}

.commentOfficialUser
 A:link {
color:#466772;
font-weight: bold;
text-decoration: none;
}

.commentOfficialUser
 A:visited {
color:#466772;
font-weight: bold;
text-decoration: none;
}

.commentOfficialUser
 A:hover {
color:#466772;
font-weight: bold;
text-decoration: underline;
}

.quoter_comment a:link {
text-decoration: none;
}

.quoter_comment a:visited {
text-decoration: none;
}

.quoter_comment a:hover {
text-decoration: none;
}


/*LINKS*/

A:link {
color: #0AC2FF;
font-weight: bold;
text-decoration: none;
}

A:visited {
color:#0AC2FF;
font-weight: bold;
text-decoration: none;
}

A:hover {
color:#FF7547;
font-weight: bold;
text-decoration: none;
}

.external { 
padding: 0 8px 0 0;
background: url('http://silent-butterfly.com/images/external2.gif') no-repeat right;
}

.date_comment a:link { 
padding: 0 8px 0;
background: url('http://silent-butterfly.com/images/external1.gif') no-repeat right;
}

.date_comment a:visited { 
padding: 0 8px 0;
background: url('http://silent-butterfly.com/images/external1.gif') no-repeat right;
}

.date_comment a:hover { 
padding: 0 8px 0;
background: url('http://silent-butterfly.com/images/external1.gif') no-repeat right;
}

a:hover.menu {
color: #006600;
font-weight: bold;
}

.footer a:link {
color: #0AC2FF;
font-weight: bold;
}

.footer a:visited{
color: #0AC2FF;
font-weight: bold;
}

.footer a:hover{
color: #FF7547;
font-weight: bold;
}









/*ASIDES*/

.asides a:link {
font-weight:normal;
text-decoration: none;

}

.asides a:visited {
font-weight: normal;
text-decoration: none;
}

.asides a:hover {
font-weight: normal;
text-decoration: none;
}

ul.asides {
background: #eeedea;
		list-style: none;
padding: 5px 0 5px 0;
		margin: 0 10px 0 0;
border: 1px solid #d6d4cd;
		}

.asides li {
width: 270px;
}
			
.asides li p {
margin: 0 10px 0 10px;
}




/*FORMATTING*/



p {
margin: 10px;
}
embed {
margin: 10px
}

img {
	border: 0;
}



h2.posttitle {
text-transform:uppercase;
margin: 0;
padding: 0;
}



h3 {
font: bold 120% arial, "trebuchet ms", verdana, sans-serif;
color: #cccc99;
margin: 15px 10px 0;
}

h4 {
font: 100% arial, tahoma, verdana;
border-bottom: 1px solid #000000;}

p.quote {
font: 85% arial, "trebuchet ms", verdana, sans-serif;
text-align: center;
color: #000000;
}

p.small {
font: 85% arial, tahoma, verdana, sans-serif;
color: #777777;
}

p.postmetadata {
margin: 0 10px 0 0;
font-size: 95%;
text-align: right;}

p.metadata {
margin-top: 0;
padding: 0 0 0 5px;
font-size: 95%;
text-align: right;
}


.spoiler {
color: #FFFFFF;
}

blockquote {
background: #777777;
color: #000000;
padding: 15px;
width: 400px;
margin-left: 100px;
border: 4px solid #FF7547;
}


.commentOfficialUser blockquote {
background: #FFA114;
color: #484848;
border-left: 2px solid #C77700;
border-top: 0;
border-right:0;
border-bottom: 0;
padding: 0 0 7px 0px;
margin: 0 0 0 10px;
}

.comments blockquote {
background: #FFCA7A ;
color: #484848;
border-left: 2px solid #C77700;
border-top: 0;
border-right:0;
border-bottom: 0;
padding: 0 0 7px 0px;
margin: 0 0 0 10px;
}



p.ex {
margin: 30px;
padding: 3px;
color: #333333;
font: italic 99% arial, "trebuchet ms", verdana, sans-serif;
border-left: 15px solid #333333;}

.reply {
background: #FFE9A8;
color: #000000;
padding: 0px;
margin: 20px;
width: 400px;
border: 1px solid #000000;
}

.qentry {
padding:2px;
background-color:#CFF1FC;
border: 1px solid #000000;
border-top: 0;
padding: 5px;
}
.quotetop { background-color:#424242;
color: #000000;
font: 100%arial, "trebuchet ms", verdana, sans-serif;
font-weight: bold;
padding-left: 6px;
margin: 0px;
border: 1px solid #000000
}

p.myresponse {
font: 85% arial, "trebuchet ms", verdana, sans-serif;
text-align: center;
color: #000000;
margin-bottom: 1px;
}

.coding {
border-left: 3px solid #575757;
padding-left: 10px;
margin-left: 20px;
} 

code {
font:bold 100%/14px arial, "trebuchet ms", verdana;
color: #575757;

} 

.books {
float: left;
margin-right: 4px;
}

acronym {
cursor: help;
text-transform: lowercase;
font-variant: small-caps;
font-size: 1.1em;
border-bottom: 1px dotted #777777;
}



td {
font: 11px/14px arial, "trebuchet ms", verdana, sans-serif;
color: #000000;
text-align: center;
padding: 1px;
}

* html td {
font: 11px/14px arial, "trebuchet ms", verdana, sans-serif;
color: #000000;
text-align: center;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}



textarea, option, input, select {

background-color: #000000;
border: 1px solid #777777;
font: 100% arial, "trebuchet ms", verdana, sans-serif;
color: #777777;
width: 60%;
vertical-align: middle;
padding: 2px;
margin: 0 0 0 10px;
}

#s {
font: 100% arial, "trebuchet ms", verdana, sans-serif;
background-color: #000000;
border: 1px solid #777777;
width: 150px;
}

#submitbutton {
font: 100%  arial, "trebuchet ms", verdana, sans-serif;
background-color: #000000;
border: 1px solid #777777;
color: #777777;
width: 70px;
padding: 2px;
vertical-align: middle;
}

.dropdown {
width: 10em;
}


#searchsubmit {
font: 100% arial, "trebuchet ms", verdana, sans-serif;
background-color: #000000;
border: 1px solid #777777;
color: #777777;
width: 60px;
margin: 0px;
text-transform: uppercase;
}

.checkbox {
border: 0;
font: 10px Arial, "trebuchet ms", verdana, sans-serif;
color: #ffffff;
width: 2em;
}

.thumbnail {
border: 0;
}

#maintext {
text-align: justify;
}

#Endpost {
text-align: right;
}

.blogentry textarea {
font: 100% arial, "trebuchet ms", verdana, sans-serif;
color: #777777;
background: #000000;
border: 1px solid #777777;
margin: 0;
}

.blogentry input{
font: 100% arial, "trebuchet ms", verdana, sans-serif;
color: #777777;
background: #000000;
margin: 0;
border: 1px solid #777777;
}

.comhead {
color: #cccc99;
font: 150% arial, tahoma, verdana, san-serif;
font-weight: normal;
margin: 10px 15px 0 15px;
text-align: left;
}

.archivetag {
color: #000000;
font-weight: bold;
text-align: center;
}

.date_comment {
width: 500px;
font: 100% arial, "trebuchet ms", verdana, sans-serif;
text-align: left;
margin-right: 15px;
margin-bottom: 0px;
padding-bottom: 12px;
border-bottom: 4px dotted #96d2e6;
}

.calendar {
font: 11px/14px arial, "trebuchet ms", verdana;
color: #000000;
background-color: #b7b6b6;
border: 1px solid #000000;
padding: 1px;
border-spacing: 0;
}

.photography {
border: 1px solid #777777;
margin-right: 12px;
padding: 3px;
}

.photo { 
margin: 0 0 0 20px;
text-align: center;
}

#caltopdesign {
font: bold 11px/14px arial, "trebuchet ms", verdana;
color: #000000;
text-align: center;
width: 80%;
padding: 0;
border: 0;
}

#caldays {
font: bold 11px arial, "trebuchet ms", verdana, sans-serif;
color: #000000; 
background-color: #84DCF9;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}


 
ol  {
     
	padding: 0px;
       margin-left: 35px;

}


/*NAVIGATION*/

#sidenav {
list-style: none;
display: none;
margin: 0 auto;
font-size: 0%;
overflow: hidden;
}

#recent {
list-style: none;}

.centered {
width: 490px;
float: left;
padding-top: 4px;
border-bottom: 1px solid #777777;
background: url('http://silent-butterfly.com/wp/wp-content/themes/GoingGreen/images/menuback3.gif')
}

.social {
text-align: center;
width: 490px;
float: right;
padding-top: 4px;
border-bottom: 1px solid #777777;
background: url('http://silent-butterfly.com/wp/wp-content/themes/GoingGreen/images/menuback3.gif')
}

#nav {
clear: both;
display: block;
list-style: none;
overflow: hidden;
list-style-type: none;
padding: 10px;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}

#nav li {
margin: 0px;
float: left;
list-style-type: none;
}
	
#nav a {
color: #0AC2FF;
font-weight: bold;
padding: 0 5px 0 5px;
list-style-type: none;
}

#nav a:hover {
color:#FF7547;
}


ul.custom{
list-style: none;
margin: 10px 0 10px 10px;
padding: 0;

}

.custom li:before {
	content: "\00BB \0020";
	}


ul.sidecustom{
list-style: none;
padding: 5px 0 5px 0;
margin-right: 10px;
}

.sideback{
list-style: none;
}

.sideback p {
margin: 0px;
}

.sidecustom li {
margin: 0 0px 0 0px;
}

.sidecustom a:link {
font-weight:normal;
text-decoration: none;
}


/*PLUGGER*/


.plugged ul{
display: inline;
list-style: none;

}

.plugged ul li {
display: inline;
padding: 0 0 0 5px;
}

/*BLOGROLL*/

ul.blogroll{
list-style: none;
}

.blogroll li {
padding-left: 10px;
margin: 0 0px 0 0px;
}

/*QBEE*/

.qbee {
margin-left: 20px
;}

.quilt {
margin-left: 10px; 
}

/*ARCHIVE*/

.archive {
color: #000000;
font: 150% arial, tahoma, verdana, sans-serif;
font-weight: normal;
margin: 10px 15px 0 15px;
text-align: left;
}

.archiveposttitle {
color: #A6327B;
font: 150% arial, tahoma, verdana, sans-serif;
font-weight: normal;
margin: 10px 15px 0 15px;
text-align: left;
border-bottom: 0px;
}

.archiveposttitle a:link {
color:#33f;
font-weight:normal;
text-decoration: none;
}

.archiveposttitle A:visited {
color:#A6327B;
font-weight: normal;
text-decoration:none;
}

.archiveposttitle A:hover {
color:#F249B4;
font-weight: normal;
text-decoration: none;
}