/*  
Theme Name: Dream to Make Believe
Theme URI: http://fluoresce.org/wp-content/themes/dream/
Description: A design using my own drawing and some lyrics from Armor for Sleep songs.
Version: 9
Author: Jorja
Author URI: http://fluoresce.org/
*/

body {
	background: #eae6d2;
	text-align: center;
	font: normal 11.5px/150% arial;
	color: #a28c72;
	margin: 0;
}

/* CONTAINER, HEADER, CONTENT, SIDEBAR AND FOOTER DIVS */


#container {
	width: 760px;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 0;
}

#nav {
        height: 34px;
	margin-bottom: -3px;
        float: right;
}

#header {
	width: 760px;
}

#content {
	background: #f7efe7;
	float: right;
	width: 490px;
        padding: 2px 10px 20px 10px;
	text-align: left; 
	display: inline;
	overflow: hidden;
        margin: 20px 0;
        border: 1px solid #e0dbbb;
        min-height: 440px;
}

#sidebar {
	float: left;
	width: 219px;
	padding: 3px 7px 10px 7px;
	display: inline;
	overflow: hidden;
        background: #f3f0df;
        height: auto;
        text-align: left;
        border: 1px solid #e0dbbb;
	color: #aca28c;
}

#footer {
	background: #edead7;
	margin : 0;
	height: auto;
	clear : both; 
}

#left {
float: left;     
margin: 3px;
width: 30%;
height: 175px;
padding: 0px 6px;     
}
#mid {
float: left;     
font: normal 13px/160% "times new roman";
text-align: left;
color: #826853;
margin: 3px;
width: 30%;
height: 175px;
padding: 0px 6px;
}

#right {
float: right;     
font: normal 12.5px "times new roman";
color: #826853;
margin: 3px;
width: 31%;
height: 175px;
padding: 0px 6px;
}


/* LINKS; NORMAL, AFF, AFF1, AFF2, FOOT, REV, NAVIGATION  */


a:link,a:active,a:visited {
	color: #6ba9a1;
	font: normal 11.3px georgia;
	text-decoration: none;
	letter-spacing: 0;
        padding: 2px;
}

a:hover {
	color: #aea75c;
        background: #ece698;
}

A.aff:link,a.aff:visited {
	display: block;
	color: #a38cac; 
	font: bold 11px arial;
	margin: 2px 2px 3px 2px;
	padding: 3px;
	text-align: center;
        border-left: 10px solid #ede3ce;
        border-bottom: 2px solid #ede3ce;
        letter-spacing: 1px;
        background: #fff8f1;
}


A.aff:hover {
	background: #fbb581;
	color: #fff;
        border-color: #eaa471;
}

A.you:link,a.you:visited {
        display: block;
	color: #9b977a; 
	font: normal 10.5px arial;
	margin: 2px 1px 0 2px;
	padding: 3px;
	text-align: center;
        border-bottom: 1px solid #e7e1ce;
}


A.you:hover {
	background: #ffb27b;
        border-color: #e3975e;
	color: #fff;
}

a.sub:hover {
	border-bottom: 1px dotted #ab9178;
}

a.sub:link,a.sub:visited {
	font: bold 12px arial;
	color:#ab9178;
	text-transform: none;
}



/* B, STRONG, I, EM, U, TEXTAREA, INPUT, BLOCKQUOTE, CODE */


b, strong {
	color: #a58aad;
	letter-spacing: 1px;
	font: bold 11.3px/150% arial;
}

ins, u {
	color: #f17e7b;
	font: bold 11px/150% arial;
	letter-spacing: 1px;
	text-decoration: none;
}

i,em {
	color: #997e77;
        font: italic 11px georgia;
}

textarea, input {
	background: #fff7ef;
	border: 1px solid #f7efde;        
	font: normal 13px/160% georgia;
	color: #997e77;
}

option, select {
	background: #f7efe7;
	border-bottom: 1px dotted #e7dbbd;
	font: normal 10.5px/150% arial;
	color: #f1eaf3;
        padding: 1px 1px 1px 3px;
}

 option:hover {
	background: #e7dbbd;
	color: #a28064;
}

