/*
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. Valid CSS and XHTML (Strict), threaded-comments, microformats, sticky-post, SEO.
Version: 1.3.1
Author: varometro
Author URI: http://www.varometro.net/blog
Tags: blue, 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.
d) 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 04/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:87.5%;
background-color:#FFF;
color:#111;
font-family: arial, corbel, liberation sans, georgia, lucida grande, sans-serif;
line-height:1.6em;
text-align:center;
border:0;
outline:0;
margin:0;
padding:0;
background:#F5ECCC url(images/background.jpg) no-repeat fixed 50% 0;
direction:rtl; /* Hebrew */
}

/*===== o0o: STRUCTURE =====*/
#outerWrapper, #contentWrapper {
text-align:right; /* Hebrew */
width:960px; /* was 760 */
margin:0 auto; /* was 40px auto 0 */
}
#outerWrapper #header {
display:table;
width:450px;
background:url(images/logo.png) left no-repeat; /* Hebrew */
height:120px;
padding:0;
margin-top:10px;
}
#rightColumn {
background:none;
float:right;
width:180px; /* was 200px */
font-size:0.87em;
line-height:1.6em;
padding:0 10px; /* was 10px */
margin:140px 10px 0; /* added */
}
#borderedArea {
	padding:0 10px; /* was 10px */
	border-right:1px solid #000; /* added */
	border-left:1px solid #000; /* added */
}
#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*/
width:450px;
float:right;
padding:0;
text-align:justify;
}
#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 15px 0 0; /* Hebrew was 0 10px 0 0 */
float:left;
}
.post,.page {
/*padding-bottom:10px;
margin-bottom:30px*/
}
.entry {
/*overflow:auto*/
}

/*===== o0o: TYPOGRAPHY =====*/
.description {
color:#666;
font-size:0.87em;
font-weight:400;
padding:7px 12px 0 0; /* Hebrew */
width:300px;
display:block;
display:none;
}
.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 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:18px;
border:1px solid #e2e2e2;
overflow:auto;
padding:18px 10px 17px
}
input,textarea,select {
font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;
border:1px solid #ccc;
background:#F8F8F8;
color:#333;
font-size:1em;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
textarea {
	width:80%;
}
small {
font-size:0.8em
}

/*===== o0o: HEADINGS =====*/
h1,h2,h3,h4 {
font-weight:700;
color:#111;
padding:20px 0 0
}
#header h1 {
font-weight:700;
font-size:2.4em;
padding:30px 10px 0 0; /* Hebrew */
display:none;
}
h1 {
font-size:2em;
}
h2 {
font-size:1.625em
}
h3 {
font-size:1.375em
}
#rightColumn h3 {
font-size:1.25em;
padding:0;
margin:0; /* was 20px 0 0 */
}
h4 {
font-size:1em
}

/*===== o0o: LINKS =====*/
a, a:visited, a { 
border-bottom: 1px dotted #bfbfbf;
color: #002f5f;
text-decoration: none;
font-weight:bold;
}
a:hover{text-decoration: underline; }
#nav a:hover{text-decoration: none; }
a img, a:visited img, a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
a:hover img{ 
/*background-color: #000; /* 002f5f */
border-bottom: 1px solid #000; /* 002f5f */
color: #fff; 
}
h2.posttitle,h2.posttitle a {
font-size:1.25em;
line-height:1.2em;
color:#111;
font-weight:700;
margin:0;
border-bottom: 0
}
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); /* Hebrew */
margin-right:17px /* Hebrew */
}
ul.menu {
font-weight:700
}
#rightColumn .textwidget p {
	margin:0;
}

/*===== o0o: COMMENTS =====*/
ol.commentlist { 
list-style:none; 
margin:0;
padding:0; 
text-indent:0
}
ol.commentlist li { 
border:1px solid #ddd; 
height:1%; 
margin:0 0 10px; 
padding:5px 57px 5px 7px;  /* Hebrew */
position:relative
}
ol.commentlist li div.comment-author { 
padding:0 0 0 170px; /* Hebrew */
}
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; 
right:7px;  /* Hebrew */
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; 
left:10px;  /* Hebrew */
text-align:left;  /* Hebrew */
top:5px; 
}
ol.commentlist li p { 
font:normal 1em corbel, liberation sans, georgia, lucida grande, sans-serif; 
margin:1em 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:#f7f7f7
}
ol.commentlist li.odd { 
background:#fff
}
ol.commentlist li.pingback div.vcard { 
padding:0 0 0 170px; /* Hebrew */
}

