/*
Theme Name: RomaniArts
Theme URI: http://hypeon.com/
Description: RomaniArts WordPress Theme
Version: 1.0
Author: HypeOn
Tags: dark, two columns, widgets
*/

body {margin: 0; padding: 0; color: #fff; font-family: Palatino Linotype, Palatino, Times New Roman, Verdana; font-size: 0.75em; background: #600;}

#wrapper {margin: 0px auto; padding: 0 0 20px; width: 950px; background: #000 url('images/logo.gif') top center no-repeat; position: relative;}
#logo {margin: 0; padding: 0;}
#logo a {display: block; height: 311px; text-indent: -9999px;}
.clear {clear: both;}
ul#nav {position: absolute; top: 312px; left: 50%; margin: 0 0 0 -338px; padding: 0; list-style: none; height: 28px; width: 700px;}
ul#nav li {margin: 0; padding: 0; list-style: none; list-style: none; display: inline;}
ul#nav li.rss a {display: block; float: right; text-decoration: none; font-weight: bold; background: url('images/rss_16.png') right center no-repeat; margin: 5px 0 0; padding: 0 24px 0 0; font-size: 1em; text-transform: uppercase; color: #ccc;}
ul#nav li.rss a:hover {color: #fff;}
ul#nav li.divide span {display: block; float: left; width: 30px; color: #777; font-size: 1.6em; text-align: center;}
ul#nav li a {display: block; float: left; font-size: 1.4em; text-decoration: none; color: #ddd;}
ul#nav li a:hover {color: #fff;}


#content {padding: 48px 50px 0;}
#main {width: 536px; float:left; clear:left;}

#home_welcome {border: 1px solid #666; margin: 0 0 15px; padding: 11px 18px 0px; background: url('images/home_welcome_bg.gif') bottom left no-repeat;}
#home_welcome p {margin: 0 0 11px; padding: 0;}
#page_title {border: 1px solid #666; margin: 0 0 15px; padding: 21px 18px 18px 96px; letter-spacing: 2px; 	font-size: 3em; color: #444; text-transform: uppercase; background: url('images/icon.gif') 18px 10px no-repeat; font-weight: normal;}

.post {position: relative; margin: 0 0 15px; padding: 18px 18px 0; background: #fff url('images/post_bg.gif') bottom left no-repeat;}
.post .thumbnail {border: 0;}
.post .date {position: absolute; top: 24px; left: 18px; background: #000; opacity: 0.9; padding: 8px 10px 5px; color: #fff; font-size: 1.3em; text-align: right;}
.post .time {display: block; font-size: 0.7em;}
.post h2, .single h2 {margin: 0; padding: 10px 15px 5px; font-size: 3em; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; background: #9c0101 url('images/title_bg.gif') repeat-x top left;}
.post img {border: 0;}
.post h2 a, .single a {text-decoration: none; color: #fff;}
.post h2 a:hover, .single a:hover {text-decoration: underline;}
.post .snippet {background: #666; padding: 7px 0; color: #eee; width: 320px; margin: 0 0 0 auto;}
.post .snippet p {margin: 0 10px 10px; padding: 0;}
.post .more-link {display: block; padding: 7px; background: #000; color: #fff; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-size: 1.1em;}
.post .more-link:hover {text-decoration: underline;}
.single p a {color: #600; font-weight: bold; text-decoration: none;}
.single p a:hover {text-decoration: underline;}

.single {position: relative; margin: 0 0 15px; padding: 18px; background: #fff;}
.page {position: relative; margin: 0 0 15px; padding: 18px 18px 2px; background: #fff;}
.single .date {color: #555; text-align: right; padding: 5px 0;}
.single p {margin: 20px 0 0; color: #555; font-size: 1.1em;}
.page p {margin: 0 0 20px; color: #555; font-size: 1.1em;}

#sidebar {float: right; width: 267px; border: 1px solid #666; padding: 15px; background: #191919;}
.search_input {margin: 0 0 10px; padding: 3px 5px; height: 20px; width: 180px; border: 1px solid #999; color: #111; font-size: 1.6em;}

#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar li {}

.search_btn {float: right; margin: 0; padding: 5px 8px; height: 28px; width: 60px; color: #111; border: 1px solid #999; font-size: 1.2em; background: #f6f6f6;}
#sidebar h2, #sidebar h3 {margin: 0 0 10px; padding: 0; font-size: 2.3em; font-weight: normal; border-bottom: 1px solid #3a3a3a;}
#sidebar_featured h4 {margin: 0; padding: 10px 15px 5px; font-size: 1.4em; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; background: #9c0101 url('images/title_bg.gif') repeat-x top left;}
#sidebar_featured h4 a {color: #fff; text-decoration: none;}
#sidebar_featured .item {margin: 0 0 10px; background: #fff;}
#sidebar_featured .item img {float: right; margin: 0 0 0 10px; border: 0;}
#sidebar_featured .item p {margin: 0; padding: 10px; color: #666;}
#sidebar_featured .more {display: block; padding: 7px; background: #000; color: #fff; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-size: 1.1em;}
#sidebar_featured a:hover {text-decoration: underline;}
#rss-feed {float: right; margin: 20px 0 0; border: 0; text-decoration: none; width: 32px; height: 32px; background: url('images/rss_32.png') no-repeat;}

.wp-pagenavi {font-size: 1.1em;}
.wp-pagenavi .pages {font-weight: bold;}

.wp-pagenavi .current,
.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .extend {display: block; float: left; margin: 0 7px 0 0; padding: 3px 5px; text-decoration: none;}

.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {color: #fff; background: #9c0101;}

.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {background: #630000;}

.wp-pagenavi .current,
.wp-pagenavi .pages {background: #fff; color: #333;}

#footer {clear: both; padding: 70px 50px 10px; color: #555; text-align: center;}

.cf_hidden, .linklove {display: none;} /* Sorry, but having plugin links everywhere looks unprofessional. */
 #cformsform .single {display: block; margin: 0; padding: 3px 5px; height: 20px; border: 1px solid #999; color: #111; font-size: 1.6em;}
 #cformsform ol, li {margin: 0; padding: 0; list-style: none;}
 #cformsform .reqtxt, #cformsform .emailreqtxt {display: block; margin: 0 0 10px; color: #666; font-style: italic;}
 #li--4 {margin: 10px 0 0;}
 .failure {color: #f00; margin: 0 0 10px;}
 .success {color: #3f0; margin: 0 0 10px;}

.ngg-albumoverview {height: auto; margin-top: 0px;}
.ngg-albumoverview a:link, .ngg-albumoverview a:active, .ngg-albumoverview a:visited {color: #600; text-decoration: none;}
.ngg-albumoverview a:hover {color: #333; text-decoration: underline;}

/* Calendar */

.calnk a:hover {
         text-decoration:none;  
         color:#ccc;
	background-color:#600;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#ccc;
	background-color:#600;
        }
    .calnk a {
        text-decoration:none; 
        color:#ccc;
	background-color:#600;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#fff; 
        background:#600; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
        }
     .calendar-table {
        border:none;
        width:267px;
     }
     .calendar-heading {
        height:50px;
        text-align:center;
        border:;
        background-color:#fff;
	color:#000;
	font-size:1.2em;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
	
	td.calendar-next a:link,
	td.calendar-next a:active,
	td.calendar-next a:visited,
	td.calendar-next a:hover,
	td.calendar-prev a:link,
	td.calendar-prev a:active,
	td.calendar-prev a:visited,
	td.calendar-prev a:hover {
	color:#600;
	text-decoration:none;
	}
     
.calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:80px;
        height:25px;
        font-size:1.5em;
        border:;
        background-color:#600;
     }
     .weekend-heading {
        text-align:center;
        width:80px;
        height:25px;
        font-size:1.5em;
        border:;
        background-color:#fff;
        color:#666;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:center;
        width:80px;
        height:80px;
        border:;
     }
	td.day-with-date a:link,
td.day-with-date a:active,
td.day-with-date a:visited,
td.day-with-date a:hover {
        background-color:#600;
     }
     .no-events {
     }
     .day-without-date {
        width:80px;
        height:80px;
        border:;
     }
     span.weekend {
        color:#666;
     }
     .current-day {
        vertical-align:text-top;
        text-align:center;
        width:80px;
        height:80px;
        background-color:#666;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
     .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        }
     .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
     .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
     .page-upcoming-events {
        font-size:80%;
     }
     .page-todays-events {
        font-size:80%;
     }