/*  
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: #000000 url("images/c-bg.jpg") 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 {
height : 100px;
margin : 0 auto;
padding : 0;
width : 960px;
border-bottom;1px dotted #999999;
}
#header a, #header a:visited {
display : block;
width : 960px;
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 : #ffffff;
border : none;
color : white;
display : block;
}
#sub-right ul li.current_page_item a, #sub-right ul li.current_page_item a:hover {
background : #fffff;
color : rgb(255, 255, 255);
text-decoration : none;
}

.logo{
	border:none;
	border:0px;
	display:inline;
	margin:auto;
	
	padding:0px;
	}

.social{
	border:none;
	border:0px;
	display:block;
	margin-right:5px;
	float: right;
	padding:0px;
	}

.navtop{
	border:none;
	border:0px;
	display:inline;
	float: right;
  	
	padding:4px 0 0 0;
	font: 67.5% "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-transform:smallcaps;
	font-weight:bold;
	}

.navtop ul{
	height:35px;
	list-style:none;
	padding:0;
	}
	.navtop li{
		float:left;
		padding:0px;
		}
	.navtop li a{
		background:#000000 url("images/seperator.gif") bottom right no-repeat;
		color:#f9f9f9;
		display:block;
		font-weight:normal;
		line-height:20px;
		margin:0px;
		padding:0px 7px;
		text-align:center;
		text-transform:smallcaps;
		border-right: dotted #999999 1px;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #000000 url("images/hover.gif") bottom center no-repeat;
			color:#666666;
		text-transform:smallcaps;
			text-decoration:none;
			}
	.navtop li ul{
		background:#000000;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:100px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.navtop li:hover ul{
		display:block;
		
		}
	.navtop li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:100px;
		text-transform:smallcaps;
		}
	.navtop li:hover li a{
		background:none;
		text-transform:smallcaps;
		
		}
	.navtop li ul a{
		color:#f9f9f9;
		display:block;
		font-weight:normal;
		line-height:25px;
		margin:0px;
		padding:0px 7px;
		text-align:center;
		text-transform:smallcaps;
		border-bottom: dotted #333333 1px;
		text-decoration:none;
		}
		.navtop li ul a:hover, .menu li ul li:hover a{
			background:#000000 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#666666;
			text-decoration:none;
			}

	.navtop p{
		clear:left;
		}	

#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 {
color: #999999;
border-bottom : 5px solid black;
text-decoration : none;
}
#content {
text-align : center;
}
#area51 {
width:960px;
margin :0 auto 0 auto;
}

.area51 .img {
max-width : 650px;
border : none;
}

.fuckingheader {
margin : 0 auto 0 auto;
width : 960px;
padding: 6px 10px 5px 10px;
}

.post {
margin : 0 auto 0 auto;
width : 650px;
padding: 5px 10px 5px 10px;
}

}
.post .img {
max-width: 625px;
border : none;
}

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 : #ffffff;
text-decoration : none;
}
.post p a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
color : rgb(0, 0, 0);
}

#viewer {
width: 960px; /* viewport width */
height: 605px; /* viewport heigth */
overflow: auto; /* scrollbars */
background: #000000; 
white-space: nowrap; 
margin: 0 auto; /* Mozilla page centering */
text-align: left; /* IE centering fix */
-3dlight-color:000000; 
scrollbar-shadow-color:222222;
scrollbar-face-color:222222;
scrollbar-darkshadow-color:000000;
scrollbar-track-color:121212;
scrollbar-arrow-color:777777;
scrollbar-highlight-color:222222;
}

#viewer img {
height: 575px; 
border-width: 0; 
margin-right: 5PX;
}

#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;
}

#sidebar {
float:left;
width=310px;
padding:2px 5px 5px 0;
}

