/*
*
*Argunet.org css
*copyright Christian Voigt 2008
*all rights reserved
*
*/
body,html{
margin:0px;
padding:0px;
font-size:12px;
line-height:140%;
font-family:Arial,sans-serif;
background:#DADADA;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:0px;	
}
img.center-image{
	display:block;
	text-align:center;
	margin:0 auto;
	}
h2{
color:#1ba5f7;
font-size:150%;
margin:0px;
margin-bottom:1em;
}
h3{
margin:0px;
padding:0px;
font-weight:bold;
font-size:125%;
margin-bottom:1em;
}
h4{
margin:0px 0px 0.5em;
padding:0px;
font-weight:bold;
font-size:100%;
}
td{
	vertical-align:top;
	}
/*
*---Simple White Round Corners---
*/
.rc {
background-color: #fff;
overflow: hidden;
}
.rc .content{
	padding:1px 0px; /*IE needs this*/
	clear:both;
}
* html .rc {
height: 1%;
}
.tl {
background-image: url(../images/circle-white.gif);
width: 8px;
height: 8px;
float: left;
font-size: 0;
}
.tr {
background-image: url(../images/circle-white.gif);
background-position: 8px 0px;
width: 8px;
height: 8px;
float: right;
font-size: 0;
}
.bl {
	clear:both;
background-image: url(../images/circle-white.gif);
background-position: 0px 8px;
width: 8px;
height: 8px;
float: left;
font-size: 0;
}
.br {
background-image: url(../images/circle-white.gif);
background-position: 8px 8px;
width: 8px;
height: 8px;
float: right;
font-size: 0;
}
/*
*---Advanced Round Corners
*see http://www.schillmania.com/projects/rc-advanced2/
*/
.rc-advanced {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:900px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:8px; /* default, width of left corner */
 margin-bottom:0px; /* spacing under rc-advanced */
}

.rc-advanced .wrap,
.rc-advanced .t,
.rc-advanced .b,
.rc-advanced .b div {
 background:transparent url(../images/rc-advanced-blue.png) no-repeat top right;
 _background-image:url(../images/rc-advanced-blue.gif);
}

.rc-advanced .wrap {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 8px 0px 0px;
}

.rc-advanced .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:8px; /* top slice width */
 margin-left:-8px;
 height:100%;
 _height:600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rc-advanced .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rc-advanced .b,
.rc-advanced .b div {
 height:8px; /* height of bottom cap/shade */
 font-size:1px;
}

.rc-advanced .b {
 background-position:bottom right;
}

.rc-advanced .b div {
 position:relative;
 width:8px; /* bottom corner width */
 margin-left:-8px;
 background-position:bottom left;
}

.rc-advanced .hd,
.rc-advanced .bd,
.rc-advanced .ft {
 position:relative;
}
.rc-advanced .content{
padding:2px;
}
.rc-advanced.type2 .wrap,
.rc-advanced.type2 .t,
.rc-advanced.type2 .b,
.rc-advanced.type2 .b div {
 background-image:url(../images/rc-advanced-white.png);
 _background-image:url(../images/rc-advanced-white.gif);
}
.rc-advanced.type2 .wrap,
.rc-advanced.type2 .t{
background-position:0px -20px;
}
.rc-advanced.type2 {
 margin-bottom:20px; /* spacing under rc-advanced */
}

/*
* ---HEADER COLUMNS---
*/

/*http://www.glish.com/css/7.asp*/
#header{
background-color:#021a28;
border-bottom:3px solid #77bcfc;
height:40px;
}
#header-center-column {
padding:0px;
margin-left: 130px;
margin-right:0px; /*overlaps navigation, so navigation should be invisible if this columns is used*/
margin-top:0px;
margin-bottom:0px;

   min-height:40px;
   height:auto !important;  /* für moderne Browser */
   height:40px;  /*für den IE */
}
#header-logo {
display:block;
margin:0px;
padding:0px;
position: absolute;
left:0px;
top:0px;
width:130px;
}
#header-navigation {
position: absolute;
right:0px;
top:12px;
width:200px;
border-right:0px solid #092947;
text-align:left;
}

#header-navigation ul{
margin:0px;
padding:0px;
}
#header-navigation li{
margin:0px;
padding:2px;
list-style-type:none;
display:inline;
}
#header-navigation a{
color:#fff;
text-decoration:none;
text-transform:lowercase;
font-size:16px;
font-weight:normal;
}
#header-navigation a:hover{
text-decoration:underline;
}
/*
*---Content---
*/
#content{
margin:0 auto;
text-align:center;
width:900px;
}
#content div{
text-align:left;
}
/*
*---Panel---
*/
.panel{
background-color:#fff;
padding:0em 8px;
}
.panel-content{
margin:0em 0em 0em;
padding-top:0em;
margin-bottom:2em;
}
ul.panel-content{
list-style-type:none;	
padding-left:0px;
padding:0px 0.5em 2em;	
}
ul.panel-content li{
margin:0px 0px 10px;
}

