/* jarmin.com cat.css
by iris manhold - jarmin.com - manhold.net
created: 050930
last modified: 080225 */

/* TOC
html elements
container
header
	titel
	breadcrumbs
sidebar
	utils
	subnav
	styleswitcher 
main
	content
	news
	forms
footer
images
weblog
access guide
general classes
*/

/*
colors:
bkgr #efc3ab
brown #b29d95
grey #dacbc4
link #593f33
link visited #8e6d5e
newsbox #f8dacc
#4b2eaa
*/

/* html elements */

body {
	font-size : 100%;
	font-family : Courier New, serif;
	color : #000;
	margin : 0;
	padding : 0;
	background : #efc3ab url(../pics/bkgr-cat.jpg) no-repeat top right;
	}

a:link {color : #593f33; background: transparent;}
a:visited {color : #8e6d5e; background: transparent;}
a:hover {color : #8e6d5e; background : transparent;}
a:active {color : #8e6d5e; background: transparent;}

abbr {border-bottom : none;}

acronym {
	border-bottom : 1px dashed #aaa;
	cursor : help;
	}

blockquote, caption, cite, q  {font-style : italic;}

blockquote {
	border : 1px dashed #593f33;
	margin-left : 4%;
	padding : 0 10px;
	background : #f8dacc;
	}

dt {background : #f8dacc;}

h1,h2,h3,h4,h5 {
	color : #555;
	padding-top : .7em;
	padding-bottom : 0;
	}

h1 {
	font : bold 140% 'Palatino', 'Courier New', serif;
	letter-spacing : 0.4em;
	}

h2 {
	font : bold 120% 'Palatino', 'Courier New', serif;
	letter-spacing : 0.1em;
	border-bottom : dotted 1px #d6c7e8;
	}

h3 {
	font : bold 110% 'Palatino', 'Courier New', serif;
	letter-spacing : 0.2em;
	margin-left : -30px;
	padding : 5px 30px;
	}

h4 {
	font : bold 100% 'Palatino', 'Courier New', serif;
	letter-spacing : 0.2em;
	}

h5 {
	font : bold 95% 'Palatino', 'Courier New', serif;
	letter-spacing : 0.2em;
	}

/* container */

#container {
    padding : 0;
	margin : 0;
	background : url(../pics/bkgr-cat-swirl.jpg) no-repeat;
	}

/* header */

#header {
	margin : 0 270px 0 0;
	padding : 0;
	}

#title {
	margin : 0;
	padding : 5px;
	}

#title h1  {
	font : bold 1.1em 'Papyrus', 'Tempus Sans ITC', 'OCR A Extended', Geneva, Arial, Helvetica, sans-serif;
	margin : 0;
	padding : 10px 10px 0px 70px;
	}

#title h1 a {text-decoration : none;}

#breadcrumbs {
	font : normal .9em 'Courier New', serif;
    padding : 10px 10px 10px 40px;
    }
	
#breadcrumbs img {display : none;}
	
/* sidebar */

#sidebar {
	font : normal 1em 'Courier New', serif;
	position : absolute;
	right : 20px;
	top : 230px;
	width : 230px;
	margin : 0;
    padding : 10px;
	border : 1px solid #dacbc4;
	background : url(../pics/bkgr-halftrans.gif) repeat;
    }

#sidebar h2  {
	display : none;
	font : italic .1em 'Papyrus', 'Tempus Sans ITC', 'OCR A Extended', Geneva, Arial, Helvetica, sans-serif;
	padding : 0 .5em;
    margin : 0;
	color : #fff;
	background : transparent;
	}

#utils {text-align : center;}

#utils ul {
	list-style-type : none;
	margin : 0 0 10px 0;
	padding : 0;
	}

#utils li {
	display : inline;
	margin : 0 5px 0 0;
	padding : 0;
	}

#utils li a {text-decoration : none;}

.subnav {
	background : #efc3ab url(../pics/bkgr-cat-swirl2.jpg) no-repeat;
	margin : 0;
	padding : 0;
	}

.subnav h3 {
	font : italic 1em 'Papyrus', 'Tempus Sans ITC', 'OCR A Extended', Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : .4em;
    margin : 0;
	padding : 0 .5em;
	background : transparent;
	}

.subnav ul {
	list-style-type : none;
	margin : 5px 0 10px 0;
	padding : 0 0 0 10px;
	}

.subnav li {
	margin : 0;
	padding : 3px .5em;
	background : url(../pics/bkgr-halftrans.gif) repeat;
	}

.subnav li a {text-decoration : none;}

.section {margin-top : 40px;}

#support {
	text-align : center;
	margin-top : 50px;
	}

#support img {
	display : block;
	margin : 30px auto;
	text-align : center;
	}

/* main */

#main {
	margin : 0 300px 0 20px;
	padding : 0;
	border : 1px solid #dacbc4;
	background : url(../pics/bkgr-halftrans.gif) repeat;
	}

#content {
	margin : 0;
	padding : 10px 30px;
	}

/* news */

#news {
	float : right;
	width : 280px;
	margin-left : 50px;
	}

#news fieldset {
	margin : 10px 0 10px 10px;
	padding : 1em;
	border : solid 1px #593f33;
	background : #f8dacc; /* needed to get rid of overlapping with borders in main text */
	}

