/* 
	Theme Name: BlueFluid 
	Theme Author: Simone (eKoeS) , <my [dot] ekoes [at] gmail [dot] com>
*/

/* Resetting styles */

html, body { margin: 0; padding: 0 }
h1, h2, h3 { margin: 0; padding: 0 }
form, input, select, textarea { margin: 0; padding: 0 }
img { border: none }
abbr, acronym { border-bottom: 1px dotted }

hr { position: absolute; left: -9999px }

/* Link events  & body */

a:link, a:visited {
	background: inherit;
	color: #fff;
	font-weight: bold;
	text-decoration: none }
a:hover, a:active { border-bottom: 2px solid #fff }

body { 
	background: #132e4b url(images/body.gif) repeat-x bottom;
	color: #f2f2f2;
	font: 1em/1.5 "Lucida Sans", Verdana, Helvetica, Geneva, Arial, sans-serif }

/* Wrapper & Header */

#wrapper {
	font-size: .9em;
	text-align: center }
#wrapper * { text-align: left }
#wrapper h2 { position: absolute; left: -9999px }

#header {
	position: relative;
	height: 100px;
	border-bottom: 2px solid #FF9801;
	background: #092441 url(images/header.gif) repeat-x -20px 0; color: inherit }
#header p {
	position: absolute; right: 0;
	width: 480px; height: 100px; 
	margin: 0; padding: 0;
	background: url(images/world_header.png) no-repeat bottom; color: inherit;
	text-indent: -9999px }
#header h1 { 
	position: absolute; left: 48px; bottom: 0; 
	width: 300px; height: 60px; 
	background: #092441 url(images/absynth.gif) no-repeat; color: inherit;
	text-indent: -9999px }

#accessibility { 
	/* position: absolute; top: 102px; left: 0; right: 0; */
	height: 70px; 
	background: #132e4b url(images/subheader.gif) repeat-x -20px 0; color: inherit }
#accessibility h2, #accessibility ul#jumplinks, #accessibility p { position: absolute; left: -9999px }
#accessibility ul#layoutmode, #accessibility ul#layoutmode li { margin: 0; padding: 0; list-style: none }
#accessibility ul#layoutmode { display: none; margin: 0 0 0 10px }

#accessibility ul#layoutmode li { float: left; width: 29px; height: 36px; margin: 10px 5px 5px }
#accessibility ul#layoutmode li a { display: block; width: 29px; height: 36px; text-indent: -9999px }
#accessibility ul#layoutmode li a:link,
#accessibility ul#layoutmode li a:visited { border-bottom: 2px solid #132e4b }
#accessibility ul#layoutmode li a:hover,
#accessibility ul#layoutmode li a:active { border-bottom: 2px solid #fff }

#accessibility ul#layoutmode li#strictlayout { 
	background: #132e4b url(images/strictlayout.gif) no-repeat top; color: inherit }
#accessibility ul#layoutmode li#widelayout { 
	background: #132e4b url(images/widelayout.gif) no-repeat top; color: inherit }
#accessibility ul#layoutmode li#incrfonts { 
	background: #132e4b url(images/incrfonts.gif) no-repeat top; color: inherit }
#accessibility ul#layoutmode li#dimfonts { 
	background: #132e4b url(images/dimfonts.gif) no-repeat top; color: inherit }

/* Contents & Navigation */
#pagebody { 
	width: 850px;
	margin: -30px auto 40px }
#pagebody h3 { font-size: 1.5em }

#navigation { 
	float: right;
	position: relative;
	width: 750px;
	margin: 0 auto;
	background: #0a1a29 url(images/navigation.gif) repeat-x top; color: inherit;
	font: .9em/2.7 "Lucida Sans", Verdana, Helvetica, Geneva, Arial, sans-serif }

#navigation h2 { 
	position: absolute; top: 0; left: 0; 
	width: 10px; height: 35px;
	background: #0a1a29 url(images/navigation_corner_tl.gif) no-repeat top left; color: inherit;
	text-indent: -9999px }

#navigation h2 span { 
	position: absolute; top: 0; right: -740px; 
	width: 10px; height: 35px;
	background: #0a1a29 url(images/navigation_corner_tr.gif) no-repeat top right; color: inherit }

#navigation ul, #navigation li { margin: 0; padding: 0; list-style: none }
#navigation ul { margin-left: 180px }
#navigation li { float: left }

#navigation li:hover { /* Konqueror fix */ 
	background: #0e1f31 url(images/navigation_link_current.gif) repeat-x top; color: inherit }
	
