/*
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;*/
	font-family: Helvetica,Arial;

line-height:1.6em;
text-align:center;
border:0;
outline:0;
margin:0;
padding:0;

background:url(/images/body-home-bg.png) repeat-x;

}

/*===== o0o: STRUCTURE =====*/
#outerWrapper {
text-align:left;
width:840px;
margin:0 auto
}
#outerWrapper #header {
width:840px;
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 {

}
#outerWrapper #contentWrapper #content {
background:none;
margin:0 220px 0 0;
padding:10px 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, .small {
font-size:0.87em;
line-height: 1.3em;
}

.red {
	color: #bb440a;
}

.error {
	color: #bb440a;
	display: none;
}

.bold {
	font-weight: bold;
}

.amount {
	text-align: right;
}

/*===== o0o: HEADINGS =====*/
h1,h2,h3,h4 {
font-weight:700;
color:#111;
padding:20px 0 0;
}

h1{
font-weight:700;
color:#111;
padding:20px 0px 20px 0px;
}

#header h1 {
font-weight:700;
font-size:2.4em;
padding:60px 0 0 10px
}
h1 {
			font-size:18pt; color:#34708C; font-family: Trebuchet MS, Helvetica, sans-serif; padding-top:20px;
}
h2 {
font-size:120%;
/*text-transform: uppercase;*/
}
h3 {
font-size:120%;
}
#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 { 
color: #FF9900;
}

h2.posttitle,h2.posttitle a {
font-size:1.25em;
line-height:1.2em;
color:#111;
font-weight:700;
margin:0;
border-bottom: 0
}


h2.posttitleSmall a {
line-height:1.2em;
font-weight:normal;
margin:0;
border-bottom: 0;
font-size:90%;
}

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
}

.watermark {
	color: #757575;
}



	/* Top */
	div#Top {
		padding-top: 15px;
		height:390px;
		background: url('/images/join-bg.jpg') no-repeat 0px 60px;
	}

	div#Top div.logo {
		float: left;
	}

	div.phoneNumber {
		font-size: 28px;
		padding-bottom:20px;
		padding-top:10px;
		font-weight:bold;
				color:#313131;
	}

	div#Top div.topMenu, div#Top div.topMenuSelected {
		float: right;
		font-size: 16px;
		text-transform: lowercase;
		margin-left: 20px;
		padding-top: 13px;
		font-weight:bold;
		padding:10px;
		
	}

	div#Top div.topMenu a {
		color: #ffffff;
		text-decoration:none;
	}


	div#Top div.topMenu:hover {
		color: #ffffff;
		background-color:#840000;
	}

	div#Top div.topMenuSelected, div#Top div.topMenuSelected a {
		color: #ffffff;
		background-color:#840000;
		text-decoration:none;
	}







		/* RIGHT FORMS */


		 div#Right form {
			margin-bottom: 10px;
		}

			div#Right form h2 {
				font-size: 16px;
				margin-top: 0; margin-bottom: 5px;
				color:#34708C;
			}

				div#Right form h2 a {
					color:#34708C;
				}

			  div#Right form input.textbox {
				width: 120px;
				padding: 5px 8px 5px 8px;
				
				color: #cacaca;
				border: 1px solid #cacaca;
			}

			 div#Right form input.onclick {
				color: #000000;
				border: 1px solid #000000;
			}

			div#Right form input.submit {
				float: right;
				margin-top: -42px;
			}

			div#Right form div.error {
				margin-top: 5px;
				line-height: 14px;

				color: #ff0000;
			}

			div#Right form div.success {
				margin-top: 5px;
				line-height: 14px;
			}

			div#Right form table {
				width: 100%;
			}

			div#Right form table tr td.icon {
				width: 54px;
				text-align: right;
			}



/* Join button */

div#Join {
	height: 63px;
	overflow: hidden;
	clear: both;
	padding-top: 292px; padding-left: 35px;
	background-image: url('../images/join-bg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	border:0px;
}





		  div#rightMenu{
			padding-top:20px
		}

		  div#rightMenu h1 {
			text-transform: uppercase; padding-left:10px; font-weight:bold; padding-bottom:15px; padding-top:15px; border-top:1px solid #CACACA; border-bottom:1px solid #CACACA; margin-bottom:20px;
			font-family: Trebuchet MS, Helvetica, sans-serif;
			font-size:16px;
		}

		  div#Right div#rightMenu UL {
			list-style-type: none;
			padding-left:0px;
			margin-right:0px;
						
		}

		  div#Right div#rightMenu UL LI {
			padding:0px;
			margin:0px;
			padding-bottom:10px;
		}

		  div#Right div#rightMenu UL LI a {
			background:transparent url(/images/bulletMenu.png) no-repeat scroll 10px center;
			color:#636363;
			display:block;
			padding:4px 10px 4px 20px;
			text-decoration:none;
			list-style-type: none;
			font-size:120%;
		}

		  div#Right div#rightMenu UL LI a:hover {
			background-color:#DDD;
		}