#news fieldset legend {
	font : bold 100% 'Palatino', 'Courier New', serif;
	color : #555;
	letter-spacing : 0.1em;
	}

#news fieldset h2 {
	font : bold 100% 'Palatino', 'Courier New', serif;
	letter-spacing : 0;
	margin : 0;
	padding : 0;
	border-top : none;
	border-right : none;
	border-bottom : solid 1px #bbb;
	border-left : none;
	}

#news fieldset h2 a {
	text-decoration : underline;
	color : #555;
	}

#news fieldset p {
	font : normal 95% 'Courier New', serif;
	text-align : justify;
	}

/*forms*/

form {
	font-size : .9em;
	display : inline;
	height : auto;
	}
		
fieldset {
	width : 90%;
	height : auto;
	padding : 10px;
	margin-top : 1em;
	border : solid 1px #593f33;
	}
		
legend {
	font-size : 1.1em;
	font-weight : bold;
	color : #593f33;
	background-color : inherit;
	}
		
label {
	float : left;
	width : 180px;
	color : #000;
	background-color : #f8dacc;
	padding : 5px;
	margin-right : 10px;
	font-weight : bold;
	text-align : right;
	}

.row {
	position : relative;
	margin-top : 10px;
	clear : both;
	}
		
.row1 {
	position : relative;
	margin-top : 10px;
	padding-left : 135px;
	clear : both;
	}

.send {
	width : 90%;
	margin-top : 1em;
	text-align : center;
	clear : both;
	}
	
/* footer */

#footer {
	clear : both;
	width : 100%;
    padding : 0;
	margin : 0;
	background : #efc3ab;
	}

#footercontent {
    padding : 10px;
	margin : 0;
	font : normal .8em 'Courier New', serif;
	text-align : center;
	}

/* images */

a img {border : none;}

#main img {padding : 4px;}

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

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

img.center {text-align : center;}

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

img.minusmarg {
	padding : 0;
	margin-bottom : -2px;
	}

.frame {
	float : left;
	margin : 0 20px 10px 0;
	padding : 0;
	border : 1px #666 dashed;
	}

.frame a:hover {
	background : none;
	border : none;
	}

.gallery img {
	margin : 0 20px 10px 0;
	padding : 5px;
	border : 1px #666 dashed;
	}

/* portfolio */

.portfolio {
	margin : 20px 0;
	padding : 10px 0;
	clear : both;
	}

.portfolio h3 {
	font : bold 1.1em 'Courier New', serif;
	letter-spacing : 0;
	margin : 0;
	padding : 0 5px;
	border-top : 1px dashed #888;
	border-right : 1px dashed #888;
	border-left : 1px dashed #888;
	}

/* weblog */

#weblog h3 {
	font : bold 90% 'Palatino', 'Courier New', serif;
	letter-spacing : 0;
	border-top : dotted 1px #593f33;
	border-left : dotted 1px #593f33;
	margin : 0;
	padding : 0 5px;
	}

.que {
	font : normal .9em 'Courier New', serif;
	text-align : right;
	}

.que a {text-decoration : none;}

#quote {
	border : 1px dotted #593f33;
	background : #f8dacc;
	padding : 5px;
	}

#quote blockquote {
	background : transparent;
	border : none;
	margin : 0;
	padding : 0;
	}

#quote p {
	font : normal .8em 'Palatino', 'Courier New', serif;
	text-align : center;
	margin : 0;
	padding : 0;
	}

.quoteofmonth {
	letter-spacing : 0.6em;
	color : #efc3ab;
	border-bottom : 1px #efc3ab dotted;
	}

/* access guide */

.activity {
	border : thin solid #593f33;
	padding : 20px;
	}

.blue {color : #00f;}

.jumptotop {text-align : right;}
	
.margin10 {margin-left : 10%}

.next  {
	font : normal .8em 'Courier New', serif;
	text-align : right;
	}

.nobullet li {list-style-type : none;}

.pagemenu  {font-size : .9em;}

.priorities {
	border : thin solid #593f33;
	padding : 20px;
	background: #f7f5fb;
	margin : auto;
	}

.internal {  /* internal section nav */
	text-align : center;
	margin : 10px 30px;
	padding : 0 0 10px 0;
	border : 1px dotted #888;
	background : #f7f5fb;
	}

.internal h2 {
	font : bold 90% 'Palatino', 'Courier New', serif;
	letter-spacing : 0.1em;
	border-bottom : none;
	}
	
.internal p {font-size : .8em;}

.bottomnav {
	text-align : center;
	font-size : .8em;
	}

/* general classes */

.bold {font : bold 1em 'Courier New', serif;}

.center {text-align : center;}

.clear {clear : both;}

.date {
	font : normal .9em 'Courier New', serif;
	text-align : right;
	}

.hide {display : none;}

.justify {text-align : justify;}

.large {font : normal 1.2em 'Courier New', serif;}

.outofsight {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
	}

.right {text-align : right;}

.small {font : normal .8em 'Courier New', serif;}

.smallcenter  {
	font-size : .8em;
	text-align : center;
	}

.smallright {
	font : normal .9em 'Courier New', serif;
	text-align : right;
	}

.smallrightitalic  {
	font-size : .8em;
	text-align : right;
	font-style : italic;
	}

.transparent {display : none;}

.textbox {
	border : 1px dashed #bbb;
	padding : 10px;
	}

.warning {
	text-align : center;
	background : #ff6633;
	}