/* 
Theme Name: 	Trix&Flix
Theme URI:	 	...
Description: 	Valid XHTML 1.1 and valid CSS 2.0
Version: 		0.4
Author: 			Stefan Fels
Author URI: 	http://s-fels.de/
*/

/* general... */
* { border: 0; margin: 0; padding: 0; text-align: left; }
body { font-size: 62.5%; }

:link, :visited, :hover, :active, :focus { text-decoration: none; }

b, strong { font-weight: bolder; }
em, i { font-style: italic; }

address { font-style: normal; }
code, pre { font-family: monospace; }

li, ol, ul { list-style: none; }

input, 
textarea { background-color: #eee; border: 1px solid #000; letter-spacing: 1px; margin: 0 0 10px; }
input:hover, 
input:active, 
input:focus, 
textarea:hover, 
textarea:active, 
textarea:focus { background-color: #fff; }

abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }

small { font-size: smaller; }
/* ...general */
/* site specific... */
	/* headlines... */
	h1, h2, h3, h4, caption, legend { font-weight: bold; line-height: 1em; margin: 0 0 .8em; }
	/* ...headlines */
	/* links... */
	a, a:link, a:visited { background-color: transparent; color: #ca0f16; }
	a:hover, a:active, a:focus { background-color: transparent; color: #369; }
	/* links */
/* ...site specific */
/* general... */

body { background: #ca0f16 url(images/bg-body.png) repeat-x 0 0; font: 12px/1.4em 'Lucida Console','Courier New',monospace; }
	#page { background: #fff url(images/bg-page.png) no-repeat right bottom; border-bottom: 1px solid #000; border-right: 1px solid #000; margin: 10px auto; min-height: 300px; padding: 20px 20px 10px; width: 730px; }
	#head { height: 183px; position: relative; }
		h1 { height: 183px; width: 200px; }
			h1 a { background: transparent url(images/logo.png) no-repeat 0 0; display: block; height: 183px; text-indent: -999em; width: 200px; }
		.description { font: bold 14px/1.4em 'Lucida Console','Courier New',monospace;position: absolute; right: 20px; top: 20px; }
	#column1 { border-right: 1px solid #000; float: left; margin: 28px 0; padding: 0 20px 0 0; width: 179px; }
		#column1 li { font: bold 13px/2em 'Lucida Console','Courier New',monospace; text-align: right; }
		#search { margin: 0 0 20px; }
			#search legend { display: none; }
			#search #s { float: left; height: 19px; padding: 2px 0 0; width: 152px; }
			#search #send { float: right; }
	#column2 { float: left; padding: 0 10px 30px 30px; width: 490px; }
		h2.home { margin: 40px 0 0; }
		.postCont { margin: 0 0 2em; }
			.postMeta { font-size: 11px; margin: 0 0 16px; }
			.postCont p, 
			.postCont ol, .postCont ul { margin: 0 0 1em; }
				.postCont ol li { list-style-type: decimal; margin: 0 1.5em; }
				.postCont ul li { list-style-type: disc; margin: 0 1.5em; }
		ul#lnkNavi { display: block; margin: 0 0 3em; }
			ul#lnkNavi li { display: inline; margin: 0; }
		h3.linkList { clear: left; margin: 2em 0 1em 60px; }
		ul.linkList { margin: 0 120px 1em; width: 250px; }
			ul.linkList li { list-style-type: none; margin: 0 0 .5em; }
		.postNavigation { border-top: 1px solid #000; margin: 0 0 40px;}
			.postNavigation .left { float: left; width: 245px; }
			.postNavigation .right { float: right; text-align: right; width: 245px; }
		.postCont ul.wp-polls-ul li { list-style-type: none; margin: 0; }
		ul.wp-polls-ul li { padding: 0 0 4px; }
	/*	#newsletter { margin: 40px 0 0; }
			#newsletter fieldset { }
				#newsletter label { clear: left; float: left; height: 30px; margin: 0 20px 0 0; width: 150px; }
				input { float: left; }
				input#emailabo { float: left; height: 19px; padding: 2px 0 0; width: 300px; }
				input#submit { clear: both; float: left; margin: 0 0 0 170px; padding: 0; }	*/
		#commentform { }
			#commentform label { float: left; height: 30px; padding: 0 0 0 10px; width: 190px; }
				#commentform label small { display: block; }
			#commentform input { float: left; height: 19px; padding: 2px 0 0; width: 268px; }
			#commentform textarea { clear: left; margin: 10px 0 0; width: 480px; }
			#commentform input#author { }
			#commentform input#email { }
			#commentform input#comment { }
			#commentform input#submit { float: none; margin: 0; width: auto; }
	#foot { border-top: 1px solid #000; clear: both; }
		#foot p { font-size: 11px; padding: 0 0 0 230px; }
			a#logIn, a#logIn:link, a#logIn:visited, a#logIn:hover, a#logIn:active, a#logIn:focus { color: #000; cursor: text; }
	#sk2-footer { display: none; }

/* ZENphoto
------------------------------ */
h2.gallerytitle { }
	#gallery { }

/* Album Thumbnails
------------------------------ */
#albums { width: 470px; }
	.album { border: 1px solid #000; height: 85px; margin: 0 20px 20px 0; padding: 10px 20px; }
		a.imagethumb { float: left; }
		.album .albumdesc { float: right; width: 300px; }
			.albumdesc h3 { }

/* Images (Thumbs)
------------------------------ */
#images { width: 470px; }
	#images .image { border: 1px solid #000; float: left; height: 85px; margin: 0 10px 10px 0; padding: 10px; width: 85px; }
		a.imagethumb { }

/* Image (single)
------------------------------ */
#image { width: 470px; }
	#image .image { }
		#image .image img { margin: 0 auto; }
.imgdesc { }

/* Navigation
------------------------------ */
div.pagelist { border-top: 1px solid #000; clear: both; display: block; margin: 20px 0 0; width: 450px; }
	ul.pagelist { display: block; position: relative; text-align: center; width: 450px; }
		ul.pagelist li { display: inline; margin: 0 10px; }
		li.prev { padding: 0 0 0 10px; }
		li.next { padding: 0 10px 0 0; }
			ul.pagelist li a { font-weight: bold; }
			ul.pagelist li .disabledlink { color: #999; }

div.imglist { border-top: 1px solid #000; clear: both; display: block; margin: 20px 0 0; width: 450px; }
	.imglist div { display: inline; padding: 0 20px; }
		div.prev { float: left; padding: 0 0 0 20px; }
		div.next { float: right; padding: 0 20px 0 0; text-align: right; }
			.imglist div a { font-weight: bold; }

/* AJAX
------------------------------ */
#albumDescEditable { margin: 0 0 12px; }
#imageDescEditable { margin: 24px 0 0; }

/* Comments
------------------------------ */
#comments { clear: both; }
.error { color: #c33; font-weight: bold; }
.comment { background-color: #fff; border: 1px solid #ddd; line-height: 18px; margin: 0 0 5px; padding: 5px; }
.commentmeta { color: #aaa; font-size: 11px; margin: 0 0 5px; }

/* Forms
------------------------------ */
.inputbox { background: #fff; border: 1px solid #ddd; color: #888; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px; width: 250px; }
.checkbox { cursor: pointer; }
.pushbutton { background: #fff; border: 1px solid #ddd; color: #888; cursor: pointer; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; }
/* ...ZENphoto */