body{
text-align: left;
background: url(), url(http://sweetpea.firelush.net/bg.png);
background-color: #f4f4f4;
background-repeat: repeat-x, repeat !important;
background-position: top center, top center;
background-attachment: fixed, fixed;
font-weight: normal;
text-transform: normal;
font-family: calibri;
font-size: 12px;
color: #888;
margin:0 auto;
overflow-x: hidden;
}

/**********************************************STYLESHEET FROM LOVEBLUSH.NET****************************************/



/**********************************************MAIN****************************************/


#container {
position: relative;
margin: 0 auto;
width: 950px;
}


#header {
position:absolute; 
top:226px; 
left: 90px; 
width:835px;
height: 230px;
background-color: #ddd;
border: 1px solid #ddd;
}


#welcome {
position:absolute; 
text-align: left;
padding: 4px;
padding-bottom: 9px;
background-color: #f1f1f1;
top:65px; 
left:90px; 
width:237px;
font-family: calibri;
font-size: 11px;
margin-bottom: 2px;
border-bottom: 4px solid #ccc;
}

#updates {
position:absolute; 
text-align: left;
padding: 4px;
padding-bottom: 2px;
background-color: #f1f1f1;
top:65px; 
left:341px; 
width:190px;
margin-bottom: 2px;
border-bottom: 4px solid #ccc;
}

#bubbles {
position:absolute; 
text-align: center;
padding-top: 7px;
padding-bottom: 6px;
padding-left: 2px;
background-color: #f1f1f1;
top:62px; 
left:545px; 
width: 168px;
margin-bottom: 2px;
border-bottom: 4px solid #ccc;
}


#cbox {
position:absolute; 
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
background-color: #f1f1f1;
top:63px; 
left:721px; 
width: 205px;
margin-bottom: 2px;
border-bottom: 4px solid #ccc;
}


#content {
position:absolute; 
background-color: #fbfbfb;
top:463; 
left:90px; 
width:830px; 
font-family: calibri;
font-size: 13px;
padding: 2px;
padding-bottom: 10px;
padding-top:4px;
border: 1px solid #ddd;
}


#bottom{
position: fixed;
bottom:0px;
color: #fff;
left:0px;
width: 100%; 
padding: 4px;
letter-spacing:2px;
font-family: calibri;
font-size: 10px;
background-color:#9dd7af;
z-index: 9999 !important;
}



#content img, #content a img {
background: #eee;
padding: 4px;
border: 1px solid #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
 }
 
#content img:hover, #content a:hover img {
background: url(http://sweetpea.firelush.net/scroll.png) top center;
opacity: 1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
 }



a {	
color: #2b2b2b; 
font-weight:bold;
text-decoration: none;
-moz-transition: 0.7s ease-out;  
margin: 0px; 
padding: 2px;
-webkit-transition: 0.7s ease-out;
}					
a:hover {
color: #e2e2e2; 
-moz-transition: 0.7s ease-out;
-webkit-transition: 0.7s ease-out;}



/**********************************************BASIC STYLINGS****************************************/


