/*
Theme Name: RJ11
Description: Modified from R755 light by varometro, a lightweight version of the http://www.varometro.net/blog/r755_theme/. It is based on K.I.S.S. (Keep It Simple & Small) philosophy, which means content comes first, minimalistic design and the smallest possible size. Valid CSS and XHTML (strict), lightweight, threaded-comments, microformats, sticky-post, SEO, admin options page, printer friendly, localization supported.
Version: 0.2
Author: Raza Jaffri
Tags: blue, white, red, light, two-columns, fixed-width, left-sidebar, threaded-comments, sticky-post
Recommended plugins:
a) WP Page Numbers (http://www.jenst.se/2008/03/29/wp-page-numbers/).
*/

/*===== o0o: BASE =====*/
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
border:0;
outline:0;
margin:0;
padding:0
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
background-color:#aaaaaa;
color:#000;
text-align:center;
border:0;
outline:0;
margin:0;
padding:0
}

/*===== o0o: STRUCTURE =====*/
#outerWrapper {
text-align:left;
width:97%;
margin:0 auto 0;
background-color:#336699;
}
#rightColumn {
float:right;
width:20%;
padding:0 10px;
background-color:#336699;
}
#outerWrapper #contentWrapper #content {
float:right;
background-color:#FFFFFF;
margin: 0 0 10px 10px;
width:720px;
padding: 0 10px;
min-height:1200px;
}
#outerWrapper #contentWrapper .clearFloat {
clear:right;
display:block
}
#outerWrapper #footer {
background-color:#FF0000;
padding:1px 10px 1px 10px;
color:#FFFFFF;
font-size:10px;
}
.post,.page {
padding-bottom:10px;
margin-bottom:30px
}

/*===== o0o: HEADER =====*/
#header {
	color:#FFFFFF; 
	height: 100px;
	padding: 0 10px 0 10px;
}
#header a.logo {
	float:left;
	background:url(images/logo.jpg);
	width:120px;
	height:70px;
	margin-top:10px;
	text-indent:-900px;
}

#header .sitename {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 20px 0 0 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size:20px;
	font-weight:bold;
}

#header .slogan {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 0 0 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size:16px;
	font-weight:bold;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


#header h1{
font-size:2.4em;
font-weight: 700;
padding:0 0 24px 0;
letter-spacing:-1px;
white-space:nowrap;
}
#header h1 a {
color: #000;
text-decoration: none;
border-bottom: none
}
#header h1 a:hover {
text-decoration: none;
border-bottom: none;
color: #777;
background-color: transparent
}
#header span.title {
display:block;
position:absolute;
top:40px;
left:12px;
text-align: right;	
color:#666;
font-size:0.87em;
font-weight:400;
}

/*===== o0o: TYPOGRAPHY =====*/
.postinfo {
color:#000;
margin:10px 0
}
.sticky {
padding:10px;
border:solid 1px #999;
margin-bottom:30px
}
blockquote {
margin:10px auto 10px 20px;
padding:3px 3px 3px 10px
}
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;
color:#333;
font-size:12px;
}
small {
font-size:10px;
}

/*===== o0o: HEADINGS =====*/
h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0.5em; 
  margin-bottom: 0.5em
 }

h2 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 0.5em; 
  margin-bottom: 0.5em
 }

h3 {
  font-weight: bold;
  font-size: 13px;
  margin-top: 0.3em; 
  margin-bottom: 0.1em
 }

h4 {
  font-weight: bold;
  font-size: 12.5px;
  padding-top:3px;
  padding-bottom:2px;
  text-align:center;
 }

h5 {
  font-weight: normal;
  font-size: 12px;
  text-align:center;
  padding-top:3px;
  padding-bottom:2px;
 }

h6 {
  font-weight: bold;
  font-size: 10px;
  margin-top: 0.3em; 
  margin-bottom: 0.3em
 }

/*===== o0o: LINKS =====*/
a:link {
  color: #000000 }
a:visited {
  color: #333333 }
a:hover {
  color: #3333ff;
  text-decoration: underline }
a:active {
  color: #996633 }
h2.posttitle,h2.posttitle a {
padding-top:15px;
padding-bottom:10px;
font-size:16px;
line-height:16px;
color:#000;
font-weight:bold;
text-decoration:none;
margin:0;
border-bottom: 0
}
h2.posttitle a:hover {
color:#F00;
text-decoration:none;
background: none
}

h5.posttitle,h5.posttitle a {
font-size:12px;
color:#000;
font-weight:normal;
text-decoration:none;
margin:0;
padding-top:0px;
padding-bottom:0px;
border-bottom: 0;
text-align:left;
}
h5.posttitle a:hover {
color:#F00;
text-decoration:none;
background: none;
text-align:left;
}

a.image-border {
text-decoration:none;
border:0 none;
background-color: transparent
}

/*===== o0o: HOMEPAGE CATEGORIES DISPLAY =====*/
#homepagecontent ul a {
  text-decoration: none }
  
#homepagecontent ul a:hover {
  color: #ff0000;
  text-decoration: underline }

#homepagecontent ul {
  list-style-type: none;
margin:0;
padding:0
}
#homepagecontent ul li ul {
  list-style-type: none;
