@charset "UTF-8";

/**
 * @CSS for wordpress-theme
 * @version (1.0)
 * @date (19.02.2008 21:01:00)
 * @lastmodified (11.01.2010 12:33:58)
 * @author (Stefan Benke)
 */


/**
 * load a example style
 */
/*@import url('../example/style.css') screen;


/**
 * @CSS for RESET
 * use a reset style
 *
 * @author (http://meyerweb.com/eric/tools/css/reset/)
 */


/*@import url(reset/reset.css);


/**
 * @author (http://devkick.com/lab/tripoli/)
 */
/**
@import url('reset/tripoli.base.css');
@import url('reset/plugins/tripoli.visual.css');
@import url('reset/plugins/tripoli.type.css')
*/

/**
 * my favorit
 */
/**
* {
margin: 0;
padding: 0;	
}
*/

/**
 * default sectors
 */


textarea{
resize: none;
}

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

body {
background: #fff;
color: #000;
/* font-family: "Lucida Sans Unicode","Lucida Sans", "Trebuchet MS", "Lucida Grande", "Bitstream Sans Vera", Verdana, Arial, Tahoma, Helvetica, Sans-Serif; */
font-family: Trebuchet MS,Verdana,sans-serif;
font-style: normal;
line-height: 1.5em;
font-size: 80%;
margin: 0;
padding: 0 0;
}

code, pre {
/* font-family: Courier, "Lucida Console","Courier New", Sans-Serif; */
}

pre {
font-size: 50%;
line-height: 200%;
width: 100%;
max-height: 400px;
overflow: auto;
padding: 5px;
background: #eee;
}

p {
font-size: 100%;
padding: 0;
}

h2 {
font-size: 120%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 100%;
}

h1, h3, h4 {
/* font-family: Georgia, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Bitstream Sans Vera", Verdana, Arial, Tahoma, Helvetica, Sans-Serif; */
color: #336600;
clear: both;
margin: 10px 0 0 0;
padding: 10px 0;
}

h2 {
/* font-family: Georgia, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Bitstream Sans Vera", Verdana, Arial, Tahoma, Helvetica, Sans-Serif; */
color: #000000;
clear: both;
margin: 20px 0 0 0;
padding: 10px 0;
}

blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 5px solid #ddd;
}

blockquote p:before {
content:open-quote;
font-size: 1.5em;
}

blockquote p:after {
content:close-quote;
font-size: 1.5em;
}

/**
 * Selectors for images 
 */
 
/**
 * Selectors for image captions (also style figures in researcharticles!)
 */



/**
 * Selectors for the Homepage:
 */

#cover_wrap {
width:100%;
float:left;
overflow:auto;
}

#cover_wrap ul li { 
padding-bottom: 3px;
margin-bottom: 3px;
border-bottom: 1px solid #CCC;
}

#cover_featured {
border:1px solid #ccc;
padding: 10px;
margin: 25px 10px 10px 10px;
overflow:auto;
background-color:#FFF;

}


#cover_featured h2, #cover_featured h3, #cover_featured h1{
padding:0 5px 0 0;
margin:0;
}

#cover_featured h2 {
font-size:130%;
padding: 7px 0;
}


#cover_featured h1 {
font-size:100%;
color: #000;
}

#cover_featpic { /* the div that contains the featured article picture */
float:left;
width:300px;
}

#cover_feattext { /* the div that contains the featured article text */
width:62%;
vertical-align: middle;
color:#000;
float:left;
margin-left: 20px;
}

#cover_leftwidget, #cover_middlewidget, #cover_rightwidget li {
list-style:none;

}

#cover_leftwidget, #cover_middlewidget {
float:left;
width:34%;
padding: 7px 48px 7px 7px;
}

#cover_rightwidget {
width:18%;
float:right;
padding: 7px;
}


#cover_rightwidget img{ /* gives images in the cover right widget area a nice touch feeling */
   -webkit-filter: brightness(100%);
}


#cover_rightwidget img:hover{ /* gives images in the cover right widget area a nice touch feeling */
   -webkit-filter: brightness(93%);
}




#cover_about {
width:50%;
float:right;
text-align:justify;
}
 
#current_issue_widget { /*the selector for the div contained in my self made current issue widget */
text-align:center;
}

/**
 * Selectors for the Archivepage:
 */

#archive {
	
}

#archive h3 { /* the Volume header */
margin:0;
padding:0;
}

.archive_issue { /* defines the div around the issues that pops up when a volume is clicked */
border:1px solid #ccc;
overflow:auto;
margin: 0 0 20px 0;
}

