/*

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), threaded-comments, microformats, sticky-post, SEO.

Version: 1.01

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.



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 05/05/2009

*/



/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;
        
        

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}











/*===== 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:#000;

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

line-height:1.6em;

text-align:center;

border:0;

outline:0;

margin:0;

padding:0;

z-index:10;

}



/*===== o0o: STRUCTURE=====*/

#splash_text {

position:absolute;

top:200px;

left:260px;

width:740px;

height:160px;

background:#000000;

z-index:100;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 

filter: alpha(opacity=70);					

opacity: .7;

}



.s_text {

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

color:#ffffff;

padding-left:35px;

padding-right:25px;

padding-top:15px;

padding-bottom:25px;

font-size:1.2em;

color:#ffffff;

line-height:1.3em;

text-align:justify;

}



#outerWrapper {

text-align:left;

width:760px;

margin:0 auto 0;

}

/*

#rightColumn {

background:none;

float:right;

width:200px;

height:100%;

font-size:1em;

line-height:1.6em;

padding:10px

}

*/

#rightColumn {

background:none;

float:right;

width:200px;

height:100%;

font-size:1em;

line-height:1.6em;

padding:10px

padding-left:20px;

}







#outerWrapper #contentWrapper #content{

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

background:none;

margin-right:280px;

margin-top:0px;

padding-top:0px;

padding:0 20px 10px 10px;

text-align:justify;

}



 



#content_home {

margin:0px;

margin-right:280px;

padding:0px;

}



#contentWrapper_home {

background:none;

padding-left:0px;

}



#contentWrapper_chi {

background:none;

padding-right:250px;

margin-bottom:1.1em;

height:650px;

}



#contentWrapper_progetti {

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

font-size:1em;

line-height:1.2em;

text-align:justify;

background:none;

padding-right:250px;

}



#contentWrapper_servizi {

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

font-size:1em;

line-height:1.2em;

text-align:justify;

background:none;

padding-right:250px;

}



#outerWrapper #contentWrapper .clearFloat {

clear:right;

display:block

}

#outerWrapper #footer{

background-color:#FFF;

border-top:solid 2px #000;

font-size:1em;

line-height:1.2em;

padding:0 0 0 5px

}



#footer {margin-bottom:0px;}



#footerp {

position:relative;

top:-40px;

left:200px;

width:500px;

background-color:#FFF;

font-size:0.9em;

line-height:1.2em;

padding-left:10px;



}


#preview {
width:760px;
}

#latest {
position:absolute;
left:0px;
top:0px;
width:60%;
font-size:0.9em;
}

#headlines {
position:absolute;
top:0px;
left:65%;
font-size:1em;
width:40%;
}


#footerhome {
position:absolute;
top:360px;
width:760px;
}

.footerp{
padding-top:250px;
font-size:.8em;
text-align:center;
}



.post,.page {

padding-bottom:10px;

margin-bottom:30px

}



.entry {

overflow:auto

font-family:Helvetica,Arial,sans-serif;

font-size:1.1em;

line-height:1.4em;

text-align:justify;

background:none;

padding-bottom:30px;

}



.entry p {

	margin-bottom:1.1em;

	}



.entry_chi {

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

font-size:1em;

line-height:1.2em;

text-align:justify;

}



.post_home,.page_home {

padding-bottom:10px;

margin-bottom:10px

}

.entry_home {

overflow:auto

}



#home_menu {

position:absolute;

top:100px;

width:760px;

}



#footer_home {

position:absolute;

top:390px;

right:0;

width:760px;

padding-top:30px;

padding-left:40px;

}



#footerp_home {

position:relative;

top:-50px;

left:200px;

background-color:#FFF;

font-size:0.9em;

line-height:1.1em;

padding-left:10px;

}







/*===== o0o: HEADER=====*/

#header {

position: relative;

margin-bottom: 10px;

padding-bottom: 0px;

overflow: hidden;

background: #ffffff ;

border-top:solid 5px #000;

padding: 11px 10px;

overflow: hidden;

}