blockquote, code {
	display: block;
	background: #f9f4e1; 	
	border: 1px dashed #ede8d9;
	font: normal 11px/160% georgia;
	color: #a69276;
	margin: 10px 5px 20px 5px;
	padding: 3px 7px 3px 7px;
	width: auto;
}

/* HEADERS: H1, H2, H3, H4, H5, H6 */

h1 {
	font: normal 10.5px georgia;
        padding: 4px 7px 4px 4px;
	background: #f9f6e9;
	text-align: right;
	border-bottom: 2px solid #f4eee0;
}

h1:first-line {
	font: normal 2.5em arial;
	color:#f9af78;
	letter-spacing: -1px;
	margin: 0;
        text-transform: lowercase;
}

h2{
	font: bold 12.5px "trebuchet ms", arial;
	color:#f67e7e;
	padding: 4px 3px 0 3px;
	margin: 5px 0px 3px 0px;
        text-align: right;
	border-bottom: 3px solid #ede3ce;
	background: #f9f6e9;
}

h3 {
	font: italic 18px georgia;
	color:#f77d7b;
	text-align: right;
	letter-spacing:1pt;
	margin-top: 20px;
        text-transform: lowercase;
	border-bottom: 1px dotted #d2c6aa;
}

h4 {
	font: normal 15px arial;
	color:#f67e7e;
	letter-spacing:1pt;
        font-weight: 700;
	margin: 5px 0 -1px 0;
	padding: 2px 3px 2px 5px;
	border-bottom: 1px solid #d2c6aa;
        text-transform: lowercase;
}

h5 {
	font: bold 12px arial, "sans-serif";
        color:#a58aad;
	text-align:center;
        letter-spacing: 2pt;
	margin: 0;
        background: #ece8da;
        padding: 1px;
	text-transform: uppercase;
}

h6 {
	font: normal 10.5px arial;
	color:#8c6952;
	margin: 0;
        padding: 2px;
}

h6.date {
	font: normal 10px arial;
	color:#c3b099;
	margin:0;
}

/* NAVIGATION STYLING */

#navigation { 
list-style : none; 
margin : 0; 
padding : 0; 
} 
#navigation li { 
float : left; 
width: 98px;
} 
#navigation li a { 
display : block; 
background : url('http://i45.tinypic.com/2jagfpg.jpg') no-repeat; 
width: 98px;
height: 35px;
text-align : center; 
font: bold 14px arial, "trebuchet ms";
text-transform : uppercase; 
color : #e7dfcb;
letter-spacing: 1px;
padding-top: 4px;
margin: 0 4px 3px 4px;
border-bottom: 0px dotted #ddd;
} 

#navigation li a:hover { 
background: url('http://i47.tinypic.com/2a68hly.jpg') no-repeat;
} 




/* UL, BOXES, TWITTER, POINTLESS DIVS */

.padding {
      padding: 3px;
}

.box {
font:normal 10.5px/150% tahoma;
letter-spacing:1px;
margin: 0px 3px 0 3px;
padding: 0 6px 5px 6px;
text-align: left;
background: #e3dbc8;
}

.img, .colour {
border:1px dashed #dcd4bd;
padding:3px;
margin: 2px;
}

.img:hover {
border:1px solid #ffb27b;
background: #fff8e8;
}

.colour:hover {
border:1px solid #a58e4a;
padding:3px;
}

#img {
border:0;
padding:3px;
}

div.c1 {
text-align:center;
}

div.top {
margin-top: 10px;
}

ul {
list-style-image : url('http://i50.tinypic.com/357k55t.jpg');
}

.block, .pastlay {
		background: #f3ede6 url('http://i50.tinypic.com/2zdnlgj.jpg') no-repeat bottom left; 	
	border: 1px solid #ded4bd;
	font: normal 12px/165% "times new roman";
	color: #a69276;
	width: auto;
	padding: 1px 3px;
	margin: 5px 0px 5px 0px;
        height: 155px;
}


sub, small {
font: normal 9px tahoma;
color: #c6aca5;
}