/*  
 * Theme Name: 		Sunset
 * Theme URI: 		http://www.thex.com/blogtest?ts_theme=Sunset
 * Description: 	A three column theme I am playing with.
 * Author: 			Richard Dows
 * Author URI: 		http://www.thex.com/rd/
 */


body { 
    margin: 				0; 
	padding: 				0; 
	font: 					12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-align:				center; /* win IE5 hack */
	background-color:		#fff;
	background-image:       url(images/bg.gif);
	background-repeat:      repeat;
	background-position:    top left;
}

#wrap {
    background-color:		#fff;
    margin:					0 auto;
	width:					710px;
	border-left:			1px solid #ccc;
	border-right:			1px solid #ccc;
}
* html #wrap {
    width:					698px;
}


/*------------------------------- header ------*/
#header {
    background-image:       url(images/masthead.gif);
	background-repeat:		no-repeat;
	background-position:	5px center;
	background-color:		#fff;
	height:					158px;
	width:					700px;
	clear:				    both;
	text-align:				left;
}
#header h1 {
    float:					left;
	clear:					left;
	margin:					110px 0 0 15px;
    color:					#fff;
}
#headersearch {
    position:				relative;
	width:					150px;
	top:					125px;
	left:					340px;
}
#headersearch input[type~="text"] {
    border:					1px solid #eee;
}
#headersearch input#hsubmit {
    font-family:			"Arial Black",Arial,Helvetica,sans-serif;
	font-size:				12px;
    color:					#fff;
	background-color:		transparent;
	border:					0;
}
#headersearch input#hsubmit:hover {
    cursor:					pointer;
}

#content {
    width:					700px;
	margin:					0;
	padding:				0;
	clear:					both;
}

#left, #middle, #right {
    float:					left;
	height:					100%;
    margin:					0 0 0 5px;
	padding:				0;
	text-align:				left;
	background-position:	top left;
}
#left, #right {
    width:					175px;
    background-repeat:		repeat-y;
	border:					1px solid #fc3;
}
* html #left {
    width:					173px;
	margin-left:            3px;
}
* html #right {
    width:					173px;
}


/*--------------------------------- left ------*/
#left { 
	background-image:       url(images/leftcol.gif);
}
#left h2 {
    font: 					small 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-weight:			bold;
	text-decoration:		underline;
}
#left p, #left h2 {
    padding: 				0 15px;
}


/*------------------------------- middle ------*/
#middle {
    width:					330px;
	padding:				0 5px;
	margin:					0 0 5px 5px;
    background-image:       url(images/middle.gif);
	background-repeat:      repeat-x;
	border:					1px solid #fce7a6;
}
* html #middle {
    width:					318px;
}
*>#middle {
    width:                  313px;
}


/*-------------------------------- right ------*/
#right {
    background-image:       url(images/rightcol.gif);
}

#right ul {
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#right ul {
    margin:                 10px 0 0 20px;
}
* html #right ul {
    margin:					0;
	padding:				10px 0 0 20px;
}
#right ul ul {
    list-style-image:       url(images/list-off.gif) !important;
	margin: 				0 0 0 20px !important;
}
* html #right ul ul {
    margin:					0 !important;
	padding:				0 0 0 20px !important;
}
#right ul li h2 {
    font: 					small 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-weight:			bold;
	text-decoration:		underline;
	padding-top:            10px;
}


/*------------------------------- footer ------*/
#footer {
	height:					50px;
	width:					680px;
	margin:					5px 5px 0 5px;
	padding:				5px 5px 0 5px;
	background-color:       #000;
	color:					#fff;
	font-size:				0.8em;
	text-align:				center !important;
	clear:					both;
}
#footer p {
    width:					95%;
}


/*---------------------------- link styles ----*/
a:link {
    color: 					#630;
}
a:visited {
    color:					#f70;
}
a:hover, #footer a:hover {
    color:					#c60;
}

h1 a {
    color:					#fff;
	text-decoration:		none;
}
h1 a:visited {
    color:					#fff;
}
h1 a:hover {
    color:					#c60;
}

#footer a {
    color:					#fc3;
}


