/*
    Theme Name: Blue Navee
    Theme URI: http://www.rioleo.org
    Description: Blue and gray colors
    Version: 1.0
    Author: Rio Akasaka
    Author URI: http://www.rioleo.org
*/

/*  

    Please note that this stylesheet is available simply 
    as a guide to web designers (as I'm one myself) and as
	such is strict not for copying.

*/

body {
width:784px;
font-family:"Trebuchet MS", Verdana, sans-serif;
background:#494d51;
color:#125291;
font-size:13px;
margin:0 auto;
}

blockquote {
background:url(http://www.rioleo.org/images/quote.gif) left top no-repeat;
margin-left:10px;
padding-left:17px;
}

span.gray {
color:#999;
}

.tab {
width:130px;
border:1px #ccc solid;
text-align:center;
padding:5px;
}

.float {
float:left;
padding-left:40px;
padding-top:20px;
}

.hidden {
display:none;
}

#rap {
width:784px;
height:55px;
margin-bottom:10px;
margin:0 auto;
}

#padd {
width:784px;
background:#fff;
margin:0 auto;
}

scaps {
text-transform:uppercase;
font-size:11px;
}

.title1 {
font-family:Georgia;
font-size:13px;
color:#555;
padding-bottom:3px;
text-transform:uppercase;
font-weight:400;
}

/* Text styles */

h1 {
color:#555;
font:1.5em Georgia, "Times New Roman", serif;
letter-spacing:1px;
font-size:12px;
text-transform:uppercase;
padding-bottom:3px;
}

h2 {
font-family:Trebuchet MS;
font-size:16px;
color:#3a5982;
font-weight:bold;
padding-bottom:5px;
}

h2 a:link, h2 a:visited {
font-family:Trebuchet MS;
font-size:16px;
color:#3a5982;
font-weight:bold;
padding-bottom:5px;
border-bottom:0px;
text-decoration:none;
}

h3 {
color:#555;
font:1.5em Georgia, "Times New Roman", serif;
letter-spacing:2px;
font-size:12px;
text-transform:uppercase;
padding-bottom:3px;
padding-top:0;
margin:0;
}

h4 {
color:#555;
font:1.7em Times New Roman;
font-size:22px;
letter-spacing:0.3px;
padding-bottom:0;
padding-top:0;
margin:0;
}

p.introduction {
color:#777;
font:1.7em Times New Roman;
font-size:20px;
margin:0;
padding:0;
}

p.indent {
padding-left:40px;
}


.rightish {
text-align:right;
}

p.rightish a:link,p.rightish a:visited {
font-size:17px;
background:#eee;
font:1.5em Times New Roman;
}

p.small {
color:#888;
font:1.7em Georgia;
font-size:11px;
padding-bottom:3px;
padding-top:10px;
line-height:0;
margin:0;
}

.textads a:link,.textads a:visited,.textads a:hover {
font-family:Georgia;
font-size:11px;
}

a.textads:link,a.textads:visited,a.textads:hover {
margin-top:20px;
line-height:1.2em;
font-family:Georgia;
border-bottom:0;
text-decoration:none;
font-size:10px;
background:#fff;
text-transform:uppercase;
}

p.textads {
padding-top:10px;
margin-top:25px;
padding-bottom:15px;
border-bottom:1px dotted #aaa;
border-top:1px dotted #aaa;
font-family:Georgia;
font-size:11px;
}

li {
line-height:1.7em;
padding-top:3px;
margin-left:5px;
}


#header li {
display: block;
text-decoration: none;
text-indent: -1000px;
float:left;
width:10px;
}

.middle {
width:460px;
float:left;
border:0 solid #99B3C4;
margin-top:7px;
padding-top:7px;
color:#555;
background:#fff;
padding:0 20px 10px 30px;
}

.middle1 {
width:460px;
float:left;
padding-top:7px;
border:0 solid #4C4C4C;
margin-top:7px;
color:#555;
background:#fff;
padding:0 20px 10px 30px;
}

.spacer {
height:10px;
}

.side {
width:220px;
padding-top:23px;
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;
}

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

.side2 {
width:200px;
padding-top:13px;
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;
display:block;
margin:0 5px 0 0;
padding:1px;
}

.shadow {
display:block;
padding:1px;
}


/* One column centered  */

.middlemid {
width:500px;
}

.middlemid2 {
width:400px;
}

.middlemid3 {
width:600px;
}
.middlemid4 {
width:700px;
}


.middlemid,.middlemid2,.middlemid3,.middlemid4 {
color:#555;
margin:0 auto;
padding:10px 20px 0;
}

.fumble {
width:200px;
float:right;
margin-top:0;
background:#fff;
}

.blog {
width:200px;
float:right;
padding-top:10px;
margin-top:10px;
background:#fff;
}

.middle p,.middle1 p,.middlemid p,.middlemid2 {
line-height:1.8em;
color:#555;
}