#header_home {

position: relative;

margin-bottom: 10px;

padding-bottom: 0px;

overflow: hidden;

background: #ffffff ;

padding-top:10px;

padding-left:10px;

padding-bottom:10px;

padding-right:0px;

overflow: hidden;

margin-left:10px;

}



#header h1{

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, #header h1 a:hover {

color: #000;

text-decoration: none;

border-bottom: none

}

#header h1 a:hover {

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

ul.globalNav{

position: absolute;

top:1px;

right:5px;

}

ul.globalNav li {

display: inline;

padding:1px 8px;

}

ul.globalNav li a, ul.globalNav li a:link {

color: #000;

font: normal 1.2em corbel, liberation sans, georgia, lucida grande, sans-serif;

text-decoration:none;

border-bottom: none

}



ul.globalNav li a:hover {

color: #000;

background-color: #EBEBEB; 

}



/* GLOBAL NAV HOME */



ul.globalNav_home{

position: absolute;

top:1px;

right:0;

}



ul.globalNav_home li {

display: inline;

padding:1px 7px;



}

ul.globalNav_home li a, ul.globalNav li a:link {

color: #000;

font: normal 1.2em corbel, liberation sans, georgia, lucida grande, sans-serif;

text-decoration:none;

border-bottom: none

}



ul.globalNav_home li a:hover {

color: #000;

background-color: *#EBEBEB;

}





/*SUBNAV*/



ul.subNav{

position: absolute;

top:25px;

right:15px;

}

ul.subNav li {

display: inline;

padding:1px 8px;

}

ul.subNav li a, ul.subNav li a:link {

color: #000;

font: normal 0.9em corbel, liberation sans, georgia, lucida grande, sans-serif;

text-decoration:none;

border-bottom: none

}

ul.subNav li a:hover {

color: #000;

background-color: #EBEBEB;

}





/*===== o0o: TYPOGRAPHY=====*/

.postinfo {

color:#666;

font-size:1.1em;

line-height:1.25em;

margin:10px 0

}

.sticky {

padding:0 10px 10px;

border:solid 1px #777;

margin-bottom:30px

}

blockquote {

background:url(images/blockquote.gif) top left no-repeat;

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:#000;

line-height:18px;

border:1px solid #e2e2e2;

overflow:auto;

padding:18px 10px 17px

}

input,textarea,select {

font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;

color:#333;

font-size:1em

}

small {

font-size:0.87em

}



#authorbox {

background-color:#eee;

padding-left:10px;

padding-right:10px;

margin-top:50px;

}



#authorbio {

position:relative;

top:-88px;

left:88px;

width:350px;

height:10px;

font-size:0.9em;

}



/*===== o0o: HEADINGS=====*/

h1,h2,h3,h4 {

font-weight:700;

color:#000;

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 { 

border-bottom: 1px solid #ccc; 

color: #000;

text-decoration: none

}

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: #EBEBEB;

/*border-bottom: 1px solid #ffffcc;*/

color: #000; 

}

h2.posttitle,h2.posttitle a {

padding-top:0;

font-size:1.3em;

line-height:1.2em;

color:#000;

font-weight:700;

margin:0;

border-bottom: 0

}

h2.posttitle a:hover {

color:#000;

text-decoration:none;

background-color: #EBEBEB;

}

a.image-border {

text-decoration:none;

border:0 none;

background-color: transparent

}



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

}

#rightColumn h3 {

font-size:1.25em;

padding:0;

margin:20px 0 0

}

.search-form input {

width: 200px;

}



/*===== 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, liberation sans, georgia, lucida grande, 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, liberation sans, georgia, lucida grande, sans-serif; 

position:absolute; 

right:10px; 

text-align:right; 

top:5px; 

}

ol.commentlist li p { 

font:normal 1em corbel, liberation sans, georgia, lucida grande, sans-serif; 

margin:0 0 1em; 

line-height:1.6em; 

}

ol.commentlist li ul { 

font:normal 1em corbel, liberation sans, georgia, lucida grande, 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: 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

}