/*
Theme Name: R755
Theme URI: http://www.varometro.net/blog/r755_theme/
Description: R755 is a wordpress theme built from scratch with two basic principles: content comes first and the smallest possible size. Different styles (color schemes) selectable from options page (very easy to create your own unique style), valid CSS and XHTML (strict), lightweight, threaded-comments, microformats, sticky-post, SEO, options page, printer friendly, enhanced archives template, localization supported.
Version: 2.0
Author: varometro
Author URI: http://www.varometro.net/blog
Tags: blue, white, light, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post, theme-options, microformats, custom-colors

Feel free to use it as it is or modify it according to your taste.

Thanks to:
a) Avice D (http://blog.kaizeku.com/wordpress/prevent-wordpress-27-duplicate-content/) for "add meta noindex rules on singular comment page section" code.
b) Bennett McElwee (http://www.thunderguy.com/semicolon/) for "Code Markup" code.
c) Jarod Taylor (http://jarodtaylor.com/) for "ultimate archive index with pagination" code.
d) Fayax (http://www.fayax.net/thaana-date) for "localize english months and days" code.
e) Chris J. Davis, Scott Merrill and Mark Jaquith (http://txfx.net/code/wordpress/ping-track-comment-count/) for "ping/track/comment count" code.

Recommended plugins:
a) WP Page Numbers (http://www.jenst.se/2008/03/29/wp-page-numbers/).

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

Last Update 25/06/2009
*/

/*===== o0o: BASE =====*/
html {
font-size:100%
}
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
border:0;
outline:0;
margin:0;
padding:0
}
body {
font-size:87.5%;
background-color:#FFF;
color:#111;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
line-height:1.6em;
text-align:center;
border:0;
outline:0;
margin:0;
padding:0
}

/*===== o0o: STRUCTURE =====*/
#outerWrapper {
text-align:left;
width:760px;
margin:40px auto 0
}
#outerWrapper #header {
width:760px;
border-bottom:solid 1px #EAEAEA;
height:120px;
padding:0
}
#rightColumn {
background:none;
float:right;
width:200px;
font-size:0.87em;
line-height:1.6em;
padding:10px
}
#outerWrapper #contentWrapper {
background:url(images/content_back.gif) repeat-y
}
#outerWrapper #contentWrapper #content {
background:none;
margin:0 220px 0 0;
padding:30px 30px 10px 10px
}
#outerWrapper #contentWrapper .clearFloat {
clear:right;
display:block
}
#outerWrapper #footer {
background-color:#FFF;
border-top:solid 1px #EAEAEA;
font-size:1em;
line-height:1.2em;
padding:0 0 0 10px
}
.post,.page {
padding-bottom:10px;
margin-bottom:30px
}

/*===== o0o: TYPOGRAPHY =====*/
.description {
color:#666;
font-size:0.87em;
font-weight:400;
padding:7px 0 0 12px;
width:300px;
display:block
}
.postinfo {
color:#666;
font-size:0.87em;
line-height:1.25em;
margin:10px 0
}
.sticky {
padding:0 10px 10px;
border:solid 1px #ccc;
margin-bottom:30px;
background: #f8f8f8
}
blockquote {
background:url(images/blockquote.gif) top left no-repeat;
border:#CCC dashed 1px;
margin:10px 40px 10px 20px;
font-style:italic;
padding:3px 3px 3px 40px;
}
pre,code {
width:90%;
margin-bottom:10px;
font-family:"Courier New", Courier, monospace;
background:#fff url(images/pre_bg.gif) top left repeat;
display:block;
color:#111;
line-height:18px;
border:1px solid #e2e2e2;
overflow:auto;
padding:18px 10px 17px
}
input,textarea,select {
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
border:1px solid #ccc;
background:#F8F8F8;
color:#333;
font-size:1em
}
small {
font-size:0.87em
}

/*===== o0o: HEADINGS =====*/
h1,h2,h3,h4 {
font-weight:700;
color:#111;
padding:20px 0 0
}
#header h1 {
font-weight:700;
font-size:2.4em;
padding:30px 0 0 10px
}
h1 {
font-size:2em;
}
h2 {
font-size:1.625em
}
h3 {
font-size:1.375em
}
#rightColumn h3 {
font-size:1.25em;
padding:0;
margin:20px 0 0
}
h4 {
font-size:1em
}

