/* LAYOUT CREATED FOR http://lifeasrose.ca */
/* All code was written by Rose, entire layout was designed by Rose as well. */
/* Special credit goes to http://dragonartz.net - Many, MANY of the graphics I used to create this layout were downloaded here.  Because I suck with graphics. */

/* TABLE OF CONTENTS */
/* 01.BASIC */
/* 02.LAYOUT */
/* 03.NAV */
/* 04.MAIN */
/* 05.SIDEBAR */
/* 06.FOOTER */


/* ****************** */
/* ****************** */
/* ****************** */
/* ***CREATING FONTS*** */

@font-face { font-family: Inconsolata; src: url('Inconsolata.otf'); }




/* ****************** */
/* ****************** */
/* 01.BASIC */
/* Some basic stuff */
body
{
	background:url("images/bg.png") fixed no-repeat;
	margin:0;
	padding:0;
}

.none
{
	display:none;
}

img
{
	border:none;
}

.centre
{
	text-align:center;
}

.center
{
	text-align:center;
}

.left
{
	float:left;
}

.right
{
	float:right;
}


/* ****************** */
/* ****************** */
/* 02.LAYOUT */
/* Laying out the page */
header#title
{
	display:block;
	width:362px;
	height:53px;
	background:url("images/title.png") no-repeat;
	float:right;
	margin-bottom:20px;
}

nav
{
	display:block;
	position:relative;
	top:25px;
	z-index:1;
	margin:0px 0px -20px 10px;
	padding:25px 0px 0px 0px;
}


div#content
{
	width:760px;
	background:#FFF url("images/mail.png") bottom right no-repeat;
	padding:20px;
	float:left;
}

div#centre
{
	margin:50px auto;
	width:800px;
}

div#main
{
	float:left;
	width:500px;
}


/* ****************** */
/* ****************** */
/* 03.NAV */
/* Styling the top navigation */
nav a
{
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	background:#232147;
	font-weight:bold;
	padding:10px;
	display:block;
	color:#FFF;
	font-family:courier;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	float:left;
	margin-right:5px;
}

nav a:hover
{
	background:#d1bcd7;
	color:#000;
}

nav a#home
{
		width:50px;
}

nav a#archives
{
	width:85px;
}



/* ****************** */
/* ****************** */
/* 04.MAIN */
/* Styling the main section of the page */
div#main h1,h2,h3,h4,h5,h6
{
	color:#000;
	font-family:courier;
	margin:5px 0px 5px 0px;
	padding:0;
}

div#main h2
{
	font-size:140%;
}

div#main h3
{
	font-size:130%;
}

div#main h4
{
	font-size:120%;
}

div#main h5
{
	font-size:110%;
}

div#main h6
{
	font-size:100%;
}

div#main p
{
	font-family:arial;
	color:#000;
	font-size:95%;
	line-height:160%;
	margin:0px 0px 25px 0px;
	padding:0;
}

div#main blockquote p
{
	font-family:courier;
}


diV#main ol.commentlist
{
	list-style-type:none;
	margin:0;
	padding:0;
}

div#main ol.commentlist li
{
	padding:20px;
	background:#212e67;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	margin:0px 0px 25px 0px;
}

div#main ol.commentlist li
{
	color:#EEE;
}

div#main ol.commentlist li p
{
	color:#EEE;
}

div#main ol.commentlist li a
{
	color:#6ecb00;
}

div#main ol.commentlist li a:hover
{
	color:#8aff00;
}

div#main ol.commentlist .commentmeta
{
	font-family:courier;
}

div#main fieldset
{
	font-family:arial;
	color:#000;
	font-size:95%;
	line-height:160%;
	margin:0px 0px 15px 0px;
	padding:0;
	border:0;
}

div#main label
{
	display:block;
	margin:10px 0px 2px 0px;
	font-weight:bold;
}

div#main form#contact
{
	margin:0px 0px 10px 0px;
	padding:10px 30px 30px 30px;
	border-top:10px solid #222;
	background:#d3d3d7 url("images/triangle.png") bottom repeat-x;
}


div#main form#commentform
{
	margin:0px 0px 10px 0px;
	padding:10px 30px 30px 30px;
	border-top:10px solid #222;
	background:#d3d3d7 url("images/triangle.png") bottom repeat-x;
}



div#main select
{
	background:#FFF;
	border:1px solid #666;
	border-top-color:#222;
	border-left-color:#222;
	padding:5px;
	color:#222;
	font-family:courier;
	font-size:100%;
}


div#main input[type=text]
{
	background:#FFF;
	border:1px solid #666;
	border-top-color:#222;
	border-left-color:#222;
	padding:5px;
	color:#222;
	font-family:courier;
	font-size:100%;
}

div#main input[type=text]:focus
{
	background:#EEE;
	border:1px solid #999;
	border-top-color:#666;
	border-left-color:#666;
}


div#main input[type=submit]
{
	background:#eee;
	border:1px solid #222;
	border-top-color:#666;
	border-left-color:#666;
	padding:5px;
	color:#222;
	font-family:courier;
	font-size:100%;
	font-weight:bold;
}

div#main input[type=submit]:focus
{
	background:#ccc;
	border:1px solid #999;
	border-top-color:#666;
	border-left-color:#666;
}


div#main textarea
{
	background:#FFF;
	border:1px solid #666;
	border-top-color:#222;
	border-left-color:#222;
	padding:5px;
	color:#222;
	font-family:courier;
	font-size:100%;
	width:80%;
	height:150px;
}

div#main textarea:focus
{
	background:#EEE;
	border:1px solid #999;
	border-top-color:#666;
	border-left-color:#666;
}

div#main #usermessage
{
	background:#f8f6cb;
	padding:20px;
	font-family:courier;
	color:#000;
	font-size:100%;
	margin:15px;
}

