/*
Theme Name: Rion
Theme URI: http://milo.peety-passion.com/category/themes/
Description: An elegant and clean two col fluid theme with Photos by Rion and an intelligent PHP menu by The undersigned.
Version: 1.0
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/
Edited by: Dennis Mueller
*/
body {
margin: 0;
padding: 0;
background: #fff;
font: normal 12px Arial, Helvetica, sans-serif;
color: #333;
}
h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
color: #333;
}
h1, h1 a{
font: 30px normal arial, Helvetica, Sans-Serif;
float:left;
color:#333;
font-variant: small-caps;
padding:0;
margin:0;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 18px;
font-variant: small-caps;
font-weight: normal;
}
h4 {
font-size: 11px;
font-family: arial, Helvetica, Sans-Serif;
}
p, ul, ol, blockquote {
margin-top: 0;padding-top: 0;
text-align: justify;
line-height: 18px;
}
a {
color: #333;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #000;
background:#ccc;
}
a:visited {
text-decoration: underline;
color: #555;
}
a img{
border:none;
}
a:hover img{
background: #fff;
}
#header{
width:90%;
height:235px;
margin:30px auto;
background: #fff url(images/header.jpg) no-repeat top center;
}
#topmenu {
margin: 0;
padding:0;
z-index:5;
float:right;
width:45%;
border-bottom:1px solid #000;
}
#topmenu a:link, #topmenu a:visited {
color:#333;
}
#topmenu a:hover {
text-decoration:none;
}
#topmenu ul {
list-style:none;
margin:0 0 0 5px;
padding:0;
}
#topmenu ul li a:link, #topmenu ul li a:visited {
display:block;
line-height:11px;
padding:5px 15px 2px 5px;
margin:0 5px 0 0;
font-size:12px;
text-transform:uppercase;
}
#topmenu ul li a:hover{
border-bottom:2px solid #333;
}
#topmenu ul li {
display:block;
float:left;
position:relative;
}
#topmenu ul li ul {
display:block;
position:absolute;
top:auto;
list-style:none;
margin:0;
padding:0;
visibility:hidden;
border-top:1px solid #fff;
width:220px;
}
#topmenu ul li:hover ul,#topmenu ul li.msiefix ul {
visibility:visible;
}
#topmenu ul li ul li {
position:relative;
float:none;
line-height:18px;
color:#333;
font-size:10px;
_height:1px;
}
#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
display:block;
margin:0;
line-height:15px;
padding:2px 0 2px 10px;
color:#fff;
_height:1px;
text-transform:none;
border:0;
background-color:#ccc;
}
#topmenu ul li ul li a:hover {
background-color:#333;
border-top:1px solid #fff;
}
.col {
margin: 0 0 10px 0;
padding: 0 5px 10px 5px;
}
.entry{
clear:left;
margin-top: 15px;
padding:0 5px 15px 5px;
}
.entry h4 {
margin-bottom: 20px;
font-size: 11px;
font-weight: normal;
}
.entry h4 strong {
font-weight: bold;
color: #ccc;
}
.contentdate {
background: #FFFFFF url(images/date.png);
float: left;
width: 44px;
height: 49px;
margin: 0;
padding: 0;
}
#content {
width: 90%;
margin: 0px auto 0px;
padding: 0 0 0 10px;
background:transparent;
}
#main {
float: left;
width: 70%;
margin: 10px 0 0 27px ;
padding: 5px 5px 5px 5px;
}
#sidebar {
float: left;
width: 20%;
}
#sidebar ul {
list-style: none;
margin: 0;
padding: 0 0 20px 0;
}
#sidebar li{
list-style: none;
margin: 0;
padding: 0;
}
#sidebar li a{
display: block;
}
#sidebar li a:hover{
background: #ccc;
color:#333;
}
#sidebar li.first{
border: none;
}
#sidebar h3{
font-size: 15px;
background: url(images/cat.gif) no-repeat left center;
padding-left: 18px;
font-variant: small-caps;
text-decoration:underline;
}
#footer{
clear:both;
width: 70%;
height:300px;
margin: 0 auto;
background: transparent url(images/footer.jpg) no-repeat bottom right;
color: #333;
font-size: 105%;
line-height: 130%;
border-top:2px double #000;
}
#footer h4 {
background: url(images/cat.gif) no-repeat left center;font: normal 126%/100% "arial", Tahoma;
color: #333;
margin: 10px 0 5px;
padding-left: 18px;
font-variant: small-caps;
}
#footer a, #footer a:visited{
color: #333;
}
#footer li a{
display: block;
}
#footer li a:hover{
background: #ccc;
color:#333;
}
#footer ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#footer .left-col{
width: 20%;
float: left;
margin-left: 30px;
}
#footer .right-col{
width: 30%;
float: right;
padding-right: 10px;
padding-left: 10px;
}
#footer .middle-col{
width: 30%;
float: left;
padding-right: 5px;
padding-left: 5px;
}
#navbarf {
width: 80%;
margin:0;
padding:0;
text-align:center;
background:transparent;
}
#navbarf li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#navbarf ul {
margin: 0;
padding: 0;
}
#navbarf ul li a {
font-family: times, Arial, Sans-Serif;font-size: 10px;
color: #ccc;
font-variant: small-caps;
padding:0;
margin: 0;
text-decoration: none;
font-weight:normal;
}
#credits {
margin: 10px auto;
width: 40%;
color: #333;
font-size: 85%;
line-height: 120%;
}
#credits a, #credit a:visited{
color: #333;
}
#credits a:hover{
color: #ccc;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { /* Hides from IE-mac \*/
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix { /* Hides from IE-mac \*/
display: block;
}
#wp-calendar {
text-align:center;
background-color:#fff;
margin:0;
width: 95%;
}
#wp-calendar td {
line-height:10px;
font-size:10px;
color:#333;
}
#wp-calendar td a {
display:block;
color:#333;
text-decoration:none;
line-height:10px;
}
#wp-calendar #prev a {
width:30px;
}
#wp-calendar #next a {
width:30px;
margin:0 0 0 30px;
}
#wp-calendar #today {
background:#000;
color:#fff;
}
#wp-calendar #today a {
color:#fff;
font-weight:700;
}
#wp-calendar caption {
text-align: center;
width: 100%;
margin:0 0 5px 0;
font-variant: small-caps;
}
img.center, a img.center {
display: block;
margin-left: auto;
margin-right: auto;
padding: 3px;
}
img.alignleft, a img.alignleft {
float:left;
margin: 4px 10px 5px 0;
padding: 3px;
}
img.alignright, a img.alignright {
float:right;
margin: 4px 10px 5px 0;
padding: 3px;
}
blockquote{
margin: 0 0 0 10px;
padding: 0 10px 0 10px;
font-style: italic;
color: #333;
border-left: 5px solid #333;
}
#blockquote p{
margin: 0 0 10px 0;
padding: 0;
}
#searchdiv {
margin: 0;
padding: 0;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
}
#s {
width: 70%;
background: transparent;
color: #000;
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
padding: 3px;
margin: 8px 0 0 0;
border: 1px solid #333;
}
#textfield1 {
width: 175px;
background: transparent;
border: none;
}
#submit1 {
height: 19px;
background: transparent;
border: none;
text-transform: lowercase;
font-size: 10px;
font-weight: bold;
color: #fff;
}
.navigation {
float: right;
margin-top: 10px;
margin-bottom: 60px;
}
#commentblock {
width: 70%;
background: #fff;
color: #333;
float: left;
padding: 10px 20px 0 20px;
margin: 10px 0 10px 0;
border: 1px solid #333;
}
ol#commentlist {
padding: 5px 0 5px 0;
margin: 0;
list-style-type: none;
}
commentlist {
padding: 5px 0 5px 0;
margin: 0;
list-style-type: none;
}
.commentdate {
font-size: 12px;
padding-left: 0;
}
#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0;
}
.commentname {
color: #ccc;
margin: 0;
padding: 5px 5px 5px 0;
}
.commentinfo{
clear: both;
}
.commenttext {
clear: both;
margin: 5px 0 20px 0;
padding: 20px 10px 5px 10px;
width: 70%;
background: #fff;
}
.commenttext-admin {
clear: both;
margin: 5px 0px 20px 0px;
padding: 20px 10px 5px 10px;
width: 70%;
background: #ccc;
}
#commentsformheader{
padding: 0;
}
#commentsform{
text-align: left;
margin: 0;
padding: 0;
}
#commentsform form{
text-align: left;
margin: 0;
}
#commentsform p{
margin: 0;
}
#commentsform form textarea{
width: 99%;
}
p.comments_link img{
margin: 0;
padding: 0;
border:none;
}
p.standard {
font: normal 12px Arial, Helvetica, sans-serif;
color: #333;
}
.code {
font: normal 12px "Courier New", Courier, monospace;
color: #333;
text-align:left;
}