/*
    Theme Name: Main edition
    Theme URI: http://www.rioleo.org
    Description: Let freedom ring!
    Version: Spring/Summer 2007
    Author: Rio Akasaka
    Author URI: http://www.rioleo.org
*/

/*  

    Please note that this stylesheet is available simply 
    as a guide to web designers (I'm one myself) and is 
    not available for copying. I'm sure you know thatd I
    wouldn't like to come across my website if it's not
    on my domain.

*/

body {
width: 800px;
margin: 0 auto; 
font-family: "Trebuchet MS", Verdana, sans-serif;
background: #FFFFFF;
color: #125291;
font-size: 13px;
}
blockquote {
background: url(http://www.sccs.swarthmore.edu/users/09/leo/images/quote.gif) left top no-repeat;
margin-left:10px;
padding-left:17px;
}
.float {
float:left;
padding-left:40px;
padding-top:20px;
}
.hidden {
display:none;
}
#rap {
width: 784px;
height:42px;
background: #ffffff url(http://www.sccs.swarthmore.edu/users/09/leo/images/topbgblue.jpg)  repeat-y;
margin: 0 auto 0 auto;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
margin-bottom:20px;
}
#padd {
width: 784px;
margin: 0 auto 0 auto;
padding-left:20px;
padding-right:20px;
}
scaps {
text-transform: uppercase;
font-size: 11px;
}
.title1 {
font-family:Georgia;
font-size:13px;
color: #555555;
padding-bottom:3px;
text-transform: uppercase;
font-weight:normal;
}
h2 {
font-family:Trebuchet MS;
font-size:13px;
color: #555555;
padding-bottom:5px;
}
h1 {
color: #555555;
font: 1.5em Georgia, "Times New Roman", serif; 
letter-spacing: 1px;
font-size:12px;
text-transform:uppercase;
padding-bottom:3px;
}
li {
line-height:1.7em;
padding-top:3px;
}
.middle {
width: 460px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:0px;
padding-bottom:10px;
border:0px solid #99B3C4; 
margin-top:20px;
color: #555555;
background: #ffffff;
}
.middle1 {
width: 460px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:0px;
padding-bottom:10px;
border:0px solid #4C4C4C; 
margin-top:0px;
color: #555555;
}

.side {
width: 200px;
padding-top:12px;
float:right;
margin-right:20px;
padding-left:10px;
padding-right:20px;
background:#fff;
}
.side3 {
width: 200px;
padding-top:10px;
float:right;
margin-right:20px;
padding-left:10px;
padding-right:20px;
background:#fff;
}

.color {
  display: block;
  height: 21px;
  width: 21px;
  margin: 0;
  padding: 0;
}
.outer {
  float: left;
  background-color: #FFF;
  border: 1px solid #C4D4D4; /*#D4D0C4;*/ /*#C4D4D4;*/
  padding: 1px;
  margin: 0 5px 0 0;
  display: block; /* was: inline */
}
.shadow {
  display: block;
  padding: 1px;
}

/* Intro area  */

.introduction {
width: 420px;
float:left;
height:121px;
padding-left:20px;
padding-right:20px;
padding-top:33px;
padding-bottom:11px;
border: 0px solid #aaaaaa;
margin-top:10px;
margin-left:15px;
margin-bottom:20px;
color: #ffffff;
background: #ffffff url(http://www.sccs.swarthmore.edu/users/09/leo/images/greenbg.gif) no-repeat center top;
}

.introduction a:link, .introduction  a:visited {
color: #1D486A;
font-family:georgia;
font-size:13px;
text-decoration: none;
border-bottom: 1px solid #cccccc;
}

/* One column centered  */

.middlemid {
width: 500px;
margin: 0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:0px;
color: #555555;
}
.middlemid2 {
width: 500px;
margin: 0 auto;
padding-left:0px;
padding-right:20px;
padding-top:10px;
padding-bottom:0px;
color: #555555;
}
.middlemid3 {
width: 700px;
margin: 0 auto;
padding-left:0px;
padding-bottom:0px;
color: #555555;
}



.fumble {
width: 200px;
float:right;
padding-top:px;
margin-top:0px;
background: #ffffff;
}
.blog {
width: 200px;
float:right;
padding-top:10px;
margin-top:20px;
background: #ffffff;
}


