/*
Theme Name: LSJ 
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.
Version: 1.0.3
Author: varometro
Author URI: http://www.varometro.net/blog
Tags: blue, white, light, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post


R755
http://www.varometro.net/blog/r755_theme

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).

Feel free to use it as it is or modify it according to your taste.

A small cross-browser image popup javascript included. Use it adding onclick="return iPop(this.href)" in your <a> tag. e.g. <a href="http://www.yourblog/images/example.jpg" onclick="return iPop(this.href)">your text ling or your thumbnail</a>

Suppports WP-PageNavi Plugin for more SEO friendly navigation.

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

 
Changelog:
0.1: Initial release. Released 2009/01/17.
0.2: Comment threating for WP 2.7. About txt file. Minor layout adjustments. 2009/01/18
0.3: Moved logo on top and changed color. Moved sidebar on right. 2009/01/19
0.4: City skyline image on top. Menu list bug in ie. 2009/01/20
0.5: Navigation bar on top. 2009/01/21
	0.5.1: Rss icon. Minor bug in comments paging links. 2009/01/22
	0.5.2: Footer width. Image popup script included. 2009/01/23
0.6: New layout arrangement for more stability. New image on header. 2009/01/25
0.7: Final name R755. New image on top. Minor CSS improvements. 2009/01/29
	0.7.1: Translation issue in sidebar. About section removed. Error in Footer's credits. 2009/01/29
	0.7.2: Minor CSS improvements. 2009/01/29
	0.7.3: Minor CSS improvements. 2009/01/30
0.8: HTML & CSS code clean-up. 2009/01/31
	0.8.1: Header image retouch. Add microid's to comments. Fixed link in footer. 2009/02/05
0.9: Sticky posts. CSS improvements for threated comments and blockquote. 2009/02/07
	0.9.1: Page navigation display bug. Added entry <div>. 2009/02/09
	0.9.2: Tag line wrap bug. 2009/02/10
1.0: Mod's in typography. CSS code clean-up and commenting. Divider between posts. New image on header. Link colors. 2009/02/13
	1.0.1: Minor CSS improvements. 2009/02/16
	1.0.2: Mod's in  sidebar. Added searchform.php. 2009/02/17
	1.0.3: RSS links fixed. 2009/02/21
*/

/*==================================== BASE ====================================*/
html {
font-size: 100%; /* IE hack */
}
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
border:0;
outline:0;
margin:0;
padding:0;
}
body {
font-size: 0.95em;
background-color:#fff;
color:#000;
font-family: Georgia, "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
line-height:1.3em;
text-align:center;
margin:0;

padding:0;
border:0;
outline:0;
}
/*==================================== HEADER ====================================*/

#headerWrapper {
text-align:left;
width:100%;
background-color:#FFFFFF;
background-image:url(images/head_back_spec.gif);
}

#header {
display:table;
width:768px;
margin:0px auto;
background: url(images/head_back.jpg) no-repeat;
height:120px;
padding:0;

}

#header h1{
font-family: Verdana, Arial, Helvetica, sans-serift;
font-size:20px;
padding: 0px;
background-image:url(images/head_logo_isu.gif);
background-repeat:no-repeat;
height:120px;
width:210px;
margin-left:15px;
}

#header h1 a{
float:left;
height:120px;
width:210px;
text-indent:-6000px;
}


/*==================================== NAV =======================================*/

#nav {width:100%; height:38px; background-image:url(images/nav_back.gif); border-bottom:solid 1px #7492bc; border-top:solid 1px #FFFFFF;}
#nav ul {width:768px; margin:0px auto; padding:0px;}
#nav ul li {float: left; width:16.6%; height:30px; padding-top:8px;  text-align:center; list-style-type:none;}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {color: #012256; border: 0; border-bottom:none;}
#nav ul li a:hover {color: #1070c0; border: 0; border-bottom: 1px solid #E77800; text-decoration: none;}

