/*

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) - 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: 3.2.2

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 02/07/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:0 auto

}

#outerWrapper #header {

background:url(images/default.jpg) right no-repeat;

width:760px;

border-bottom:solid 1px #EAEAEA;

height:200px;

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:60px 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;

border-bottom: 1px dotted #bfbfbf; 

color: #26a;

outline: none

}

a img, a:visited img, a:hover img { 

background-color: transparent; 

border: 0 !important; 

border-bottom: 0!important

}

a:hover { 

background-color: #26a; 

border-bottom: 1px solid #26a; 

color: #fff

}

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 =====*/

ul.commentlist {

margin:0;

padding:0

}

ul.children {

margin-left: 2em

}

ul.commentlist, ul.children {

list-style-type: none

}

ul.commentlist li div.vcard img.avatar { 

border:1px solid #333; 

padding:2px;

margin: 4px 5px 0 0;

float: left

}

ul.commentlist .commentmetadata {

font-size: 0.9em

}

ul.commentlist .comment-author {

padding-top: 4px;

border-top: 1px dotted #999

}

ul.commentlist .comment-meta {

padding-bottom: 4px;

border-bottom: 1px dotted #999

}

.reply {

margin-bottom: 1em

}

span.says {

display: none

}



h4#comments, h4#pings {

margin: 0 0 1em;

font-size:1.125em

}

h4#postcomment {

margin:0;

font-size:1.125em

}

.commentmeta {

border-top: 1px dotted #999;

border-bottom: 1px dotted #999

}

.commentmeta li {

font-size: .87em

}

li.author, li.date {

font-style: italic

}



/*===== o0o: FORMS =====*/

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: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

}

#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 {

color: #26a;

border: 1px solid #bfbfbf;

padding: 3px;

padding-left: 5px;

padding-right: 5px;

margin-left: 2px;

margin-right: 2px;

display: block

}

#wp_page_numbers li a:hover {

border-color: #bfbfbf;

background: #26a;

color: #fff

}

#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

}

#switches, #switches ul {

margin-bottom:15px

}

#switches li{

display:inline;

list-style-type:none

}