/* css adapted by Mathieu Meylan 2005 http://www.matinfo.ch/ */
/* This css is converted specialy for Flux CMS  */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en  */
/* css based on the 2-cols css theme by miss monorom (http://www.monorom.to) - thx a lot */


/* Global 
-------------------*/
* { margin:0pt; padding:0pt; }
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin:0pt; padding:0pt; }

#ng_bitflux_org, body{
    background: #fff;
    color:#000;
    font-family:Georgia,"Helvetica", "Verdana", sans-serif;
    font-size:1em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height: 1.3em;
}

ul, li { list-style-type: square; }

img, fieldset { border: 0px none; }

h1, h2, h3, h4 {  background-color: transparent; color: #4775A0;  margin: 1.5em 0 1em 0; font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 1.7em; font-weight: bold; letter-spacing: 2px; }
h2{ font-size: 1.2em; letter-spacing: 1px; }
h3{ font-size: 1.2em; }

.page-break { page-break-after:always; }

/* Links
------------------- */
#content a, a, a:link, a:visited { background-color: #fff; color: #000; text-decoration: none; font-style: italic; }

# external
#content a:after, 
#content a:after { content: " (" attr(href) ") "; font-size: 10px; }

# local
#content a[href^="/"]:after, 
#content a[href^="http://(www\.)?matinfo.ch"]:after,
#content a[href^="javascript"]:after,
#content a[href^="#"]:after { content: ""; }

#content .red { background-color:#fff; color: #ee4000; }


/* Form elements
-------------------------- */
form { padding: 2px; margin: 0px; }

input[type="text"],
input[type="password"],
input[type=submit] ,
input[type="checkbox"], 
textarea { 
    background: #fff;
    color:#000;
    border: 1px solid;
    border-color: #999 #D9D9D9 #D9D9D9 #999;
}
input[type=submit], input[type=button] { 
    width:100px;
    text-align: center;
    background: #f8f8f8; 
    color:#000;
    border: 1px solid; 
    border-color: #D9D9D9 #999 #999 #D9D9D9;
}
input[type=text],  textarea { padding: 2px; margin-top: 2px; margin-bottom: 2px; width: 320px; }

select { background-color: #f8f8f8; color: #6D6968; margin: 2px; border: 1px solid #ccc; }

textarea  { height: 150px; }

#content .formHeader { width: 140px; }

#content .captcha { width:100px;  border: 1px solid #ccc; }

/* patforms filter */
#content .formErrors { margin: 0px 0px 10px 180px; padding: 5px; border: 0; text-align: left; }
#content .formlabel { display: block; float: left; width: 170px; margin-right: 10px; text-align: left; }
#content .formlabelerror {
    display: block;
    float: left;
    width: 130px; 
    background-color: #fff;
    color: #ee4000;
    margin-right: 2px;
    font-weight: bold;
    text-align: left;
}

/* Formated content
------------------------------ */
#content .highlight { background-color: #f8f8f8; color:#333333; }
#content .line { border-top: 1px solid #dfdfdf; }    

blockquote, pre { 
    background-color:#f8f8f8;
    color:#333333;
    text-align: justify;
/*    $: top right bottom left */
    padding: 12px 30px 12px 20px;
    margin-top: 12px;
    border-top: 1px dashed #dfdfdf;
    border-bottom: 1px dashed #dfdfdf; 
}
blockquote { font: italic 1.05em Georgia, Times, serif; background-color: #f8f8f8; color: #000; margin: 0.25em 0; }
blockquote[cite]:after {
    display: block;
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
    content: "\2014 " attr(cite);
}
blockquote ul { margin-left: 15px; padding-left: 0; }

pre, code { overflow:auto; font: 0.8125em Courier, monospace; color: #000; }
pre { line-height: 1.3em; }
pre strong { font-size: 1em; font-weight: bold; }
pre code { font-size: 0.9125em; line-height: 1.3em; }

q:before { content: "\201C"; }
q q:before { content: "\2018"; }
q:after { content: "\201D"; }
q q:after  { content: "\2019"; }
q[cite]:after { content: "\201D (" attr(cite) ")"; }
q q[cite]:after  { content: "\2019 (" attr(cite) ")"; }
dt { margin-bottom:4px; }
dl dt:first-child { margin-top: 0; }

/* This technique from <http://www.alistapart.com/articles/taminglists/> */
dl dd { display: block; margin-left: 0; padding-left: 1.5em; margin-top: 6px; margin-bottom: 12px; text-indent: -1em; }
dl dd:before {  
/*    content: "\2001\00BB\2002";  */ 
content: "\00BB"; padding-left: 1em; padding-right: 0.5em; }
dl { padding-bottom: 4px; }


/* Right menu container 
---------------------------------*/
#rightcontainer { display: none !important; }

/* HEAD: banner for logo and language + valid
----------------------------------------------------------------- */
#banner_ { display: none !important; }
#banner_fr { display: none !important; }
#banner_en { display: none !important; }
#language { display: none !important; }
#valid { display: none !important; }
#banner_menu { display: none !important; }
.banner_line { display: none !important; }

/* Container 
------------------ */

#container_top { display: none; }

#print_preview { display: block !important; }

#container { width: auto; display: block !important; margin-right: 0px; }

#containershadow { width: auto; display: block !important; margin-left: auto; margin-right: auto; border: 0; }

#container_bottom { display: none; }

#print_bottom { display: block; font-size: 80%; }

/* Content elements 
----------------------------- */
#content {
	width: auto !important;
	border: 0;
	margin-top: 15px;
	padding: 0;
}
#text {
	width: auto;
        display: block;
        margin: 0px 25px 0px 40px; 
        background-color: #fff;
        color: #000;
	text-align: justify;

}
#content h2,h3,h4,h5 { padding-top: 12px; }
#content_text p {margin-top: 1.5em; }

/* Anchor a in page 
-------------------------------- */
#content .anchor_title {
     background-color: #fff; 
     color: #4775A0;
        font-size: 1em;
     letter-spacing: 1px; 
     border-bottom: 1px solid #ccc;
    padding-bottom: 1px;
    margin-top: 22px; 
    margin-bottom: 17px; 
}