b {color: #777777;}
i {color: #bbb;}
u {color: #2b2b2b;}
s {color: #bbb;}


textarea{
color: #888;
background: #fff;
border: 1px solid #eee; 
border-bottom: 3px solid #eee;
margin: 2px;
padding: 6px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}



blockquote {
  font-family: calibri;
  display: block;
  background: #F1F1F1;
  color: #828181;
  padding: 5px 10px 15px 50px;
  margin: 0 auto 3px;
  margin-bottom: 20px;
  width: 350px;
  position: relative;
  line-height: 1;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: justify;  
  border-top: 3px solid #eee;
  border-bottom: 3px solid #eee;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

blockquote::before {
  
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 55px;
  font-weight: bold;
  background: #ddd;
  color: #eee;
  text-align: center;
  position: absolute;
  left: 7px;
  top: 2px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}


blockquote a {
  text-decoration: none;
  background: #ddd;
  padding: 0 3px;
  color: #aaa;
}





/**********************************************SCROLLBAR****************************************/


::-webkit-scrollbar-thumb 
{background-image: url(http://sweetpea.firelush.net/scroll.png); background-color: #999;}
::-webkit-scrollbar 
{width: 5px; height: 5px; }



/**********************************************HEADERS//DO NOT TOUCH THE RIBBON****************************************/


.ribbon{
z-index:2;
margin-top: -20px;
margin-left: -40px;
}



h1	{	
text-align: center;
font-weight: normal;
font-family: 'Dancing Script', cursive;
font-size: 18px;
background: #7558f9;
color: #ccc;
margin: 1px;
margin-bottom:3px;
letter-spacing: 2px;
text-transform: lowercase;
border-right: 5px solid #9fd8b0;
border-left: 5px solid #9fd8b0;
}
h1:first-letter {
color: #bbb;
font-weight: bold;
text-transform: lowercase;
}
h2	{	
text-align: center;
font-weight: normal;
font-family: 'Dancing Script', cursive;
font-size: 18px;
background: #bfb4ef;
color: #fff;
margin: 1px;
margin-bottom:3px;
letter-spacing: 2px;
text-transform: lowercase;
border-right: 5px solid #9fd8b0;
border-left: 5px solid #9fd8b0;
}
h1:first-letter {
color: #bbb;
font-weight: bold;
text-transform: lowercase;
}

h3	{	
text-align: center;
font-weight: normal;
font-family: 'Dancing Script', cursive;
font-size: 18px;
background: #8cc9dd;
color: #fff;
margin: 1px;
margin-bottom:3px;
letter-spacing: 2px;
text-transform: lowercase;
border-right: 5px solid #9fd8b0;
border-left: 5px solid #9fd8b0;
}
h1:first-letter {
color: #bbb;
font-weight: bold;
text-transform: lowercase;
}
/**********************************************AFFIE/STATS SECTION****************************************/


#sidehoe{
width:auto;
padding:0px;
padding-bottom:3px;
padding-left: 3px;
padding-top: 2px;
margin:3px;
background-color:#F1F1F1;
border: 1px solid #ddd;	
clear:both;
margin-bottom: 60px; 
}




/**********************************************UPDATE LINKS****************************************/



a.update:link, a.update:link, a.update:visited{
display: block;
color: #aaa;
font: 8px calibri;
padding: 1px 0px 1px 3px;
margin:0px;
letter-spacing: 1px;
text-transform: uppercase;
}


a.update:hover {
background-color: #ccc;
text-align: right;
-moz-transition: 0.8s ease-out; 
-webkit-transition: 0.8s ease-out; 
}


u1 {display: block; color: #aaa; font: 7px georgia; padding-left: 2px; padding-top: 2px; background-color: #F1F1F1; text-align: center; letter-spacing: 3px; border-bottom: 1px dotted #ccc; text-transform: uppercase;}



/**********************************************ELITES****************************************/



a.elite, a.elite:active, a.elite:visited {
display: block; 
margin: 3px;
color: #ffffff; 
text-transform: uppercase;
padding: 7px 0px; 
text-align: center; 
font-family: calibri;
font-size: 8px; 
font-weight: bold;
letter-spacing: 1px; 
}

a.elite:hover{
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/***+1 is the first color of your color scheme, +2 is the second, and so on***/

a.elite:nth-child(4n+1) { background-color: #b4a0fb; border: 1px solid #ffffff;}
a.elite:nth-child(4n+2) { background-color: #b9adee; border: 1px solid #ccc;}
a.elite:nth-child(4n+3) { background-color: #97cedf; border: 1px solid #ccc;}
a.elite:nth-child(4n+4) { background-color: #a8dbb7; border: 1px solid #ccc;}


a.elite:nth-child(4n+1):hover {color: #fff; background: #bbb;}
a.elite:nth-child(4n+2):hover {color: #fff; background: #bbb;}
a.elite:nth-child(4n+3):hover {color: #fff; background: #bbb;}
a.elite:nth-child(4n+4):hover {color: #fff; background: #bbb;}





/**********************************************AFFIE LINKS****************************************/

a.affie, a.affie:active, a.affie:visited {
display: block; 
margin: 2px;
font-weight: bold;
font-size:8px;
text-transform: uppercase;
font-family:calibri;
line-height:12px;
background: #eee; 
letter-spacing: 0.9px;
color: #5b7278; 
padding: 2px 0px; 
text-align: center; 
border: 1px solid #ddd;
}



a.affie:hover{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}




a.affie:nth-child(4n+1):hover { color: #5b7278; background: #b5a1fc;}
a.affie:nth-child(4n+2):hover { color: #5b7278; background: #ad96fc;}
a.affie:nth-child(4n+3):hover { color: #5b7278; background: #8cc9dd;}
a.affie:nth-child(4n+4):hover { color: #5b7278; background: #a9dcb8;}






/**********************************************NAVIGATION LINKS****************************************/


#topper {
position:fixed; 
margin: 0px;
top:140px; 
left:-2px; 
width:60px;
height:30px;
z-index:1;
}



a.nav2,a.nav2:link,a.nav2:active,a.nav2:visited {
display:inline-block;
line-height: 20px;
padding-right: 20px;
margin:2px;
text-transform: uppercase;
text-align: right; 
font-style: none;
font-family: calibri;
font-size: 8px;
letter-spacing: 2px;
padding-left: 20px;
color: #fff;
}

/***+1 is the first color of your color scheme, +2 is the second, and so on***/


a.nav2:nth-child(6n+1) {background-color:#ad96fc;}
a.nav2:nth-child(6n+2) {background-color:#c0b5f0;}
a.nav2:nth-child(6n+3) {background-color:#8cc9dd;}
a.nav2:nth-child(6n+4) {background-color:#9fd8b0;}
a.nav2:nth-child(6n+5) {background-color:#ad96fc;}
a.nav2:nth-child(6n+6) {background-color:#c0b5f0;}



a.nav2:nth-child(6n+1):hover {color: #aaa; background: #fff; border-right: 7px solid #bbb;}
a.nav2:nth-child(6n+2):hover {color: #aaa; background: #fff; border-right: 7px solid #bbb;}
a.nav2:nth-child(6n+3):hover {color: #aaa; background: #fff; border-right: 7px solid #bbb;}
a.nav2:nth-child(6n+4):hover {color: #aaa; background: #fff; border-right: 7px solid #bbb;}
a.nav2:nth-child(6n+5):hover {color: #aaa; background: #fff; border-right: 7px solid #bbb;}
a.nav2:nth-child(6n+6):hover {color: #aaa; background: #fff; border-right: 7px solid #bbb;}


a.nav2:hover{padding-left:50px; -moz-transition: 0.9s ease-out; -webkit-transition: 0.9s ease-out;}