/* Feeling Plum - a fluid-width Textpattern theme
   Adapted from an example layout at
  http://maxdesign.com.au/presentation/liquid-layouts/background.htm
  by Brianna Laugher, brianna@modernthings.org
*/

#accessibility {
	position: absolute;
	top: -10000px;
}


body{
	margin: 0;
	padding: 0;
	font: 90% arial, helvetica, sans-serif;
	background: #330066;
	color: #333;
}
	
h2, h3 { margin-top: 0; }

#header {
	background: #000 url(http://txp.modernthings.org/images/4.gif) repeat;
	color: #FFF;
	margin: 0;
	padding: .5em 3%;
	border-bottom: 10px solid #330066;
} 

/* container and container2 just make the coloured
  backgrounds work */

#container { 
	background: #fff url(http://txp.modernthings.org/images/2.gif) repeat-y 50% 0; 
}

#container2 { 
	background:  url(http://txp.modernthings.org/images/3.gif) repeat-y 80% 0; 
}
	
/* left hand column */

#content {
	width: 44%;
	float: left;
	padding: 1em 3%;
}
	
/* middle column */

#news {
	width: 24%;
	float: left;
	padding: 1em 3%;
}
	
/* right column */

#nav {
	color: #FFF;
	width: 14%;
	float: left;
	padding: 1em 0 1em 3%;
}
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 150%;
}
	
#footer {
	clear: both;
	background: #330066;
	color: #fff;
	padding: 10px 3%;
	text-align: right;
	font-size: 80%;
}

.meta {
	color: #666666;
}


/* ------ Preformatted and Code ------ */


pre {
	background: #FFCCFF; 
	font-size: 1.2em; 
	padding: 2px;
}

code {
	background: #FFCCFF;
	color: #000;
}



/* ------ Links and their colors ------  */

/* leave default link colours - as main part is white background
*/

a:link { 
	color: blue;
}
a:visited { 
	color: purple;
}
a:hover { 
	color:blue;
	text-decoration: none;
}
a:active { 
	;
}


/* ------ Header links ------ */


#header a {
	color: white;
	text-decoration: none;
}

#header a:hover {
	color: #330066;
}

/* ----- nav links ----- */

#nav a:link {
	text-decoration: none;
	color:#CC99FF;
}

#nav a:visited {
	text-decoration: none;
	color:#FF99FF;
}


#nav a:hover {
	text-decoration: underline;
}

/* ----- footer links ----- */
#footer a:link {
	text-decoration: none;
	color:#CC99FF;
}

#footer a:visited {
	text-decoration: none;
	color:#FF99FF;
}


#footer a:hover {
	text-decoration: underline;
}

/* ----- table formatting ----- */

/* all dl stuff copied from funkaoshi.com
   Copyright Ramanan Sivaranjan, 2005.
*/

dl {
	font-family: Verdana, Arial, sans-serif;
	margin:5px 0px 5px 0px;
	padding:0px;
}

dl dt {
	background-color:#FF99FF;
	border:1px solid #333;
	padding:5px;
	margin-top:10px;	
}

dl dt:first-child {
	margin-top:0;
}

dl dd {
	margin:0px;
	padding:5px;
	border: 1px solid #333;
	border-top: 0;
}