.updated {
text-align:justify;
color:#999;
padding-top:15px;
font-size:11px;
line-height:0;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

.updated2 {
text-align:justify;
color:#999;
padding-top:10px;
font-size:11px;
line-height:0;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

.middle2 p,.fumble p,.side p,.side2 p,.side3 p,.side1 p,.mainpart2 p,.mainpart1 p,.blog p {
color:#555;
line-height:1.8em;
}

.filler p {
margin:0;
padding-top:0px;
clear:both;
}

.mainpart1 {
width:330px;
float:left;
border:0 solid #99B3C4;
margin-top:7px;
color:#555;
background:#fff;
padding:0 0 10px 30px;
}

.mainpart2 {
width:330px;
margin-top:7px;
margin-right:30px;
float:right;
padding-right:0;
}

/* Link assignments */

a.none:link,a.none:visited {
color:#646464;
text-decoration:none;
border-bottom:0;
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:0;
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 #ccc;
}

a:hover {
background:#eee;
}

/* Image assignments */

img {
border:0;
}

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

.box {
padding-left:10px;
padding-right:10px;
border:1px solid #ddd;
background-color:#eee;
margin-top:25px;
}

.box2 {
padding-left:10px;
padding-right:10px;
border:1px solid #ddd;
background-color:#eee;
margin-top:0;
}

/* Blog entry assignments */

.title {
font-size:17px;
padding-top:15px;
font-weight:400;
font-family:Georgia;
color:#444;
}

.date {
padding-top:10px;
font-size:10px;
text-transform:uppercase;
font-weight:400;
font-family:Verdana;
color:#393939;
}

.tag a:link,.tag a:visited {
border-bottom:1px solid #C0BFBF;
text-decoration:none;
color:#777;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

/* Miscellaneous */

.footer {
height:55px;
width:600px;
text-align:center;
color:#ddd;
clear:both;
background:url() no-repeat;
}

.divider {
width:470px;
height:20px;
padding-top:10px;
background:url(http://www.rioleo.org/images/divider.gif) no-repeat;
margin:20px auto 0;
}

/* Input elements */

input.txt {
border:1px #aaa solid;
font:12px Trebuchet MS;
color:#555;
background:url(http://www.rioleo.org/images/input.gif);
padding:1px;
}

textarea.entrytext {
overflow:hidden;
border:1px #aaa solid;
font:12px Trebuchet MS;
color:#555;
background:url(http://www.rioleo.org/images/input.gif);
padding:1px;
}

input.submit {
font-family:Trebuchet MS;
font-size:12px;
color:#888;
border:0;
width:100px;
height:40px;
padding-bottom:14px;
margin-top:8px;
background:#fff url(http://www.rioleo.org/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.rioleo.org/images/input.gif);
}



/* navigation */

#menu {  width:  784px; height:55px; background: url(topheader.jpg) no-repeat 0 0; padding-bottom:0px;}

#menu #option1 a { width: 50px; }
#menu #option1 { right: 280px; }
#menu #option1 a:hover, #menu #option1 a:active {background-position: 6px 0;}

#menu #option2 a {width: 50px; }
#menu #option2 { right: 230px; }
#menu #option2 a:hover, #menu #option2 a:active {background-position: 6px 0; }

#menu #option3 a {width:80px; }
#menu #option3 { right: 150px;}
#menu #option3 a:hover, #menu #option3 a:active {background-position: 18px 0; }

#menu #option4 a {width: 47px; }
#menu #option4 { right: 103px; }
#menu #option4 a:hover, #menu #option4 a:active {background-position: 5px 0; }

#menu #option5 a {width: 60px; }
#menu #option5 { right: 33px; }
#menu #option5 a:hover, #menu #option5 a:active {background-position: 9px 0; }

#menu dd a { width: 0px; height: 43px; display: block; border: 0; }
#menu dd a:hover, #menu dd a:active { background: url(http://www.rioleo.org/images/arrow.gif) no-repeat; margin-top:2px; }#menu dd { position: absolute; top: 0px; margin: 0;}
#menu dl { display: block; position: relative;  margin: 0;}

.left {
width:110px;
float:left;
padding-top:5px;
margin-bottom:20px;
}

#lselect {
clear:both;
}

.right {
width:350px;
float:left;
}

.right p {
margin:0;
}

.intro {
width:460px;
height:120px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}

/* Left and right two columns only */

.rightside {
width:200px;
float:right;
padding-left:5px;
padding-right:0;
color:#888;
text-align:left;
font-family:Verdana;
background:#fff;
}

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


/* Switching pages */

.virtualpage2 {
display:none;
}

.paginationstyle {
width:200px;
margin-left:50px;
padding:5px 0;
}

.paginationstyle a {
text-decoration:none;
border:none;
color:#aaa;
background-color:#fff;
padding:3px;
}

.paginationstyle a:hover,.paginationstyle a.selected {
color:#000;
background-color:#ddd;
}

p.virtualpage2 {
color:#565656;
}

.scaps {
text-transform:uppercase;
font-family:Georgia;
font-size:11px;
color:#565656;
font-weight:700;
margin-bottom:10px;
}

br.clear {
line-height:1em;
}

/* Random order */

.group1{
visibility: hidden;
}