/*==================================== STRUCTURE ====================================*/

#homeWrapper {padding:0px; margin:0px;}
.hometop {width:752px; height:259px; margin:0px auto; margin-top:15px; padding:0px; background-image:url(images/page_home_top.jpg); background-repeat:no-repeat;}
.hometoptx {width:352px; text-align:left; padding-top:15px; padding-left:20px; font-size:0.85em;}
.homebott {width:752px; margin:0px auto; padding:0px;}
.homecol {width:33.3%;float:left; text-align:center; margin:0px; padding:0px;}
.homecol a:link, .homecol a:visited, .homecol a:active, .homecol a:hover {border-bottom:none; text-decoration:none;}

#stWrapper {padding:0px; margin:0px; margin-top:15px;}
.sttop {width:530px; margin:0px; padding:0px; background-image:url(images/page_surety_top.jpg); background-repeat:no-repeat; background-position:top right;}
.sttoptx {width:275px; text-align:left;}

#smWrapper {padding:30px 30px 10px 10px; margin:0px;}
.smBody {padding:10px 30px 10px 100px;}
#smWrapper a:link, #smWrapper a:visited, #smWrapper a:active, #smWrapper a:hover {border-bottom:none; text-decoration:none;}

#noWrapper {padding:30px 30px 10px 10px; margin:0px;}

.adwrapper {}
.adpic {float:left; width:100px; padding:0px; padding-right:10px; padding-top:5px;}
.adtest {float:left; width:400px;}

.back {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; float:right; color:#0B2E6E;}
.back a:link, .back a:visited, .back a:hover, .back a:active {text-decoration: none; border-bottom:none; color:#0B2E6E;}

.thawte {text-align: center; width:80%; margin:0px auto;}
.thawte a:link, .thawte a:visited, .thawte a:hover, .thawte a:active {text-decoration: none; border-bottom:none;}

.qtbutton {}
.qtbutton a:link, .qtbutton a:visited, .qtbutton a:hover, .qtbutton a:active {text-decoration: none; border-bottom:none;}

#outerWrapper {
text-align:left;
width:768px;
margin:0px auto 0;
}

#rightColumn {
font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
background:none;
float:right;
width:175px;
font-size:0.7em;
line-height:2em;
padding:10px;
}
#outerWrapper #contentWrapper {
background-color:#FFFFFF;
}
#outerWrapper #contentWrapper #content {
background:none;
margin:0 195px 0 0;
padding:30px 30px 10px 10px;
}
#outerWrapper #contentWrapper .clearFloat {
clear:right;
display:block;
}
#outerWrapper #footer {
background-color:#FFF;
border-top:solid 1px #EAEAEA;
padding:5px 0 0 10px;
font-size:0.9em;
line-height:1.2em;
}
.post, .page {
margin-bottom:50px;
}
.entry {
overflow: auto;
}

/*==================================== TYPOGRAPHY ====================================*/
.description {
font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
color:#666;
font-size:0.75em;
font-weight:400;
padding-left:12px;
width:300px;
display:block;
}
.postinfo {
font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
font-size:0.9em;
line-height:1.2em;
margin:10px 0;
}
.postmetadata {
font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
padding-top:14px;
color:#666;
font-size:0.9em;
line-height:1.3em;
margin:10px 0;
}
.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}
.entry{
font-size:0.85em;
}
.entry small {
font-size:0.85em;
}
small {
font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
}
code {
font:1em 'Courier New', Courier, Fixed;
}
.sticky {
margin-bottom: 70px;
padding-left: 10px;
padding-bottom:0;
background: url(images/sticky.jpg) top right no-repeat;
border-left:solid 5px #EEB882;
}
blockquote {
background: url(images/blockquote.gif) top left no-repeat;
border:#CCC dashed 1px;
margin:10px auto 10px 20px;
padding:3px 3px 3px 40px;
}
#respond {
font-size:0.9em;
}

/*==================================== HEADINGS ====================================*/

