/*   
Theme Name: Rainbow Switcher
Theme URI: http://lifeasrose.ca
Description: A simple rainbow switchup theme
Author: Rose
Author URI: http://lifeasrose.ca
*/

body {
	margin: 0;
	padding: 0;
}

.none {
	
	display: none;
}

img {
	
	border: none;
}

@font-face { 
	font-family: delicious bold; 
	src: url('../fonts/deliciousBold.otf'); 
} 
	
@font-face { 
	font-family: delicious roman; 
	src: url('../fonts/deliciousRoman.otf'); 
} 


header#title {
	display: block;
	background: url("../images/title.png") 20px 0px no-repeat;
	margin: 50px auto 0px auto;
	padding: 0;
	width: 1000px;
	height: 92px;
	border-bottom: 3px solid #000;
}

header#title a#home {
	width: 200px;
	height: 90px;
	display: block;
	border: 0;
	float: left;
}


nav#pageNav {
	display: block;
	width: 430px;
	float: right;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

nav#pageNav a#aboutRose {
	width: 126px;
	height: 83px;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 0;
	float: left;
	background: url("../images/aboutrose.png") no-repeat;
}


nav#pageNav a#aboutRose {
	width: 143px;
	height: 83px;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 0;
	float: left;
	background: url("../images/aboutrose.png") no-repeat;
}

nav#pageNav a#aboutRose:hover {
	background: url("../images/aboutrose.png") 0px -83px no-repeat;
}



nav#pageNav a#archives {
	width: 130px;
	height: 83px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background: url("../images/archives.png") no-repeat;	
}


nav#pageNav a#archives:hover {
	background: url("../images/archives.png") 0px -83px no-repeat;
	
}

nav#pageNav a#portfolio {
	width: 130px;
	height: 83px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background: url("../images/portfolio.png") no-repeat;
}

nav#pageNav a#portfolio:hover {
	background: url("../images/portfolio.png") 0px -83px no-repeat;
	
}

nav#colourPick {
   clear: both;
	display: block;
	margin: 0px auto;
	padding: 0;
	width: 1000px;
	height: 70px;
}

nav#colourPick:hover {
	background: url("../images/pickcolour.png") 10px 0px no-repeat;
}

nav#colourPick a#green {
	display: block;
	width: 28px;
	height: 32px;
	background: url("../images/green.png") no-repeat;
	float: left;
}

nav#colourPick a#yellow {
	display: block;
	width: 27px;
	height: 43px;
	background: url("../images/yellow.png") no-repeat;
	float: left;
}

nav#colourPick a#pink {
	display: block;
	width: 27px;
	height: 48px;
	background: url("../images/pink.png") no-repeat;
	float: left;
}

nav#colourPick a#white {
	display: block;
	width: 30px;
	height: 29px;
	background: url("../images/white.png") no-repeat;
	float: left;
}


nav#colourPick a#blue {
	display: block;
	width: 28px;
	height: 46px;
	background: url("../images/bluebar.png") no-repeat;
	float: left;
}

nav#colourPick form {
	
	margin: 5px;
	float: right;
}

nav#colourPick input {
	padding: 8px 50px 8px 12px;
	color: #000;
	font-family: courier,monospace;
	font-size: 90%;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 0px;
	width: 200px;
}

/*  ------------ */
/*  ------------ */
/*  ------------ */

div#wrap {
	display: block;
	margin: 0px auto 50px auto;
	padding: 0;
	width: 1000px;
}

section#content {	
	display: block;
	margin: 0;
	padding: 0px 20px;
	width: 600px;
	float: left;
	text-shadow: 1px 1px 1px #FFF;
}

section#content h2
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 300%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

section#content h2 a {
	text-decoration: none;
	color: #000;
}

section#content h3
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 280%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 2px 0px;
	padding: 0;
}

section#content h4
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 240%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 1px 0px;
	padding: 0;
}

section#content h5
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 200%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 1px 0px;
	padding: 0;
}

section#content h6 {
	font-family: delicious bold,arial,sans-serif;
	font-size: 180%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 1px 0px;
	padding: 0;
}

section#content a {	
	font-weight: bold;
	text-decoration: underline;
	text-shadow: none;
}

section#content code {
	font-family: courier,monospace;
	font-size: 90%;
	text-shadow: none;
}

section#content code.block {
	display: block;
	padding: 0;
	margin: 0px 0px 0px 25px;
}

section#content code.block p {
   margin: 0;
	padding: 0;
	font-size: 100%;
	
}

section#content div.subText {
	margin: 5px 0px 10px 0px;
	padding: 20px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

section#content div.subText p {
	font-family: delicious roman,arial,sans-serif;
	font-size: 150%;
	color: #000;
	line-height: 120%;
	margin: 0;
	padding: 0;
	text-shadow: none;
}

section#content p {
	color: #000;
	font-size: 100%;
	font-family: arial,sans-serif;
	line-height: 160%;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

section#content ol {
	color: #000;
	font-size: 100%;
	font-family: arial,sans-serif;
	line-height: 160%;
	margin: 0px 0px 25px 30px;
	padding: 0px;
	list-style-type: decimal-leading-zero;
}

section#content ol li {
	
	margin: 0px 0px 20px 0px;
	padding: 0;
}


