/*  
Theme Name: OrangeScale Laila/Butterfly/pickledpepper
Theme URI: http://orangescale.com/
Description: Adapted from the butterfly skin for Expression Engine
Version: 1.0
Author: T. Arie Setiawan
Author URI: http://orangescale.net/
Adapted by: Lala Cinila

Have fun, and don't be afraid to contact me if you have questions.
*/

/* @import url(nav.css); */
/* @import url(p7exp/p7exp.css); */
@import url(nav.sos.css);
/* @import url(nav.new.css); */

body { margin: 20px 0 20px 0; padding:0; background:#EAE7D6; font:small 	Verdana,Sans-serif; line-height:1.6em; color:#333; text-align: center; }

#wrapper { width: 750px; margin: auto; padding: 0; text-align: left; }

/*
a:link { color: #9D5C00; border-bottom: 1px dashed #DBBA8A; text-decoration: none; }
a:visited { color: #9D5C00; border-bottom: 1px dashed #DBBA8A; text-decoration: none; }
a:active { color: #9D5C00; }
a:hover { color: #ff0000; border-bottom: 1px solid #ff0000; text-decoration: none; }
*/

a:link {
color: #9D5C00;
border-bottom: 1px dashed #DBBA8A;
text-decoration: none;
}

a:visited {
color: #9D5C00;
border-bottom: 1px dashed #DBBA8A;
text-decoration: none;
}

a:active {
color: #9D5C00;
}

a.unlink:link { color: #9D5C00; border: none; text-decoration: none; }
a.unlink:visited { color: #9D5C00; border: none; text-decoration: none; }
a.unlink:hover { color: #ff0000; border: none; text-decoration: none; } 
a img { border: none; }

.none { display: none; }
.clear { clear: both; margin: 0; padding: 0; height: 0.1px; }

code { font: 13px 'Courier New', Courier, Arial, sans-serif; color: #CC3300; }
acronym, abbr { cursor: help; border-bottom: 1px dotted #333; }
del { color: #ccc; background: #FFFFCC; }
blockquote { background: url("./images/butterfly_quote.gif") top left no-repeat; margin: 10px; padding: 8px 0 0 25px; }
textarea.text, input.text { font: 11px Verdana, Arial, sans-serif; }
input.button { font: 11px Verdana, Arial, sans-serif; background: #993333; color: #fff; }

.topestnav { background: #F3F3E9; text-align: right; margin: 0; padding: 0 20px 0 0; font-size: 10px; } 
.topestnav p { margin: 0; padding: 0; }

table#postcomment tr td { font: 11px Verdana, Arial, sans-serif; }
table#postcomment tr td p { margin: 4px 0 4px 0; }

#header { margin: 0; padding: 10px 3px 2px 16px; background: #FBFAF5; }
#header h1 { font: 30px Arial, Verdana, sans-serif; margin: 0; padding: 0 0 2px 0; }
#header a { border: none; color: #990000; }
#header a:hover { color: #CC0000; }
#header #logo { float: left; padding-right: 5px; }
/*
#header #container-left { background: url("./images/header-backgnd-left.png") no-repeat }
#header #container-center { background: #FBFAF5; }
#header #container-right { background: url("./images/header-backgnd-right.png") no-repeat}
*/

/* set millions of background images */
.rbroundbox { background: url(./images/nt.gif) repeat; }
.rbtop div { background: url(./images/tl.gif) no-repeat top left; }
.rbtop { background: url(./images/tr.gif) no-repeat top right; }
.rbbot div { background: url(./images/nt.gif) no-repeat bottom left; }
.rbbot { background: url(./images/nt.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop {
width: 100%;
height: 15px;
font-size: 1px;
}
.rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}

.rbcontent { margin: 0 7px 0 17px; }
.rbroundbox { width: 100%; margin: 0; }

.rbcontent h1 { font: 30px Arial, Verdana, sans-serif; margin: 0; padding: 0 0 2px 0; }
.rbcontent a { border: none; color: #990000; }
.rbcontent a:hover { color: #CC0000; }
.rbcontent #logo { float: left; padding-right: 5px; }


.description { font-size: 15px;font-weight:bold;color:#484848; margin-top:-5px;padding:0;margin-bottom: 7px; 	}

/*
#navcontainer { background: #8C0000; height: 30px; margin: 0; padding: 0; }
#navcontainer ul { margin: 0; padding: 0; }
#navcontainer ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: left; font: 11px/30px "Lucida Grande", verdana, sans-serif; text-align: center; }
#navcontainer a { color: #F8F2E5; text-decoration: none; display: block; width: 106px; border-top: none; border-right: 1px solid #A8B090; border-bottom: none; }
#navcontainer .selected { background: #CC0000; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #4A0000; color: #fff; border-bottom: none;}
*/

#main-c { width: 750px; margin: 0;  padding: 0; background: #ccc; }
#main {width: 750px; background: #FBFAF5; }

#bigger { width: 550px; float: left; margin: 0; padding: 0 0 30px 0; background: #fff; }

.bar-head {
	/* background: url("./images/butterfly.jpg") top left no-repeat; */
	/* background: url("./images/bristol.1.jpg") top left no-repeat; */
 	background: url("./images/451026141_7dece258de_o_new.jpg") top left no-repeat;
	height: 140px; margin: 0 0 15px 0; padding: 0;
}

.date-header { margin: 15px; padding: 0; }
.date-header h2 { font: 24px Arial, 'Times New Roman', sans-serif; margin: 0; padding: 0; color: #133902; }

h2.pagetitle { font: 17px Arial, 'Times New Roman', sans-serif; margin: 0 15px; padding: 0; color: #8C0000; font-weight:bold; text-decoration: underline; }

h1.pagetitle { font: 20px Arial, 'Times New Roman', sans-serif; margin: 0 15px; padding: 0; color: #8C0000; font-weight:bold; text-decoration: underline; }

h2 { font: 16px Arial, 'Times New Roman', sans-serif; /*margin: 0 15px; padding: 0;*/ color: #8C0000; font-weight:bold; text-decoration: underline; }

h3 { font: 14px Arial, 'Times New Roman', sans-serif; /*margin: 0 15px; padding: 0;*/ color: #8C0000; font-weight:bold; /*text-decoration: underline;*/ }

.entry-title { margin: 0; padding: 0; }
.entry-title h3 { margin: 0 0 8px 0; padding: 0; color: #990000; font: bold 14px Verdana, 'Times New Roman', sans-serif; }
.entry-title h3 a { border: none; color: #990000; }
.entry-title h3 a:hover { border: none; color: #FF0000; }

.entry { margin: 10px 15px 40px 15px; padding: 0; }

.entry-info { margin: 10px 0 10px 0; padding: 0; font-size: 10px; text-align: right; border-top: 1px solid #ccc; line-height: 16px; }
.entry-info p { margin: 0; padding: 0; }
.entry .imgupload { border: none; float: left; margin: 20px 10px 0 0; border: 1px solid #333; }

.navi-pages { margin: 15px; font-size: 11px; background: #FBF8EF; padding: 10px; }
.navi-pages p { margin: 0; padding: 0; }

/*
#smaller { width: 180px; float: right; margin: 0; padding: 0; font-size: 11px; line-height: 16px; }
.smaller-c { margin: 10px; }
#smaller .box-1, .smaller .side-c { margin: 0 0 30px 0; }
.side-c h3 { font: bold 12px Verdana, Arial, sans-serif; margin-bottom: 5px; }
#smaller h4 { margin: 0 0 8px 0; padding: 0; color: #990000; font: bold 12px Verdana, Arial, sans-serif; }
#smaller ul, .side-c ul { list-style: square; margin: 0 0 0 15px; padding: 0; }
#smaller ul li, .side-c ul li { margin: 4px 0 4px 0; }
*/

.smaller { width: 180px; float: right; margin: 0; padding: 0; font-size: 11px; line-height: 14px; }
.smaller-c { margin: 15px 10px 10px -5px; }

/* .side-c { padding: 15px 5px 0px -10px; } */
.side-c { margin: 0px 0px 15px 0px; }
.side-c p { padding-top: 4px; padding-bottom: 4px; }
.side-c h2 { font: bold 12px Verdana, Arial, sans-serif; }
.side-c h3 { font: bold 12px Verdana, Arial, sans-serif; margin-bottom: 5px; }
.side-c ul { list-style: square; margin: 5px 0 0 15px; padding: 0; }
.side-c ul li { margin: 4px 0 4px 0; }

#comments, #comments-post, #trackbacks { margin: 20px 15px 10px 15px; padding: 0; font-size: 11px; line-height: 17px; }
#comments h4, #comments-post h4, #trackbacks h4 { margin: 0 0 20px 0; padding: 0; color: #990000; font: bold 14px Verdana, 'Times New Roman', sans-serif; }

.comment-item, .trackbacks-item { margin: 5px 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #f3f3f3; }
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p { margin: 0 0 8px 0; padding: 0; } 
.comment-info, .trackbacks-info { text-align: right; font-size: 10px; } 

.trackbacks-text h5 { font: bold 11px Verdana, Arial, sans-serif; margin: 0; padding: 0; color: #993300; }

#footer { margin: 0; padding: 0; font-size: 10px; background: #F4F4EA; }

.footer-i { margin: 0px; padding: 10px; }
.footer-i p { margin: 0; padding: 0; }

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 200px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; font-weight:bold; border-bottom: dotted 1px #DBBA8A; width: 85%; margin:0 auto; }
#wp-calendar td { padding: 3px 0; text-align: center; background:white }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ 	background-color: #EAE7D6; }
#wp-calendar caption, cite { text-decoration: none; }
#wp-calendar #prev a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; background:#F7F4E4; text-align:center }
/* End Calendar */

.box-1 h2 {font-size: 11px; font-weight:bold}

.alignright { float: right }
.alignleft { float: left }
.alt { background-color: #FBFAF5; border-top: 1px solid #F0EDDC; border-bottom: 1px solid #F0EDDC; }

#commentbox { width:450px;margin:0 auto; padding: 10px }
#commentbox h3 { font-size: 13px; font-weight: bold; }

/* Begin Comments*/
.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { padding: 2px; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* .site-profile { margin: 0px 0px 7px 0px; clear: both; } */
#site-profile-leftnav img.site-profile-screenshot { /* float: left; */ 	border-style: solid; border-width: 0px;  	/* margin: 0px 10px 5px 0px;  */ padding: 7px; background-color: #ece4e4/*rgb(240, 255, 208)*/;  }
#site-profile-container { width: 100%; margin: 10px auto; /* background-color: #fff; color: #333; border: 1px solid gray;*/ line-height: 130%; }
#site-profile-top { /* padding: .5em; background-color: #ddd; border-bottom: 1px solid gray; */ }
#site-profile-top h3 { padding: 0; margin: 0; }
#site-profile-leftnav { float: left; width: 220px; margin: 0; padding: 0.8em 0em 0.8em 0em ; }
#site-profile-content { margin-left: 224px; /* border-left: 1px solid gray; */ padding: 0.4em 0em 0.8em 0.4em; /*max-width: 36em;*/ }
#site-profile-footer { clear: both; margin: 0; /* padding: .5em; color: #333; background-color: #ddd; border-top: 1px solid gray; */ display: none; }
#site-profile-leftnav img { margin: 0 0 0 0; }
#site-profile-leftnav p { margin: 0 0 0.5em 0; }
#site-profile-content p.first { margin: 0 0 .5em 0; }
#site-profile-top { display: none; }

/* .thumbnail { float: left; min-width: 60px; border: 1px solid #999; margin: 0 15px 15px 0; padding: 5px; } */
ul.thumbs{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 5px; position: relative; }
ul.thumbs li a img{ border: 5px solid #ece4e4; }
ul.thumbs li a:hover img{ border: 5px solid #98b3b1; }
ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }

.clearboth { clear: both; }
.centered { text-align: center; }

#featured-container {
	margin-top: 20px;
	margin-left:-15px;
	margin-right:-15px;
	background:#efe9dc;
}
#featured-container #featured-top { display: none; }
#featured-container #featured-screenshot {
	width:180px;
	/*margin: 10px 10px 10px 10px; */
	float: left;
	margin: 0; 
	padding: 10px 6px 0 6px;
}
#featured-container #featured-screenshot img {
	padding: 4px; background-color: #d2d2bc;
}
#featured-container #featured-text {
	margin: 0 0 0 200px; 
	padding: 10px 10px 10px 0;
}
#featured-container #featured-text h2 {
	margin: 0 0 10px 0;
}
#featured-container #featured-text p {
	margin: 0 0 7px 0;
}
#featured-container #featureText .more {float:right;}
#featured-container #featured-footer {
	clear: both; margin: 0; display: none;
}


/* self-clearing floats */

/*#featured:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }*/