/*-------------------------- navigation menu --*/
#navcontainer ul {
    list-style-type: 		none;
    text-align: 			left;
}

#navcontainer ul li a {
    background: 			transparent url(images/list-off.gif) left center no-repeat;
    padding-left: 			15px;
    text-align: 			left;
    font: 					small 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    text-decoration: 		none;
    color: 					#999;
}

#navcontainer ul li a:hover {
    background: 			transparent url(images/list-on.gif) left center no-repeat;
    color: 					black;
}

#navcontainer ul li a#current {
    background: 			transparent url(images/list-active.gif) left center no-repeat;
    color: 					#666;
}


/*------------------------------ post items ---*/
.post {
    margin:					5px 0 0 0;
	padding:				0;
}
.post-date {
    width:					50px;
	float:					right;
	clear:					right;
    background-color:		#eee;
	color:					#930;
	border:					3px double #ccc;
	padding:				2px;
	font-family:			Georgia, Geneva, serif;
	font-size:				1.2em;
}
.post-title h2, .post-title h2 a {
    font-family: 			"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-size:				1.2em;
	font-variant:			small;
	line-height:			1.3em;
	color:					#000;
}
.post-title h2 a:hover {
    text-decoration:		none;
	color:					#c60;
}
.post-title h2 em a {
	font-style:				normal !important;
	text-decoration:		none !important;
}
.post-category {
    font-size:				0.8em;
	color:					#666;
	padding-bottom:			5px;
	border-bottom:			3px double #fce7a6;
}


/*----------------------------- WP calendar ---*/
#wp-calendar {
    width: 					151px;
	padding: 				0;
	margin: 				0 0 0 12px;
	font: 					normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: 					#616b76;
	text-align: 			center;
	background-color: 		#fff;
	border-spacing: 		0;
	border-right: 			1px solid #a2adbc;
	border-bottom: 			1px solid #a2adbc;
	border-left: 			1px solid #a2adbc;
}
* html #wp-calendar {
    margin-top:             12px;
}
#today {
    color: 					#f6f4da;
	background: 			#df9496;
}
caption {
    width: 					151px;
	background: 			url(images/gradient-blue.jpg);
	color: 					#369;
	font: 					bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-variant:			small;
	text-align: 			center;
	margin: 				12px 0 0 12px;
	padding-top: 			3px;
	padding-bottom: 		0;
	border-top:				1px solid #a2adbc;
	border-right:			1px solid #a2adbc;
	border-left:			1px solid #a2adbc;
}
thead {
    color: 					#616b76;
	background: 			#d9e2e1;
	text-align: 			center;
	border: 				1px solid #a2adbc;
	font-size: 				11px;
	font-weight: 			bold;
}
th {
    font: 					bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: 					#616b76;
	background: 			#d9e2e1;
	border: 				1px solid #a2adbc;
	text-align: 			center;
}


/*------------------------------- font stuff --*/
h1, h2 {
    margin:					0;
	padding:				0;
}
abbr, acronym {
    border-bottom:			none;
	cursor:					help;
}


/*-------------------------------- comments ---*/
textarea#comment {
    width:					300px;
}


/*----------------------------- search form ---*/
#searchform {
	margin:                 10px 0 0 15px;
}
#searchform input#submit {
    border:					0;
	background-color:       transparent;
	font-size:				0.8em;
	cursor:					pointer;
}


/*---------------------------- miscellaneous --*/
div.center, div.buttons {
    text-align:				center;
}
div.spacer {
    clear:					both;
}
img {
    border:					0;
}

div.align-left {
    float:					left;
	clear:					left;
}
div.align-right {
    float:					right;
	clear:					right;
}
div.align-left h3, div.align-right h3 {
    font-family: 			"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    font-size:				1.2em;
    font-variant:			small;
}

/* Page Navigation */	
.navigation {
	margin: 40px 30px 20px 30px;
	padding: 0 10px;
	font-size: 12px;
	}
.ncol .navigation {
	margin: 15px 0px;
	font-size: 12px;
	}	
.ar {
	float: right;
	}
.al {
	float: left
	}
.ac {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}