h1 {
font-size:1.3em;
font-weight:400;
}
h2 {
font-size:1.2em;
font-weight:700;
color: #03265A;
}
h3 {
font-size:1.1em;
font-weight:700;

}
#rightColumn h3 {
margin:30px 0 0;
}
h4 {
font-size:1em;
font-weight:400;
}

/*==================================== LINKS ====================================*/
a, a:link, a:visited, a:active {
color: #1070c0;
border: 0;
border-bottom: 1px solid #DDD;
text-decoration: none;
}
a:hover {
color: #03265A;
border: 0;
border-bottom: 1px solid #E77800;
text-decoration: none;
}
.post h1, .page h1, .post h1 a, .page h1 a, .commentlist cite a {
color:#1070c0;
font-weight: 400;
margin-bottom: 0;
}
.post h1 a, .page h1 a, .commentlist cite a {
border-bottom:none;
}
.post h1 a:hover, .page h1 a:hover, .commentlist cite a:hover {
color:#03265A;
border-bottom:none;
}
a.image-border {
text-decoration: none;
border: 0 none;
}
#header a {
color:#0B0C33;
border-bottom:none;
}
#header a:hover {
color:#0B0C33;
border-bottom:none;
}
#rightColumn ul a, #rightColumn ul a:link, #rightColumn ul a:visited, #rightColumn ul a:active {
border: 0;
border-bottom: 1px solid #FFF;
}
#rightColumn ul a:hover {
border: 0;
border-bottom: 1px solid #E77800;
}

/*#footer a, #footer a:link, #footer a:visited, #footer a:active {
color:#777;
border-bottom:none;
}
#footer a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
border-bottom:none;
}
*/

#rssmap {float:left; padding-right:20px;}

#rssmap a:link, #rssmap a:visited, #rssmap a:active { 
				text-align:left; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666666; font-style: normal; font-size: 10px; border-bottom: none;}
#rssmap a:hover {text-decoration: underline; color: #666666; font-size: 10px; border-bottom: none;}

#copyright {float:right; width: 500px; padding-right:10px;}

#copyright, #copyright a:link, #copyright a:visited, #copyright a:active {
		  text-align:right; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666666; font-style: normal; font-size: 9px; border-bottom: none; }
		
#copyright a:hover {text-decoration: underline; color: #666666; font-size: 9px; border-bottom: none;}



a {outline: none;}
a img {border: none;}

/*==================================== SIDEBAR ====================================*/
#rightColumn ul {
padding:0;
margin:0 0 30px;
}
#rightColumn ul li ul {
padding:0;
margin:0;
}
#rightColumn ul li {
list-style: none;
}
#rightColumn ul li ul li {
list-style: none;
list-style-position: outside;
list-style-image: url(images/sb_bullet.gif);
margin-left:17px;
}

/*==================================== COMMENTS ====================================*/
.commentlist {
text-align:left;
margin:0;
padding:0;
}
.commentlist li {
list-style-type:none;
margin:30px 0;
padding:5px;
border: #EAEAEA solid 1px;
}
.commentlist .children li {
margin:30px 0 0;
}
.commentlist li .avatar {
float:right;
border:1px solid #EEE;
background:#FFF;
padding:2px;
}
.commentlist cite, .commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1em;
}
.commentlist p {
font-weight:400;
line-height:1.3em;
font-size:0.95em;
text-transform:none;
margin:10px 5px 10px 0;
}
input,textarea {
background:#F8F8F8;
}
.commentmetadata {
font-size:0.7em;
}
.cancel-comment-reply {
margin-top: 30px;
font-size:1em;
}
.xhtmltags {
width: 90%;
text-align:justify;
font:0.9em 'Courier New', Courier, Fixed;
}

/*==================================== 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:0 0 2px 7px;
padding:4px;
}
img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}			
img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

/*==================================== 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 {
font-family: Verdana, Trebuchet, Lucida, Arial, sans-serif;
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}