/*
*---Content Header---
*/
#content-header{
padding-top:10px;
margin-bottom:20px;
}
#content-header.index{
padding-top:8px;	
}
#content-header.index .content{
padding-left:190px;
height:79px;
background: transparent url("../images/logo-content.jpg") no-repeat 0px 0px;
padding-top:5px;
padding-bottom:18px;
}
#content-header .content{
margin:10px 2em 0px 2em;
}
#content-header.editor{
height:342px;
background: transparent url("../images/bg-editor.png") no-repeat 0px 0px;
padding:0px;
}
#content-header.editor .content{
margin-top:0px;
}
#content-header.editor h1{
color:#021A28;
padding-top:0.2em;
padding-left:7px;
line-height:100%;
clear:both;
}
#content-header h1 a{
	color:#000;
}
#content-header.editor strong{
color:#ffffff;
}
#content-header.editor  #logo-content{
width:200px;
float:left;
margin-top:110px;
}
#content-header.index h1,#content-header.standard h1{
padding-bottom:10px;
}
#content-header.standard #search-panel{
	float:right;
	padding:px;
	margin:0px;
	width:420px;
	}
	#content-header.standard h1{
	float:left;
	width:420px;
	}
#content-header h1{
margin:0px;
padding:0px;
color:#021a28;
font-size:200%;
}
#content-header h2{
color:#8f8f8f;
font-size:200%;
margin:10px 0px;
padding:0px;
line-height:100%;
}
#content-header p, #content-header li{
font-size:120%;
padding:0.1em 0em;
margin:0px;
color:#6b6b6b;
}
#content-header ul{
padding:0px 0px 0px 1em;
margin:0px;
}

#content-header strong{
color:#1ba5f7;
}

/*
*---TOP ROW COLUMNS---
*/
#top-row{
clear:both;
}
#column-top-left{
width:600px;
float:left;
display:inline;
margin-right:10px;
}
#column-top-right{
width:290px;
float:left;
display:inline;
overflow:hidden;

}
#search-panel.standalone{
height:90px;
width:600px;
 background:transparent url(../images/rc-advanced-blue.png) no-repeat top left;
 _background-image:url(../images/rc-advanced-blue.gif);
padding:5px 0px;

}
#search-panel.embedded{
	
	}
#search-panel h2,#search-panel a{
color:#fff;
}
#search-panel,#search-panel div{
margin-left: auto;
margin-right:auto;
text-align:center;
}
#search-panel h2{
text-align:center;
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:5px;
font-weight:normal;
}
#search-panel form{
	margin:0px;
}
#search-panel .taglist{
margin-top:5px;
}
#mapping-button .content{
height:72px;
width:290px;
}
#mapping-button h2,#mapping-button h3{
margin:0px auto;
text-align:center;
padding:0px;
font-weight:normal;
}
#mapping-button h2{
 background:transparent url(../images/launcher.png) no-repeat 40px 0px;
 _background-image:url(../images/launcher.gif);

padding-left:50px;
padding-bottom:15px;
padding-top:10px;
}
#download-button h2{
font-size:200%;
}
#download-button h2 a{
display:block;
 background:transparent url(../images/launcher.png) no-repeat 50px 0px;
 _background-image:url(../images/launcher.gif);
padding-left:110px;
padding-bottom:20px;
padding-top:17px;
margin-top:10px;
}

/*
*---Bottom Row Columns---
*/
#bottom-row{
clear:both;
}
#column-left{
width:600px;
float:left;
display:inline;
overflow:hidden;
margin-right:10px;
}
#column-left .panel{
	padding:0 2em;
}
#column-left.column-navigator{
padding:0px;
}

#column-left h2{
border-bottom:1px solid #CCCCCC;
color:#999999;
font-size:200%;
margin-top:0.5em;
padding-bottom:8px;
line-height:110%;
}
#column-right{
width:290px;
float:left;
display:inline;
overflow:hidden;
}
#column-right p{
	margin:0px 0px 1em;
}
#column-right .panel h2{
 background:transparent url(../images/bg-h2-right.png) no-repeat top left;
 _background-image:url(../images/bg-h2-right.gif);