#ufo {
clear : left;
padding : 0 30px 10px 30px;
margin : 70px auto 0 auto;
width : 400px;
}
.agentMulder {
background : url("images/who.jpg") center 0%;
border : 10px solid rgb(246, 246, 246);
float : left;
height : 60px;
margin : 0 auto 15px auto;
width : 400px;
}
#watertownStrip {
padding : 0 0 10px 0;
margin : 30px auto 0 auto;
width : 400px;
}
.responses {
margin : 0 0 50px 0;
}
.responses dl {
margin : 0 95px;
padding : 0 0;
}
.responses dt {
color : #666666;
font : bold 1.2em 'Verdana', 'Arial', Sans-Serif;
text-transform : lowercase;
text-decoration : none;
}
.responses dt a, .responses dt a:visited {
color : #ffffff;
font-weight : bold;
text-decoration : none;
}
.responses dt a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
}
.responses dd {
margin : 0 0 20px 0;
}
.responses dd p {
color : rgb(102, 102, 102);
font : 10px 'Verdana', 'Arial', Sans-Serif;
line-height : 160%;
margin : 0;
padding : 5px 0;
}
.responses dd p a, .responses dd p a:visited {
color : #ffffff;
font : 1.1em 'Verdana', 'Arial', Sans-Serif;
text-decoration : none;
}
.responses dd p a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
}
.responses dd img {
width : 210px;
max-height : 500px;
}
.response-info {
color : rgb(102, 102, 102);
float : left;
font : 3.8em 'Georgia', 'Times New Roman', Sans-Serif;
padding : 5px 0 0 10px;
position : absolute;
text-align : center;
text-decoration : none;
width : 85px;
}
.response-info img {
border : 1px solid #ffffff;
}
.response-info acronym {
border : none;
}
.response-info a, .response-info a:visited {
color : #ffffff;
font : 1.1em 'Georgia', 'Times New Roman', Sans-Serif;
text-decoration : none;
}
.response-info a:hover {
border-bottom : 1px dotted rgb(163, 178, 180);
}
.addResponse p {
margin : 0 95px;
}
.addResponse form {
border : none;
margin : 0 95px;
padding : 2px 0 0 0;
}
.addResponse form p {
color : rgb(153, 153, 153);
font : 1.2em 'Verdana', 'Arial', Sans-Serif;
line-height : 160%;
margin : 0;
padding : 5px 0;
}
.inputinfo {
background : url("images/response-postinfo.jpg") center 0%;
padding : 5px 0;
position : relative;
text-align : left;
}
.inputinfo p {
color : rgb(220, 221, 217);
float : right;
font : 1.2em 'Verdana', 'Arial', Sans-Serif;
line-height : 160%;
width : 240px;
}
label {
color : rgb(153, 153, 153);
cursor : pointer;
font : 1em 'Verdana', 'Arial', Sans-Serif;
text-transform : none;
}
label strong {
font-style : italic;
}
.addResponse input {
background : rgb(255, 255, 255);
border : 1px solid rgb(238, 238, 238);
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 0.9em;
margin : 4px 0 10px 0;
padding : 4px;
width : 98%;
}
.addResponse textarea {
background : rgb(255, 255, 255) url("images/textarea-back.jpg") center 0%;
border : 2px solid rgb(246, 246, 246);
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 1em;
height : 150px;
line-height : 140%;
margin-top : 4px;
padding : 3px 5px 3px 5px;
width : 97%;
}
.addResponse input#submit {
background : rgb(255, 255, 255);
border : none;
border : 2px solid rgb(246, 246, 246);
color : rgb(102, 102, 102);
cursor : pointer;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 1.2em;
font-weight : normal;
margin : 10px 0 0 0;
padding : 2px 3px 2px 3px;
width : 140px;
}
p.submit {
text-align : center;
}
.addResponse #submit:hover {
color : #ffffff;
}
.addResponse #submit:active {
color : #ffffff;
}
.break {
clear : both;
}
#footer {
width : 960px;
margin-right: auto;
margin-left: auto;
padding : 15px 0 5px 0;
}
#freakingcenter {
margin-right: auto;
margin-left: auto;
text-align: center;
bottom: 0px;
position: absolute;
}

#footer p {
border : none;
color : rgb(220, 221, 217);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 10px;
line-height : 14px;
margin : auto;
padding : 0 0 0 0;
text-align : center;
}
#footer img {
padding : 20px 0;
}
h1 {
color : rgb(0, 0, 0);
display : none;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1.8em;
margin : 0;
padding : 0;
}
h1 a, h1 a:visited {
color : white;
font-weight : normal;
text-decoration : none;
}
h1 a:hover {
color : white;
text-decoration : none;
}
h2 {
color : #666666;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 1.2em;
text-transform : lowercase;
margin : 0;
padding : 5px 0 0 0;
}
h2 a, h2 a:visited {
border : none;
color : #ffffff;
font-weight : bold;
text-decoration : none;
}
h2 a:hover {
border : none;
color : #222222;
font-weight : bold;
text-decoration : none;
}
h3 {
color : rgb(102, 102, 102);
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : bold;
font-size : 1.2em;
margin : 20px 0 5px 80px;
padding : 0 0 5px 0;
}
h3 a, h3 a:visited {
border : none;
color : rgb(51, 51, 51);
text-decoration : none;
}
h3 a:hover {
border : none;
color : rgb(236, 50, 3);
text-decoration : none;
}
.responses h3 {
margin : 20px 0 0 95px;
padding : 0 0 15px 0;
}
h4 {
color : #666666;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 1em;
}
a, a:visited {
color : #ffffff;
font-weight : normal;
text-decoration : none;
}
a:active {
color : rgb(136, 136, 136);
text-decoration : none;
}
a:hover {
color : #222222;
text-decoration : none;
}
acronym {
border-bottom : 1px dashed rgb(102, 102, 102);
cursor : help;
}
abbr {
border-bottom : 1px dashed;
cursor : help;
}
code {
background : rgb(246, 246, 246);
border : 1px solid rgb(238, 238, 238);
font : 1em 'Courier New', 'Arial', Sans-Serif;

#secondarycontent {
padding-left : 5px;
padding-right : 5px;
width : 190px;
height : 100%;
}