/*
Theme Name: Clouds & Rainbow
Theme URI: http://www.bouncy-bubbles.net
Description: Cute pixelled theme with clouds and rainbow.
Version: 1.0 
Author: Kanu
Author URI: http://www.bouncy-bubbles.net
*/


body {
text-align: center;
background-color: #D0F6FF;
font-size: 11px;
font-family: verdana, arial, sans-serif;
color: #909090;
padding: 0px;
margin: 0px auto;
}

.bordered {border:5px solid #FDFEA8;}
a img.bordered {border:5px solid #CBFEB1;}
a:hover img.bordered {border: 5px solid #FDFEA8;}

strong, bold { 
font-weight:bold;
color: #926FE3;
}


/* ----------container----------- */
#container {
margin: 0px auto;
width: 564px;
padding:0px;
}

/*------Top Image------*/
#header {
width: 564px;
float:left;
padding:0px;
margin:0px;
}

/*------Content------*/
#content {
width: 564;
background-image: url('bg.jpg');
background-repeat: repeat-y;
float:left;
padding:0px;
margin:0px;
}

/*------Main------*/
#main {
width:350px;
text-align:left;
padding:20 0 20 20;
float: left;
}

#main h1 {
font-size: 12px;
font-weight:bold;
color:#a87a4e;
padding:4px;
border-bottom: 2px dotted #ccc;
background-image: url('headerbg.gif');
background-repeat: no-repeat;
background-position: center right;
}

#main a {color: #f76a88; font-weight:normal; text-decoration:none}
#main a:visited {color:#f76a88; font-weight:normal; text-decoration:none;}
#main a:hover {color:#0193C4; font-weight:normal; text-decoration:none;}
#main a:active { color:#BC7DFF;}


/*------Sidebar------*/
#sidebar {
width: 155px;
font-size:10px;
font-family: verdana, tahoma, sans-serif;
padding:20 15 20 5;
text-align:left;
float: right;
}


#sidebar a {color:#2BBE00; font-weight:bold; text-decoration:none}
#sidebar a:visited {color: #2BBE00; font-weight:bold; text-decoration:none;}
#sidebar a:hover {color:#FF8EBA; font-weight:bold;  text-decoration:none;}
#sidebar a:active {color:#BC7DFF;}



#sidebar h1 {
font-size: 12px;
font-weight:bold;
color:#a87a4e;
background-image: url('headerbg.gif');
background-repeat: no-repeat;
background-position: center left;
text-align:right;
padding:4px;
border-bottom: 2px dotted #ccc;
}

/*-------Sidebar Rainbow Menu-----*/
#navcontainer { width: 155px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
text-transform: uppercase;
font-weight:bold;
font-family: verdana, tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#navcontainer a
{
display: block;
padding: 1 3 1 5;
width: 146px;
background-color: #f8f8f8;
border-bottom: 1px solid #fff;
font-weight:bold;
}

#navcontainer a:link, #navlist a:visited
{
color: #aeaeae;
text-decoration: none;
font-weight:bold;
}

#navcontainer a:hover
{
background-color: #e7e7e7;
font-weight:bold;
color: #fff;
}