#content .anchor_title a { background-color: #fff; color: #4775A0; border: none !important; font-size: 1em; letter-spacing: 1px; }

/* BLOG 
--------------------------- */
#content .post_title { background-color: #fff; color: #4775A0; border-bottom: 1px solid #ccc; 
    font-size: 1.5em; font-weight: bold; letter-spacing: 1px; padding-bottom: 4px; padding-top: 26px; margin: 0px;
}
#content .post_title a { color: #4775A0; }
#content .post_title a:hover { color: #333333; text-decoration: none !important; }
/* #content h1.post_title, #content .post_title h2 { background: #fff; color: #4775A0; font-size: 1.125em; font-weight: bold; letter-spacing: 1px; } */

/* BLOG: The Line with the Author, Date and the Categories 
--------------------------------------------------------------*/
#content .post_meta_data {
    width: auto;
    background: transparent url(/themes/matinfo/images/post_meta.png) 0px 0px repeat-x;
    font-size: 0.8125em;  padding: 2px;
}
#content .post_author { 
    background: transparent url(/themes/matinfo/images/icons/author.gif) 0px 2px no-repeat; 
    color: #333333; padding: 2px 5px 0px 15px; 
}
#content .post_author:after { content: "  @ "; } 

#content .post_date { 
    background: transparent url('/themes/matinfo/images/icons/post.gif') 0px 2px no-repeat; 
    color: #333333; padding: 2px 0px 0px 15px; 
}
#content .post_category { 
    background: transparent url(/themes/matinfo/images/icons/categories_gray.gif) 0px 1px no-repeat; 
    color: #333333; padding-left: 15px;
}

#content .right  { font-style: normal; float: right; }

#content h3.blog { 
    background-color: transparent; color: #4775A0; margin: 0pt; 
    margin-bottom: 5px; font-family: Georgia, "Times New Roman", Times, serif;
}
#content .blog_pager { color: #333333; padding-top: 15px; margin: 0px 0px 15px 0px; }
#content .blog_pager_prevnext { padding: 0px; }
#content .post_related_entries, #content .post_tags { text-align: right; font-size: 11px; }
#content .post_links { text-align: right;}
#content .post_more { float: left; }
#content .post_tags, #content .post_related_entries { padding-top: 5px; padding-bottom: 5px; }
#content .post_more { float: left; }
#content .post_content { padding-top: 12px; }
#content .post_content_extended { padding-top: 0px; }
#content .post_content_extended p { padding: 0px 0px 15px 0px; margin: 0px; }