margin:0;
padding:0
}
#homepagecontent ul li ul li ul {
  list-style-type: none;
margin:0;
padding:0
}
#homepagecontent ul li {
  background: #ffffff;
  list-style:square;
  margin: 0.2em;
  padding: 1.5em 0.2em 0 0.2em;
  font-size:18px;
  font-weight:bold;
}
#homepagecontent ul li ul li {
  list-style-type: none;
  background: #ffffff;
  margin: 0.2em;
  padding: 0.2em;
  font-size:16px;
  font-weight:normal;
  color:#0000FF;
  border-left: 5em #00CC00 groove
}
#homepagecontent ul li ul li ul li {
  list-style-type: none;
  background: #ffffff;
  margin: 0.2em;
  font-size:14px;
  font-weight:normal;
  color:#0000FF;
  padding: 0 0.2em;
  border-left: 7em groove #0099FF
}
#homepagecontent li.categories {
	list-style:none;
	font-size:20px;
  font-weight:normal;
	padding-left:2em;
}

#homepagecontent h1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0.5em; 
  margin-bottom: 0em;
  color:#0000FF
 }

#homepagecontent h2 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 0.5em; 
  margin-bottom: 0em;
  color:#0000AA
 }

#homepagecontent blockquote {
padding:0px 0px 0px 5px
}

#homepagecontent td {
line-height:20px
}


/*===== o0o: ARCHIVE.PHP =====*/

#postslist ul a {
  text-decoration: none;
  font-size:12px }
  
#postslist ul a:hover {
  color: #ff0000;
  text-decoration: underline }

#postslist ul {
  list-style-type: none;
  line-height:25px

}

/*===== o0o: SIDEBAR =====*/
#rightColumn ul a {
  text-decoration: none }
  
#rightColumn ul a:hover {
  color: #ff0000;
  text-decoration: underline }

#rightColumn ul {
  list-style-type: none;
margin:0;
padding:0
}
#rightColumn ul li ul {
  list-style-type: none;
margin:0;
padding:0
}
#rightColumn ul li {
list-style:none
margin: 0.2em 0;
padding: 0.2em;
}
#rightColumn ul li ul li {
  background: #ffffff;
  margin: 0.2em 0;
  padding: 0.2em;
  border-left: .5em solid #999999 }
#rightColumn h3 {
font-size:13px;
padding:0;
color:#FFFFFF;
margin:20px 0 0
}
.search-form input {
width: 200px;
}

/*===== o0o: COMMENTS =====*/
ol.commentlist { 
list-style:none; 
margin:0;
padding:0; 
text-indent:0
}
ol.commentlist li { 
border:1px dotted #ddd; 
height:1%; 
margin:0 0 10px;
padding:5px 7px 5px 57px; 
position:relative
}
ol.commentlist li div.comment-author { 
padding:0 170px 0 0
}
ol.commentlist li div.vcard { 
font:bold 1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
}
ol.commentlist li div.vcard cite.fn { 
font-style:normal 
}
ol.commentlist li div.vcard img.avatar { 
border:1px solid #ddd; 
left:7px; 
padding:2px; 
position:absolute; 
top:7px; 
}
ol.commentlist li div.comment-meta { 
font:bold 11px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; 
position:absolute; 
right:10px; 
text-align:right; 
top:5px; 
}
ol.commentlist li blockquote p {
font-style:italic;
}
ol.commentlist li p { 
font:normal Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
margin:1em 0 1em; 
line-height:1.6em; 
}
ol.commentlist li ul { 
font:normal Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", 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:#fff
}
ol.commentlist li.odd { 
background:#fff
}
ol.commentlist li.pingback div.vcard { 
padding:0 170px 0 0
}

/*===== o0o: FORMS =====*/
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
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:#555;
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:13px;
font-weight:bold;
padding:0 20px 0 0
}

/*===== o0o: OTHER =====*/
.printinfo {
display:none
}

/*===== o0o: NAVIGATION =====*/
ul.globalNav{
position: absolute;
top:1px;
right:10px;
}
ul.globalNav li {
display: inline;
padding:1px 8px 7px 8px;
}
ul.globalNav li a, ul.globalNav li a:link {
color: #000;
font: normal 13px corbel, liberation sans, georgia, lucida grande, sans-serif;
text-decoration:none;
border-bottom: none
}
ul.globalNav li a:hover {
color: #999;
background:none;
}

/*===== o0o: AD UNITS =====*/
.adspace {
	width:680px;
	margin:0 auto;
	height:295px;
	padding:0;
	background-position: 200px 100px;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
}
#adunitLeft {
	position:absolute;
	top: 145px;
	left: 230px;
	width:340px;
	height:285px;
	padding:0;
	text-align:center;
}
#adunitRight {
	position:absolute;
	top: 145px;
	left: 570px;
	width:340px;
	height:285px;
	padding:0;
	text-align:center;
}
#adfltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
	margin-bottom:14px;
	width:356px;
}