/*  
Theme Name: OmU
Theme URI: http://www.vividvisions.com/
Description: Wordpress theme for OmU
Version: 1.0
Author: Walter Krivanek
Author URI: http://www.vividvisions.com/
*/

/****************************************
   CSS for omu.at
   
   Created by VividVisions
   www.vividvisions.com
   
   (c) Copyright 2008 by VividVisions
 ****************************************/

/************************
   Tags
 ************************/

* {
   padding: 0;
   margin: 0;
}

body {
   background: #ffffff url(images/background.jpg) scroll repeat-x left top;
   font: normal normal normal 0.95em/1.25em Arial, Helvetica, sans-serif;
   color: #4e4e4e;
}

a {
   outline: none;
   color: #284873;
   text-decoration: underline;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: 0;
}

#container {
   width: 960px;
   margin: 0 auto;
}

/********** Header **********/

#header {
   position: relative;
   height: 230px;
   background: #ffffff url(images/header_background.gif) no-repeat left bottom;
   margin: 0 0 10px 0;
}

#header h1 a {
   display: block;
   position: absolute;
   left: 0;
   bottom: 40px;
   height: 120px;
   width: 280px;
   overflow: hidden;
   text-indent: 9999px;
   white-space: nowrap;
}

/********** Menu **********/

#menu {
   position: absolute;
   right: 10px;
   bottom: 200px;
   list-style: none;
}

#menu li {
   display: inline;
   padding-left: 15px;
}

#menu li a {
   text-decoration: none;
}

#menu li a:hover {
   text-decoration: underline;
}

#menu li.current_page_item a {
   color: #f29b01;
}

/********** Body **********/

#body {
   width: 100%;
   overflow: hidden;
}

/********** Content **********/

#content {
   width: 690px;
   float: left;
}

#content > h1,
.comments > h1,
.respond > h1 {
   margin: 2px 0 20px 0;
   font-size: 1.4em;
   color: #f29b01;
}

/********** Post **********/

.post {
   width: 100%;
   overflow: hidden;
   margin: 0 0 30px 0;
}

.post-separator {
   margin: 30px 0 15px 0;
   border-bottom: 1px dotted #cccccc;
   height: 1px;
}

.post-header {
   position: relative;
   width: 690px;
   background: #ffffff url(images/post_heading_top.gif) no-repeat left top;
   margin: 0 0 20px 0;
   padding: 15px 0 0 0;
   color: #9d8437;
}

.post-header span {
   position: absolute;
   right: 15px;
   top: 10px;
   font-size: 0.8em;
}

.post-header h1 {
   margin: 0 0 20px 15px;
   width: 600px;
   color: #284873;
   font-size: 1.35em;
   font-weight: bold;
   text-transform: uppercase;
}

.post-header a {
   color: #284873;
   text-decoration: none;
}

.post-header a:hover {
   text-decoration: underline;
}

ul.post-properties {
   list-style: none;
   font-size: 0.8em;
   line-height: 1em;
   padding: 0 0 10px 15px;
   background: url(images/post_heading_bottom.gif) no-repeat left bottom;
}

ul.post-properties li {
   margin: 0 0 2px 0;
   padding: 2px 0 7px 25px;
   background-repeat: no-repeat;
   background-position: left 2px;
}

.post-author {
   background-image: url(images/icon_author.gif);
}

.post-category {
   background-image: url(images/icon_category.gif);
}

.post-comments {
   background-image: url(images/icon_comment.gif);
}

.post-userratings {
   background-image: url(images/icon_star.gif);
   background-position: left -1px !important;
}

.post-imdb {
   background-image: url(images/imdb.gif);
   background-position: left top !important;
}

.post-content p, 
.post-content ul,
.post-content ol,
.post-content table,
.post-content hr,
.post-content object,
.post-content iframe {
   margin: 0 0 20px 0;
}

.post-content h1 {
   margin: 2px 0 20px 0;
   font-size: 1.4em;
   color: #f29b01;
} 

.post-content h2 {
   margin: 10px 0 10px 0;
   font-size: 1.2em;
   color: #f29b01;
} 

.post-content h3 {
   margin: 10px 0 10px 0;
   font-size: 1.1em;
   color: #f29b01;
}

.post-content ul {
   padding: 0 0 0 1.0em;
}

.post-content ol {
   padding: 0 0 0 2em;
}

.post-content ul li,
.post-content ol li {
   padding: 1px 0 1px 0;
   margin: 0 0 5px 0;
}

.post-content blockquote {
   margin: 10px 0 20px 0;
   text-align: left;
}

.post-content blockquote {
	padding: 0 0 0 35px;
	background: transparent url(images/quote_start.gif) scroll no-repeat left bottom;
	color: #999999;
}

.post-content blockquote p {
   margin: 0;
   padding: 5px 35px 8px 0;
	background: transparent url(images/quote_end.gif) scroll no-repeat right top;
}