/*-------RED------*/
#red a:link, #red a:visited
{
display: block;
color: #F76A88;
background-color: #FFD8E3;
width: 146px;
font-weight:bold;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#red a:hover
{
display: block;
color: #fff;
background-color: #F99DB2;
width: 146px;
font-weight:bold;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

/*-------GREEN------*/
#green a:link, #green a:visited
{
display: block;
font-weight:bold;
color: #2BBE00;
background-color: #CBFEB1;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#green a:hover
{
display: block;
font-weight:bold;
color: #fff;
background-color: #9FE455;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

/*-------PURPLE------*/
#purple a:link, #purple a:visited
{
font-weight:bold;
display: block;
color: #936EE0;
background-color: #EEDDFF;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#purple a:hover
{
display: block;
font-weight:bold;
color: #fff;
background-color: #C9B6F8;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}


/*-------YELLOW------*/
#yellow a:link, #yellow a:visited
{
display: block;
font-weight:bold;
color: #B1BE00;
background-color: #FDFFC0;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#yellow a:hover
{
display: block;
font-weight:bold;
color: #fff;
background-color: #D6D83C;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

/*-------ORANGE------*/
#orange a:link, #orange a:visited
{
display: block;
font-weight:bold;
color: #ED8617;
background-color: #FFE4B9;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#orange a:hover
{
display: block;
font-weight:bold;
color: #fff;
background-color: #FFAE5D;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

/*-------BLUE------*/
#blue a:link, #blue a:visited
{
display: block;
font-weight:bold;
color: #0093BF;
background-color: #B9E9FF;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#blue a:hover
{
display: block;
font-weight:bold;
color: #fff;
background-color: #A5CDF6;
width: 146px;
padding: 1 3 1 5;
text-decoration: none;
border-bottom: 1px solid #fff;
}

/*------Foot Note------*/
#footnote {
color: #FD9900;
font-size: 10px;
font-weight: bold;
text-align:center;
margin:20px;
text-transform:uppercase;
border-top: 2px dotted #85D9FE;
border-bottom: 2px dotted #85D9FE;
padding:10px;
}

/*------Footer------*/
#footer {
width: auto;
}

/*  ----------------COMMON TAGS---------------------- */ 

.header {
font-size: 12px;
font-weight:bold;
color:#a87a4e;
padding:4px;
border-bottom: 2px dotted #ccc;
background-image: url('headerbg.gif');
background-repeat: no-repeat;
background-position: center right;
}

td { 
font-size: 11px; 
text-align:justify;
}

.pic {
border: 1px solid #adadad;
background-color:#f1e5fd;
}

blockquote {
background-color:#f8f8f8;
padding:4px;
border-left:6px solid #A6E4FD;
}

input, textarea, select {
color:#A87A4E; 
font-size:11px;
font-family: verdana, sans-serif;
background-color:#FCFFBF; 
border : solid 1px #D6D83C; 
}

.themes {
text-transform:uppercase;
background-color: #FCFFBF;
color:#A87A4E;
font-size:10px;
}

.tcode {
border : solid 1px #D6D83C; 
background : #FEFEC0; 
color : #A97965; 
font-size:9px;
padding : 4px; 
width : 100px; 
height : 20px; 
overflow : auto;
}

.code {
border: 1px dashed #A87A4E;
font-size: 10px;
font-family: verdana;
padding:4px
}

.plugs {
font-family:tahoma, sans-serif;
font-weight:normal;
text-transform:capitalize;
padding:4px;
font-size:10px;
}



/*----WORDPRESS TAGS----*/

/* ----------COMMENTS---------- */

.commentlist li {
margin: 15px 0px 5px;
padding: 5px 10px 5px;
list-style: none;
}

#commentlist {
margin: 1.8em 0;
padding: 8px;
list-style-type: none;

}

#commentlist li {
padding: 9px 9px;
width: 300px;
border-top: 0px solid #FCECBB;
border-right: 0px solid #CBF9AE;
border-left: 0px solid #C0FBFS;
}

.alt {
background-color: #DDFBC7;
color: #A87A4E;
border-top: 0px dashed #FFFFFF;
border-bottom: 0px dashed #FFFFFF;
}

/*  ---------META TAGS----------  */

.meta {
font-size: 9px;
color: #909090;
margin: 0px;
text-align:right;
font-family: verdana;
font-weight: normal;
}

.meta a:link, .meta a:visited, .meta a:active {
color: #909090;
font-weight: normal;
font-family : verdana;
letter-spacing: 0;
}

.meta a:hover {
text-decoration: none;
color: #F76A88;
}

.meta ul {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

.meta li {
display: inline; 
}