/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */
body {
background-color:#8b8b8b;
color:#303030;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-weight:500;
/*font-size:12px;*/
margin:0 auto;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:700;
text-decoration:none;
}

a:hover {
color:gray;
text-decoration:underline;
}

p {
line-height:1.3em;
margin:0 0 10px;
}

.text {
line-height:1.3em;
margin:0 0 15px;
font-size:12px;
}

/*** wprost ***/
.wprost {
font-size:8pt;
padding:7px;
display:block;
}

.wprost a {
text-decoration:none;
}

.wprost a:hover {
text-transform:uppercase;
}

ul.wprost,li.wprost {
list-style:none;
padding-left:0;
margin:4px 0;
font-size:8pt;
display:block;
}
.drag{
position:relative;
cursor:hand;
z-index:100;
margin:0;
}
/* rss styles */
.rss-title,.rss-title a {
font-size:8pt;
color:#2F4F4F;
font-weight:700;
text-decoration:none;
text-align:center;
margin:0 auto;
padding:0;
}

ul.rss-items,li.rss-items {
list-style:none;
padding:0;
margin:4px auto;
}

.rss-item {
font-size:8pt;
padding-bottom:.7em;
white-space:wrap;
}

p.rss-title {
text-align:center;
text-decoration:none;
color:#2F4F4F;
font-size:8pt;
border-bottom:1px dashed silver;
/*border-top:1px dashed silver;*/
margin:0 auto;
padding:2px;
width:99%;
}

.rss-item a:link,.rss-item a:visited,.rss-item a:active {
text-decoration:none;
color:#2F4F4F;
}

.rss-date {
font-size:7pt;
color:#338;
font-weight:500;
}

.rss-date a:hover {
text-transform:uppercase;
text-decoration:none;
}

.rss-title a:hover,.rss-item a:hover {
text-transform:uppercase;
}

/*** Main container ***/
#container img ,.contentitem img,.contex img{
width:auto;
max-width:570px;
max-height:auto;
}

.contentitem {
font-weight:500;
font-size:11px;
font-family:Tahoma;
line-height:1.3em;
}

.context {
font-weight:500;
font-size:11px;
font-family:Tahoma,Arial,Verdana,Trebuchet MS;
line-height:1.3em;
letter-spacing:.5px;
}

#container {
background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0 0 0 0;
/*display:block;*/
/*float:none;*/
width:100%;
min-width:700px;
padding:0;
text-align:left;
font-weight:500;
font-size:10px;
font-family:Tahoma;
vertical-align:top;
zoom:1;
}

/*** Content wrap ***/
#wrap {
clear:both;
font-size:12px;
font-weight:500;
font-family:Tahoma;
padding:0;
min-width:1000px;
width:100%;
margin:0 0 0 0;
/*position:relative;*/
}

/*** Sidebars ***/
#leftside {
margin:0 2px 0 0;
padding:0 3px 6px;
max-width:198px;
float:left;
top:0;
left:0;
/*display:block;*/
vertical-align:top;
/*position:absolute;*/
zoom:1;
}

#rightside {
margin:0 0 0 2px;
padding:0 3px 6px;
max-width:190px;
float:right;
top:0;
right:0;
/*display:block;*/
vertical-align:top;
/*position:absolute;*/
zoom:1;
}

.unimarkiz {
color:#06F;
font-weight:700;
background:#000000 url(img/unic2.jpg) top left;
zoom:1;
}
/*
#leftside {
float:left;
margin-right:2px;
}

#rightside {
float:right;
margin-left:2px;
}
*/
#leftside h1,#rightside h1 {
color:#505050;
font-size:1.4em;
font-weight:700;
letter-spacing:-1px;
margin:0 0 5px;
}

#leftside h2,#rightside h2 {
font-size:13px;
margin:0 0 5px;
}

#leftside h3,#rightside h3 {
font-size:12px;
margin:0 0 5px;
}