div#main #usermessageFail
{
	background:#e0959e;
	padding:20px;
	font-family:courier;
	color:#000;
	font-size:100%;
	margin:15px;
}

div#main dt
{
	font-family:courier;
	color:#000;
	font-size:95%;
	line-height:160%;
	margin:5px 0px 0px 0px;
	padding:0;
	font-weight:bold;
}

div#main dd
{
	font-family:arial;
	color:#000;
	font-size:95%;
	line-height:160%;
	margin:0px 0px 25px 0px;
	padding:0;
}

div#main ol
{
	font-family:arial;
	color:#000;
	font-size:95%;
	line-height:160%;
	margin:0px 0px 25px 30px;
	padding:0;
	list-style-type:decimal-leading-zero;
}


div#main ul
{
	font-family:arial;
	color:#000;
	font-size:95%;
	line-height:160%;
	margin:0px 0px 25px 30px;
	padding:0;
}

div#main p.postmetadata
{
	font-family:courier;
	font-size:85%;
	color:#222;
	padding:10px;
	background:#EEE;
}

div#main a
{
	color:#363194;
	font-weight:bold;
	text-decoration:none;
}

div#main a:hover
{
	color:#896cba;
}

div#main .postnav
{
	text-align:center;
}

div#main img.link
{
	border:2px solid #000;
	margin:4px;
}

div#main code
{
	font-family:Inconsolata,Courier;
	font-size:100%;
	color:#222;
}


/* ****************** */
/* ****************** */
/* 05.SIDEBAR */
/* Styling the sidebar */
div#sidebar
{
	float:right;
	width:250px;
}

div#sidebar a#rose
{
	display:block;
	width:262px;
	height:203px;
	position:relative;
	z-index:1;
	margin:-33px 0px 0px 21px;
}


div#sidebar div.insidesidebar
{
	margin:4px 10px 10px 20px;
		background:url("images/greenbg.png") 0px -40px no-repeat;
	padding:10px 15px 45px 15px;
	width:220px;
}


div#sidebar div.inside
{
	margin:5px 10px 10px 20px;
	width:220px;
}

div#sidebar div#bottles
{
	margin:25px 10px 10px 20px;
	width:220px;
	background:url("images/bottles.png") top right no-repeat;
}


div#sidebar div#ipod
{
	margin:35px 10px 10px 10px;
	width:220px;
	background:url("images/ipod.png") top left no-repeat;
}



div#sidebar h3#music
{
	padding:0;
	margin:0px 0px 7px 0px;
	color:#000;
	font-family:courier;
	font-size:100%;
	text-shadow: 1px 1px 0px #aede75;
	text-align:right;
}



div#sidebar h3#freebies
{
	padding:0;
	margin:0px 0px 7px 0px;
	color:#000;
	font-family:courier;
	font-size:100%;
	text-shadow: 1px 1px 0px #aede75;
}

div#sidebar div#bottles a
{
	text-decoration:none;
	color:#8772b3;
}

div#sidebar div#bottles a:hover
{
	color:#000;
}


div#sidebar div#ipod a
{
	text-decoration:none;
	color:#8772b3;
}

div#sidebar div#ipod a:hover
{
	color:#000;
}


div#sidebar div.inside a
{
	text-decoration:none;
	color:#8bb721;
}

div#sidebar div.inside a:hover
{
	color:#000;
}


div#sidebar h3#heyrose
{
	padding:0;
	margin:0px 0px 7px 0px;
	color:#000;
	font-family:courier;
	font-size:100%;
	text-shadow: 1px 1px 0px #e7f8bf;
}

div#sidebar h3#category
{
	padding:0;
	margin:0px 0px 5px 15px;
	color:#000;
	font-family:courier;
	font-size:100%;
	text-shadow: 1px 1px 0px #aede75;
	text-align:center;
}



div#sidebar div.insidesidebar p
{
	padding:0;
	margin:0px 0px 15px 0px;
	color:#000;
	font-family:courier;
	font-size:80%;
	line-height:130%;
}


div#sidebar div.inside p
{
	padding:0;
	margin:0px 0px 15px 0px;
	color:#000;
	font-family:courier;
	font-size:80%;
	line-height:130%;
	text-align:center;
}



div#sidebar div#ipod p
{
	padding:13px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	color:#000;
	font-family:courier;
	font-size:80%;
	line-height:130%;
}



div#sidebar div#bottles p
{
	padding:0;
	margin:0px 0px 15px 0px;
	color:#000;
	font-family:courier;
	font-size:80%;
	line-height:130%;
}


div#sidebar div#bottles ul
{
	padding:0;
	margin:0px 0px 10px 20px;
	color:#000;
	font-family:courier;
	font-size:80%;
	line-height:130%;
}

div#sidebar div#bottles ll
{
	margin:0;
	padding:0;
}




div#sidebar div#ipod ul
{
	padding:0;
	margin:0px 0px 10px 110px;
	color:#000;
	font-family:courier;
	font-size:80%;
	line-height:130%;
	list-style-type:none;
}

div#sidebar div#ipod ll
{
	margin:0;
	padding:0;
}



/* ****************** */
/* ****************** */
/* 06.FOOTER */
/* The footer stuff */
footer
{
	display:block;
	clear:both;
	width:760px; 
	background:#120d1b;
	padding:20px;
}

footer p
{
	margin:0;
	padding:0;
	color:#FFF;
	font-family:courier;
	font-size:85%;
	text-shadow:1px 1px 0px #301b5c;
}

footer a
{
	text-decoration:none;
	color:#8772b3;
}

footer a:hover
{
	color:#c9bce3;
}

footer .copy
{
	font-size:130%;
}