/*

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%;
height: 100%;

}

img { border: 0; -ms-interpolation-mode: bicubic; }

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(http://www.nigelclaytoncoaching.com/images/bg.jpg);

height: 100%;

color:#111;

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

line-height:1.6em;

text-align:center;

border:0;

outline:0;

margin:0;

padding:0

}



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

#outerWrapper {

text-align:left;

width:960px;

margin:0 auto

}



#outerWrapper #header {

background:url(http://www.nigelclaytoncoaching.com/images/mainbanner.jpg) right no-repeat;

width:960px;

height:170px;

padding:0

}



#rightColumn {

background:#ffffff;

float:right;

width:280px;

font-size:1em;

line-height:1.6em;

padding:10px 5px 10px 20px

}



#outerWrapper #contentWrapper {

background:#ffffff;

}



#outerWrapper #contentWrapper #content {

background:none;

margin:0 0px 0 0;

padding:10px 30px 30px 30px;

}



#outerWrapper #contentWrapper .clearFloat {

clear:right;

display:block

}



#outerWrapper #footer {

background:#ffffff;

color:#000000;

font-size:1em;

line-height:1.2em;

padding-bottom:50px;

}



.post,.page {

padding-bottom:10px;

margin-bottom:30px

}



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

.description {

color:#505050;

font-size:1.2em;

font-style:italic;

font-weight:bold;

padding:7px 0 0 12px;

margin:-55px 0 0 335px;

width:600px;

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

}

/*===== MAIN PAGE ONLY ====*/
#topmain  {
background-image:url(../../../images/mainbanner2.jpg);
height: 840px;
width: 960px;
}

#textfloatright  {
float: right;
font-size: 1.5em;
margin: 300px 1em 0 0;
}



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

h1,h2,h3,h4 {

font-weight:bold;
color:#2888D2;
font-family:Georgia,'Times New Roman',serif;

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:#26a;

outline:none

}



a:hover {

color:#1e5892;

text-decoration:underline

}



#rightColumn a:hover {

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:1.25em;

line-height:1.2em;

color:#111;

font-weight:700;

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

}



img.alignright {

display:inline;

margin:7px 0 2px 7px;

padding:4px

}



img.alignleft {

display:inline;

margin:7px 7px 2px 0;

padding:4px

}

imgleft {

display:inline;

margin:0px 10px 0px 10px;

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

}

ul#pagenav {
	list-style-type:none;
	float: left;
	width: 760px;
	border-bottom: 1px solid #86c440;
	margin: 2px 2px 2px 1px;
	color:#8bc145;
}
li.page_item {
    position: relative;
	display: inline;
	width: 125px;
	font-weight: bold;
	padding: 2px 2px 0px 2px;
	margin: 0px 6px 0px 6px;
}
.page_item a {
	color: #292929;
	font-family: Lucida Sans Unicode, Lucida Grande, Tahoma, sans-serif;
	font-size: 15px;
	line-height: 1.9em;
	text-decoration:none
	}
.page_item a:hover {color: #D50000;}

.menubox {
	width: 960px;
	height: 50px;
	background: #FFFFFF;
	text-align: left;	
}

.signup a{
	color: #ffffff;
	text-decoration:none;
	font-size:42px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding: 15px 15px 15px 15px;
	line-height:44px;

}
.signup a:hover{
	color: #ffffff;
	text-decoration:none;
}