#leftside p,#rightside p {
font-size:12px;
font-weight:500;
font-family:Tahoma;
line-height:1.4em;
margin:0 0 5px;
}

.linklist {
list-style:none;
margin:0 0 6px 5px;
padding:0;
}

.linklist li {
margin-bottom:.7em;
}

.sidebardl {
padding:0 0 8px;
margin:0;
}

.sidebardl dt {
padding:4px 8px;
}

.sidebardl dd {
padding:2px 8px;
margin:1px 0 0;
}

/*** Header section ***/
#sitename {
color:#f5fffa;
height:102px;
margin:0;
text-align:left;
}

#sitename h1,#sitename h3 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:3em;
padding-top:15px;
}

#sitename h3 {
font-size:1.5em;
}

/*** Horizontal menu ***/
#mainmenu {
float:left;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.blue {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Sidebar menu ***/
.nav,.nav a {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
margin-left:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:136px;
font-size:11px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub,.sub a {
font-size:10px;
letter-spacing:1px;
margin:3px 0 2px 16px;
padding:4px 2px 2px 8px;
width:130px;
}

.tags {
font-family:Trebuched MS, Verdana, Arial;
margin:0 auto;
width:100%;
padding:0;
/*display:block;*/
}
.tinyT,.tinyT a {
font-size:11px;
/*font-family:Verdana,Trebuched MS,Arial;*/
/*font-weight:500;*/
text-decoration:none;
background:none;
padding:0;
margin:0;
}

.smallT,.smallT a {
font-size:15px;
/*font-family:Verdana,Trebuched MS,Arial;*/
text-decoration:none;
background:none;
padding:0;
margin:0;
}

.mediumT,.mediumT a {
font-size:17px;
/*font-family:Verdana,Trebuched MS,Arial;*/
text-decoration:none;
background:none;
padding:0;
margin:0;
}

.largeT,.largeT a {
font-size:20px;
/*font-family:Verdana,Trebuched MS,Arial;*/
font-weight:700;
text-decoration:none;
background:none;
padding:0;
margin:0;
}

/*** Content ***/
#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 12px 5px;
}

#content {
margin:0 204px;
/*width:auto;*/
/*min-width:700px;*/
}

#contentalt {
margin:0 204px 0 20px;
}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#606060;
font-size:1.4em;
font-weight:700;
line-height:1.2em;
letter-spacing:.4px;
margin:0 0 8px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.4em;
line-height:1.2em;
margin-bottom:10px;
}

/*
#content img, #contentalt img {
border:1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}
*/


/* the current date displayed */
.current_date {
font-size:smaller;
text-align:center;
width:100%;
background-color:#FFF;
}

/* inputboxes */
#txtName,#txtUrl,#txtMessage {
border:#ccc 1px solid;
width:115px;
}

#txtCode {
width:94px;
border:#ccc 1px solid;
}

/*** Footer ***/
#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:10px;
font-weight:700;
margin:0 auto;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:700;
}

/*** Various classes ***/
.code {
/*max-width:198px;*/
/*height:8em;*/
max-width:99%;
/*overflow:auto;*/
background:url(img/paperbg1.gif);
border:1px dotted;
font-family:Arial,sans-serif;
font-weight:400;
font-size:7pt;
color:#06F;
line-height:1.3em;
text-align:left;
white-space:pre-line;
}
/*
.textarea {
width:97%;
background:url(http://ricoroco.com/images/paperbg1.gif);
border:1px dotted;
font-family:Arial,sans-serif;
font-weight:500;
font-size:8pt;
color:#06F;
text-align:left;
white-space:wrap;
overflow:hidden;
}
*/
textarea,.textarea,editor,.editor {
width:99%;
overflow:hidden;
display:block;
font-size:9pt;
font-weight:500;
color:#191970;
line-height:1.25em;
font-family:Tahoma, Arial, sans-serif;
background:#fffff0 url(img/tlo.gif) scroll;
border:1px #b0c4de dashed;
margin:3px auto 1px auto;
padding:1px 2px;
white-space:pre-wrap;
_white-space:pre;
white-space:-pre-wrap;
white-space:-moz-pre-wrap;
white-space:-o-pre-wrap;
white-space:-hp-pre-wrap;
line-break:strict;
text-wrap:unrestricted;
word-wrap:break-word;
word-break:break-strict;
zoom:1;
}