.middle p, .middle1 p, .middlemid p, .middlemid2  {
line-height: 1.8em;
color: #55555;
}
.introduction p  {
text-align:justify;
line-height: 1.8em;
color: #555555;
font-family:Georgia;
font-size:14px;
}
.updated  {
text-align:justify;
color: #999;
padding-top:15px;
font-size:11px;
line-height:0px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
.updated2  {
text-align:justify;
color: #999;
padding-top:10px;
font-size:11px;
line-height:0px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
.middle2 p, .fumble p, .side p, .side1 p, .mainpart2 p, .mainpart1 p, .blog p {
color: #555555;
line-height: 1.8em;
}

.side2 p {
color: #555555;
line-height: 1.1em;
}
.filler p {
padding-top:10px;
clear:both;
}
.mainpart1 {
width: 330px;
float:left;
padding-left:20px;
padding-right:0px;
padding-top:0px;
padding-bottom:10px;
border:0px solid #99B3C4; 
margin-top:20px;
color: #555555;
background: #ffffff;
}
.mainpart2 {
width: 330px;
padding-top:19px;
margin-right:20px;
float:right;
padding-right:20px;
}

/* Link assignments */

a.none:link, a.none:visited {
color: #646464;
text-decoration: none;
border-bottom: 0px;
font-size:12px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

.updated2 a:link, .updated2 a:visited {
color: #646464;
text-decoration: none;
border-bottom: 0px;
font-size:11px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

a:link, a:visited {
color: #1D486A;
font-size:12px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
text-decoration: none;
border-bottom: 1px solid #cccccc;
}
a:hover {
background:#eeeeee;
}
/* Image assignments */

img {
border: 0;
}
img.amazon { 
padding:4px; 
margin-bottom:0px; 
border:1px solid #ddd; 
background-color:#eeeeee; 
}


.box { 
padding-left:10px; 
padding-right:10px; 
border:1px solid #ddd; 
background-color:#eeeeee; 
margin-top:20px;
}
/* Blog entry assignments */

.title { 
font-size:17px;
padding-top:15px;
font-weight: normal;
font-family: Georgia;
color: #444;
}
.date { 
padding-top:10px;
font-size: 10px;
text-transform:uppercase;
font-weight: normal;
font-family: Verdana;
color: #393939;
}
.tag a:link, .tag a:visited {
border-bottom: 1px solid #C0BFBF;
text-decoration:none;
color:#777777;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

/* Miscellaneous */

.footer {
height: 55px;
width: 600px;
text-align:center;
color: #dddddd;
clear:both;
background: url() no-repeat;
}
.divider {
width: 470px;
height: 20px;
margin: 0 auto;
margin-top: 20px;
padding-top:10px;
background: url(http://www.sccs.swarthmore.edu/users/09/leo/images/divider.gif) no-repeat;
}

/* Input elements */

input.txt { 
 border: 1px #aaaaaa solid; 
 padding: 1px; 
 font: 12px Trebuchet MS; 
 color: #555555; 
 background: url(http://www.sccs.swarthmore.edu/users/09/leo/images/input.gif);
}
textarea.entrytext { 
 overflow: hidden; 
 border: 1px #aaaaaa solid; 
 padding: 1px; 
 font: 12px Trebuchet MS; 
 color: #555555; 
 background: url(http://www.sccs.swarthmore.edu/users/09/leo/images/input.gif);
}
input.submit { 
 font-family: Trebuchet MS; 
 font-size:12px; 
 color:#888888; 
 border:0px;
 width:100px;
 height:40px;
 padding-bottom:14px;
 margin-top:8px;
 background: #ffffff url(http://www.sccs.swarthmore.edu/users/09/leo/images/button.gif) no-repeat;
}
input.txt:hover, textarea.entrytext:hover {
 border:1px #506BA3 solid;
}
input.txt:focus, textarea.entrytext:focus {
 border:1px #506BA3 solid;
 background: url(http://www.sccs.swarthmore.edu/users/09/leo/images/input.gif);
}



/* navigation */

#header {
	width: 500px;
	margin-left:310px;
	padding: 0;
	border-bottom: 0px solid #6791BC;
	}
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#header li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 100%;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
#header li a {
	float: left;
	padding: 10px 12px;
	text-decoration: none;
	color: #ffffff;
	border: 0px;
	font-size:11px;
	background: url() no-repeat bottom right;
	}
#header li a:hover {
	color: #fff;
background: #425172 url(http://www.sccs.swarthmore.edu/users/09/leo/images/arrow.gif) no-repeat center bottom;
	}
#header li a.active {
	font-weight: bold;
	color: #fff;

	}


/* Left and right two columns only */

.rightside {
width:200px;
float:right;
padding-left:5px;
padding-right:0px;
color: #888888;
text-align:left;
font-family: Verdana;
background: #ffffff;
}
.leftside {
width:200px;
float:left;
padding-right:5px;
padding-left:0px;
color: #888888;
text-align:left;
background: #ffffff;
font-family: Verdana;
clear:both;
}

/* Interstitial */

.leightbox {
color: #333;
display: none;
position: absolute;
margin-left:200px;
top: 50px;
width: 330px;
height: 400px;
padding: 10px;
border: 4px solid #aaa;
background-color: white;
text-align: left;
z-index:1001;
overflow: none;	
}

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.5;
opacity:.50;
filter: alpha(opacity=50);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/* Switching pages */

.virtualpage2 {
display: nozne;
}
.paginationstyle { 
width: 200px;
margin-left:50px;
padding: 5px 0;
}
.paginationstyle a { 
padding: 3px;
text-decoration: none;
border: none;
color: #aaaaaa;
background-color: #ffffff;
}
.paginationstyle a:hover, .paginationstyle a.selected {
color: #000;
background-color: #dddddd;
}
p.virtualpage2 {
color: #565656;
}
.scaps {
text-transform: uppercase;
font-family:Georgia;
font-size:11px;
color: #565656;
font-weight:bold;
margin-bottom:10px;
}
br.clear {
line-height:1.0em;
}

/* Random order */

.group1{
visibility: hidden;
}