/*
Theme Name: Beary Girl
Theme URI: http://rainbowscraps.net/
Description: Rainbowscraps.net Version 2 Layout featuring tiniwini's art.
Version: 2.0
Author: Christine Po
Author URI: http://rainbowscraps.net/
*/

body, 
html {
    	margin:0;
	padding:0;
	height: 100%;
}

body {
    	background: #e6d8bc url('images/wall_tile.png') top repeat-x;
    	color: #7d5507;
	font-size: 8pt;
	font-family: Tahoma;
    	}

#wrap {
	margin: 12px auto 20px auto;
	padding: 0;
	width: 950px;
}

#header p{
	display: none;
}

/* _____________BLOG CONTENT_____________ */

#content {
	width: 425px;
	float: right;
	padding-top: 10px;
	padding-right: 50px;
}

#singlecontent {
	background: #f2ecda url('images/content_footer.png') bottom no-repeat;
	color: #7d5507;
	margin-bottom: 20px;
}

#contentheader{
	width: 425px;
	height: 57px;
	padding: 6px 10px 0 60px;
	background: url('images/content_header.png') no-repeat;
	color: #f1f5e5;
}


#contentheader h2{
	padding-top: 4px;
}

#contentheader small{
	margin:0;
}

#entrydate {
	float: right;
	color: #f6c2c3;
	background: #d87578 url('images/date_bg.png') right no-repeat;
	font-family: Century Gothic;
	text-align: center;
	margin-right: 12px;
	margin-top: 30px;
	padding: 4px;
	height: 34px;
	width: 40px;
}

#entrydate h2, #entrydate h3, #entrydate h4 {
	margin: 0px;
	line-height: 60%;
	vertical-align: baseline;
}

#entrydate h3 {
	font-size: 11pt;
	text-transform: uppercase;
}

#entrydate h2 {
	font-size: 13pt;
	color: #dbcfb9;
}

#entrydate h4 {
	font-size: 8pt;
}

#contentheader h2{
	margin: 0;
	padding: 4px 0;
}

#contentheader a{
	color: #ffffff;
}

#contentheader a:hover{
	color: #ffe0e4;
}

#contentbody {
	padding: 10px;
	line-height: 16px;
	text-align: justify;
	overflow: hidden;
}

#contentbody p{
	margin: 0px;
	padding: 0 0 8px 0;
}

#contententry ul li{
	list-style-image: url('images/bullet.png');
	margin-left: -10px;
	margin-bottom: 4px;
}

#contentbody a{
	color: #d87578;
	font-family: Verdana;
}

#contentbody a:hover{
	color: #a27319;
}

#contentbody a img, .blogimage{
		background-color: #ffffff;
		border: 1px solid #ffffff;
		padding: 3px 3px 3px 3px;
		margin: 4px;
}

/* _____________ENG BLOG CONTENT_____________ */

/*_____________SIDEBAR1_____________*/

#sidebar1{
	float: left;
	width: 400px;
	font-size: 8pt;
}

#sidebar1a {
	width: 200px;
	padding-top: 10px;
	float: left;
	padding-left: 5px;
}

#sidebar1b {
	margin-left: 237px;
	width: 200px;
	padding-top: 10px;
}

#singlesection{
	background: #f2ecda url('images/sidebar1_footer.png') bottom no-repeat;
	color: #7d5507;
	margin-bottom: 15px;
}

#sidebar1header{
	height: 34px;
	padding: 1px 10px 0 36px;
	background: url('images/sidebar1_header.png') no-repeat;
	color: #f1f5e5;
}

#sidebar1header h3{
	margin-top: 8px;
}

#sidebar1content{
	padding: 10px;
}

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

#sidebar1 ul {
	margin-top: 0px;
}

#sidebar1 ul li{
	list-style-image: url('images/bullet.png');
	line-height: 20px;
	margin-left: -10px;
}

#sidebar1 ul li a, #sidebar1 a{
	color: #d87578;
}

#sidebar1 a:hover{
	color: #ffbec0;
}

/* _____________END SIDEBAR1_____________*/

/*_____________START SIDEBAR2_____________*/

#sidebar2{
	background: #e6d8bc url('images/bottom_tile.png') top repeat;
	margin:0;
	font-size: 8pt;
}

#bordertop2 {
	height: 12px;
	background: url('images/ribbon_tile.png') top repeat-x;
}

#wrap2 {
	margin: auto;
	padding-top: 20px;
	padding-bottom: 12px;
	width: 920px;
}

#fleft{
	width:31%;
	float:left;
	text-align:justify;}

#fcenter{
	width:31%;
	padding: 1px;
	text-align:justify;
	margin-right: 34%; 
	margin-left: 34%;}

#fright{
	width:31%;
	text-align:justify;
	float:right;}
	
#fleft p, #fcenter p, #fright p{
	margin-top: -10px;
	padding: 0;
}

#sidebar2 ul li{
	list-style-image: url('images/bullet.png');
	border-bottom: 1px dotted #90782e;
	line-height: 20px;
	margin-left: -20px;
}

#sidebar2 ul li a, #sidebar2 a{
	color: #d87578;
}

#sidebar2 a:hover{
	font-weight: normal;
	font-style: italic;
	font-family: Verdana;
}

a img {
	color: #f2ecda;
}

/*_____________END SIDEBAR2_____________*/

/* _____________FOOTER START_____________*/

#footer {
	background: #a27319;
	color: white;
	font-size: 8pt;
	text-align: center;
	padding: 1px;
}

#footer a{
	color: #ffffff;
}

#footer a:hover{
	color: #e6d8bc;
}

/* _____________END FOOTER_____________*/

