/*
	Theme Name: Daydream
	Theme URI: http://simplice.org
	Description: Daydream
	Author: Cindy
	Author URI: http://simplice.org
	*/

/* MAIN STYLES */

body {
	margin: 0; padding: 0;
	background: #FEFEF6 url(images/bg.jpg) repeat-x;
	font: 11px arial;
	letter-spacing: 1px;
	line-height: 15px;
	color: #323221;
	text-align: justify;}

.div, td {
	font-size: 11px;
	letter-spacing: 1px;
	color: #323221; text-align: justify;}

b {color: #819DB9;} i {color: #D67503;} u,s {color: #978D79;}

p {margin: 5px 0 10px 0; padding: 0;}

.intro:first-letter {color: #6F5C6F; font-weight: bold; font-size: 16px;}

#layout {
	margin: 0 auto;
	width: 774px;}

#content {
	margin: 0 auto; padding: 10px 0 0 0;
	width: 500px;
	top: 10px;
	float: right;
	position: relative;}

#nav {
	margin: 0 auto;
	left: 33px;
	width: 199px;
	top: 20px;
	float: left;
	position: relative;}


#top {
	right: 30px;
	position: relative;}


#footer {
	left: 120px; top: 12px;
	color: #FFF;
	position: relative;}

#fbg {
	background: url(images/bgf.gif) repeat-x;
	clear: both;}

h1 {
	font-family: Helvetica;
	text-transform: uppercase;
	font-weight: 100; font-size: 13px;
	letter-spacing: 10px; color: #667C96;
	text-align: right;
	margin: 5px 0 10px 0; padding: 0;}
h1:first-letter {color: #D13838;}

a:link {color: #AB7568; text-decoration: none; cursor: nw-resize;}
a:visited {color: #AB7568; text-decoration: none; cursor: nw-resize;}
a:active {color: #8DD49E; text-decoration: none; cursor: nw-resize;}
a:hover {color: #D13838; text-decoration: none; cursor: nw-resize;}

ul {margin: 5px 0 10px 40px; padding: 0;
	list-style-image: url(images/li.gif);}

ol {margin: 5px 0 10px 40px; padding: 0;}

li {
	margin: 0; padding: 0;
	color: #78806E;}

#content li a:link {color: #7B653E;}
#content li a:visited {color: #7B653E;}
#content li a:active {color: #8DD49E; text-decoration: none; cursor: nw-resize;}
#content li a:hover {color: #D13838; text-decoration: none; cursor: nw-resize;}

/* UPDATING SYSTEM */

blockquote {
	margin: 10px 10px 10px 30px;
	padding: 10px 8px 8px 10px;
	border-left: #D1BDCD 8px solid;
	background: #FFF;
	color: #77707B;}
	
.time {
	float: left;
	margin: 0 10px 10px 0;
	border: #FFF 5px solid;
	width: 40px; height: 36px;
	text-align: center;}
	
.month {
	height: 18px;
	font: #FFF 10px;
	letter-spacing: 2px;
	padding: 2px 0 0 2px;
	text-transform: uppercase;
	background: #D6F3F2;}

.date {
	height: 16px;
	font: #000 10px;
	padding: 2px 0 0 7px;
	letter-spacing: 9px;
	color: #6e8a94;
	background: #EBF9F9;}
	
.heading {
	height: 16px;
	margin-left: 60px;
	padding-top: 7px;
	font-weight: 300;
	letter-spacing: 5px;
	color: #908980;
	text-transform: uppercase;
	border-bottom: #ACC4C4 1px dashed;}
	
.divider {
	border-bottom: #D2A9A9 4px dotted;
	width: 254px;
	margin: 15px 0 15px 120px;}

h2 {
	height: 16px;
	width: 300px;
	margin-left: 60px;
	padding-top: 7px;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 5px;
	color: #908980;
	text-transform: uppercase;
	border-bottom: #ACC4C4 1px dashed;}
	
h3 {
	width: 450px;
	margin: 5px 0 10px 0;
	border-bottom: #ACC4C4 1px dashed;
	letter-spacing: 5px;
	color: #908380;
	font-size: 11px;
	font-weight: 300;}

.links {
	margin: 0 5px 10px 0;
	padding: 0;
	float: right;
	clear: both;}
	
.comments {
	margin-bottom: 10px;
	padding: 3px 10px 1px 10px;
	background: #fff;
	color: #5b7692;}

/* NAVIGATION STYLES */

.nhead {
	margin: 0; padding: 0;
	width: 199px; height: 31px;
	background: #E8F0DC url(images/navt.jpg) no-repeat;}

.site {
	margin: 0; padding: 0;
	width: 199px; height:31px;
	background: #E8F0DC url(images/site.jpg) no-repeat;}

.design {
	width: 199px; height: 31px;
	background: #E8F0DC url(images/design.jpg) no-repeat;}

.network {
	width: 199px; height: 31px;
	background: #E8F0DC url(images/network.jpg) no-repeat;}

.affi {
	width: 199px; height: 31px;
	background: #E8F0DC url(images/affi.jpg) no-repeat;}

.nfoot {
	margin: 0 0 15px 0; padding: 0;
	width: 199px; height: 31px;
	background: url(images/navb.jpg);
	clear: both;}

#nav ul {margin: 0; padding: 0 0 10px 30px; background: #E8F0DC;}

#nav li {
	margin: 0 0 3px 0; padding: 0 0 0 5px;
	list-style-image: url(images/dot.gif);
	line-height: 14px;}

#nav li a:link {color: #B16767; text-transform: lowercase; letter-spacing: 7px;}
#nav li a:visited {color: #B16767; text-transform: lowercase; letter-spacing: 7px;}
#nav li a:hover {color: #7B653E; text-transform: uppercase; letter-spacing: 3px;}
#nav li a:active {color: #7B653E; text-transform: uppercase; letter-spacing: 3px;}

/* LAYOUTS */

.box {
	margin: 5px 19px 22px 5px; padding: 5px 3px 3px 3px;
	text-align: center;
	width: 220px;
	float: right;
	background: #D7DCE5;
	letter-spacing: 3px;
	color: #667C96;}

.name {
	z-index: 1;
	position: relative;
	top: 0px;
	margin: 0 0 -5px 0; padding: 0;
	color: 88513C;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 2px;}

.frame {
	position: relative;
	top: 0px;
	border: #FFF 9px solid; z-index: 0;}

.buttons {
	float: left;
	margin-right: 5px;
	border: #C6BFB4 5px solid;}

/* TEXTAREA, INPUT, HR */

input,textarea{
	margin: 2px 0 10px 0;
	padding: 2px 3px 2px 3px;
	border: #7B653E 1px solid; 
	background: #E8F0DC; 
	font-size: 10px; 
	color: #78806E;}

label {
	clear: left;
	float: left;
	width: 100px;
	margin: 5px 0 10px 0;}

input.button {
	border: #7B653E 1px solid;
	color: #323221;
	background: #E4C5C5;
	text-transform: lowercase;
	font-size: 10px;
	letter-spacing: 2px;}