/* Footer */

div#Footer {
	background:#D0D9E0 url(../images/footerback.gif) repeat-x scroll 0 0;
	color:#576672;
	padding:30px 0 20px;

}

div#Footer div#footerBox {
	float:left; width:200px; text-align:left;
}

div#Footer div#footerBox h1 {
	font-size:14px;
	padding-top:0px;
	padding-bottom:5px;
}


div#Footer div#footerBox ul {					
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#Footer div#footerBox ul li {
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-top:0px;
	padding-bottom:0px;
}


div#Footer div#footerBox ul li a {
	color:#576672;
	text-decoration:none;
	font-size:90%;
}


div#Footer div#footerBox ul li a:hover {
	color:#000;
	text-decoration:underline;
}

/* Right column latest posts */
div#rightColumn {
}

	div#rightColumn div.latestposts {
		margin-top: 50px;
	}

		div#rightColumn div.latestposts h3 {
		}

		div#rightColumn div.latestposts ul {
		}

			div#rightColumn div.latestposts ul li {
				margin-top: 10px; margin-bottom: 10px;
			}

				div#rightColumn div.latestposts ul li a {
				}

				div#rightColumn div.latestposts ul li small {
					font-size: 80%;
				}

			div#rightColumn div.latestposts ul li.more {
				text-align: right;
			}

/* Social */

.post .social {
	float: left;
	width: 100%;;
	clear: both;
	/*font-size: 120%;*/
	margin-top: 20px; margin-bottom: 20px;
	padding-top: 10px; padding-bottom: 10px;

	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

	.post .social ul {
		display: inline;
		padding-left: 0;
	}

		.post .social ul li {
			display: inline;
			margin-left: 10px;

			background-repeat: no-repeat;
		}

			.post .social ul li a {
				padding-left: 20px;
			}

			.post .social ul li.delicious {
				background-image: url(/images/delicious.gif)
			}

			.post .social ul li.digg {
				background-image: url(/images/digg.gif)
			}

			.post .social ul li.reddit {
				background-image: url(/images/reddit.png)
			}

			.post .social ul li.stumbleupon {
				background-image: url(/images/stumbleupon.gif)
			}

			.post .social ul li.twitter {
				background-image: url(/images/twitter.png)
			}

/* Benefit calculator */

div.calculator {
	margin-top: 20px;
	padding: 0 20px 20px 20px;

	background-color: #f3efef;
	border: 1px solid #e5e1e1;
}

	div.calculator h2 {
		margin-top: 20px; margin-bottom: 10px;
		padding-top: 0;
		text-align: left;
	}

	div.calculator p {
		text-align: left;
	}

	div.calculator img {
		border: none;
	}

	div.calculator table.calculator {
		border-collapse: collapse;
	}

		div.calculator table.calculator tr {
		}			

			div.calculator table.calculator tr th,
			div.calculator table.calculator tr td {
				padding: 5px;
				text-align: left;
			}

			div.calculator table.calculator tr th {
				width: 180px;
				font-weight: normal;
			}

				div.calculator table.calculator tr th.cellUnderline,
				div.calculator table.calculator tr td.cellUnderline {
					border-bottom: 1px solid #c3c3c3;
				}

			div.calculator table.calculator tr.error {
				display: none;
				color: #ffffff;
				background-color: #bb440a;
			}

			div.calculator table.calculator tr.upperline {
				border-top: 1px solid #bb440a;
			}

			div.calculator table.calculator tr.staffonly {
				background-color: #dbdbdb;
			}

			div.calculator table.calculator tr#idExpensesNotes {
				line-height: 15px;
				display: none;
			}
			
			div.calculator table.calculator tr#idIllustrationSent {
				color: #757575;
			}

				div.calculator table.calculator tr#idIllustrationSent b {
					color: #336600;
				}

		div.calculator table.calculator input.submit {
			color: #ffffff;
			background-color: #bb440a;
		}

/* Transparency */
.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}