@import url(http://fonts.googleapis.com/css?family=Lobster);
body {
font-family:helvetica,sans-serif;
text-align:right;
margin:0;
padding:0;
/*background:url(images/bg6.jpg) black center center fixed;*/
/*background:rgb(244,132,149);*/
/*background:url(images/powerbox.jpg) black center center fixed;*/
background:#eee;
}
#wrapper {
background:url(images/bg.gif) repeat-x;
padding:8px 0;
}
#contentwrapper {
margin-left:auto;
width:1024px;
top:2px;
text-align:left;
position:relative;
}

#headers {
position:absolute;
top:75px;
width:1024px;
}
span a {
font-size:11px;
}
h1 {
font-family: 'Lobster', arial, serif;
position:absolute;
font-size:80px;
bottom:-8px;
left:-2px;
letter-spacing:-1.5px;
margin:0;
padding:0;
color:white;
}
.radio {
position:absolute;
color:white;
background:black;
}
.radiotext {
float:right;
margin-right:15px;
color:white;
}
h1 a {
text-decoration:none;
color:white;
font-size:80px;
}
h1 a:hover {
color:#eee;
}
h3 + p {
padding:6pt 0 0 0;margin:6pt 0 0 0;
}
#columnone {
float:left;
width:224px;
padding:16px;
background:url(images/white.gif);
border-bottom:5pt solid #fff;
}
.homep {
background:white;
	padding:6pt;
}
#columntwo {
float:left;
width:224px;
padding:16px;
background:url(images/white.gif);
border-bottom:5pt solid #fff;
}
#columnthree {
float:left;
padding:0;
width:246px;
background:url(images/bg.gif);
border-bottom:5pt solid #fff;
}
#columns {
padding-top:100px;
}
#columnnav {
float:left;
width:224px;
padding:16px;
background:url(images/bg.gif);
color:#fff;
border-bottom:5pt solid #fff;
}
p {
line-height:12pt;
margin:0;
font-size:8.5pt;
letter-spacing:-.005em;
}
#columnnav p, #portfolio p {
background:url(images/blackline.png);
padding:2px 4px;
}
#columnnav a {
background:url(images/blackline.png);
padding:2px 4px;
color:#fff;
}
#columnnav a:hover {
background:url(images/whiteline.png);
color:#000;
}
p + p {
margin:6pt 0 0 0;
}
#linklist {
list-style:none;
padding:0;
margin:6px 0 0 0;
}
#footer {
float:right;
clear:both;
width:1002px;
margin-right:10px;
padding:2px 6px 2px 6px;
background:url(images/bg.gif);
margin-top:9px;
margin-bottom:12pt;
color:white;
font-size:8pt;
}
#footer span {
float:right;
}
a {
color:black;
font-size:8.5pt;
}
#footer a {
color:white;
font-size:8pt;
}
#navlist {
list-style:none;
padding:0;
position:absolute;
bottom:0;
right:12px;
margin:0;
}
#navlist li {
padding:0;
display:inline;
}
#navlist a {
color:white;
padding:2px 3pt;
font-size:10pt;
font-weight:700;
text-decoration:none;
}
h3 {
font-size:18px;
margin:0 0 6pt 0;
padding:0 0 6pt 0;
border-bottom:1px #777 solid;
}
h3 a{
text-decoration:none;
font-size:18px;
}
h3 a:hover{
color:#666;
}
#navlist a:hover {
background:url(images/whiteline.png);
color:black;
}
.meta {
font-size:8pt;
margin:6pt 0 2pt 0;
border-bottom:5pt solid black;
border-top:1pt solid black;
padding:3pt 0 3pt 0;
display:block;
text-align:right;
background:none;
}
#columnonetwo #loggedin {
margin-top:1px;
}
#loggedin {
width:100%;
background:white;
margin:0;
}
#loggedin a {
display:block;
margin:0 4px 4px;
}
#columnthree p {
color:white;
}
ul+p, p+ul, img+p {
margin:6pt 0 0 0;
}
.meta+h3 {
	margin-top:12pt;
}
#columnonetwo {
float:left;
width:480px;
padding:16px;
background:url(images/white.gif);
border-bottom:5pt solid #fff;
}
#columnthreefour {
float:left;
width:470px;
padding:16px;
background:url(images/white.gif);
border-bottom:5pt solid #fff;
position:fixed;
right:10px;
top:110px;
}
#columnthreefour form {
	width:470px;
	margin:0;
	padding:0;
}
#columnthreefour input {
	width:470px;
	font-size:24px;
	border:0;
	margin-bottom:6pt;
}
#columnthreefour .submit {
	text-align:right;
	background:black;
	color:white;
	margin-top:6pt;
}
#columnthreefour textarea {
	width:465px;
	height:250px;
	border:0;
	font-size:12pt;
	font-family:helvetica, sans-serif;
}
#result {
margin:0;
padding:0;
background:transparent;
}
#load {
position:absolute;
left:-90px;
display:none;
top:12pt;
width:75px;
height:25px;
background:url(images/load.gif);
}
.replys {
	margin-left:24pt;
	border-left:6pt white solid;
	padding:0 0 0 12pt;
}
.forump {
	background:white;
	padding:6pt;
}
.replys p {
	margin-left:12pt;
}
.reply {
	background:white;
	color:black;
	padding:6pt;
}
.reply span {
display:block;
font-size:7pt;
text-align:right;
}
#columnonetwo p {
font-size:11px;
line-height:16px;
color:#111;
margin:0 110px 6px 0;
background:white;
padding:6pt;
}
#columnonetwo .meta{
padding-top:3pt;
margin-bottom:0;
padding-left:0;
padding-right:0;
padding-bottom:6pt;
background:none;
}
#columnthree p {
margin:16px;
}
h4 {
margin:0 0 8pt 0;
}
#submit {
color:white;
display:block;
margin-top:6px;
text-align:left;
font-size:12px;
padding:4px;
height:13px;
text-decoration:none;
background:black;
}
#loggedin {
float:right;
padding-top:3pt;
text-align:right;
}
#columnonetwo form {
	width:470px;
	margin:0;
	padding:0;
}
#columnonetwo input {
	width:470px;
	font-size:24px;
	border:0;
	margin-bottom:6pt;
}
#columnonetwo textarea {
	width:470px;
	height:400px;
	border:0;
	font-size:12pt;
	font-family:helvetica, sans-serif;
}
.postspan {
background:white;
padding:1px 0 0;
}
#columnthree input {
	border:0;
	background:#222;
	color:white;
	font-family:helvetica, sans-serif;
	margin:0 16px 12pt 16px;
	padding:0 4px 0 4px;
	width:214px;
	text-align:right;
	font-size:24px;
}
#columnthree textarea {
	border:0;
	background:#222;
	color:white;
	font-family:helvetica, sans-serif;
	margin:0 16px 6pt 16px;
	padding:0;
	width:214px;
	height:214px;
}
#columnthree h3 {
	margin:16px 16px 6pt 16px;
	padding-bottom:3pt;
	color:white;
}
#loginform {
line-height:12pt;
margin:6pt 0;
font-size:8.5pt;
letter-spacing:-.005em;
}
.archivelink {
display:block;
font-size:8.5pt;
float:left;
}
.archivecells {
width:140px;
background:#fff;
margin-bottom:4px;
margin-right:4px;
padding:6pt;
float:left;
}
.archivecells a {
display:block;
background:#eee;
font-size:8.5pt;
margin-bottom:6pt;
text-decoration:none;
}
.archivedate {
font-size:7pt;
display:inline;
}
.archivelist {
text-align:right;
width:217px;
padding:1pt 4px 0pt 4px;
background:white;
margin:0 2px 0 0;
}
.archivelist a {
text-decoration:none;
}
.archivelist2 + .archivelist {
border:0;
}
.archivelist2 {
text-align:right;
width:218px;
background:gray;
padding:1pt 4px 0pt 4px;
margin:0 2px 0 0;
}
.archivelist2 a {
color:white;
text-decoration:none;
}
p+h3 {
margin-top:12pt;
}
#loginform input, #registrationform input {
border:0;
font-size:8.5pt;
margin: 0 0 1pt 0;
padding:0;
width:224px;
float:right;
}
#validationerror{
display:none;
}
#portfolio a {
color:white;
}
#loginform textarea, #registrationform textarea {
line-height:13.33pt;
	font-size:10pt;
}
#postbutton a, #loginbutton a, #editbutton a {
color:black;
display:block;
margin-top:6px;
font-size:12px;
padding:4px;
height:13px;
text-decoration:none;
background:white;
}
#loginbutton a {
margin-top:9px;
}
#loginbutton a:hover, #postbutton a:hover, #editbutton a:hover {
color:white;
background:black;
}
#loading {
display:none;
width:75px;
height:25px;
padding:8px;
background:url(http://www.willruby.com/images/load.gif) no-repeat center center black;
position:absolute;
bottom:16px;
right:16px;
}
#heighthack {
width:1px;
position:absolute;
}
.spacer {
width:246px;
float:left;
height:1px;
}
.spacer2 {
width:502px;
float:left;
height:1px;
}
#columnonetwo .meta {
width:480px;
margin:6pt 0 2pt 0;
padding-top:6pt;
}
#portfolio {
position:absolute;
bottom:0;
left:32px;
z-index:5;
width:224px;
padding:16px 16px 0 16px;
background:url(images/bg.gif);
color:#fff;
}
#portfolio strong {
display:block;
}
#portfolioTitle {
padding-bottom:4pt;
}
#portfolioPost {
margin:0;
}
#magic {
position:absolute;
width:224px;
background:url(images/bg.gif);
}
#pwrapper {
position:absolute;
width:100%;
height:16px;
bottom:0px;
background:url(images/bg.gif) repeat-x;
}
#pcontentwrapper {
text-align:left;
position:relative;
}
#image {
position:absolute;
width:800px;
height:600px;
background-position:bottom right;
background-repeat:no-repeat;
right:32px;
bottom:48px;
}