/*===== 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:transparent; /* was F8F8F8 */
padding-top:4px;
margin:10px
}
.wp-caption img {
border:0 none;
margin:0;
padding:0
}
.wp-caption p.wp-caption-text {
color:#000; /* was 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: My Styles =====*/
#nav {
	width:150px;
	height:764px;
	float:right;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:inside;
	width:150px;
}
#nav ul li {
	list-style:none;
	/*margin:2px -2px 0 0;*/
	width:150px;
}
#nav ul li a {
	width:146px;
	height:41px;
	display:block;
	border:none;
	text-indent:-5000px;
	overflow:hidden;
	position:relative;
}
#nav ul li a span.hover {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
.page-item-3 a { /* homepage */
	background:transparent url(images/nav.png) no-repeat scroll 4px -4px;
}
/*.page-item-3 a:hover */.page-item-3 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -4px;
}
.page-item-2 a { /* about */
	background:transparent url(images/nav.png) no-repeat scroll 4px -72px;
	margin-top:27px;
}
/*.page-item-2 a:hover, .page-item-2 a span.hover */.page-item-2 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -72px;
}
.page-item-9 a, .page-item-10 a { /* workshops */
	background:transparent url(images/nav.png) no-repeat scroll 4px -178px;
	margin-top:65px;
}
/*.page-item-9 a:hover, .page-item-10 a:hover, #nav ul li.page-item-10 a span.hover */.page-item-9 a span.hover, .page-item-10 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -178px;
}
.page-item-12 a, .page-item-13 a { /* singers */
	background:transparent url(images/nav.png) no-repeat scroll 4px -238px;
	margin-top:21px;
}
/*.page-item-12 a:hover, .page-item-13 a:hover */.page-item-12 a span.hover, .page-item-13 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -238px;
	width:120px;
	overflow:hidden;
}
.page-item-15 a, .page-item-16 a { /* singing */
	background:transparent url(images/nav.png) no-repeat scroll 4px -306px;
	margin-top:26px;
}
/*.page-item-15 a:hover, .page-item-16 a:hover */.page-item-15 a span.hover, .page-item-16 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -306px;
}
.page-item-18 a, .page-item-19 a { /* gallery */
	background:transparent url(images/nav.png) no-repeat scroll 4px -408px;
	margin-top:61px;
}
/*.page-item-18 a:hover, .page-item-19 a:hover */.page-item-18 a span.hover, .page-item-19 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -408px;
}
.page-item-20 a, .page-item-21 a { /* contact */
	background:transparent url(images/nav.png) no-repeat scroll 4px -478px;
	margin-top:28px;
}
/*.page-item-20 a:hover, .page-item-21 a:hover */.page-item-20 a span.hover, .page-item-21 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -478px;
}
.page-item-22 a, .page-item-23 a { /* newsletter */
	background:transparent url(images/nav.png) no-repeat scroll 4px -590px;
	margin-top:71px;
}
/*.page-item-22 a:hover, .page-item-23 a:hover */.page-item-22 a span.hover, .page-item-23 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -590px;
}
.page-item-47 a, .page-item-56 a { /* choir */
	background:transparent url(images/nav.png) no-repeat scroll 4px -658px;
	margin-top:26px;
}
/*.page-item-47 a:hover, .page-item-56 a:hover */.page-item-47 a span.hover, .page-item-56 a span.hover {
	background:transparent url(images/nav.png) no-repeat scroll -168px -658px;
}
.hidden {
	display:none;
}
.gallery-item, .wp-caption {
	position: relative;
}
.gallery-item span, .wp-caption span {
	width: 170px;
	height: 24px;
	display: block;
	position: absolute;
	top: 112px;
	right: 0px;
	background: url(images/shadow-overlay.png) no-repeat;
	z-index:1;
}
.wp-caption span {
	bottom: 15px;
	left: 23px;
	margin:0 auto;
	text-align:center;
}
.post-18 .gallery-item span, .post-18 .wp-caption span {
	right:70px;/* for gallery page */
}
#attachment_24 span {
	top:294px;/* for about page */
}
#attachment_32 span, #attachment_26 span{
	bottom: 11px;
	right: 68px;
}
#attachment_32 a, #attachment_26 a{
	border-bottom:none	
}
p {
	display:block;
	margin:0 0 1em 0;
	font-size:1.05em;
}

#gallery-1 .gallery-item {
	float:right!important;	
}
/*IE7 Hacks*/
form.wpcf7-form, div.wpcf7 {
	width:300px!important;
	display:block!important;
	position:relative!important;
}
.wpcf7-form-control-wrap {
	position:relative!important;
}
span.wpcf7-not-valid-tip {
	right:auto!important;
	left:auto!important;
	position:absolute!important;
	top:0!important;
	left:0!important;
}
wpcf7-response-output, wpcf7-validation-errors, wpcf7-mail-sent-ng {
	
}
div.wpcf7-validation-errors {
	border:2px solid #F7E700;
}
div.wpcf7-response-output {
	margin:0!important; /* 2em 0.5em 1em */
	padding:0!important; /* 0.2em 1em */
}
#choir-pic {
	/*margin:26px 76px 0 0;	*/
}
/* ---------------------------------------------
 CREDITS
-----------------------------------------------*/

#footer {
	position:relative;/*border:thin solid black;*/
}
#credit {
	float:left;
}
.trigger {

}
/* Bubble pop-up */

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}
#dpop {
	background: url(images/bubble-pop.png) no-repeat 100% 0;
	height:108px;
	width:234px;
}
#dpop p {
	padding:1.5em 1.5em 0 1.5em;
	font-size:1em;
}

/* ---------------------------------------------
 eg-attachments 
-----------------------------------------------*/
dl.attachments-large {
	border:none!important;
}
dl.attachments dt.icon {
	float:right!important;
}

td#fancy_title_right {
	background:url("http://esteekamai.com/wp-content/plugins/fancybox-for-wordpress/css/img/fancy_title_left.png") repeat-x scroll 0 0 transparent!important;
}
td#fancy_title_left {
	background:url("http://esteekamai.com/wp-content/plugins/fancybox-for-wordpress/css/img/fancy_title_right.png") repeat-x scroll 0 0 transparent!important;
}

.gallery-caption {
	margin:0;
}