/*
Theme Name: rsc
Theme URI: http://www.varometro.net/blog/r755_theme/
Description: RSC is a wordpress theme built from r755 with two basic principles: content comes first and the smallest possible size.
Version: 0.8r
Author: varometro & jwood
Author URI: http://www.immersionit.com/
Tags: blue, white, light, two-columns, fixed-width, right-sidebar, threaded-comments


Based On R755
http://www.varometro.net/blog/r755_theme

R755 is a wordpress theme built from scratch with two basic principles: content comes first and the smallest possible size.

Although i made it only for personal use in my blog i will keep updating it but i can provide no support. Feel free to use it as it is or modify it according to your taste.

A small cross-browser image popup javascript included. Use it adding onclick="return iPop(this.href)" in your <a> tag. e.g. <a href="http://www.yourblog/images/example.jpg" onclick="return iPop(this.href)">your text ling or your thumbnail</a>

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php

 
Changelog:
0.1: Initial release. Released 2009/01/17.
0.2: Comment threating for WP 2.7. About txt file. Minor layout adjustments. 2009/01/18
0.3: Moved logo on top and changed color. Moved sidebar on right. 2009/01/19
0.4: City skyline image on top. Menu list bug in ie. 2009/01/20
0.5: Navigation bar on top. 2009/01/21
		0.5.1: Rss icon. Minor bug in comments paging links. 2009/01/22
		0.5.2: Footer width. Image popup script included. 2009/01/23
0.6: New layout arrangement for more stability. New image on header. 2009/01/25
0.7: Final name R755. New image on top. Minor CSS improvements. 2009/01/29
		0.7.1: Translation issue in sidebar. About section removed. Error in Footer's credits. 2009/01/29
		0.7.2: Minor CSS improvements. 2009/01/29
		0.7.3: Minor CSS improvements. 2009/01/30
0.8: HTML & CSS code clean-up. 2009/01/31
0.8r: HTML & CSS updates for Ron Christman
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
border:0;
outline:0;
font-size:100%;
margin:0;
padding:0;
}

body {
background-color:#000;
color:#ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.4em;
text-align:center;
margin:0;
padding:0;
}

h1 {
color:#000;
font-size:16px;
font-weight:700;
line-height:14px;
}

h2 {
color:#000;
font-size:14px;
font-weight:700;
line-height:14px;
}

h3 {
color:#000;
font-size:13px;
font-weight:700;
line-height:14px;
}

a {
color:#7491B9;
text-decoration:none;
}

a:hover {
	color:#2D55B4;
	text-decoration:underline;
}

div#contact a
{
	color:#2D55B4; 
}

div#home-footer a
{
	color:#2D55B4; 
}


a.home-cat {
font-size: 2em;
font-weight: bold;
color: #000066;
margin-bottom: 8px;
font-family: Trajan Pro, Palatino Linotype, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}

#center-img
{
	background:url(images/home-page.jpg) left no-repeat;
	width: 900px;
	height: 535px;
}

#home-footer
{
	width: 900px;
	background: #7491B9;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#outerWrapper {
text-align:left;
width:900px;
margin:2px auto 0;
}

#outerWrapper #header {
display:table;
width:900px;
background: url(images/r755.jpg) right no-repeat;
height:113px;
padding:0;
}

#outerWrapper #header a {
color:#000;
}

#outerWrapper #header a:hover {
color:#000;
background:none;
}

#outerWrapper #header h1 {
font-size:0em;
padding: 0;
color: #000;
line-height: 0;
}

.description {
color:#000;
font-size:0em;
font-weight:normal;
line-height: 0;
}

#outerWrapper #contentWrapper {
background: #333333;
}

#outerWrapper #contentWrapper #rightColumn1 {
background: #7491B9;
float:right;
width:200px;
font-size:11px;
padding:10px;
text-align: right;
margin-bottom: 0px;
min-height: 432px;
}

#outerWrapper #contentWrapper #rightColumn1 #search
{
text-align: right;
}

#outerWrapper #contentWrapper #rightColumn1 ul li:before {
/* content: "\00BB \0020"; */
}

