/*



Theme Name: R755



Theme URI: http://www.varometro.net/blog/r755_theme/



Description: R755 is a minimalist wordpress theme built from scratch with two basic principles: content comes first and the smallest possible size. Valid CSS and XHTML (strict), simple and clean, lightweight, Wordpress 2.7 compatible, threaded comments, microformats, sticky-post, SEO, options page, printer friendly, enhanced archives template, localization supported.



Version: 4.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







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



*/







/*===== 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:100%;



background:url(images/background.gif) ;



background-color:#fff;



color:#111;



font-family:Georgia, Arial, Helvetica ;



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



padding:0



}







#rightColumn {



background:none;



float:right;



width:200px;



font-size:1em;



line-height:1.6em;



padding:10px 5px 10px 20px



}







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



border-top:solid 1px #eaeaea;



color:#999;



font-size:1em;



line-height:1.2em;



padding:0 0 0 10px



}

#footer a{
color:#999;
}

.post,.page {



padding-bottom:10px;



margin-bottom:30px



}







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



.description {



color:#999;



font-size:1em;



font-weight:400;



padding:7px 0 0 12px;



width:300px;



display:block



}







.postinfo {



color:#999;



font-size:1em;



line-height:1.25em;



margin:10px 0;



clear:left



}







.sticky {



padding:0 10px 10px;



border:solid 1px #ccc;



margin-bottom:30px;



background:#f8f8f8



}







blockquote {



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



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



line-height:18px;



border:1px solid #e2e2e2;



overflow:auto;



padding:18px 10px 17px



}	







input,textarea,select {



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



border:1px solid #ccc;



background:#f8f8f8;



color:#333;



font-size:1em



}







small {



font-size:1em;



color:#999



}







.printinfo {



display:none



}







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



h1,h2,h3,h4 {



font-weight:bold;



color:#B3C562;



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;



color:#000;



outline:none



}







a:hover {



color:#000;



text-decoration:underline



}







#rightColumn a:hover {


color:#CFDB9C
text-decoration:none	



}







.postinfo a, .postinfo a:visited {



text-decoration:none;



color:#999



}







.postinfo a:hover {



color:#111;



text-decoration:none



}







h2.posttitle,h2.posttitle a {



font-size:30px;

font-family:Verdana,'Lucida Grande',Arial,sans-serif;

line-height:1.2em;

color:#B3C562;

font-weight:bold;

margin:0;

}







h2.posttitle a:hover {



color:#111;



text-decoration:none;



}







#header a,#header a:hover {



color:#111;



text-decoration:none



}







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



margin-top:0



}







/*===== o0o: COMMENTS =====*/



ul.commentlist {



margin:0;



padding:0



}







ul.children {



margin-left:0.5em



}







ul.commentlist,ul.children {



list-style-type:none



}







ul.commentlist li div.vcard img.avatar {



border:1px solid #999;



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



}







div#search{



border:none;



position:relative;



margin-top:25px;



margin-bottom:60px;



}







div#search form#searchform{



position:absolute;



top:0;



width:180px;



height:25px;



border:1px solid #ccc;



background-color:#f8f8f8



}







div#search form#searchform .searchinput{



position:absolute;



padding-left:2px;



top:5px;



color:#666;



font-size:13px;



width:145px;



border:0



}







div#search form#searchform .button{



position:absolute;



top:0px;



left:155px;



background:url(images/mag.gif) no-repeat;



height:25px;



width:25px;



border:0;



cursor:pointer



}







/*===== 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: WP PAGE NUMBERS PLUGIN =====*/



#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a {



background:#fff;



padding:0;



margin:0;



border:none;



text-decoration:none;



font-weight:400;



font-style:normal;



list-style:none;



text-transform:none;



text-indent:0;



font-variant:normal;



text-align:left;



line-height:12px;



letter-spacing:0;



word-spacing:0;



font-size:1em;



font-family:Arial, Helvetica, sans-serif



}







#wp_page_numbers {



margin-top:10px;



width:100%;



background:#fff



}







#wp_page_numbers ul {



width:100%



}







#wp_page_numbers li {



float:left;



display:block;



margin-bottom:2px



}







#wp_page_numbers a {



color:#26a;



border:none;



padding:3px;



padding-left:5px;



padding-right:5px;



margin-left:2px;



margin-right:2px;



display:block;



text-decoration:none



}







#wp_page_numbers li a:hover {



text-decoration:underline



}







#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, #wp_page_numbers li.active_page a:hover {



color:#000



}







#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



}







/*===== o0o: LIGHTSOCIAL PLUGIN =====*/



.lightsocial_container{



margin-top:10px;



margin-bottom:35px;



position:relative



}







.lightsocial_element {



margin-left:4px;



margin-right:4px;



display:inline;



float:left



}







/*===== o0o: FLICKRSS PLUGIN =====*/



#rightColumn ul li ul#flickr li {



list-style:none;



list-style-position:outside;



margin-left:0;



display:inline;



padding-right:5px



}