margin:0px 0px 8px;
padding:3px 5px 0px 5px;
height:30px;
width:264px;
overflow:hidden;
color:#fff;
line-height:125%;
}
#column-right .panel h3{
font-size:125%;
margin-bottom:0.3em;
margin-top:1em;
}
/*
*---Teaser---
*/
.teaser{
	text-align:left;
border-bottom:1px solid #bbb;
clear:both;
overflow:hidden;
table-layout:fixed;
}
.teaser td{
	overflow: hidden; 
	}
.teaser	h4{
font-weight:normal;
font-size:125%;
}
.teaser .img, .teaser .info, .teaser .title{
text-align:left;
vertical-align:top;
padding-top:15px;
padding-bottom:10px;
}
.teaser img{
display:block;
width:180px;
height:100px;
border:1px solid #ccc;
}
.teaser .img{
	width:185px;
}
.teaser .info{
font-size:95%;
width:20%;
}
.teaser .info p{
margin:0.2em;	
}
.teaser .title{
padding-left:1em;
padding-right:0em;
overflow:hidden;
width:45%;
overflow:hidden;
}
.teaser .title p{
margin:0px;
margin-top:0.2em;
word-wrap:break-word;
overflow:hidden;
}
.teaser h3{
margin-bottom:0px;
overflow:hidden;
}
.teaser h4{
overflow:hidden;	
}
.teaser h5{
font-size:100%;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:0.4em;
}
.teaser ul{
margin: 0em 0em 0em 1.3em;
padding:0px;
}
.teaser li{
  list-style-type:bullett;
  margin:0.1em;
}
/*
*---Subnavi---
*/
.subnavi{
text-align:right;
margin-bottom:1em;	
}
.subnavi ul{
	display:inline;
	padding:0px;
	margin:0px;
  	list-style-type:none;	
}
.subnavi li{
	display:inline;
	padding:0px;
	margin:0px;
	border-left:1px solid #000;
	padding-left:0.5em;	
	padding-right:0.5em;
}
.subnavi li.first{
border-left:0px;
padding-left:0px;	
}
/*
*---Diverse Content Styles
*/
#faq img{
display:block;
margin:5px;	
}
.question .symbol{
font-size:80%;
}
.question td{
vertical-align:middle;
}
.answer{
clear:both;
border-bottom:1px solid #bbb;
margin:0px 0em 2em 2em;
}
.maplist {
display:none;	
}
#content .debatelist .navigation{
	width:100%;
	text-align:center;
	margin:0.5em auto;	
}
.taglist a, .tagcloud a{
	text-decoration:none;
}
.taglist a:hover, .tagcloud a:hover{
	text-decoration:underline;
}
#search .taglist{
	display:inline;	
}
ul.tagcloud{
	margin:0px;
	padding:0px;	
}
ul.tagcloud li{
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.smallestTag { font-size: xx-small; }
.smallTag { font-size: small; }
.mediumTag { font-size: medium; }
.largeTag { font-size: large; }
.largestTag { font-size: xx-large; }
.error{
margin:4em 1em;	
}
.error p{
	font-size:120%;
	text-align:center;
}
.error h2{
color:#ff0000;
text-align:center;	
}

.note{
background:#eee;
padding:1em;
}
.note h2{
color:#00ff00;
}
#license .panel-content{
	text-align:center;
}
/*
*---Wordpress Blog---
*/
.panel .navigation{
margin-bottom:2em;
}
.post {
margin-bottom:5em;
}
.post h3{
font-size:165%;
font-weight:normal;
margin:1em 0px 0.5em;
padding:0px;	
line-height:120%;
}
#content .post-date{
	display:block;
	margin-top:-2.5em;
	text-align:right;
}
#sidebar ul{
	margin:0px;
	padding:0px;
	margin-bottom:2em;
	}
	#sidebar ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#searchform{
	margin-bottom:2em;
	}
#comment{
	width:100%;
	}
#screenshots{
	height:300px;
	width:860px;
	
	}
li.download {
list-style-type:none;
background:#FFFFFF url(http://www.argunet.org/debates/images/launcher32x32.gif) no-repeat scroll left top;
display:block;
padding-bottom:15px;
padding-left:40px;
padding-top:7px;
text-decoration:none;
}
.biglist li{
	font-size:140%;
	margin-bottom:1em;
	line-height:150%;
}

#faq .question a{
	display:block;
	padding-left:20px;
	background-image:url(http://www.argunet.org/debates/images/Plus.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
#faq .question.expanded a{
	display:block;
	padding-left:20px;
	background-image:url(http://www.argunet.org/debates/images/Minus.gif);
	background-position:center left;
	background-repeat:no-repeat;
	
}

/*
*---Footer---
*/
#footer{
font-size:80%;	
margin:0px 25px;
padding:3em 0em 1em;
text-align:center;
clear:both;
}