.issue_list { /* defines the div for every issue entry; is set to 33% so that three issues are displayed in each row. */
width:23%;
float:left;
margin:0;
padding:5px 5px;
text-align:center;
}

.issue_list p { /* right now only applies to the paragraphs inside each issue item; if paragraphs are used outside that and inside the archive div, this might fuck up the paragraphs. */
margin: 0;
padding: 0 20px;
}

 /**
  * Selector for the Submit button in the widget area
  */
 
#text-4 h5 {
width:100%;
display: block;
background-color: #c60;
text-align:center;
color:#FFF;
font-size:170%;
padding:10px 0;
margin:0 0 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#text-4 h5 a:hover, h5 a:active, h5 a:link, h5 a:visited {
color:#FFF;
}

#text-4 h6 {
font-size: 120%;	
}

#text-4 h7 {
width:100%;
display: block;
background-color: #360;
text-align:center;
color:#FFF;
font-size:170%;
padding:10px 0;
margin:0 0 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #360;
}

#text-4 h7 a:hover, h7 a:active, h7 a:link, h7 a:visited {
color:#FFF;
}

/**
 * Selectors for the Articlepage Single view:
 */
#related {
margin: 10px;
padding: 10px;
border: 1px solid #336600;
color: black;
}

#related p {
margin: 7px 0 0 0;
}

#issue_topnavigation {
margin:0 0 5px 0;
border-bottom: 1px solid #666;
padding:0 0 15px 0;
}

#article_head {
margin:0 0 5px 0;
border-bottom: 1px solid #666;
padding:0 0 15px 0;
}

#article_head h1{
font-size:170%;
padding-top:20px;
color:#360;
line-height: 1.1em;
}

#article_head h3{
font-size:111%;
color:#000;
text-transform: uppercase;
margin:0 0 7px 0;
padding:0;
}

#article_head p{
font-size:14px;
}

#article_subhead {
margin:0 0 5px 0;
padding:0 0 5px 0;
color:#666;
}

#article_authors {
font-weight:bold;
padding: 0 0 15px 0;	
}

#article_pdf {
	margin-bottom:10px;
	font-size:110%;
	font-weight: bold;
	text-transform: uppercase;
}

#article_pdf p{
font-weight: bold;
}


#article_abstract {
border: 1px solid #ccc;
margin: 20px 10px;
padding: 10px;
line-height: 1.4em;
text-align:left;

}

#article_abstract h1{
font-size:140%;
padding: 0 0 5px 0;
margin:0;
}

#article_content {
line-height: 1.4em;
padding-bottom: 40px;
}

#article_content h2 {
padding-top:20px;
}


#article_ref {

}

#article_affiliations {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}


#article_affiliations, #article_additional {
padding: 10px 0 10px 0;
overflow:auto;
}

#abstract_alt {
font-weight: bold;
padding: 10px 0 10px 0; 
line-height: 1.3em;
}

/**
 * Selectors for the Editorial Board page:
 */

#editors {

}

#editors .editors_wrap {
overflow: auto;
width: 100%;
padding-top:7px;
padding-bottom: 15px;
margin-bottom: 8px;
border-bottom: 1px solid lightgrey;
}

#editors .editors_pic {
width: 12%;
float:left;
}

#editors .editors_text {
width: 85%;
float:left;
padding-left:8px;
}

#editors h2 {
padding: 20px 0 5px 0;
margin: 5px 0 20px 0;
color:#C60;
font-size: 120%;
border-bottom: 1px solid grey;
}

#editors h3 {
color: black;
font-size:120%;
margin:0;
padding:0 0 7px 0;
}

#editors h4 {
color: black;
margin:0;
padding: 0 0 10px 0;
font-size: 100%;
font-weight: normal;
font-style: italic;
}

/**
 * Selectors for the Issue page, but also for searchresults!
 */
 
#issues {

}

#issues a {
color: #C60;
}

#issues p {
padding: 5px 0 5px 0;
}

#issues h2 {
color: #000;
text-transform:uppercase;
border-bottom: 1px solid #333;
font-size: 100%;
padding-left: 5px;
}

#issues h3 {
padding: 0;
margin: 0;
text-decoration: bold;
font-size: 110%;
}

.issues-list {
	margin:10px 0 10px 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #eee;
}

#issue_cover {
margin:20px 0 20px 0;
font-style:italic;
color:#666;
overflow:auto;
}

#issue_coverpic {
width:20%;	
float:left;
}

#issue_covertext {
width:80%;
float:left;
}
/**
 * @section layout
 * @css-for (All)
 */

#superwrap {
background-image: url(../images/header_plain.jpg);
background-repeat:repeat-x;
overflow:auto;
}
 