.wp-smiley {
   vertical-align: middle;
   border: 0 none !important;
   padding: 0 !important;
   margin: 0 !important;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.post-content img {
   background-color: #ffffff;
   padding: 4px;
   border: 1px solid #aaaaaa;
}

.no-border,
.rating img {
   background-color: none !important;
   padding: 0 !important;
   border: 0 none !important;
}

.spoiler {
   color: transparent;
   background: #ffffff url(images/spoiler.gif) left top;
}

.spoiler * {
   color: transparent;
}

.spoiler:hover {
   color: inherit;
   background: none;
}

.spoiler:hover * {
   color: inherit;
}

.spoiler:hover a {
   color: #284873;
}

/********** Ratings **********/

.rating {
   margin: 10px 0 10px 0;
}

.post-rating {
   position: relative;
   background: #ffffff url(images/rating_ihr_2.gif) no-repeat left top;
   width: 690px;
   height: 119px;
   font-size: 1.0em;
   color: #284873;
}

.post-ratings {
   position: absolute;
   right: 17px;
   top: 28px;
   text-align: right;
}

.post-ratings-text {
   position: absolute;
   left: 230px;
   bottom: 6px;
}

.post-rating-comments {
   position: absolute;
   left: 213px;
   bottom: 30px;
}

.comments-only {
   background: #ffffff url(images/rating_ihr.gif) no-repeat left top;
   height: 78px;
}  

.comments-only .post-rating-comments {
   bottom: 24px;
}

.embed {
   margin: 0 auto 15px auto;
   text-align: center;
}


/********** Comments **********/

.comments {
   margin: 0 0 20px 0;
   padding: 0 0 10px 0;
}

.comment {
   width: 600px;
   margin: 0 auto 20px auto;
   padding: 0 0 0 0;
   background: #ffffff url(images/comment_background.gif) repeat-y left top;
   border-top: 1px solid #dfe5ee;
   border-bottom: 1px solid #dfe5ee;
   font-size: 0.85em;
   color: #404e64;
}

.comment-number {
   float: left;
   width: 67px;
   text-align: center;
   font-size: 1.2em;
   font-weight: bold;
   padding: 10px 0 0 0;
   color: #99a8bf;
}

.comment-number img {
   margin: 15px 0 0 0;
}

.comment-content {
   position: relative;
   bottom: -1px;
   padding: 10px 10px 10px 90px;
   min-height: 100px;
   background: url(images/comment_bottom.gif) no-repeat left bottom;
}

.comment-content p {
   margin: 0 0 5px 0;
}

.comment-author {
   margin: 10px 0 0 90px;
}

.comment-reply {
   border-top: 1px solid #c6d1e1;
   border-bottom: 1px solid #c6d1e1;
   background: #ffffff url(images/comment_background_reply.gif) repeat-y left top;
}

.comment-reply .comment-content  {
   background: url(images/comment_bottom_reply.gif) no-repeat left bottom;
}

.comment-reply .comment-author a {
   font-weight: bold;
}

/********** Respond **********/

.respond {

}

.respond-content {
   background: #ffffff url(images/respond_background_2.gif) left top;
   padding: 15px;
}

.respond-content input,
.respond-content textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.3em;
   padding: 1px;
   border: 1px solid #888888;
   margin: 0 0 8px 0;
}

/********** Page Navigation **********/

.navigation {
   margin: 15px 0 15px 0;
}

.navigation-prev {
   float: left;
}

.navigation-next {
   float: right;
}

/********** Page Numbers **********/

#wp_page_numbers {
   margin: -10px 0 0 0;
   padding: 0 0 5px 0;
   text-align: center;
   font-size: 0.9em;
} 

#wp_page_numbers ul {
   list-style: none;
}

#wp_page_numbers ul li {
   display: inline;
   margin: 0 0 0 0;
}

#wp_page_numbers a {
   padding: 5px;
   background: #ffffff;
   border: 1px solid #cccccc;
   text-decoration: none;
}

#wp_page_numbers a:hover {
   text-decoration: underline;
}

.active_page a {
   font-weight: bold;
   color: #ffffff !important;
   background: #284873 !important;
}

.space {
   padding: 5px 8px;
}

.page_info {
   display: block !important;
   margin: 0 0 5px 0;
   padding: 0 0 10px 0;
}

/********** Sidebar **********/

#sidebar {
   width: 210px;
   float: right;
   min-height: 200px;
   font-size: 0.9em;
}

.sidebar-item {
   padding: 0 0 8px;
   margin: 0 0 25px 0;
   background: #ffffff url(images/sidebar_bottom.gif) no-repeat left bottom;
}

.sidebar-item h3 {
   font-size: 1.2em;
   color: #f29b01;
   padding: 0 0 0 10px;
   overflow: visible;
   margin: 0 0 -4px 0;
}

.sidebar-content {
   padding: 10px 15px 2px 15px;
   background: #fff0d7 url(images/sidebar_top.gif) no-repeat left top;
}

.sidebar-content ul,
.sidebar-content ul ul {
   list-style: none;
}

.sidebar-content ul li {
   padding: 1px 0 1px 0;
}

.sidebar-content ul ul li {
   padding-left: 15px;
}

.sidebar-content ul a {
   text-decoration: none;
}

.sidebar-content ul a:hover {
   text-decoration: underline;
}

#searchform a {
   font-size: 0.9em;
}

#searchform input {
   border: 1px solid #888888;
   padding: 2px;
   width: 175px;
}

.image-twitter {
   margin: 0 0 10px 0;
}

/********** Footer **********/

#twitter_update_list {
   margin: 15px 0 0 0;
   line-height: 1.1em;
}

#twitter_update_list li {
   padding: 0 0 10px 0;
}

#twitter_update_list li > a {
   display: block;
   margin: 2px 0 0 0;
}

/********** Footer **********/

#footer {
   text-align: right;
   font-size: 0.8em;
   margin: 20px 0 0 0;
   padding: 7px 15px 5px 15px;
   background: #ededed url(images/footer_top.gif) no-repeat left top;
}

#footer span {
   float: left;
}

#footer a {
   color: #888888;
}