#navigation a { 
	display: block;
	padding: 0 .7em;
	border-bottom: none;
	text-transform: uppercase; }

#navigation li a:link, 
#navigation li a:visited {
	background: inherit;
	color: #C6D3D9;
	text-decoration: none }
#navigation li a:hover, 
#navigation li a:active {
	background: #0e1f31 url(images/navigation_link_current.gif) repeat-x top;
	color: #C6D3D9;
	text-decoration: underline }
#navigation li.current a {
	background: #0e1f31 url(images/navigation_link_current.gif) repeat-x top;
	color: #fff;
	text-decoration: none }
#navigation li.current { /* Konqueror fix */ 
	background: #0e1f31 url(images/navigation_link_current.gif) repeat-x top; color: inherit }
#navigation li.current a:hover { text-decoration: underline }

#content { 
	clear: both;
	position: relative;
	padding: 20px 40px 0;
	background: #0e1f31 url(images/content_corner_tl.gif) no-repeat top left; 
	color: inherit }

#content h2 {
	top: 0; left: auto; right: 0;
	width: 50px; height: 50px;
	background: #0e1f31 url(images/content_corner_tr.gif) no-repeat top right; color: inherit;
	text-indent: -9999px }

/* Footer */

#footer {
	position: relative;
	min-height: 7em;
	border-top: 2px solid #FF9801;
	border-bottom: 2px solid #FF9801;
	background: #060F17 url(images/footer.gif) repeat-x top;
 	color: #f2f2f2;
	font: 1em/2.0 "Lucida Sans", Verdana, Helvetica, Geneva, Arial, sans-serif;
	text-align: center }

#footer * { text-align: center }
#footer ul, #footer li { margin: 0; padding: 0; list-style: none }
#footer li { display: inline; margin: 0 .3em }

#footer li a:link,
#footer li a:visited {
	background: inherit;
	color: #fff;
	text-decoration: none }
#footer li a:hover, 
#footer li a:active {
	background: #0e2034;
	color: #C6D3D9;
	text-decoration: none }

#footer h2 {
	left: 0; top: -47px; right: 0;
	height: 45px;
	background: #132e4b url(images/footer_shadow.gif) repeat-x bottom; color: inherit;
	text-indent: -9999px }
	
#footer #sourceforgelogo {
	position: absolute;
	top: 4em; right: 0; }	

ul#standards {
	width: 30em; height: 2.5em;
	margin: -0.5em auto 0; padding: 0 0 0 10px;
	background: url(images/valid_icon.gif) no-repeat center left; color: inherit;
	font: 1em/2.5 "Lucida Sans", Verdana, Helvetica, Geneva, Arial, sans-serif }

/* Homepage */

#footer { clear: left }

#welcome { 
	min-height: 260px; 
	margin: 0 0 15px; 
	padding: 5px 0 0 285px; 
	background: #0e1f31 url(images/absynth_glass.jpg) no-repeat top left; color: inherit }
#welcome h3 { letter-spacing: .05em }
#welcome h3 span#absynthword { background: inherit; color: #BBDCED }

#welcome p#moreinfo {
	margin: 2em 0 0; 
	padding: .7em 0 0;
	background: #0e1f31; color: #fff;
	text-align: right }
#welcome p#moreinfo a:link,
#welcome p#moreinfo a:visited {
	background: inherit; color: #C6D3D9 }
#welcome p#moreinfo a:hover,
#welcome p#moreinfo a:active {
	border-bottom: 2px solid #FF9801 }

#features h3 { position: absolute; left: -9999px }
#features dl, #features dt, #features dd, #features dd p { margin: 0; padding: 0 }
#features img { position: absolute; left: -9999px}

#features dl { position: relative }
#features dt { 
	position: absolute; top: 0;
	border-bottom: 2px solid #34A0CF;
	font: 1.5em "Lucida Sans", Verdana, Helvetica, Geneva, Arial, sans-serif }
#features dd { padding: .5em 0 0; min-height: 150px }
#features dt, #features dd { width: 240px }
#features dt strong { margin: 0 0 0 .3em }
#features dd p { width: 240px; margin: 2em 0 0 }

#features dt.python { left: 140px }
#features dt.gtk { left: 517px }
#features dd.python { 
	float: left; 
	padding-left: 140px;
	background: #0e1f31 url(images/python_icon_bg.jpg) no-repeat top left; color: inherit }
#features dd.gtk {
	margin-left: 379px;
	padding-left: 138px;
	background: #0e1f31 url(images/gtk_icon_bg.jpg) no-repeat top left; color: inherit }
#features dt.gtk acronym { border: none }