/*
.quotemain {
background-attachment:scroll;
background-repeat:repeat;
background-position:0 0;
background-color:#fafcfe;
background-image:none;
border:1px #000000 doted;
border-left:4px #8394b2 solid;
border-top:none;
color:#465584;
padding:4px;
margin:0 auto;
}
*/
/* A quote, perhaps from another post. *//*tlo-|27|28a|28b|29|29a|29d|#8394b2;#4682b4;#b0c4de;*/
.quotetop {
width:97%;
/*background-attachment:scroll;
background-position:100% 50%;*/
background:#e4eaf2 url(img/quote.gif) no-repeat right;
border-top:1px dashed #b0c4de;
border-right:1px dashed #b0c4de;/*#4682b4;*/
border-bottom:0 dashed;
border-left:4px solid #8394b2;
border-collapse:collapse;
color:#000000;
font-weight:700;
font-size:11px;
margin:10px auto 0 auto;
padding:4px;
}

blockquote, .quote, quote {
color:#000000;
background:#fafcfe url(img/tlo29d.jpg) scroll;/*#f0f8ff*/
font-size:8pt;
font-weight:500;
font-family:Geneva, Heveltica, Tahoma, Arial, Verdana, sans-serif;
line-height:1.3em;
/*display:block;*/
margin:0 auto 10px auto;
padding:4px;
overflow:auto;
max-height:36em;
width:97%;
border-top:0px dashed #b0c4de;/*#4682b4;*/
border-right:1px dashed #b0c4de;/*#4682b4;*/
border-bottom:1px dashed #b0c4de;/*#4682b4;*/
border-left:4px double #b0c4de;/*#4682b4;*/
border-collapse:collapse;
white-space:wrap;
_white-space:pre;
white-space:-pre-wrap;
line-break:strict;
text-wrap:unrestricted;
word-wrap:break-word;
word-break:break-strict;
zoom:1;
}

blockquote a:link,.quote a:link, quote a:link, p blockquote a:link,p .quote a:link, p quote a:link {
font-family:Consolas, Monaco, "Courier New", Courier, monospace;
/*color:#4169e1;*/
color:#8394b2;
font-weight:700;
font-size:9pt;
}

blockquote a:hover,.quote a:hover, quote a:hover, p blockquote a:hover,p .quote a:hover, p quote a:hover {
color:#ff4500;
}

blockquote p,.quote p, quote p {
padding:3px;
margin:auto;
}

/* A code block - maybe even PHP ;). */
.codetop {
width:97%;
/*background-attachment:scroll;
background-position:100% 50%;*/
background:#FDDBCC url(img/code.gif) no-repeat right;
border-top:4px double #ff6347;
border-right:1px dashed #ff6347;
border-bottom:0 dashed;
border-left:4px double #ff6347;
border-collapse:collapse;
color:#000000;
font-weight:700;
font-size:10px;
margin:10px auto 0 auto;
padding:4px;
}

.pre, pre, code {
color:#191970;
display:block;
background:#fafcfe url(img/paperbg2.gif) scroll;
font-family:Consolas, Monaco, "Courier New", Courier, monospace;
font-size:9pt;
font-weight:500;
line-height:1.2em;
border-top:0 double #ff6347;
border-right:1px dashed #00BFFF;
border-bottom:1px dashed #ff6347;
border-left:4px double #00BFFF;
border-collapse:collapse;
margin:0 auto 10px auto;
padding:4px;
overflow:auto;
max-height:36em;
width:97%;
white-space:pre-wrap;
_white-space:pre;
white-space:-pre-wrap;
white-space:-moz-pre-wrap;
white-space:-o-pre-wrap;
white-space:-hp-pre-wrap;
line-break:strict;
text-wrap:unrestricted;
word-wrap:break-word;
word-break:break-strict;
zoom:1;
}