#outerWrapper #contentWrapper #rightColumn1 ul li {
list-style: none outside;
text-align: right;
font-size: 2.5em;
color: #000066;
margin-bottom: 10px;
font-family: Trajan Pro, Aquinas, Goudy Trajan, Trajan, Palatino Linotype, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}

#outerWrapper #contentWrapper #rightColumn1 ul li a {
color: #000066;
margin-bottom: 10px;
}

#outerWrapper #contentWrapper #rightColumn1 ul li ul li {
list-style: none outside;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.5em;
color: #333333;
margin-top: 5px;
margin-bottom: 0px;
font-weight: bold;
}

#outerWrapper #contentWrapper #rightColumn1 ul li ul li a {
color: #333333;
font-weight: bold;
}


#outerWrapper #contentWrapper #rightColumn1 h2.contact
{
	text-align: right;
	font-size: 2.5em;
	color: #000066;
	margin-bottom: 8px;
	font-weight: normal;
	font-family: Trajan Pro, Palatino Linotype, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}


#outerWrapper #contentWrapper #rightColumn1 #contact
{
	color: #333333;
}

#outerWrapper #contentWrapper #left-img-2
{
	background: url(images/about-photo.jpg) left no-repeat;
	width: 330px;
	height: 453px;
	float: left;
	margin-right: 5px;
	padding: 0px;
	clear: left;
}

#outerWrapper #contentWrapper #content ul.nodots {
list-style:none;
padding-left:30px;
}

#outerWrapper #contentWrapper #rightColumn1 ul {
padding-left:0;
margin-left:0;
}

#outerWrapper #contentWrapper #rightColumn1 h3 {
margin:30px 0 0;
}

#outerWrapper #contentWrapper #content {
background:none;
margin:0 209px 0 0px;
padding:15px 15px 0px 10px;
}


.clearfix:after {
content:".";
display:block;
height: 0px;
clear:both;
visibility: hidden;
}

#outerWrapper #footer {
background-color:#000;
border-top:solid 1px #333;
padding:0 0 0 10px;
line-height:1.2em;
color: #ccc;
}

#outerWrapper #footer a {
color:#717171;
}

#outerWrapper #footer a:hover {
color:#000;
background:#fff;
}

.postmetadata {
padding-top:14px;
color:#666;
line-height:1.2em;
margin:10px 0;
}

.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}

code {
font:1.1em 'Courier New', Courier, Fixed;
}

/* Uncomment this if you like alternation in comment display.
.odd {
background-color:#f5f5f5;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}*/

.commentlist {
text-align:left;
margin:0;
padding:0;
}

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

.commentlist li .avatar {
float:right;
border:1px solid #eee;
background:#fff;
padding:2px;
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em;
}

.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;
}

input,textarea {
background:#f5f5f5;
}

.searchfield {
color:#777;
font-size:0.9em;
width:175px;
height:1.6em;
text-align:left;
background-color:#f5f5f5;
border:1px solid #ccc;
margin-bottom:15px;
}

blockquote {
width:90%;
background-color:#f5f5f5;
border-color:#999;
border-style:solid;
border-width:1px;
margin:0 auto 20px;
padding:0 15px;
}

hr {
width:100%;
height:0;
border:0;
border-top:1px solid #fff;
margin-bottom:30px;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

img {
border:0;
}

img.avatar {
float:left;
padding-right:5px;
}

p img {
max-width:100%;
padding:0;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

/* I use it for a small Gravatar-like picture in an about text widget. */
img.about {
float:left;
margin:8px 5px 3px 0;
padding:3px;
border:1px solid #eee;
}

img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f5f5f5;
padding-top:4px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}