/*  

    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 that I
    wouldn't like to come across my website if it's not
    on my domain.

*/

body {
background:#eee;
width: 750px;
margin: 0 auto; 
}
.wrap {
width: 710px;
padding-left:20px;
padding-right:20px;
background: #ffffff;
}
.divider {
width: 470px;
height: 20px;
margin: 0 auto;
margin-top: 20px;
padding-top:10px;
background: url(http://www.rioleo.org/images/divider.gif) no-repeat;
}


.hidden {
display:none;
}
.blue p {
color: #45649A;
}
.small p {
font-size:11px;
}
blockquote {
background: url(http://www.sccs.swarthmore.edu/users/09/leo/images/quote.gif) left top no-repeat;
margin-left:10px;
padding-left:17px;
}

/* Intro area  */

.wrapit {
width: 300px;
float:left;
margin-left:10px;
padding-left:20px;
padding-right:20px;
padding-top:17px;
padding-bottom:0px;
border: 4px solid #cccccc;
margin-bottom:20px;
color: #4C4C4C;
background: #254795;
}
.wrapit p {
text-align:justify;
line-height: 1.4em;
color: #ffffff;
font-family: Georgia;
font-size:14px;
}
.wrapit a:link, .wrapit  a:visited {
color: #1D486A;
font-family:georgia;
text-decoration: none;
border-bottom: 1px solid #cccccc;

}
/* Hover menu */


#topmenu { width: 750px; margin: 0 auto; text-align: left;}
#menu {  width:  750px; height:32px; background: url(http://engin.swarthmore.edu/~rakasak1/intlblogday/menu.jpg) no-repeat 0 0; padding-bottom:0px;}
#menu #option1 a {width: 60px; }
#menu #option1 { right: 370px; }
#menu #option1 a:hover, #menu #option1 a:active {background-position: -320px 0; }
#menu #option2 a {width: 110px; }
#menu #option2 { right: 260px; }
#menu #option2 a:hover, #menu #option2 a:active {background-position: -380px 0; }

#menu #option3 a {width:90px; }
#menu #option3 { right: 170px;}
#menu #option3 a:hover, #menu #option3 a:active {background-position: -490px 0; }


#menu #option4 a {width: 70px; }
#menu #option4 { right: 100px; }
#menu #option4 a:hover, #menu #option4 a:active {background-position: -580px 0; }
#menu #option5 a {width: 70px; }
#menu #option5 { right: 30px; }
#menu #option5 a:hover, #menu #option5 a:active {background-position: -650px 0; }

#menu #option6 a {width: 60px; }
#menu #option6 { right: 420px; }
#menu #option6 a:hover, #menu #option6 a:active {background-position: -270px 0; }


#menu dd a { width: 0px; height: 32px; display: block; border: 0; }
#menu dd a:hover, #menu dd a:active { background-repeat: no-repeat; background-image: url(http://engin.swarthmore.edu/~rakasak1/intlblogday/menu_over.jpg); margin-top:0px; }
#menu dd { position: absolute; top: 0px; margin: 0;}
#menu dl { display: block; position: relative;  margin: 0;}

/* Main */

.right {
width: 200px;
float:right;
line-height: 1.2em;
padding-top:20px;
font-family:Trebuchet MS;
font-size: 100%;
color: #555555;
}
.right p {
line-height: 1.4em;
text-align:left;
}
.right a:link, .right a:visited {
border-bottom: 0px;
}
.right2 {
width: 300px;
float:right;
line-height: 1.2em;
padding-top:20px;
font-family:Verdana;
font-size: 100%;
color: #555555;
}
.right2 p {
line-height: 1.4em;
text-align:left;
}
.right2 a:link, .right a:visited {
border-bottom: 1px solid #cccccc;
}

#main {
width:750px;
height:133px;
background: #ffffff url(http://www.inweday.org/top2010.jpg);
margin:0 auto;
padding: 0;
}

#mainforum {
width:750px;
height:133px;
background: #ffffff url(http://engin.swarthmore.edu/~rakasak1/intlblogday/forum.gif);
margin:0 auto;
padding: 0;
}
.img {
border:none;
text-decoration:none;
}
#bottom {
width:750px;
height:9px;
background: #ffffff url(http://engin.swarthmore.edu/~rakasak1/intlblogday/bottom.jpg) no-repeat;
margin:0 auto;
}
.content {
width: 480px;
float:left;
}
.content2 {
width: 400px;
float:left;
}
a.none, a.none:visited {
border-bottom: 1px #ffffff solid;
}



/* Footer */

.footer {
clear:both;
background: #ffffff url(http://engin.swarthmore.edu/~rakasak1/intlblogday/footer2.jpg) no-repeat;

}
.beneathitall {
background:#ffffff;
color: #555555;
text-transform: uppercase;
font-size:12px;
padding-top:15px;
font-family: Georgia;
text-align:center;
padding-bottom:10px;
text-decoration:none;
}
.beneathitall a, .beneathitall a:visited {
color: #555555;
border-bottom: 1px dotted #555555;
text-transform: uppercase;
font-size:12px;
font-family: Georgia;
text-align:center;
text-decoration:none;
}

/* Navigation Elements */

/* Written area */

h2 {
font-family: Trebuchet MS;
font-size:20px;
color:#45649A;
font-weight:normal;
}

p, li {
font-family: Verdana;
font-size:80%;
line-height:1.8em;
text-align:justify;
color: #333333;
}
.updates p {
font-family: Verdana;
font-size:80%;
line-height:1.8em;
text-align:justify;
color: #777777;
}
small {
font-size:10px;
}
a:link, a:visited {
text-decoration:none;
border-bottom: 1px solid #cccccc;
color:#217A9F;
}
a:hover {
background: #dddddd;
}
.tag {
font-family: Trebuchet MS;
font-size:14px;
line-height:1.8em;
text-align:justify;
}
.updates {
width:240px;
float:right;
padding-top:4px;
padding-left:5px;
padding-right:20px;
color: #888888;
font-family: Verdana;
background: #ffffff;
clear:both;
}
.search {
width:240px;
float:right;
padding-top:4px;
padding-left:5px;
padding-right:20px;
color: #888888;
font-family: Verdana;
background: #ffffff;
clear:both
}


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

/* Input elements */

input.txt { 
 border: 1px #aaaaaa solid; 
 padding: 1px; 
 font: 13px Georgia; 
 color: #595959; 
 background: #fff;
}
textarea.entrytext { 
 overflow: hidden; 
 border: 1px #aaaaaa solid; 
 padding: 1px; 
 font: 11px Trebuchet MS; 
 color: #8C8C8C; 
 background: url(http://www.chronicled.org/input.gif);
}

textarea.code { 
 overflow: hidden; 
}
input.submit { 
 font-family:Georgia; 
 font-size:15px; 
 background-color: #ffffff; 
 color:#8C8C8C; 
 border:1px #aaaaaa solid;
 margin-top:3px;
}
input.txt:hover, textarea.entrytext:hover {
 border:1px #506BA3 solid;
}
input.txt:focus, textarea.entrytext:focus {
 border:1px #506BA3 solid;
 font-family: Georgia; 
 color: #FFFFFF; 
 background: url(http://www.chronicled.org/input.gif);
}
input.submit { 
 font-family:Georgia; 
 font-size:13px; 
 background-color: #ffffff; 
 color:#8C8C8C; 
 border:1px #aaaaaa solid;
 margin-top:3px;
}