.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px!important;
}

/* No image should have a border when linked */
a img {
border:0;
}

/* No lines around buttons in Firefox! */
a:link,a,a link,a img,a li {
outline:none;
}

.searchform {
margin:0 auto;
}

.searchbox {
margin-bottom:4px;
padding:1px;
font-size:8pt;
font-family:Tahoma;
font-weight:500;
color:#06F;
background-color:transparent;
background-image:url(http://unicorn.ricoroco.com/nucleo/img/16.gif);
border:1px dotted #b0b0b0;
vertical-align:middle;
}

.searchbutton {
color:#606060;
vertical-align:middle;
padding:0;
margin-bottom:4px;
font-size:8pt;
font-family:Tahoma;
font-weight:500;
letter-spacing:1px;
border:1px dotted #b0b0b0;
background:transparent url(http://unicorn.ricoroco.com/nucleo/img/16l.gif);
}

.formfield {
margin-bottom:4px;
padding:1px;
font-size:8pt;
font-family:Tahoma;
font-weight:500;
color:#06F;
background:transparent url(http://unicorn.ricoroco.com/nucleo/img/16.gif);
border:1px dotted;
vertical-align:middle;
}

.formbutton {
color:#606060;
vertical-align:middle;
padding:0;
margin-bottom:4px;
font-size:8pt;
font-family:Tahoma;
font-weight:500;
letter-spacing:1px;
font-weight:500;
border:1px dotted;
background:transparent url(http://unicorn.ricoroco.com/nucleo/img/16l.gif);
}

.tagslist {
list-style:none;
margin-left:2px;
padding-left:5px;
}

table.calendar {
/*font-family:Consolas, Monaco, "Courier New", Courier, monospace;*/
font-family:Tahoma;
font-size:9pt;
color:#000000;
text-align:center;
vertical-align:middle;
line-height:1.2em;
border:0px dashed;
padding:0;
zoom:1;
}

tr.calendardateheaders {
font-size:8pt;
font-weight:700;
color:red;
text-shadow: 0px 0px 10px GrayText;
}

td.days {
text-align:center;
font-size:8pt;
font-weight:500;
}

td.today {
text-align:center;
font-size:8pt;
font-weight:700;
color:#4169e1;
font-family:Tahoma;
text-shadow: 0px 0px 10px GrayText;
background:url(http://unicorn.ricoroco.com/nucleo/img/16.gif) #F5F5F5;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {
display:none;
}

/*** Text format ***/
.intro {
font-size:1.1em;
font-weight:700;
letter-spacing:-1px;
}

.smalltext {
font-size:7pt;
font-family:Tahoma;
font-weight:500;
}

.small {
font-size:.8em;
font-family:Tahoma;
font-weight:500;
}

.large {
font-size:1.4em;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

/*SEARCH HIGHLIGHT COLOR*/
.highlight {
background:#DEFFA9;
}

/* RIGHTBOX AND LEFTBOX FOR TOOLBAR */
.leftbox {
float:left;
margin-right:.3em;
margin-bottom:0;
}

.rightbox {
float:right;
margin-left:.3em;
margin-bottom:0;
}

#lightbox{
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox a img{ border: none;}

#outerImageContainer{
position:relative;
background-color:#ffffff;
width:250px;
height:250px;
margin:0 auto;
}

#imageContainer{
padding:10px;
}

#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLink, #nextLink{
width:49%;
height:100%;
background:transparent url(http://ricoroco.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display:block;
}
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://ricoroco.com/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background:url(http://ricoroco.com/images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{
font:10px Verdana, Helvetica, sans-serif;
background-color:#ffffff;
margin:0 auto;
line-height:1.4em;
overflow:auto;
width:100%;
}

#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float:left; text-align:left;}
#imageData #caption{ font-weight:bold;}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em;}

#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
}