/**
 * Sevenspoon joomla theme
 */


html * * { margin: 0; padding: 0;}

body
{
	background: #fff;
	color: #000;
	font-family: "Century Gothic",  Trebuchet MS, Georgia, Helvetica, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/*  Standard HTML elements
----------------------------------------------- */
a:link, a:visited, a:active { color:green; text-decoration: none; }
a:hover,a:focus {color:yellow; text-decoration: none;}

h1, h2, h3, h4  { font-weight: normal; }

input:focus { border:solid 2px;}
fieldset { border:0; }

p {	line-height:1.4em; margin: 5px 0px;}

.hide {display: none;}

/* Layout : Primary Sections
------------------------------------------------*/
#Header
{
	margin: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

ul.contentNav{ display: none;} 

#MainBody
{
	height: 100%;
	overflow: hidden;
	clear: both;
}

#MainContent
{
	text-align: left;
	margin: 0px 240px;
}

#AuxContent
{
	float: right;
	position: relative;
	width: 245px;
	padding-right: 50px;
    background: #fff url('../images/rt_bg.jpg') top left no-repeat;
    width: 245px;
	height: 4500px;
}

#ArticleContent
{
	overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

#Logo a img
{
    border: 0px;
}

#SideBar
{
    width: 240px;
    float: left;
	position: relative;
	padding-left: 50px;
	background: #fff url('../images/lt_bg.jpg') top right no-repeat; 
    width: 240px;
	height: 4500px;
} 

/* Main Navigation 
-----------------------------------------------*/
#MainNav
{
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 10px;
}

#MainNav ul 
{
    text-align: center;
}

#MainNav ul li
{
     display: inline;
}

#MainNav ul li a,
#MainNav ul li a:link,
#MainNav ul li a:visited,
#MainNav ul li a:active
{
    color: #000;
    text-transform: lowercase;
    font-size: 14pt;
    text-decoration: none;
    padding: 3px 15px;
    text-align: center;
    font-weight: bold;
}

#MainNav ul#mainlevel_submenu li a,
#MainNav ul#mainlevel_submenu li a:link,
#MainNav ul#mainlevel_submenu li a:visited,
#MainNav ul#mainlevel_submenu li a:active
{
    padding-bottom: 0px;
    font-weight: bold;
}

#MainNav ul li a:hover
{
    color: #000;
    background: #b4b4b4;
}

#MainNav ul a#active_menu,
#MainNav ul a.mainlevel_active
{
    background: #000 url('../images/main_nav_button_active2.gif') top repeat-x;
    width: auto;
    color: #fff;
}

#MainNav ul#mainlevel_submenu li a:hover,
#MainNav ul a#active_menu_submenu
{
    background: none;
    width: auto;
    color: #fff;
}

/* Layout : Aux Content (Sidebar) Styling
-------------------------------------------*/
#AuxContent h3,
#AuxContent h3,
.r5FrontContainer h3.componentheading,
.r5Container h3.componentheading,
.r5FrontContainer2 h3.componentheading
{
    padding: 5px 5px;
	font-size: 12pt;
    font-weight: bold;
    color: #000;
    text-transform: lowercase;
}

#SideBar ul li,
#AuxContent ul li
{
    padding: 2px;
    margin: 2px;
    line-height: .9em;
	text-align:left;
}

#AuxContent .r5Container {float: left; clear: both;}
#SideBar .r5Container {float: right; clear: both;}

.r5Container ul 
{
    margin: 3px 10px;
	list-style: none;
}

.r5Container ul li a,
.r5Container ul li a:link,
.r5Container ul li a:visited,
.r5Container ul li a:active
{
	font-size: 10pt;
	list-style: none;
    margin: 0px;
    color: inherit;
    color: #000;
}

#SideBar ul li a:hover,
#AuxContent ul li a:hover
{
    background: black;
    color: #fff;
}

.articleList li
{
    list-style: none;
}

ul.front
{
    border-top: 1px solid #262626;
    margin-top: 10px;
    padding-top: 10px;
}

ul.mostread,
ul.latestnews,
ul.sections
{
    list-style-type: none;
    color: #000;
}    


/* Titling : components, sections, articles
---------------------------------------------------*/

.componentheading,
.componentheading_main,
.componentheading_main2
{
    padding-bottom: 5px;
    font-size: 10pt;
    font-weight: bold;
    text-transform: lowercase;
    color: #000;
}

.componentheading_main,
.componentheading_main2
{
    font-size: 16pt;
    color: #fff;
    background: #000;
    padding: 10px;
    margin: 10px;
    margin-top: 0px;
    padding-left: 20px;
}

.componentheading a,
.componentheading a:link,
.componentheading a:active,
.componentheading a:visited
{
    color: #006600;
}

.contentheading{
    font-size: 18pt;
}

.contentheading a:link,
.contentheading a:visited,
.contentheading a:active,
.contentheading a.contentpagetitle,
.contentheading a.contentpagetitle:link,
.contentheading a.contentpagetitle:visited,
.contentheading a.contentpagetitle:active
{
    color: black;
}

.contentheading a:hover,
.contentheading a.contentpagetitle:hover,
.componentheading .categoryheading a:hover,
.componentheading .sectionheading a:hover,
.leading .contentheading a.contentpagetitle:hover
{
    color: green;
    background: yellow;
}

h4.componentheading
{
    font-size: 10pt;
}

/*  Article Content : General 
---------------------------------------------------- */
.article,
.blog,
.searchResults,
.searchintro,
.section { 
    margin: 0px 10px;
}


.fullarticle
{
    margin: 0px 20px;
}

.article .contentheading { display: block; clear: both; margin-bottom: 5px; text-align: left;}

.article .componentheading .sectionheading,
.article .componentheading .categoryheading
{
    float: left;
}

.createdby
{
    display: inline;
    font-size: 8pt;
    float: right;
}

.createdate {
    font-size: 12pt;
    float: left;
    display: inline;
    text-transform: lowercase;
}

.commentcount {
    font-size: 12pt;
    float: right;
    font-weight: bold;
    color: #000;
    display: inline;
    text-transform: lowercase;
}

.article .componentheading,
.article .iteminfo { text-align: left;}

.moreArticles
{
	margin-top: 10px;
}

.article_separator
{
    clear: both;
    display: block;
}

.article img
{
    width: 100%;
}

.article p img
{
    width: 100%;
}

.article
{
    text-align: center;
}

.article p
{
    text-align: left;
    font-size: 11pt;
}

.article p.center
{
    text-align: center;
    font-size: 11pt;
}
/*  Article Content : Related items, Search Results
                      and article lists
---------------------------------------------------- */
.searchResults .articleList li
{
	font-size: 12pt;
}

.articleList li .componentheading
{
	padding-left: 0px;
	margin: 0px;
}

.moreArticles .articleList li
{
	padding-top: 0px;
	padding-bottom: 10px;
}

.articleList li .componentheading a,
.articleList li .componentheading a:link,
.articleList li .componentheading a:visited,
.articleList li .componentheading a:active
{
	color: #a3231b;
    display: inline;
    font-size: 10pt;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

.articleList li .componentheading .createdate,
.articleList li .componentSubHeading a,
.articleList li .componentSubHeading a:link,
.articleList li .componentSubHeading a:visited,
.articleList li .componentSubHeading a:active
{
    display: inline;
    font-size: 8pt;
	padding: 0px;
    text-transform: lowercase;
    color: #000;
}

.articleList li .componentSubHeading a:hover,
.articleList li .componentheading a:hover
{
	color: green;
}

.leading_front img
{
	height: auto;
}

.leadDate
{
	text-align: right;
	color: #262626;
}

/*  Article Previews : general
---------------------------------------------------- */
.preview_seperator
{
    display: none;
}

.createdate_preview
{ 
	border: 0px;
	padding: 0px;
	display: block;
	text-align: left;
	font-size: 8pt;
}

.article_preview img
{
	float: left;
	height: auto;
	display: block;
	margin-right: 10px;
	border: 0px;
}

.article_preview .readon
{
    float: right;
}

/*  Article Content : Buttons
---------------------------------------------*/
.sharebuttons {
    margin: auto;
    text-align: center;
    float: left;
}

.sharebuttons img
{
	width: 25px;
}

.sharebuttons a:link,
.sharebuttons a:visited,
.sharebuttons a:active
{
    border: 0px;
}

.sharebuttons a:hover
{
	color:#fff !important;
}

/*  Article Content : General
------------------------------------------------*/

img,
embed
{
    margin: auto;
    margin-bottom: 5px;
    text-align: center;
}

.article #feed_link img,
.contentheading2 img
{
    float:none;
    margin: 0px;
}

p.pageinfo
{
    margin: 0px;
    padding: 0px;
}

.contentdescription
{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.contentdescription p
{
    padding: 10px;
}

/*  Article Content : Info (author, created date, etc)
---------------------------------------------------------*/
.iteminfo,
.articleinfo {
    padding: 3px 0px;
    font-size: 9pt;
    margin: 5px 0px;
    border-top: 1px solid #b4b4b4;
    text-align: left;
    color: #5f5f5f;
    clear: both;
    width: 100%;
    float: left;
}

a.readon,
a.readon:link,
a.readon:visited,
a.readon:active,
a.button
{
    background: #5f5f5f;
    padding: 1px 5px;
    font-size: 8pt;
    color: #fff;
    margin: auto;
    line-height: normal;
}

a.button{float: none; margin: 2px;}

a.readon:hover {
    background: #b4b4b4;
    color: #000;
    text-decoration:none;
}

/*  Article Content : Paging
---------------------------------------------------------*/
.counter 
{ 
    clear: both; 
    font-weight: bold; 
    display: block; 
    text-align: center; 
    background: none; 
    padding: 5px;
}

ul.pagination 
{ 
    margin: auto; 
    list-style-type:none; 
    text-align:center; 
    width: 30%;
}

ul.pagination li, 
.pagenav a:link, 
.pagenav a:visited, 
.pagenav a:active{
    display:inline;
    margin: 2px;
    text-align:left;
    float: left;
    padding: 2px 4px;
}

.pagenav {float: none; } 

ul.pagination li a:link,
ul.pagination li a:visited, 
ul.pagination li a:active 
{
    display: block;
    padding: 2px;
    color: #000;
}

ul.pagination li a:hover,
.pagenav a:hover{
    background: #fff;
    color: #000;
}


/*  mini/top search from
-----------------------------------------------*/
form.search {margin: 0px; }
form.search label{display: none;}
form.search form{float: right; }
form.search form input{margin: 2px 3px; padding: 2px; border: 1px solid #5f5f5f; }
form.search .button,
form.search input#mod_search_searchword{border: 1px solid #262626; margin:5px; width: 135px; padding: 2px; font-weight: bold; font-size: 9pt;}
form.search .button{width: auto; margin: 5px; float: right;}
form.search input#mod_search_searchword {padding: 3px; margin: 3px;}

/*  large search form 
---------------------------------------------*/

form.search_result
{
    border-top: 2px solid #000;
    padding: 10px;
    width: 630px;
    border: 0px;
    font-size: 9pt;
    margin: 10px;
    background: #fff;
}

.search_result .button {
    border:1px solid #5f5f5f;
    font-weight:bold;
    margin: 10px 0px;
    font-size: 10pt;
    text-transform: uppercase;
    padding:3px;
    cursor:pointer;
    float: right;
    clear: both;
    background: #000;
    color: #fff;
}

.only {
    margin:10px;
    padding:10px;
}

.word {
    padding:10px;
    border-top: 2px solid #000;
    font-size: 10pt;
    text-transform: lowercase;
}

.word input {
    background:#fff;
    border:solid 1px #000;
    font-weight:bold;
    padding:2px;
}

.search_result .display
{
    display: block;
    clear: both;
    border-top: 2px solid #000;
    padding-top: 10px;
} 

.phrase {
    margin:10px;
    padding:10px;
    width:50%;
    border:solid 1px #262626;
    float:left;
}

#searchFormLarge
{
    float: left;
}

.searchintro {
    font-weight:normal;
    margin:10px;
}

.searchKeyWord
{
    color: red;
}

.searchintro img {
    display:inline; 
    border:0px
}

.resultText
{
    font-size: 10pt;
    margin: 15px;
    display: block;
    margin-top: 5px;
    text-indent: none;
}

.display {
    margin:20px 0 0;
    text-align:right;
}

.filter {
margin:10px 0 0;
}


.inputbox:focus {
border:solid 2px #000;
}

.highlight {
font-weight:bold;
color: #000;
background: yellow;
}


/* Contact Page : General
------------------------------------*/
.contact p 
{
    margin: 0px;
    padding: 0px;
}

#contact_text {
    width:80%;
    height:150px;
}

.contact_address
{
    margin: 10px;
    width: 130px;
    float: left;
}

/* Contact Page : e-Mail Form
------------------------------------*/

#emailForm
{
    float: left;
    margin: 10px;
}

#emailForm
{
    float: right;
    margin: 10px;
    width: 420px;
    padding-left: 20px;
    border-left: 1px solid #262626;
}

#emailForm button
{
    clear: both;
    float: right;
    display: block;
    width: 80px;
    padding: 5px;
    text-transform: uppercase;
    border: 1px solid #fff;
    background: #801713;
    color: #fff;
}

#emailForm label
{
    float: left;
    padding-top: 5px;
}

#emailForm input
{
    width: 300px;
    margin: 3px;
    float: right;
    background: #171717;
    padding: 2px;
    color: #fff;
    border: 1px solid #5f5f5f;
}

#emailForm textarea
{
    background: #171717;
    padding: 2px;
    color: #fff;
    width: 410px;
    border: 1px solid #5f5f5f;
}

#emailForm #contact_email_copy
{
    width: auto;
    float: none;
    margin: 1px;
}

#emailForm .contact_email,
#emailForm .contact_email_checkbox
{
    margin: 5px 0px;
    display: block;
    clear: both;
}

.contact input.invalid,.contact textarea.invalid {
    border:solid 2px red;
}

.contact label.invalid {
color:red;
}

/* form validation */
.invalid {
    border-color:red !important;
}

label.invalid {
    color:red;
}

/* JomComment Overrides */
.commentBlogView
{
    padding: 0px;
    margin: auto;
    display: block;
}

.nofloat
{ 
    display: block;
    float: none;
    clear: both;
    border: 1px solid blue;
}

/* Article Previews : Used on home page 
                      and section pages
--------------------------------------------------*/

.SideContent
{
    width: 150px;
    float: left;
}

.r5Container
{
    margin: 0px;
    padding-top: 0px;
    width: 200px;
    float: left;
	/*border: 5px solid #000;*/
    text-align: left;
    background: #fff;    
}

a:link img,
a:visited img,
a:active img,
a:hover img
{
    border: 0px;
}

/* Link List
-------------------------------------------*/
.linkslist li 
{
    list-style: none;
}

.linkslist li a,
.linkslist li a:link,
.linkslist li a:visited,
.linkslist li a:hover,
.linkslist li a:active
{
    display: inline;
}
    
p.linkdesc
{
    display: inline;
    clear: none;
}

/* Footer : General
--------------------------------------------------*/

#Footer {
    background:#fff;
    color:#f5f5f5;
    margin-bottom: 20px;
    text-align: center;
    font-size: 8pt;
    padding: 0 30px;
    width: auto;
    margin: auto;
    display: block;
    clear: both;
}

#Footer a {
    color:#fff;
}

#Footer form.search
{
    margin: auto;
    width: 225px;
    clear: both;
    display: block;
}

#Footer form.search input
{
    float: left;
    clear: none;
    display: inline;
    vertical-align: top;
}

#Footer form.search .button
{
    margin: 0px;
    margin-top: 3px;
}

.footerItem,
.footerItemFull
{
    padding: 10px;
    margin: auto;
    clear: both;
    color: #b4b4b4;
}

/* Footer : quick menu
--------------------------------------------------*/

#FooterNav
{
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 10px;
}

#FooterNav ul 
{
    text-align: center;
}

#FooterNav ul li
{
     display: inline;
}

#FooterNav ul li a,
#FooterNav ul li a:link,
#FooterNav ul li a:visited,
#FooterNav ul li a:active
{
    color: #000;
    text-transform: lowercase;
    font-size: 10pt;
    text-decoration: none;
    padding: 3px 15px;
    text-align: center;
    font-weight: bold;
}

#FooterNav ul#mainlevel_submenu li a,
#FooterNav ul#mainlevel_submenu li a:link,
#FooterNav ul#mainlevel_submenu li a:visited,
#FooterNav ul#mainlevel_submenu li a:active
{
    padding-bottom: 0px;
    font-weight: bold;
}

#FooterNav ul li a:hover
{
    color: #000;
    background: #b4b4b4;
}

#FooterNav ul a#active_menu,
#FooterNav ul a.mainlevel_active
{
    background: #000 url('../images/main_nav_button_active2.gif') top repeat-x;
    width: auto;
    color: #fff;
}

#FooterNav ul#mainlevel_submenu li a:hover,
#FooterNav ul a#active_menu_submenu
{
    background: none;
    width: auto;
    color: #fff;
}


/*  Ads
--------------------------------------*/

/* Morfeo Gallery
--------------------------------------*/

.back_button
{
    margin: 20px;
}

/* mimics readon */
.back_button a,
.back_button a:link,
.back_button a:visited,
.back_button a:active
{
    background: #801713 url('../images/pfeil-foo.gif') no-repeat;
    font-weight:bold;
    font-size: 10pt;
    padding: 3px 5px;
    color: #fff;
    line-height: normal;
	border: 1px solid #b52a25;
}

.back_button a:hover
{
    background: #fff url('../images/pfeil_foo.gif') no-repeat;
    color: #801713;
    text-decoration:none;
}

/* recent photo display*/
.image_preview
{
    float: left;
    margin: 5px;
    display: inline;
}

/* rss link */
.rsslink
{
    font-size: 9pt;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    float: right;    
    margin: 0px 10px;
    margin-top: -5px;
    margin-bottom: -5px;
}

#SideBar .rsslink
{
    margin: 10px 0px;
}

.rsslink img
{
    float: left;
    display: inline;
    margin: 0px 3px;
    border: 0px;
}

.rsslink a,
.rsslink a:link,
.rsslink a:visited,
.rsslink a:active
{
    color: #5f5f5f;
    vertical-align: middle;
}

.rsslink a:hover
{
    color: #fff;
}

.sharethisbutton
{ display: inline;} 

.stbuttontext
{ display: none; }

.sharethisbutton a,
.sharethisbutton a:link,
.sharethisbutton a:visited,
.sharethisbutton a:active,
.sharethisbutton a:hover,
a.sharebutton,
a.sharebutton:link,
a.sharebutton:visited,
a.sharebutton:active,
a.sharebutton:hover
{
    display: inline;
    text-align: left;
    color: #fff;
    padding: 0px;
    margin: 2px;
    background-repeat: no-repeat;
    float: left;
    display: inline-block;
    text-transform: lowercase;    
    height: 45px;
    width: 125px;
    text-indent: -500px;
}

a.stbutton,
a.stbutton:link,
a.stbutton:visited,
a.stbutton:active,
a.stbutton:hover
{ 
	background: url('../images/sharethis.gif') center center;
}

a.show-linkmore,
a.show-linkmore:link,
a.show-linkmore:visited,
a.show-linkmore:active,
a.show-linkmore:hover
{
	background: url('../images/readmore.gif') center center;
}

a.show-comment,
a.show-comment:link,
a.show-comment:visited,
a.show-comment:active,
a.show-comment:hover
{
	background: url('../images/add-comment.gif') center center;
}

/* custom containers
--------------------------------------*/

.r5Container
{
    border: 4px solid #000;
    margin-top: -2px;
}

.contributor_container
{
    width: 180px;
    height: 130px;
    background: white;
    text-align: right;
    margin-top: 385px;
}

.contributor_container ul
{
    color: #000;
    text-align: right;
}

.categories_container
{
    width: 120px;
    background: green;
}

.categories_container ul.articleList
{
    color: #fff;
    height: 200px;
}

.recententries_container
{
    width: 100px;
    border: none;
    background: none;
    margin-top: 154px;
    margin-left: 3px;
    width: 165px;
    height: 305px;
}

.recententries_container ul
{
    color: #000;
}

.search_container
{
    width: auto;
    background: #000;
}

.blogroll_container
{
    width: 230px;
    margin-top: 490px;
    margin-right: 100px;
    background: yellow;
    height: 145px;
}

.creator_container
{
    margin-top: 160px;
    width: 150px;
    text-align: right;
    height: 155px;
    margin-right: 28px;
}    


.creator_container img
{
    width: 150px;
    height: 155px;
}    

.illustrator_container
{
    width: 160px;
    background: white;
    text-align: right;
    height: 140px;
    margin-top: 150px;
    margin-right: 72px;
} 

.illustrator_container img
{
    width: 160px;
    height: 140px;
} 

.search_container
{
    margin-top: 155px;
    margin-left: 30px;
    border-width: 2px;
}

.searchsearch_container label
{
    display: none;
}

.searchsearch_container input
{
    float: left;
    display: inline;
}

#mod_search_searchword
{
    border: 1px solid #000;
    float: left;
    padding: 3px;
    width: 122px;
}

.buttonsearch_container
{
    float: right; 
    padding: 1px;
    border: 1px solid #000;
}