/*
Theme Name: TXP Clean
Theme URI: http://thebombsite.com/jat/clean
Description: Clean and simple, though maybe not quite so simple.....
Version: txp 0.2
Original Author: wchulseiee
Original Author URI: http://www.wchulseiee.net/
Template: Clean

Ported to Textpattern by Stuart and available for download from http://thebombsite.com/jat/clean
*/



/* ---------- general page layout ---------- */

* {
        padding: 0;
        margin: 0;
        outline: 0;
}

body
{
	font: 75%/150% sans-serif !important;
        font: 80%/160% sans-serif;
	background: #fff;
        text-align: center;
}

a
{
	color:#C00000;
	text-decoration:none;
}

a:link, a:visited
{
	color:#C00000;
}

a:hover
{
	text-decoration: underline;
	color:#000000;
}

p
{
	line-height:1.5;
	margin-bottom: 12px;
}

#header
{
	color:#C00000;
	font: 30px Trebuchet MS, Bitstream Vera Sans, sans-serif;
}

#header a:link
{
	color:#C00000;
	font: 30px Trebuchet MS, Bitstream Vera Sans, sans-serif;
	text-decoration: none;
}

#header a:visited
{
	color:#C00000;
	font: 30px Trebuchet MS, Bitstream Vera Sans, sans-serif;
	text-decoration: none;
}

#header a:hover
{
	text-decoration: none;
}

h1
{
        display:block;
        height:1px;
        text-indent:-500em;
        text-decoration:none;
}

.descript
{
	font-family: Trebuchet MS, Bitstream Vera Sans, sans-serif;
}

h2
{
	color:#000;
	font:1.1em/1 Trebuchet MS, Bitstream Vera Sans, sans-serif;
        font-weight:700;
	margin:2em 0 0.25em 0;
}

h2 a:link
{
	color:#000;
	font:1.1em/1 Trebuchet MS, Bitstream Vera Sans, sans-serif;
	font-weight:700;
	margin:2em 0 0.25em 0;
	text-decoration: none;
}

h2 a:visited
{
	color:#999999;
	font:1.1em/1 Trebuchet MS, Bitstream Vera Sans, sans-serif;
	font-weight:700;
	margin:2em 0 0.25em 0;
	text-decoration: none;
}

h2 a:hover
{
	text-decoration: none;
}

h3
{
	color:#666;
	font-size:1em;
	font-weight:800;
	margin:2em 0 0.25em 0;
}

code
{
	font-family:courier;
	font-size:11px;
}

/* ----------- main container element ------------ */

#everything
{
	width: 850px;
	position: relative;
	margin-left: auto;
        margin-right:auto;
	text-align: left;
}

/* ---------- featured post ---------- */

#latest
{
	background-color:#EEEEEE;
	border: 1px solid #000;
	padding: 10px 20px 10px 20px;
	margin: 35px 0 10px 0;
}

#latest h3, #latest p, #latest ol, #latest ul, #latest blockquote
{
	margin-left: 150px;
}

#latest blockquote p
{
        margin-left: 0;
}

#latest h2
{
	float: left;
	width: 150px;
}

/* --------- recent entry list on front page ---------- */

#recents
{
	float: left;
	width: 500px;
	padding-bottom: 20px;
}

/* ----------- category list on front page ---------- */

#cats
{
	float: right;
	width: 300px;
}


#cats ul
{
	padding: 0 1em 0 2em;
}

/* -------- narrow down post content on archive page ------- */

.post
{
	width: 550px;
	text-align: justify;
        margin-bottom: 10px;
}

.post ul, .post ol
{
        list-style-position: inside;
}

/* -------- navigation at bottom of single article -------- */

.navigation
{
	border: solid #ccc;
	border-width: 1px 0 1px 0;
	padding: 5px 0 5px 0;
	font-size: 1.0em;
	font-family: sans-serif;
}

/* -------- Clearing -------- */

.clearing
{
        clear: both;
        height: 1px;
}

/* ------- Image Properties -------- */

.img
{
	border-style: none;
}

.img1px
{
	border : 1px solid Black;
}

.imgleft
{
	padding-right : 10px;
}

/* ---------- Comments ---------- */

ol.comments li
{
        margin-top: 20px;
}

.date
{
        color: #C00000;
}

/* ---------- The Comment Form ---------- */

#commentform
{
        width: 90%;
        padding: 10px 20px 1px 20px;
        text-align: left;
}

#commentboxes
{
        float: right;
        font-size: 90%;
}

