/*  
Theme Name: Rio Theme
Theme URI: http://tokyopunk.com/
Description: Very simple, cute, and pink theme. Make something out of it!
Version: 1.0
Author: Marcel Winatschek
Author URI: http://www.tokyopunk.com/
*/

* {
margin : 0;
padding : 0;
}
body {
background: #FEFEFE url("images/c-bg.gif") center;
background-position : top;
background-repeat : repeat-y;
color : rgb(128, 128, 128);
font-size : 62.5%; /* Resets 1em to 10px */
font-family : 'Verdana', 'Arial', Sans-Serif;
}
.break {
clear: both;
}
#header {
background : url("images/slogan.jpg") no-repeat;
height : 100px;
margin : 0 auto;
padding : 0;
width : 350px;
}
#header a, #header a:visited {
display : block;
width : 234px;
height : 97px;
}
#groomLake {
clear : left;
padding : 0 30px 10px 30px;
margin : 35px auto 0 auto;
width : 350px;
}
.sub-left {
background : url("images/my-scrapbook.jpg") center 0%;
border : 0 solid rgb(246, 246, 246);
float : left;
height : 60px;
margin : 0 auto 0 auto;
width : 200px;
}
#sub-right {
border-left : 2px solid rgb(246, 246, 246);
float : right;
margin : 0 auto 0 auto;
text-align : left;
width : 320px;
}
#sub-right ul {
line-height : 20px;
list-style-type : none;
margin : 0;
padding : 0;
}
#sub-right li {
height : 20px;
}
#sub-right ul li a, #sub-right ul li a:visited {
color : rgb(102, 102, 102);
display : block;
padding : 0 0 0 30px;
text-decoration : none;
}
#sub-right ul li a:hover {
background : #ff0066;
border : none;
color : white;
display : block;
}
#sub-right ul li.current_page_item a, #sub-right ul li.current_page_item a:hover {
background : #ff0066;
color : rgb(255, 255, 255);
text-decoration : none;
}
#menu {
margin : 0 auto;
width : 200px;
}
#menu span a, #menu span a:visited {
border-bottom : 5px solid red;
color : rgb(250, 251, 247);
font : 1em 'Georgia', 'Times New Roman', Sans-Serif;
margin : 1px 10px 0 0;
padding : 1px 3px 0 3px;
text-decoration : none;
}
#menu span a:hover {
border-bottom : 5px solid black;
text-decoration : none;
}
#content {
text-align : center;
}
#area51 {
margin : 20px 0 0 0;
}
.post {
margin : 0 auto 0 auto;
width : 450px;
}
p {
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1em;
line-height : 160%;
padding : 5px 0 5px 0;
text-align : justify;
}
.divide {
background : url("images/p-divider.gif") no-repeat;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1em;
height : 25px;
margin : 10px 0 0 0;
padding-right : 10px;
text-align : right;
}
blockquote p {
background : url("images/float-quote.jpg") no-repeat top left;
float : left;
font : 1.4em 'Georgia', 'Times New Roman', Sans-Serif;
font-style : italic;
margin : 1px 0 0 -265px;
position : absolute;
text-align : right;
width : 200px;
}
.more img {
border : none;
height : 13px;
margin : 0 0 -1px 0;
}
.more a, .more a:visited {
background : url("images/more.jpg") no-repeat;
border : none;
height : 15px;
margin : 0;
padding : 0;
letter-spacing : -9999em;
width : 52px;
}
.post p a, .post p a:visited {
color : #ff0066;
text-decoration : none;
}
.post p a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
color : rgb(0, 0, 0);
}
#area51 ul {
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1.2em;
list-style-type : none;
margin : 10px 0 10px 0;
padding : 0 0 0 10px;
}
#area51 ul li {
background : url("images/bullet_black.gif") no-repeat left 2px;
line-height : 170%;
margin : 0 0 5px 0;
padding : 0 10px 0 20px;
}
#area51 ul li.destyle {
background : none;
}
#area51 ul li a, #area51 ul li a:visited {
color : rgb(112, 160, 194);
text-decoration : none;
}
#area51 ul li a:active {
color : rgb(170, 170, 170);
text-decoration : none;
}
#area51 ul li a:hover {
color : rgb(138, 186, 221);
text-decoration : none;
}
.highlite {
font : 1em 'Courier New', 'Georgia', Sans-Serif;
padding : 2px 3px;
text-transform : uppercase;
}
#ufo {
clear : left;
padding : 0 30px 10px 30px;
margin : 70px auto 0 auto;
width : 600px;
}
.agentMulder {
background : url("images/who.jpg") center 0%;
border : 10px solid rgb(246, 246, 24