/* BLOG: The Line with the Comment-thing and the Permalink 
----------------------------------------------------------------*/
#content .post_links { margin-top: 4px; padding: 2px; border-top: 1px dotted #ccc; }

#content .post_comments_count { 
    background: transparent url(/themes/matinfo/images/icons/speech_bubble.gif) 0px 0px no-repeat; 
    color: #333333; font-size: 0.8125em; padding-left: 15px; 
}
#content .post_trackback_uri { 
    background: transparent url(/themes/matinfo/images/icons/trackback.gif) 0px 0px no-repeat; 
    color: #333333; font-size: 0.8125em; padding-left: 15px; 
}
#content .post_uri { 
    background: transparent url(/themes/matinfo/images/icons/permalink.gif) 0px 1px no-repeat; 
    color: #333333; font-size: 0.8125em; padding-left: 15px; 
}

/* BLOG: Comments 
---------------------------------------------*/
#content .post_comments:before { content: url(/themes/matinfo/images/icons/blog-ani.gif); }

#content .comment_edit_title {}

#content .comment_edit_title:before { content: url(/themes/matinfo/images/icons/edit.png); padding-left: 2px; padding-right: 5px; margin-top: 2px; }

/* The Line with the Author and the Date */
#content .comment_meta_data { border-bottom: 1px dotted #ccc; border-left: 0px; border-right: 0px; }

/* Author of the Comment */
#content .comment_author { background: #fff url(/themes/matinfo/images/icons/author.gif) 0px 0px no-repeat; color: #333333; padding: 0px 5px 0px 15px; }

/* Date of the Comment */
#content .comment_date { background: #fff url(/themes/matinfo/images/icons/post.gif) 0px 0px no-repeat; color: #333333; padding: 0px 0px 0px 15px; }
#content .comment_right { width: auto; display: block; text-align: right; padding: 0px; font-style: italic; font-size: 0.8125em; border-top: 1px solid #ccc; }

.wizardError P { font-weight: bold; }

.formurl { display: none; }

#content .blog_gravatar { float: right; padding-left: 5px; }

/* GALLERY
----------------------- */
#content #gallerie { float: left; padding: 0px 0px 10px 25px; margin: 0px 0px 20px 0px; }
#content .thumbnail { float: left; width: 100px; margin: 15px 15px 0px 0px; padding: 0px; }
#content .thumbnail img { border: 1px solid #778899; padding: 1px; }
#content .thumbnail a { text-decoration: none; border: 0px none !important; }

#content  BR.antileft {    clear: left; }

#content .antifloat { clear: left; visibility: hidden; }

/* FOOTER
----------------- */
#footer { display: none; }


/* t60p spec */
#spec_t60p {
    width: auto;
    border-top: 1px dashed #dfdfdf;
    border-bottom: 1px dashed #dfdfdf;
    padding: 7px 10px 7px 15px;
    background-color: #f8f8f8; 
    color: #333333;
    text-align: left;
    line-height: 110%;
}

/* Vote
-----------------------------------*/

#votediv{ padding-right: 0px; float:right; width: 240px; margin-right: 2px; overflow: hidden; }
.votesubdiv{ padding:5px 0px 20px 20px; }
.votesubmit{ margin-top:10px; border:1px solid #aaa; }
.speicher { background-color: #fef61d; height: 15px; overflow: hidden;  padding: 0px; margin: 0px; margin-bottom: 3px; }
.balken { top: 0; overflow: hidden; height: 15px; background-color: #fff; padding: 0px; padding-left: 3px; margin: 0px; }
#votediv a { font-size: 10px; text-decoration: none; color: #980036; }
#voteform { padding: 0px; margin: 0px; }
#voteform table { border-collapse: collapse;  padding: 0px;  margin: 0px; }
#voteform table td { padding-left: 0px; }
#voteform table tr td.row1 { width: 10px; }
#voteform input.votesubmit { width: 100px; }