/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */

body {
	padding:         0;
	margin:          0;
        background:      white;
	color:           black;
	font-family:     Verdana, Tahoma, sans-serif;
}

#FlexiAll { /*for setting e.g. additional Background-image*/
        width:           800px;
        margin:          0 auto;
        padding:         0;
        background:      white;
}

#FlexiTop {
	margin:          0;
        padding:         0;
	border:          none;
        width:           800px;
        height:          111px;
        background:      url(/wiki/Cygnus2012/FlexiFooter?action=download&upname=c2005koski.jpg) white;
}

#FlexiTop h1 {
        font-size:       200%;
        padding:         20px 0 0 120px;
        margin:          0;
        color:           white;        
}

#FlexiTop h2 {
        font-size:       105%;
        padding:         0 0 0 120px;
        margin:          0;
        color:           white;        
}

#FlexiLeft {
        margin:          1.75em 0;
        padding:         0 0 15px 0;
        float:           left;
        clear:           both;        
	width:           20%;
	border:          none;
        color:           black;
        font-size:       70%;
        font-weight:     normal;
	background:      white;
}

#FlexiLeft ul {
        list-style:      none;
        padding:         0;
        margin:          0;
}

.sidehead {
        color:           white;
        display:         block;
        background:      #255b97;
        font-weight:     bold;
        margin:          3px 0 3px 0;
        padding:         3px 0 3px 5px;
        font-size:       1em;
}

#FlexiLeft li {
        color:           black;
        background:      none;       
        padding:         1px 0 0 0;
        margin:          6px 0 4px 10px;
        border-bottom:   none;
        font-weight:     normal;
        font-size:       0.75em:
}

.vspace {
        padding-top:     2px;
}

#FlexiLeft a:link, 
#FlexiLeft a:active, 
#FlexiLeft a:visited, 
#FlexiLeft a:hover {
        color:           black;
        text-decoration: none;
 }

#FlexiHeader {
        float:           right;
	margin:          1em 0 0 0;
        text-align:      right;
	width:           72%;
	border:          none;
        font-size:       70%;
        font-color:      #eee;
}

#FlexiHeader a:link, 
#FlexiHeader a:visited, 
#FlexiHeader a:hover, 
#FlexiHeader a:active {
        color:           #ccc;
        text-decoration: none;
}

#FlexiTitle {
        float:           right;
	width:           72%;
	margin:          0;
	border:          none;
}

#FlexiMain {
        background:      white;
        float:           right;
	width:           72%;
        padding-left:    0;
	margin:          0;
	border:          none;
        font-size:       80%;
        line-height:     18px;
}

#FlexiMain h1 {
        color:           #053f80;
        font-size:       150%;
        padding-bottom:  3px;
        margin-top:      1em;
        margin-bottom:   1em; 
}

#FlexiMain h2 {
        color:           #053f80;
        font-size:       120%;
}

#FlexiMain h3 {
        font-size:       100%;
}

#FlexiMain h4 {
        font-size:       80%;
}

#FlexiMain a:link, 
#FlexiMain a:active, 
#FlexiMain a:visited, 
#FlexiMain a:hover {
        color:           black;
        text-decoration: underline;
}

#FlexiMain ul {
        padding-left:    20px;
        margin:          0;
        list-style-type: square;
}

#FlexiMain li {
        padding:         0;
        margin:          0;
}

#FlexiMain table {
        padding:         0;
        margin:          0;
        border:          1px solid white;
        background:      white;
}

#FlexiMain th {
        background:      white;
        padding:         2px 0 2px 7px;
        margin:          0;
}

#FlexiMain td {
        background:      white;
        padding:         2px 0 2px 7px;
        margin:          0;
}

#FlexiFooter {
        float:           right;
	width:           72%;
	margin:          3em 0 0 0;
        padding:         0;
	border:          none;
        font-size:       70%;
	background:      none;
}

#FlexiFooter h1 {
        font-size:       150%;
        color:           navy;
}

#FlexiRight {
	position:        absolute;
	top:             4em;
	left:            79%;
	width:           20%;
	height:          2em;
	border:          1px solid #bbb;
}

#FlexiBottom {
	margin:          0;
        width:           800px;
	border:          none;
        height:          3em;
	background:      white;
}