/*
 Serenity 
 by Jay Allan Jethwa <http://www.jethwa.de>
 
 Copyright (c) 2008, all rights reserved.
*/

body
{
	background-color: #000;
	color: #FFF;

	font-family: Calibri, Sans-serif, Verdana, Tahoma, Arial;
	font-size: 10pt;

	margin: 0 auto;
	padding: 0;

	cursor: default;
}

img
{
	border: 0;
}

a
{
	text-decoration: none;
	outline-style: none;
}

a:hover
{
	text-decoration: underline;
}


/* Common */

.inner
{
	width: 780px;
	height: 100%;

	margin: 0 auto;
}

.right-justified
{
	text-align: right;
}

.centered
{
	text-align: center;
}

.left
{
	width: 380px;
	float: left;

	padding-right: 10px;
}

.right
{
	width: 380px;
	float: left;

	padding-left: 10px;
}


/* Header */

#header
{
	height: 70px;

	text-align: center;
	line-height: 70px;
}

#header img
{
	vertical-align: middle;

	padding-right: 38px;
}


/* Mainmenu */

#menu-picture
{
	background: #5B9EE6 url("../images/background.jpg") center no-repeat;
	height: 160px;
}

#menu-background
{
	background: url("../images/picture.jpg") no-repeat;
}

#menu-background ul
{
	list-style-type: none;

	margin: 0;
	padding: 0;

    height: 38px;
}

#menu-background li
{
	font-size: 14pt;
    line-height: 38px;

	display: inline;

	margin: 0;
	padding: 8px 15px 10px 15px;
}


#menu-background li.active, #menu-background li.current_page_item
{
	font-weight: bold;
}

#menu-background a
{
	color: #FFF;
	background-color: transparent;
	
	text-decoration: none;

    padding-top: 15px;
}


/* Intro */

#intro
{
    padding-top: 15px;
    padding-bottom: 15px;

    line-height: 120%;
}


/* Content */

#content
{
    min-height: 300px;

	padding-top: 20px;
	padding-bottom: 20px;

    line-height: 140%;
}

.two-third
{
	width: 490px;
    float: left;

	padding-right: 10px;
	padding-bottom: 10px;
	
	overflow: hidden;
}

.one-third
{
	width: 260px;

    margin-left: 510px;
	padding: 0;
	
	text-align: center;
}

.one-third ul
{
    list-style-type: none;
}

.infobox
{
	/*padding: 0 10px 5px 10px;*/
    margin-bottom: 15px;
	
	text-align: left;
}

.adbox
{
	margin-bottom: 15px;
}

.infobox div
{
	padding-left: 10px;
}

.infobox ul
{
	list-style-image: url("../images/list.png");
	
	padding-right: 10px;
}

.infobox ul.no-image
{
	list-style-image: none;
}


/* Comments */

.commentlist dt
{
	padding: 10px;
}

.commentlist dd
{
	margin-bottom: 25px;
}

.commentlist dd p
{
	margin: 10px;
}

.commentlist dd a
{
	color: #00F;
	text-decoration: underline;
}

.commentlist dt.alt
{
}

.commentlist dd.alt
{
}

.commentlist .avatar
{
	padding: 10px 10px 0 10px;
	float: left;
}

blockquote
{
	font-style: italic;
}


/* Portfolio */

#portfolio-menu
{
	font-size: 14pt;
	text-align: center;
}

#portfolio-menu li
{
	display: inline;
	padding: 5px;
}

#portfolio-menu li:first-child
{
	padding-left: 0;
}


/* Subcontent */

#adblock
{
	margin: 20px 0 20px 0;

	text-align: center;
	clear: both;
}

#subcontent
{
	min-height: 135px;

    padding-top: 10px;
    padding-bottom: 15px;

    line-height: 14pt;
	
	clear: both;
}

#subcontent ul
{
	list-style-type: none;

	padding: 0;
    margin: 0;
}


/* Footer */

#footer
{
	height: 80px;
}

.footer-info
{
	padding-top: 25px;
}

.footer-info a
{
	background-color: transparent;
	color: #FFF;
	
	text-decoration: none;

	padding-left: 15px;
}

.footer-info a:hover
{
    text-decoration: underline;
}

.rss-feed
{
	line-height: 80px;
}

.rss-feed img
{
	vertical-align: middle;
}


/* Text */

h1
{
    padding-top: 5px;
    margin-top: 0;

	font-size: 16pt;
	font-weight: normal;
}

h2
{
	margin-top: 0;

	font-size: 14pt;
	font-weight: normal;
}


/* Forms */

fieldset
{
	border: 0;
}

input
{
    font-family: Calibri, Sans-serif, Verdana, Tahoma, Arial;
}

button
{
	background: url("../images/button.png") no-repeat;

	color: #6A6A6A;
	font-size: 9pt;
	font-weight: bold;

	width: 97px;
	height: 29px;

	border: 0;

	text-align: center;

	cursor: pointer;
}

button:hover
{
	color: #9A9A9A;
}

textarea
{
    font-family: Calibri, Sans-serif, Verdana, Tahoma, Arial;

    width: 490px;
    height: 150px;
}

.infobox input
{
    width: 130px;
}

.form_paragraph
{
    clear: both;
    padding-bottom: 30px;
}

.form_descr
{
    width: 50px;
    height: 20px;

    float: left;
}

.form_field
{
    width: 400px;

    text-align: left;
    float: right;
}

.form_field input
{
    width: 100%;
}

.form_field textarea
{
    width: 100%;
}


/* Page-specific */

.contact-form
{	
	padding: 5px;
	margin-bottom: 10px;
	
	text-align: center;
}

.contact-form a
{
	background-color: #000;
	color: #FFF;
	
	text-decoration: underline;
}

.contact-error
{
	color: #000;
	background-color: #F00;	
}

.contact-ok
{
	color: #000;
	background-color: #0F0;	
}


/* Links */

.comment0
{
	background: transparent url("../images/comment0.gif") 0% 100% no-repeat;
	padding-left: 20px;
}

.comment1
{
	background: transparent url("../images/comment1.gif") 0% 100% no-repeat;
	padding-left: 17px;
}

.postmetadata
{
}


/* Flash Objects */

.movie
{
	width: 100%;
	height: 450px;
}


/* Wordpress specific */

#wp-calendar
{
    width: 100%;

    text-align: center;
    border-spacing: 5px;
}

#wp-calendar caption
{
    font-size: 12pt;
}

#wp-calendar td
{
    padding: 0 5px 0 5px;
}

.wp_syntax 
{
	color: #100;
	background-color: #f9f9f9;
	border: 1px solid silver;
	margin: 0 0 1.5em 0;
	overflow: auto;
}

.wp_syntax table {
	border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td 
{
	vertical-align: top;
	padding: 2px 4px;
}

.wp_syntax .line_numbers 
{
	text-align: right;
	background-color: #def;
	color: gray;
	overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre 
{
	margin: 0;
	width: auto;
	float: none;
	clear: none;
	overflow: visible;
}

.quote_comments
{
    text-align: right;
}