/**
 * Wrapper contains everything else; basically the form and size of the page
 */
#wrap {
border: none;
width: 900px;
/* "auto" makes the left and right margins center the wrapper */
margin: 0 auto;
text-align: left;

}

#login {
float: right;
}

/**-------------------------------------------------------------
 *
 * @section layout
 * @css-for (header)
 */
#header {
/*border-bottom: 1px solid #ccc; */
overflow: auto;
height: 100px;
margin: 0 0 0 0;
padding: 0 0;
}

#header h1 {
font-size: 250%;
width: 80%;
margin: 0;
}

#header h1 a:link, #header h1 a:visited {
color:#FFF;
font-weight: 400;
text-decoration: none;
border: none;
}

#header h1 a:hover, #header h1 a:active {
color:#FFF;
}

#header p {
font-size: 90%;
color:#FFF;
margin: 5px 0;
}
/** ----------------------------------------------------------------------
 *
 * Css for divs inside the header: headerleft includes title of the page and subtitle
 */
#headerleft {
width: 65%;
float: left;
padding: 0;
margin: 0;
}

/** ----------------------------------------------------------------------
 *
 * Css for divs inside the header: headerright includes searchform and login link
 */

#headerright {
width: 35%;
float: right;
text-align: right;
padding-top: 15px;
}

#headerright a, a:hover, a:active {
color:#FFF;
}

/** ----------------------------------------------------------------------
 *
 * @section layout
 * @css-for (menu)
 */

#menu {
	height: 35px; /* set to the height you want your menu to be */
	background-color: #C60;
	font-size: 17px;
	margin: 0 0 10px; /* just to give some spacing */
}
#menu ul {
	margin: 0; padding: 0 67px; /* only needed if you have not done a CSS reset; HERE YOU CAN SHIFT THE MENU BAND TO THE RIGHT f.i */
}
#menu li {
	display: block;
	float: left;
	line-height: 35px; /* this should be the same as your #main-nav height */
	height: 35px; /* this should be the same as your #main-nav height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}
#menu li a {
	display: block;
	color: #fff;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}

#menu .current-menu-item a, #menu .current_page_item a {
	
}
#menu a:hover {
	color: #000;
}

#menu ul ul { /* this targets all sub menus */
	color: #FFF;
	font-size: 15px;
	display: none; /* hide all sub menus from view */
	padding: 5px;
	background-color: #C60;
	position: absolute;
	top: 35px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#menu ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 190px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
#menu ul ul li a { /* target all sub menu item links */
	padding: 5px 10px; /* give our sub menu links a nice button feel */
}

#menu ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}


 
/** ----------------------------------------------------------------------
 *
 * @section layout
 * @css-for (content)
 */
#content {
width: 77%;
float: left;
font-size: 1.1em;
margin: 2px 0.1em 5px;
padding: 5px 1em;
line-height: 1.3em;
text-align:left;
/* text-align:justify; */
border-right: 1px solid #eee;
}

#content h2 a:link, #content h2 a:visited {
/* color: #0100be; */
font-weight: 400;
text-decoration: none;
border: none;
}

#content h2 a:hover, #content h2 a:active {

}

.post p{
margin: 0 0 15px 0;
}

.post img {
border: 1px solid #eee;
padding: 5px;
}

.post .info,.post ul.link,.post ul.inline {
font-size: 0.8em;
}

.post .info {
margin: 10px 0;
padding: 0;
border-top: 1px solid #eee;
text-align: right;
}

/** ----------------------------------------------------
 * declarations for the image attachment page
 */
 
#attachment_page {

}

#attachment_page .attachment {
/* text-align: center; */

}

#attachment_page .attachment img {
border: 0px solid #fff;
}


/** ----------------------------------------------------
 * declarations for Comments
 */


#commentbox {
clear: both;
border-top: 1px solid #eee;
margin: 10px 0;
}

ol#commentlist {
list-style-position: inside;
margin: 2px 0;
padding: 0;
}

#commentlist li {
border-bottom: 1px solid #eee;
margin: 10px 0;
}

#commentform textarea {
width: 90%;
}

#commentform label,#commentform textarea {
display: block;
}

#commentform input.submit {
width: 40%;
margin: 2px 0;
}

.approve {
border: 1px solid #ccc;
background: #eee;
font-size: 90%;
padding: 5px;
}


/**
 * @section layout
 * @css-for (sidebar)
 */

#sidebar {
background: #FFF;
color: #111;
width: 18%;
float: right;
margin: 5px 0;
padding: 5px 0;
}

