/* /files/base.css */


/**********/
/* IE fix */
/**********/

/* necessary to prevent IE from making all divs at least 12px high */

.IE_fix         {
                line-height:0px;
}


/*************/
/* universal */
/*************/

span.code{
    font-family:monospace;
}

div.code{
    margin-left:3em;
    font-family:monospace;
    text-align:left;
    padding-top:10px;
}

/***********/
/* columns */
/***********/

div#page{
                margin-left:auto;
                margin-right:auto;
                top:8em;
                width:1120px;
}


/* left column */
div#left_column {
                float:left;
                width:220px;
}

/* right column */
div#right_column{
                float:left;
                width:220px;
}

/* center column */
div#center_column{
                float:left;
                width:680px;
}



/* body */
body{
                font-family:times, serif;
                font-size:16px;
                background-color:#9DA963;
                background-color:#EAE9DB;
}

/* headlines */

h1              {
                font-weight:bold;
                font-size:500%;
                color:black;
                margin:0;
                padding:0;
}

h2              {
                font-weight:bold;
                font-size:200%;
                color:black;
                padding:0px;
                margin:0px;
}

h3              {
                font-weight:bold;
                font-size:120%;
                color:black;
                padding:0px;
                margin:0px;
}

h4              {
                font-weight:bold;
                font-size:100%;
                color:black;
                margin:0px;
                padding:0px;
}


/* links */
A:link 		{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:visited 	{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:hover 	{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:active 	{background-color:transparent; color:#5F654F ;text-decoration:none;}

/* p */
div.article_text{
                line-height:1.4;
}

.article_text p {
                padding-bottom:1em;
}

.comment_text p {
                padding-bottom:1em;
}

.member_profile_text p {
                padding-bottom:1em;
}

/***************/
/* page layout */
/***************/

/*******************/
/* the main header */
/*******************/

div#header 	    {
    			text-align:center;
    			margin:1em;
    			height:6em;
                color:black;
    			clear:both;
}

div#language_link{
                float:right;
                text-align:right;
}

/**************************/
/* landscape specific css */
/**************************/




/**************************/
/* left and right columns */
/**************************/

div.column_box{
                background-color:#FAFAFA;
                padding:10px;
                margin:2.5px;
                float:left;
                width:195px ;
                -moz-border-radius:15px;
                border-radius:15px;
}

.column_header{
                text-align:left;
                margin-bottom:5px;                
                font-weight:bold;
                font-size:120%;
                color:black;
                padding:0px;
}


.column_entry{
                text-align:right;
                margin-bottom:5px;
                font-weight:bold;
                font-size:100%;
                color:black;
                padding:0px;
}

.column_spacer{
                height:5px;
                clear:both;
}

.comment_timesince{
                text-align:right;
                font-weight:normal;
}

/**********/
/* footer */
/**********/

div#footer      {
                margin-top:20px;
                margin-left:auto;
                margin-right:auto;
                width:90%;
                text-align:center;
                clear:both;
}



/**************/
/* login page */
/**************/

div#login_page{
                font-family:sans-serif;
                text-align:center;
                margin-left:auto;
                margin-right:auto;
}

div#login_message{
                font-size:150%;
}

div#login_error{
                font-size:600%;
}
.login_form_field{
                width:50%;
}

/***********************/
/* password reset page */
/***********************/

div#reset_page{
                font-family:sans-serif;
                text-align:center;
}

div#reset_description{
                font-size:150%;
                width:50%;
                margin-left:auto;
                margin-right:auto;
                padding:50px;
}

div#reset_error{
                font-size:600%;
}




/*************/
/* main page */
/*************/


/**************/
/* flashforum */
/**************/

.flashforum{
                float:left;
                width:195px;
}

.flashpost_header{
                height:1em;
                position:relative;
                clear:both;
}

.flashpost_author{
                position:absolute;
                bottom:0;
                left:0;
                text-align:left;
                color:black;
                padding:0px;
                margin:0px;
}

.flashpost_date_added{
                position:absolute;
                bottom:0;
                right:0px;
                text-align:right;
            	font-size:80%;
            	color:black;                
}

.flashpost_line  {
                float:left;
                height:1px;
                line-height:0px;
                margin-bottom:5px;
                width:195px;
                clear:both;
    			background-color:black;
}

.flashpost_spacer  {
                height:20px;
                margin:0px;
                width:100%;
                clear:both;
    			background-color:transparent;
}

.flashforum_spacer  {
                height:30px;
                margin:0px;
                width:100%;
                clear:both;
    			background-color:transparent;
}

.flashpost_text  {
                clear:both;
    			text-align:justify;
    			font-size:100%;
    			color:black;
    			background-color:transparent;
    			padding:5px 0px 30px;
}



#tag_cloud{
                text-align:justify;
}



/********************************************************/
/* articles, also controls articles shown on front page */
/********************************************************/