/*_____________IMAGE MAPPING__________________*/
#nav { /* background image block */
display: block;
background: url('images/header.png') no-repeat bottom;
width: 648px;
height: 304px;
margin-left: 150px;
}

.headerlinks span{
display: none;
}

#siteurl { /* Site url Link */
float: left;
position:absolute;
width : 214px;
height: 74px;
margin-left: 310px;
margin-top: 173px;
background: url('images/siteurl_link.png');
}

a:hover#siteurl { /* Siteurl Link */
background: url('images/siteurl_hover.gif');
}

#home { /* Home Link */
float: left;
position:absolute;
width : 47px;
height: 54px;
margin-left: 154px;
margin-top: 20px;
background: url('images/home.png');
}

a:hover#home { /* Home Link */
background-position: -47px;
}

#domain { /* Domain Link */
float: left;
position:absolute;
width : 51px;
height: 58px;
margin-left: 203px;
margin-top: 66px;
background: url('images/domain.png');
}

a:hover#domain { /* Domain Link */
background-position: -51px;
}

#webmissy { /* Webmissy Link */
float: left;
position:absolute;
width : 41px;
height: 49px;
margin-left: 160px;
margin-top: 115px;
background: url('images/webmissy.png');
}

a:hover#webmissy { /* Webmissy Link */
background-position: -41px;
}

#goodies { /* goodies Link */
float: left;
position:absolute;
width : 107px;
height: 25px;
margin-left: 151px;
margin-top: 205px;
background: url('images/drawer.png') no-repeat;
}

a:hover#goodies { 
background-position: -107px;
}

#links { /* links Link */
float: left;
position:absolute;
width : 107px;
height: 25px;
margin-left: 151px;
margin-top: 231px;
background: url('images/drawer.png') no-repeat;
}

a:hover#links { 
background-position: -107px;
}


#etc { /* etc Link */
float: left;
position:absolute;
width : 107px;
height: 25px;
margin-left: 151px;
margin-top: 257px;
background: url('images/drawer.png') no-repeat;
}

a:hover#etc { 
background-position: -107px;
}


#previousscroll{ /* previous Link */
float: left;
position:absolute;
width : 21px;
height: 32px;
margin-left: 267px;
margin-top: 85px;
background: url('images/previous.png') no-repeat;
}

a:hover#previousscroll { 
background-position: -21px;
}

#nextscroll { /* next Link */
float: left;
position:absolute;
width : 21px;
height: 31px;
margin-left: 628px;
margin-top: 85px;
background: url('images/next.png') no-repeat;
}

a:hover#nextscroll { 
background-position: -21px;
}

/*_____________END OF IMAGE MAPPING__________________*/

/* _____________FOR THE GLIDER_____________ */
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/
	position:absolute;
	width: 305px; 
	height: 129px;
	overflow: hidden;
	margin-left: 303px;
	margin-top: 27px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:298px;
		height:129px;
		overflow:hidden;
		float:left;
		padding:7px;		
		font-family: Verdana;
		font-size: 7.5pt;
		color: #ac8a48;
		}
	div.scroller div.content {
		width: 10000px;
		}
	
	div.scroller div.content h4{
		margin: 0px;
		color: #d87578;
	}
	
	div.scroller div.content p{
		line-height: 14px;
		text-align: justify;
		margin-top: 8px;
		}
		
	div.section ul li{
			list-style-image: url('images/bullet.png');
			line-height: 14px;
			margin-left: -10px;
			border-bottom: 1px dotted #90782e;
			}

.controls span{
	display: none;
}
		
#welcome_scroll { /* Welcome Link */
float: left;
position:absolute;
width : 20px;
height: 20px;
margin-left: 539px;
margin-top: 167px;
background: url('images/welcome_scroll.png');
}

#webmissy_scroll { /* Webmissy Link */
float: left;
position:absolute;
width : 20px;
height: 20px;
margin-left: 567px;
margin-top: 167px;
background: url('images/webmissy_scroll.png');
}

#plurk_scroll { /* Plurk Link */
float: left;
position:absolute;
width : 20px;
height: 20px;
margin-left: 595px;
margin-top: 167px;
background: url('images/plurk_scroll.png');
}

/* _____________END OF GLIDER_____________ */

/*_____________OTHERS_____________*/

a{
	text-decoration: none;
	font-weight: bold;
	color: white;
}

.clear{
	clear:both;
	height: 0;
}

blockquote {
	background: #e6d8bc url('images/blockquote.png') top left no-repeat;
	padding: 5px 5px 5px 58px;
	margin: 5px 10px 5px 10px;
	font-family: Verdana;
}

strong {
	color: #845700;
	font-family: Verdana;
}

em {
	color: #d87578;
	font-family: Verdana;
}

a {
	color: #d87578;
	font-family: Verdana;
        font-weight: normal;
}

a:hover {
	color: #a27319;
        text-transform: underline;
}

#avatar {
        background: url(images/avie.jpg) top left no-repeat;
        height: 68px;
        width: 68px;
        float: left;
        padding: 2px;
        margin-top: 3px;
}

.alignright {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {
	text-align: center;
}

.movetop {
	margin-top: -15px;
}

.adjust3{margin-left: 35px;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*_____________COMMENTS__________________*/

.commenthead {
	background: #e6d8bc url('images/ribbon_comment.png') left no-repeat;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	height: 40px;
	color: #a27319;
}

.commentbody {
	background: #f1e7d4;
	margin-top: -4px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 8pt;
}

img.avatar {
float:right;
margin-top: 1px;
margin-left: -5px;
padding-bottom: 0px;
height: 30px;
width: 30px;
border: #ffffff 2px solid;
}

/*_____________PLURK__________________*/

.plurk-timestamp {
	color: #7d5509;
	font-variant: small-caps;
	font-size: 7pt;
}