/*===== o0o: LINKS =====*/
a, a:visited { 
text-decoration: none; 
}
a img, a:visited img, a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
a:hover { 
}
h2.posttitle,h2.posttitle a {
font-size:1.25em;
line-height:1.2em;
color:#111;
font-weight:700;
margin:0;
border-bottom: 0
}
h2.posttitle a:hover {
color:#111;
text-decoration:none;
background-color: transparent
}
a.image-border {
text-decoration:none;
border:0 none;
background-color: transparent
}
#header a, #header a:hover {
color:#111;
background-color: transparent; 
border-bottom: 0;
}

/*===== o0o: SIDEBAR =====*/
#rightColumn ul {
margin:0 0 30px;
padding:0
}
#rightColumn ul li ul {
margin:0;
padding:0
}
#rightColumn ul li {
list-style:none
}
#rightColumn ul li ul li {
list-style:none;
list-style-position:outside;
list-style-image:url(images/arrow.gif);
margin-left:17px
}
ul.menu {
font-weight:700
}
#rightColumn p {
margin-top:0
}

/*===== o0o: COMMENTS =====*/
ol.commentlist { 
list-style:none; 
margin:0;
padding:0; 
text-indent:0
}
ol.commentlist li { 
border:1px solid #ddd; 
height:1%; 
margin:0 0 10px;
padding:5px 7px 5px 57px; 
position:relative
}
ol.commentlist li div.comment-author { 
padding:0 170px 0 0
}
ol.commentlist li div.vcard { 
font:bold 1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
}
ol.commentlist li div.vcard cite.fn { 
font-style:normal 
}
ol.commentlist li div.vcard img.avatar { 
border:1px solid #ddd; 
left:7px; 
padding:2px; 
position:absolute; 
top:7px; 
}
ol.commentlist li div.comment-meta { 
font:bold 0.87em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; 
position:absolute; 
right:10px; 
text-align:right; 
top:5px; 
}
ol.commentlist li blockquote p {
font-style:italic;
}
ol.commentlist li p { 
font:normal 1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
margin:1em 0 1em; 
line-height:1.6em; 
}
ol.commentlist li ul { 
font:normal 1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; 
list-style:square; 
margin:0 0 1em; 
padding:0; 
text-indent:0; 
}
ol.commentlist li ul.children { 
list-style:none; 
margin:1em 0 0; 
text-indent:0; 
}
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 { 
margin:0 0 .25em; 
}
ol.commentlist li.even { 
background:#f7f7f7
}
ol.commentlist li.odd { 
background:#fff
}
ol.commentlist li.pingback div.vcard { 
padding:0 170px 0 0
}

/*===== o0o: FORMS =====*/
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0 0 5px auto;
}

/*===== o0o: IMAGES =====*/
.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:7px 0 2px 7px;
padding:4px
}
img.alignleft {
display:inline;
margin:7px 7px 2px 0;
padding:4px
}
img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

/*===== o0o: CAPTIONS =====*/
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#F8F8F8;
padding-top:4px;
margin:10px
}
.wp-caption img {
border:0 none;
margin:0;
padding:0
}
.wp-caption p.wp-caption-text {
color:#666;
font-style:normal;
line-height:17px;
margin:0;
padding:0 4px 5px
}

/*===== o0o: WIDGETS =====*/
div#calendar_wrap,table#wp-calendar {
width:100%
}
div#calendar_wrap {
padding:0 15px 0 5px
}
div#calendar_wrap caption {
font-size:1.1em;
font-weight:700;
padding:0 20px 0 0
}

/*===== o0o: OTHER =====*/
.printinfo {
display:none
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
background: white;
padding: 0;
margin: 0;
border: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
text-transform: none;
text-indent: 0px;
font-variant: normal;
text-align: left;
line-height: 12px;
letter-spacing: 0px;
word-spacing: 0px;
font-size: 1em;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
}
#wp_page_numbers {
margin-top: 10px;
width: 100%;
background: white;
}
#wp_page_numbers ul {
width: 100%;
}
#wp_page_numbers li {
float: left;
display: block;
margin-bottom: 2px;
}
#wp_page_numbers a {
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-left: 2px;
margin-right: 2px;
display: block;
}
#wp_page_numbers li a:hover {
}
#wp_page_numbers li.space {
padding: 6px;
padding-left: 2px;
padding-right: 2px;
}
#wp_page_numbers li.first_last_page {
font-style: italic;
}
#wp_page_numbers li.active_page a {
border: 1px solid #333;
}
#wp_page_numbers li.active_page a:hover  {
color: #fff; /* IE fix */
border-color: #333;
}
#wp_page_numbers li.page_info {
float: left;
display: block;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-right: 2px;
color: #000;
font-size: 1em;
border: 1px solid #bfbfbf;
}

.redType {
color: #ff0000;
}