.article_box    {
                float:left;
                width:655px;
                background-color:#FAFAFA;
                padding:10px;
                margin:2.5px;
                -moz-border-radius:15px;
                border-radius:15px;
}


.article        {
                position:relative;
                float:left;
                width:100%;
                background-color:transparent;
                padding:0;
                margin:0;
}


.article_header{
                height:2em;
                position:relative;
                clear:both;
                padding:5px 7px 0px;
}

.article_title {
                width:70%;
                float:left;
                text-align:left;
    			color:black;
}

.article_meta{
                position:absolute;
                bottom:0;
                right:7px;
                text-align:right;
    			font-weight:bold;
    			color:black;
}

.article_author{
}

.article_date   {
                padding-left:0.3em;
}
.article_time   {
                padding-left:0.2em;
}

.article_text  {
                position:relative;
                width:640px;
    			text-align:justify; 
    			color:black;
    			margin:10px 7px 30px;
}

.article_line  {
                height:1px;
                line-height:0px;
                margin:0px;
                width:100%;
                clear:both;
    			background-color:black;
}

.article_listing{
                height:1.2em;
                position:relative;
                clear:both;
                padding:5px 10px 0px;
}


.article_end{
                width:100%;
                clear:both;
}

.article_links{
                width:100%;
                clear:both;
                padding-bottom:35px;
}

.article_link{
                float:right;
                padding-left:1.5em;
}

.article_edit {
	            font-size:80%;
                position:absolute;
                margin:10px 0 5px;
                right:0;
                bottom:0;
}

/* like */

.likers{
                font-size:80%;
                position:absolute;
                margin:10px 0px 5px;
                left:0;
                bottom:0;
}


/************/
/* comments */
/************/

.comment    {
                position:relative;
                float:left;
                width:100%;
                background-color:#FAFAFA;
                padding:0;
                padding-bottom:10px;
                margin:0;
                margin-bottom:5px;
}

#comments_headline{
                margin:10px auto;
                text-align:center;
                margin-bottom:20px;
}

.comment_header{
                height:1.2em;
                position:relative;
                clear:both;
                padding:5px 10px 0px;
}

.comment_title {
                float:left;
                text-align:left;
    			color:black;
}

.comment_author {
                position:absolute;
                bottom:0;
                right:10px;
                text-align:right;
    			font-weight:bold;
    			font-size:80%;
    			color:black;
}

.comment_edit {
	            font-size:80%;
                position:absolute;
                margin:10px 0px 5px;
                right:0;
                bottom:0;
}

.comment_text  {
                float:left;
                clear:both;
    			text-align:justify;
    			color:black;
    			margin:10px 10px 20px;
}

.comment_line  {
                height:1px;
                margin:0px;
                width:100%;
                clear:both;
    			background-color:black;
}



/******************/
/* member related */
/******************/

/* list of all members */

.member_meta    {
                position:absolute;
                bottom:0;
                right:10px;
                text-align:right;
    			font-weight:bold;
    			color:black;
}

/* member detail */
.member_detail_header{
                height:26px;
                position:relative;
                clear:both;
}

.member_detail_name {
                float:left;
                text-align:left;
    			color:black;
    			padding:0px;
    			margin:0px;
}

.member_detail_date {
                position:absolute;
                bottom:0%;
                right:0;
                text-align:right;
    			font-weight:bold;
    			font-size:80%;
    			color:black;
}

.member_detail_profile_picture{
                float:right;
                padding-left:10px;
}

.member_detail_profile_text  {
    			text-align:justify; 
    			font-size:90%;
    			color:black;
    			background-color:transparent;
    			margin:2px 0px 30px;
}

.member_detail_line  {
                height:1px;
                margin:0px;
                width:100%;
                clear:both;
    			background-color:black;
}

.member_detail_end{
                width:100%;
                clear:both;
}

.member_detail_articles_headline{
                clear:both;
}


/* member form */

div.tabs       {
                margin-top:10px;
                font-size:120%;
                float:left;
                clear:both;
                width:100%;
                border-bottom:1px solid;
}

div.tab_active{
                float:left;
                font-weight:bold;
                padding:3px 0px;
                margin:0px 3px;
                border-top:1px solid;
                border-right:1px solid;
                border-left:1px solid;
}

div.tab_inactive{
                float:left;
                padding:3px 0px;
                margin:0px 3px;
                border-top:1px solid;
                border-right:1px solid;
                border-left:1px solid;
}

a.tab_title{
                padding:0px 3px 4px;
                color:black;
}

.tab_active .tab_title {
                background-color:#FAFAFA;
}

textarea#id_custom_css_data{
                width:99%;
                margin:0.5%;
                height:50em;
}


/*********/
/* polls */
/*********/

/* Settings for polls detailed */