section#content p.endData {
	border-top: 1px solid #000;
	color: #000;
	font-size: 85%;
	font-family: arial,sans-serif;
	line-height: 150%;
	margin: 0px 0px 25px 0px;
	padding: 5px 0px 0px 0px;
}

section#content p.endData a
{
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
}

section#content p.endData a:hover {
	text-shadow: none;
	cursor: pointer;
}

section#content nav.postNavLinks {
	width: 350px;
	margin: 10px auto;	
	padding: 0;
	display: block;
	font-family: delicious bold,arial,sans-serif;
	font-size: 120%;
	text-shadow: none;
}

section#content nav.postNavLinks div.older a {	
	display: block;
	float: left;
	width: 75px;
	height: 38px;
	padding: 7px 0px 20px 65px;
	margin: 0;
	background: url("../images/backarrow.png") center left no-repeat;
	text-decoration: none;
	text-align: right;
}

 section#content nav.postNavLinks div.newer a {	
	display: block;
	float: right;
	width: 75px;
	height: 38px;
	padding: 7px 65px 20px 0px;
	margin: 0;
	background: url("../images/arrow.png") center right no-repeat;
	text-decoration: none;
	text-align: left;
}

section#content nav.postNavLinks div.newer a:hover {
	color: #000;
	background: url("../images/arrow2.png") center right no-repeat;
}

section#content nav.postNavLinks div.older a:hover {	
	color: #000;
	background: url("../images/backarrow2.png") center left no-repeat;
}

section#content input[type=text] {
	border: 1px solid;
	padding: 6px;
	font-family: courier,monospace;
	font-size: 95%;
	color: #000;
}

section#content input[type=submit] {
	border: 1px solid;
	padding: 10px;
	font-family: courier,monospace;
	font-size: 95%;
	color: #000;
	font-weight: bold;
	text-align: center;
}

section#content input[type=submit]:hover {
		cursor: pointer;
}

section#content textarea {
	border: 1px solid;
	padding: 9px;
	font-family: courier,monospace;
	font-size: 95%;
	color: #000;
	width: 400px;
	height: 150px;
}

section#content label {
	font-family: delicious roman,arial,sans-serif;
	font-size: 110%;
	color: #000;
}

section#content p.commentMeta {
	border-top: 1px solid #333;
	color: #000;
	font-size: 85%;
	font-family: arial,sans-serif;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
}

section#content small {
	font-size: 90%;
	
}

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

section#content ol.commentlist li {
	
	margin: 0px 0px 25px 0px;
	padding: 25px;
	background: url("../images/semiopaque.png");
}

section#content .left {
	
	float: left;
}

section#content .right {
	
	float: right;
}

section#contnet ul {
	
	margin: 0px 0px 15px 30px;
	list-style-type: disc;
	color: #000;
	font-size: 100%;
	font-family: arial,sans-serif;
}

section#content li {
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #000;
	font-size: 100%;
	font-family: arial,sans-serif;
	
}
section#content ul.archiveList {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	
}

section#content ul.archiveList li {
	list-style-type: none;
	border-bottom: 5px solid #000;
	padding: 25px;
	font-family: delicious bold,arial,sans-serif;
	font-size: 170%;
	color: #000;
	margin: 0;
}

/* ------------ */
/* ---------------*/

section#sidebar {	
	display: block;
	margin: 0;
	padding: 0px 20px;
	width: 300px;
	float: right;
	text-shadow: 1px 1px 3px #FFF;
}

section#sidebar h2
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 200%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

section#sidebar h3
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 170%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

section#sidebar h4
{
	font-family: delicious bold,arial,sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0;
}


section#sidebar p {
	font-size: 90%;
	font-family: arial,sans-serif;
	color: #000;
	margin: 0px 0px 15px 0px;
	padding: 0;
	line-height: 150%;
}

section#sidebar a {
	text-decoration: underline;
	text-shadow: none;
}
/*----- */

footer#bottomHalf {
	clear: both;
	border-top: 3px solid #000;
	display: block;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	width: 1000px;
	height: 70px;
}

footer#bottomHalf a#rss {
	
	display: block;
	background: url("../images/rss.png") 0px 0px no-repeat;
	width: 140px;
	height: 27px;
	padding: 5px 10px 10px 60px;
	margin: 5px;
	font-family: delicious bold,arial,san-serif;
	font-size: 100%;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	float: left;
}



footer#bottomHalf a#rss:hover {
	background: url("../images/rss.png") 0px -51px no-repeat;
	text-decoration: underline;
	color: #f8820c;

}

footer#bottomHalf a#lock {
	
	display: block;
	background: url("../images/lock.png") 0px 0px no-repeat;
	width: 140px;
	height: 27px;
	padding: 5px 10px 10px 60px;
	margin: 5px;
	font-family: delicious bold,arial,san-serif;
	font-size: 100%;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	float: left;
}

footer#bottomHalf a#lock:hover {
	background: url("../images/lock.png") 0px -47px no-repeat;
	text-decoration: underline;

}


/* -------- */



table#wp-calendar {
	
	margin: 0px auto;
	font-family: arial,sans-serif;
	color: #000;
}

table#wp-calendar th {
	padding: 7px;
	font-weight: bold;
	font-size: 130%;
}

table#wp-calendar td {
	
	padding: 7px;
	font-size: 110%;
}


table#wp-calendar caption {
	
	font-weight: bold;
	font-size: 160%;
}