/*
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. Valid CSS and XHTML (strict), threaded-comments, microformats, sticky-post, SEO, admin options page, printer friendly.
Version: 1.4.1
Author: varometro
Author URI: http://www.varometro.net/blog
Tags: blue, white, light, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post

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.
d) Jarod Taylor (http://jarodtaylor.com/) for "ultimate archive index with pagination" code.

Recommended plugins:
a) WP-PageNavi (http://lesterchan.net/portfolio/programming/php/#wp-pagenavi).
b) Different Posts Per Page (http://www.maxblogpress.com/plugins/dppp/).

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

Last Update 09/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;
background:url(images/bodybg.png) top repeat-x;
}

/*===== o0o: STRUCTURE =====*/
#outerWrapper {
text-align:left;
width:970px;
margin:0px auto 0
}
#outerWrapper #header {
width:970px;
background:url(images/r755.jpg) top left no-repeat;
height:270px;
padding:0;
}
#rightColumn {
background:none;
float:right;
width:250px;
font-size:0.87em;
line-height:1.6em;
padding:0px
}
#outerWrapper #contentWrapper {

}
#outerWrapper #contentWrapper #content {
background:none;
margin:0 270px 0 0;
padding:10px 20px 10px 20px
}
#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:24px 36px;
margin-bottom:30px;
background:#FEFEE0;
border: 1px solid #F9E59F;
line-height: 1.2em
}
.rightbox {
padding:0px 10px;
margin-right: 20px;
margin-bottom:30px;
background:#FDFCFA;
border: 1px solid #F9E59F;
font-size:1.1em;
line-height: 1.2em;
text-align:left
}


/*===== o0o: TYPOGRAPHY =====*/
.description {
color:#666;
font-size:0.87em;
font-weight:400;
padding:7px 0 0 12px;
width:300px;
display:none
}
.postinfo {
color:#666;
font-size:0.87em;
line-height:1.25em;
margin:-16px 10px 0px 0px;
text-align: right;
}
.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:0px 0 0
}
#header h1 {
font-weight:700;
font-size:2.4em;
padding:30px 0 0 10px;
display:none;
}
h1 {
font-family: candara;
letter-spacing: 0.5px;
font-size:1.3em;
color: #1c0095;
background-color: #FDFDFD;
padding: 6px 8px;
border: 1px solid #F9E59F;
}
h2 {
font-size:1.625em
}
h3 {
font-size:1.25em
}
#rightColumn h3 {
font-size:1.25em;
padding:0;
margin: 0
}
h4 {
font-size:1em
}

/*===== o0o: LINKS =====*/
a, a:visited { 
color: #C80104; 
text-decoration: none; 
}
a img, a:visited img, a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
a:hover { 
border-bottom: 1px dotted #C80104; 
color: #C80104; 
}
h3.posttitle,h3.posttitle a {
font-size:1.05em;
line-height:1.2em;
color:#111;
font-weight:600;
margin:0;
}
h3.posttitle a:hover {
color:#C80104;
text-decoration:none;
background-color: transparent;
border-bottom: 1px dotted #C80104; 
}
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;
}
#rightColumn a, #rightColumn a:visited { 
border-bottom: 0px; 
color: #888888; 
text-decoration: none; 
}
#rightColumn a img, #rightColumn a:visited img, #rightcolumn a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
#rightColumn a:hover { 
border-bottom: 0px; 
}

/*===== o0o: SIDEBAR =====*/
#rightColumn ul {
margin:0 0 10px;
padding:0
}
#rightColumn ul li ul {
margin:0;
padding:0
}
#rightColumn ul li {
list-style:none;
padding: 4px 0px;
}
#rightColumn ul li ul li {
list-style:none;
list-style-position:outside;
margin-left:0px
}

#rightColumn ul li ul li ul {
margin:8px 0px;
}
#rightColumn ul li ul li ul li {
list-style:none;
list-style-position:outside;
list-style-image: url(images/arrow.gif);
margin-left:15px;
padding: 1px
}

#rightColumn ul li ul li ul li a, #rightColumn ul li ul li ul li a:visited { 
border-bottom: 1px dotted #eaeaea; 
color: #888888; 
text-decoration: none; 
}
#rightColumn ul li ul li ul li a img, #rightColumn ul li ul li ul li a:visited img, #rightColumn ul li ul li ul li a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
#rightColumn ul li ul li ul li a:hover { 
border-bottom: 1px dotted #C80104; 
color: #C80104; 
}

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: 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:0px 0 2px 7px;
padding:4px
}
img.alignleft {
display:inline;
margin:0px 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:italic;
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
}

#navcontainer ul {
margin-left: 730px;
padding-top: 24px;
padding-right:40px;
list-style-type: none;
font-size: 13px;
font-weight:normal;
text-align:right; }

#navcontainer li { margin: 0 0 5px 0; }

#navcontainer a {
display: block;
padding: 1px 2px 1px 6px;
width: 150px;
color: #fff; }

#navcontainer a:link, #navlist a:visited {
color: #fff;
text-decoration: none; }

#navcontainer a:hover {
color: #D60105; }

#active a:link, #active a:visited, #active a:hover {
background-color: #AB2B1F; 
color: #fff; }

#menu1 { margin: -3px 5px 10px 0px; font-size:75%; text-align:right; }

#menuchoices1 { margin: 0px; padding: 0px; background-color: #ff0000; }
	 
#menu1 p { margin: 0px; }

.blue { border-bottom: 1px dotted #eaeaea; color: #888888; }

td { padding: 12px 0px; }