#inputbox
{
        width: 300px;
        float: left;
        font-size: 90%;
}

input#forget, input#remember
{
        margin-right: 5px;
}

#commentform input
{
        background: #e7e9ed;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 110%;
        padding: 1px 2px 1px 1px;
        border: 1px solid #d5d7db;
}

#commentform input:hover
{
        border: 1px solid #7b7b7b;
}

#commentform input:focus
{
        background: #FFFFFF;
        border: 1px solid #000000;
        padding: 1px 2px 1px 1px;
}

#commentboxes p
{
        padding-bottom: 0.9em;
}

#button
{
        clear: both;
        padding-top: 0.5em;
}

p#txpCommentInputForm
{
        font-weight: bold;
        margin-top: 20px;
}


/* ---------- The Meta information ---------- */

.meta
{
	color: #808080;
	font-weight: normal;
	font-size: .90em;
	letter-spacing: 0;
	text-decoration: none;
}

.meta a:link, .meta a:visited
{
	color: #808080;
	font-weight: normal;
	font-size: .90em;
	letter-spacing: 0;
	text-decoration: none;
	font-style: italic;
}

.meta a:hover
{
	text-decoration: none;
	color:#C00000;
	font-style: italic;
}

.rssicon a, .rssicon a:visited
{
	background-color:#f60;
	border:1px solid #000;
	color:white;
	text-decoration:none;
	font:bold 9px sans-serif;
	padding:1px 3px 1px 5px;
	letter-spacing:1px;
}

.rssicon a:hover
{
        background-color: #FFF;
        border: 1px solid #F60;
        color: #F60;
        text-decoration: none;
}

.render
{
	color:#999999;
}

blockquote
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 15px 0 15px;
}

#link
{
	font-family:sans-serif;
	font-size:10px;
	margin-left: auto;
        margin-right:auto;
	text-align: left;
	background: #eee;
}

#linkleft
{
	position: absolute;
	top:2%;
	left:1%;
	width:15%;
	border-right:1px dotted #000;
	background-color:#eee;
}

#linklessleft
{
	position: absolute;
	top:2%;
	left:17%;
	width:15%;
	border-right:1px dotted #000;
	background-color:#eee;
}

#linklessright
{
	position: absolute;
	top:2%;
	left:33%;
	width:15%;
	border-right:1px dotted #000;
	background-color:#eee;
}

#linkright
{
	position: absolute;
	top:2%;
	left:52%;
	width:15%;
	border-right:1px dotted #000;
	background-color:#eee;
}

/* ---------- About, Contact, Archives, Author and Links pages -------- */


#linkspage h3, #archivescat h3, #archivesmonth h3, #searchpage h3, #singlecontent h3, #contact h3, #archivesauthor h3
{
        text-align: center;
        color: #C00000;
        font-size: 200%;
        text-transform: capitalize;
        padding-top: 1em;
}

.rssJump
{
        text-align: right;
}

.rssCatArchiveMenu
{
        margin-bottom: 35px;
}

#rssCatArchive ul, #rssCatList ul, .rssMenu
{
        list-style: none;
}

.rssCart
{
        font-weight: bold;
        text-align: left;
        margin-top: 15px;
}

.archivemenu
{
        padding-left: 40px;
        font-weight: bold;
        font-size: 100%;
        text-decoration: underline;
}

dt
{
        padding-top: 10px;
}

#email
{
        text-align: left;
}

#email textarea
{
        width: 330px;
}

#linkspage
{
        text-align: justify;
}


/* ---------- Live Search Page ----------- */

/* Because the "LSResult" div uses "absolute" for positioning it has no respect for the footer. In other words it will overlay it. With this in mind I have given the "searchpage" div a height. Whether you want this or not is up to you. If you keep it the height can be adjusted dependent on the maximum number of returned search results set for the plug-in (default=20) */

#searchpage
{
        height: 600px;
}

#searchpage a
{
        color: #C00000;
}

#searchpage a:hover
{
        color: #000000;
}

#LSResult
{
        position: absolute;
        background-color: #FFFFFF;
        width: 330px;
        margin: 10px 0 10px 0;
}

#LSShadow
{
        border: 3px solid #C00000;
        padding: 5px;
        background-color: #F5F6F7;
        color:#C00000;
}

#LSRes
{
        background-color: #FFFFFF;
}

.LSRow
{
        padding: 0 5px;
}

#LSHighlight
{
        background-color: #AAAAAA;
}

#LSHeader
{
        padding: 2px 2px 8px;
}

.lsDate
{
        display: block;
        color: #000000;
}