/*
Theme Name: R755 light
Theme URI: http://www.varometro.net/blog/r755_light_theme/
Description: R755 light is a lightweight version of the <a href="http://www.varometro.net/blog/r755_theme/">R755 wordpress theme</a>. It is based on K.I.S.S. (Keep It Simple & Small) philosophy, which means content comes first, minimalistic design and the smallest possible size. Valid CSS and XHTML (strict), lightweight, threaded-comments, microformats, sticky-post, SEO, admin options page, printer friendly, localization supported.
Version: 1.1
Author: varometro
Author URI: http://www.varometro.net/blog
Tags: black, 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.
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 21/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:15px;
	color: #002147;
	font-family: "Courier New", Times, serif;
	line-height:15px;
	border:0;
	outline:0;
	padding:0;
	background-image: url(images/ssm_bg3.jpg);
background-repeat: no-repeat;

	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*===== o0o: STRUCTURE =====*/
#outerWrapper {
text-align:left;
width:760px;
margin: 0px 400px 0px;
}
#rightColumn {
background:none;
float:right;
width:200px;
font-size:0.87em;
line-height:1.6em;
padding:10px
}
#outerWrapper #contentWrapper #content {
	background:none;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#outerWrapper #contentWrapper .clearFloat {
clear:right;
display:block
}
#outerWrapper #footer {
border-top:solid 2px #3b302a;
font-size:1em;
line-height:1.2em;
padding:0 0 0 10px
	color: #3b302a;

}
.post,.page {
	padding-left: 70px;
	margin-bottom:5px;
	
	background-repeat: no-repeat;
	background-position: 100px 25px 0px;
        margin-left: -10px;
        margin-right: -15px;
        padding-top: 30px;
	padding-bottom: 80px;
	padding-right: 10px;


	
}


/*===== o0o: HEADER =====*/
#header {
	position: relative;
        
	margin-bottom: 25px;
	overflow: hidden;
	overflow: hidden;
	background-image: url(images/spring_summer_stamp.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	margin-top: 50px;
	height: 100px;
}
#header h1{
color: #002675;
font-size:2.4em;
font-weight: 700;
padding:0 0 24px 0;
letter-spacing:-1px;
white-space:nowrap;
}
#header div{
border:1px solid red;
width:0;
overflow:visible;
}
#header h1 a {
color: #3b302a;
text-decoration: none;
border-bottom: none
}
#header h1 a:hover {
text-decoration: none;
border-bottom: none;
color: #756C67;
background-color: transparent
}
#header span.title {
display:block;
position:absolute;
top:40px;
left:12px;
text-align: right;	
color:#666;
font-size:0.87em;
font-weight:400;
}

/*===== o0o: TYPOGRAPHY =====*/
.postinfo {
color:#666;
font-size:0.87em;
line-height:1.30em;
margin:10px 0
}
.sticky {
padding:10px;
border:solid 1px #999;
margin-bottom:30px
}
blockquote {
background:url(images/blockquote.gif) top left no-repeat;
border:#CCC dashed 1px;
margin:10px auto 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:20px;
border:1px solid #e2e2e2;
overflow:auto;
padding:18px 10px 17px
}
input,textarea,select {
font-family: Courier, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
color:#333;
font-size:1em
}
small {
font-size:0.87em
}

/*===== o0o: HEADINGS =====*/
h1,h2,h3,h4 {
font-weight:700;
color:#3b302a;
padding:20px 0 0
}
h1 {
font-size:2em;
}
h2 {
font-size:1.625em
}
h3 {
font-size:1.375em
}
h4 {
font-size:1em
}

/*===== o0o: LINKS =====*/
a, a:visited {
	color: #002147;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #3B302A;
}
a {
outline: none;
}
a img, a:visited img, a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
a:hover {
	background-color:#786F6A;
	color: #FFF;
}
h2.posttitle,h2.posttitle a {
padding-top:0;
font-size:0;
line-height:0;
color:#000;
font-weight:0;
margin:0;
border-bottom: 0
}
h2.posttitle a:hover {
color:#666;
text-decoration:none;
background: none
}
a.image-border {
text-decoration:none;
border:0 none;
background-color: transparent
}



/*===== o0o: COMMENTS =====*/
ol.commentlist { 
list-style:none; 
margin:0;
padding:0; 
text-indent:0
}
ol.commentlist li { 
border:1px dotted #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:#fff
}
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: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
}

/*===== o0o: NAVIGATION =====*/
ul.globalNav{
	padding-left: 130px;
	padding-top: 15px;
}
ul.globalNav li {
display: inline;
padding:1px 8px 7px 8px;
}
ul.globalNav li a, ul.globalNav li a:link {
	color: #002147;
	text-decoration:none;
	border-bottom: none;
	font-weight: normal;
	font-variant: normal;
}
ul.globalNav li a:hover {
	color: #83715d;
	background:none;
}


#customscroll {
/*percantage width: make it 100% to match container*/
height: 450px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto 0.3em 0px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding-right: 50px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	}
	
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 600px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: transparent;
}
.vscrollerbar {
	width: 10px;
	background-color: #756C67;
}
.hscrollerbase {
height: 10px;
background-color: transparent;
}
.hscrollerbar {
height: 10px;
background-color: 756C67;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}