#sidebar img{ /* gives images in the cover right widget area a nice touch feeling */
   -webkit-filter: brightness(100%);
}


#sidebar img:hover{ /* gives images in the cover right widget area a nice touch feeling */
   -webkit-filter: brightness(93%);
}

#sidebar ul {
list-style: none;
list-style-type: none;
margin: 2px;
padding: 0;
}

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

#sidebar h2 {
font-size: 100%;
margin: 20px 0 0 0;
padding: 4px 0;
}

.h2sidebar {
font-size: 100%;
font-weight: 900;
/* font-family: Georgia,"Trebuchet MS", "Lucida Sans", "Lucida Grande", "Bitstream Sans Vera", Verdana, Arial, Tahoma, Helvetica, Sans-Serif; */
color: #333;
}

#sidebar li a {
border: none;
}

#sidebar li ul li ul li {
list-style: none;
border: none;
margin-left: 10px;
}

/** ------------------------------------------------
 *  Declarations for searchform
 */

#searchform label {
font-weight: 700;
}

#searchform input.submit {
width: 30%;
}

/** ------------------------------------------------
 *  Declarations for searchresults DON'T USE ANY MORE! ARE NOW CONTROLLED BY THE #issues SELECTORS!
 */
 


/**--------------------------------------------------
 * @section layout
 * @css-for (footer)
 */
#footer {
border-top: 1px solid #CCC;
clear: both;
text-align: center;
margin: 30px;
padding: 30px 10px;
}


#footer li {
display: inline;
margin: 0 3px;
}

.center {
text-align: center;
}

.textright {
text-align: right;
}

.right {
float: right;
}

.left {
float: left;
}

.none {
display: none;
}

.righttxt {
text-align: right;
}

.credits, .clear {
clear: both;
}

img {
margin: 0 2px;
max-width: 900px;
}

/**
 * ------------------------------------------------------
 * Stuff for images
 */

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
/*border: 1px solid #eee;*/
text-align: left;
padding-top: 5px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
width: 80%;
line-height: 1em;
padding: 5px 5px 6px;
margin: 0;
}

a:link, a:visited {
font-weight: 400;
color: #C60;
text-decoration: none;
}

a:hover, a:active {
color: #C60;
text-decoration: none;
border: none;
}

input, textarea, select, option {
/* font-family: "Lucida Sans", "Trebuchet MS", "Lucida Grande", "Bitstream Sans Vera", Verdana, Arial, Tahoma, Helvetica, Sans-Serif; */
font-size: 100%;
background: #eee;
color: #111;
border: 1px solid #ccc;
margin: 2px;
padding: 2px;
}

fieldset, legend {
background: transparent;
color: #111;
border: none;
padding: 5px;
}

label, legend {
font-weight:  400;
}


ul {

}


ol {
margin: 5px 2em;
padding: 2px;
}

ol li {
clear: both;
}

.link li, .inline li {
display: inline;
margin: 5px 0;
padding: 0;
}

ul.inline, ul.link {
list-style: none;
margin: 5px 0;
padding: 0;
}

.inline li {
padding: 2px 15px 2px 0;
}

/** NOTE: The css for Tables created by TablePress are stored seperately and can be edited
 *  in the plugin Settings.
 */

table {
color: #111;
/* background:#000; */
width: 100%;
margin: 2px auto;
padding: 0;
border: 1px solid #eee;
}

table .second, table th {
background: #eee;
}

caption {
color: #333;
font-weight: 700;
padding: 5px;
}

td, th, tr {
text-align: left;
vertical-align: top;
padding: 5px;
border: 1px solid #eee;
}

hr, .border {
border: 1px solid #ccc;
}

.post h2 {

}
/** 
 * The id for the submission form DIV: used by contactform 7 plugin
 */
#submissionform {

}

#submissionform  h4{
font-size: 100%;
color: #000;
font-style: italic;
padding:0 0 5px 0;
margin:0;
}

#submissionform p {
padding-bottom: 15px;
}

.submission_block {
padding-bottom:15px;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
}
 
#submissionbutton  input{
display: block;
border: 0;
background-color: #c60;
text-align:center;
color:#FFF;
font-weight:bold;
font-size:120%;
padding:10px;
margin:0 0 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
 
#commentform input, #searchform input#s {
width: 50%;
}

#sidebar p, #foot ul {
margin: 2px;
padding: 0;
}

.cat-item {
	list-style: none;
}

/**
 * styles used for the bibliography used by the KCite plugin
 **/
 .kcite-section  li{
 
 }
 
 
 /**
 * Styling the Wordpress Popular Post Plugin
 **/