div .poll_choice{
                width:35%;
                float:left;
                text-align:right;
                padding:0.15em 0.5em 0.15em 0em;
                font-size:1.2em;
}

div .poll_bar{
                background-color:green;
                height:1.5em;
                float:left;
}

div .poll_percentage{
                float:left;
                font-size:1em;
                padding:0.25em 1em 0.25em 1em;
}

.poll_spacer{
                clear:both;
                height:0;
                padding-bottom:5px;
}

/* Settings for poll in left column of front page */

.poll_unvoted_radiobutton{
                width:10%;
                height:1.5em;
                float:left;
                text-align:right;
}

.poll_unvoted_choice{
                width:80%;
                font-weight:bold;
                float:left;
                text-align:left;
                padding:0.2em 0.5em 0.25em;
}

.poll_voted_percentage{
                width:18%;
                float:left;
                text-align:right;
                padding-bottom:0.5em;
}

.poll_voted_choice{
                width:72%;
                font-weight:bold;
                float:left;
                text-align:left;
                padding-left:0.5em;
                padding-bottom:0.5em;
}

.poll_active_spacer{
                clear:both;
                height:0;
}

.poll_active button{
                float:right;
}

/******************/
/* Search related */
/******************/

.flashpost_hit  {
                width: 80%;
                float:left;
}

/***********************************************/
/* large forms (every form except flashforum)  */
/***********************************************/

p{border:0; margin:0; padding:0;}

textarea{
                border:solid 1px #88afc4;
}


.form_spacer{
                clear:both;
                height:0;
}

div .form_description{
                float:left;
                clear:both;
                width:70%;
                text-align:justify;
                padding-top:0.7em;
                padding-bottom:0.7em;
}


#baseform{
                width:100%;
}

#baseform label{
display:block;
font-weight:bold;
text-align:right;
width:48%;
float:left;
padding:0.5%;
margin-bottom:4px;
}

#baseform .small{
                color:#555555;
                display:block;
                font-size:11px;
                font-weight:normal;
                text-align:right;
}

#baseform .form_error{
                color:red;
}

#baseform input[type=text]{
                float:left;
                font-size:100%;
                width:48.5%;
                border:solid 1px #88afc4;
                padding:1px;
                margin:0.5%;
                margin-bottom:4px;
}

#baseform input[type=password]{
                float:left;
                font-size:100%;
                width:48.5%;
                border:solid 1px #88afc4;
                padding:1px;
                margin:0.5%;
                margin-bottom:4px;
}

#baseform input[type=file]{
                float:left;
                font-size:100%;
                width:48.5%;
                border:solid 1px #88afc4;
                padding:1px;
                margin:0.5%;
                margin-bottom:4px;
}

#baseform select{
                float:left;
                font-size:100%;
                margin:0.5%;
                margin-bottom:4px;
}


#baseform input[type=checkbox]{
                float:left;
                margin:0.5%;
                margin-bottom:4px;
}

textarea#id_text{
                width:97%;
                margin:0.5em 1.5% 0.5em;
                height:50em;
}

textarea#id_profile_text{
                width:97%;
                margin:0.5em 1.5% 0.5em;
}

#baseform button{
clear:both;
float:right;
margin:0.5%;
width:125px;
height:31px;
background:#666666;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/********************/
/* flashforum form  */
/********************/

#flashpost_form .wrapper{
                position:relative;
                width:100%;
                height:2em;
                margin:0;
                padding:0;
}

#flashpost_form label{
                width:48%;
                margin:0;
                margin-right:1%;
                padding:0;
                font-size:80%;
                position:absolute;
                right:50%;
                text-align:right;
}

#flashpost_form #id_answer{
                width:47%;
                margin:0;
                margin-top:2px;
                margin-left:0.5%;
                border:solid 1px #88afc4;
                padding:2px;
                position:absolute;
                right:0;
                top:0;
}

#flashpost_form #id_name{
                width:47%;
                margin:0;
                margin-top:2px;
                margin-left:0.5%;
                border:solid 1px #88afc4;
                padding:2px;
                position:absolute;
                right:0;
                top:0;
}


#countdown{
                float:right;
                text-align:right;
                font-size:80%;
                font-family:sans-serif;
                width:3em;
                background-color:transparent;
                border:0;
                padding:0;
                margin:0;
                margin-right:1px;
                margin-bottom:2px;
}

#countdown_text{
                float:right;
                font-size:80%;
                background-color:transparent;
                margin-bottom:2px;
}

#countdown_wrapper{
                position:relative;
                clear:both;
                padding:1px;
}

textarea#id_flashtext{
                width:195px;
                height:9em;
                overflow:hidden;
}

#flashpost_form input[type=button]{
                position:absolute;
                right:0;
                bottom:0;
width:50%;
height:2em;
background:#666666 no-repeat;
text-align:center;
line-height:13px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}