/*
Theme Name: triplog
Theme URI: 
Description: A theme based on one I did for Freshweb (www.freshweb.com.au), which was based on Sebastian Schmiegs' Blix theme
Version: 0.1
Author: Dave Tanner
Author URI: www.smallsilences.com
*/
/*
==================================================
-----------------
COLOUR PALETTE
-----------------
Dark blue: 		#336699;
Mid blue: 		#7499aa
--
Orange: 		#ff9933; #E28901
Mid grey: 		#666666;
--
Pale Brown: 	#D4D3C5
Mid Brown: 		#C3C3B6
Dark Brown: 	#A7A698
Darkest Brown: 	#757565

-----------------
CONTENTS
-----------------
1. reset
2. general html tags
3. structure and layout
4. assorted classes
5. hacks
==================================================*/

/* 
1. reset
==================================================*/
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0.7em 0; padding: 0; }
li, dd, blockquote { margin-left: 2em; }
a, button, label { cursor: pointer; }

/* 
2. general html tags
==================================================*/

/* html and body
--------------------------------------------------*/

* {
}

html {
	background-color: #000; /* to handle footer bg continuing*/
}

body {
	margin: 0;
	padding: 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	line-height: 2em;
	background-color: #D4D3C5;
	color: #333333;
	text-align: left;
}

/* headings
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-weight: normal;
	font-size: 1.5em;
}
h2 {
	font-weight: normal;
	font-size: 1.3em;
}
h3 {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0.7em 0 0 0;
}
h4, h5, h6 {
	font-size: 1.1em;
}


/* links
--------------------------------------------------*/
a {
	color: #336699;
	text-decoration: none;
}
a:hover { 
	color: #E28901;
}
a:visited, a:active, a:focus {
	/*outline: none;*/
}

/* paragraphs, lists, etc
--------------------------------------------------*/
hr {
	border: none; /*Get rid of dodgy IE border*/
	height: 1px;
	border-top: 1px solid #C3C3B6;
	border-bottom: 1px solid #D4D3C5;
}

/* images
--------------------------------------------------*/
img {
	padding: 2px;
	border: 1px solid #A7A698;
	margin:0 11px 0 0;
}
a:hover img {
	border: 1px solid #757565;
}
img.align-left {
	display: block;
	float:left;
	margin:0 11px 0 0;
}
img.align-right {
	display: block;
	float:right;
	margin:0 0 0 11px;
}
img.align-center {
	display: block;
	margin:0 auto;
}


/* forms
--------------------------------------------------*/
input, select, textarea, button {
	font-size: 1em;
}
form {
	color: #336699;
}
fieldset {
	border: 1px solid #A7A698;
	padding: 10px;
	color: #336699;
}
legend {
}
label {
	font-weight: bold;
	color: #336699;
}
input, textarea {
	border: 1px solid #A7A698;
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #757565;
}
select {
}
optgroup {
}
option {
}
button, .button, .formButton {
	background: #fff url(images/button_bg.gif) 0px 1px repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	margin: 0em 0.3em 0em 0em;
	padding: 0 0.5em;
	border: 3px double #C3C3B6;
	border-bottom-color: #A7A698;
	border-right-color: #A7A698;
	cursor: pointer;
}
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
	border: 3px double #A7A698;
	border-bottom-color: #C3C3B6;
	border-right-color: #C3C3B6;
}
/* IE6 Hack to remove excess default padding on buttons (still stuffed in IE 5/5.5) */
* html button, * html .button, * html .formButton { 
	overflow: visible;
}

/* tables
--------------------------------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	font-size: 1em;
	text-align: left;
	margin: 1em 0;
}
caption {
	margin: 0 0 -0.9em 0;
	color: #336699;
	font-size: 1.1em;
}
thead, tfoot {
	background-color: #C9C8BB;
	color: #336699;
	font-size: 1.1em;
	text-align: left;
}
tbody, tr, th, td {
}

/* 
3. structure & layout
==================================================*/

/* container
--------------------------------------------------*/
#container {
	position: relative;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
}
.wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	width: 740px;
}

/* skip
--------------------------------------------------*/
#skip {
	background: #000 url(images/bg_skip.gif) bottom left repeat-x;
	height: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	text-transform: lowercase;
	line-height: 25px;
}
#skip ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
#skip li {
	list-style: none;
	margin: 0 10px 0 10px;
	padding: 0;
	float: left;
}
#skip a {
}
#skip a:hover, #skip a:focus {
	color: #FFFFFF;
}

/* masthead
--------------------------------------------------*/
#masthead {
	background: #000 url(images/bg_masthead.gif) bottom left repeat-x;
	height: 95px;
}
#masthead h1, #masthead h2 {
	margin: 0;
	padding: 0;
	display: inline;
	color: #A7A698;
	line-height: 80px;
	text-transform: lowercase;
	font-size: 2.4em;
	letter-spacing: -0.05em;
}
#masthead h1 {
	font-weight: bold;
}
#masthead h1 a {
	color: #A7A698;
}
#masthead h2 {
	font-weight: normal;
}

/* nav
--------------------------------------------------*/
#nav {
	background: #C9C8BB url(images/bg_nav.gif) bottom left repeat-x;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#nav .wrapper {
	background: transparent url(images/bg_nav_rightcol.gif) bottom right no-repeat;
	color: #FFFFFF;
	position: relative;
}
#nav h2, #nav h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	text-transform: lowercase;
	overflow: hidden;
	width: 450px;
}
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#nav li a {
	display: block;
	float: left;
	color: #FFFFFF;
	padding-right: 20px;
}
#nav li a:hover {
	color: #69685D;
}
#nav li.selected a {
	color: #69685D;
}
/* if search is in nav bar */
#nav .search-form {
	background-image: none;
	padding: 0;
	position: absolute;
	left: 490px;
	top: 10px;
}

/* content area
--------------------------------------------------*/
#body-area {
	background: #D4D3C5;
	color: #333333;
}
#body-area .wrapper {
	background: transparent url(images/bg_content_rightcol.gif) 460px 0 repeat-y;
	border-bottom: 1px solid #D4D3C5;
	border-top: 1px solid #D4D3C5;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 25px;
}

/* content
--------------------------------------------------*/
#content {
	float: left;
	width: 430px;
	padding: 10px 0;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
	float: right;
	width: 260px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#sidebar h1,
#sidebar h2 {
	/*background: transparent url(images/border.gif) bottom left repeat-x;
	padding: 10px 0;*/
	text-transform: lowercase;
	margin-bottom: 0;
}
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* content-footer
--------------------------------------------------*/
#content-footer {
	width: 100%;
	background: #000 url(images/bg_content_footer.gif) top left repeat-x;
	color: #7499aa;
	border-top: 1px solid #D4D3C5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}
#content-footer .wrapper {
	overflow: hidden;
}
#content-footer .random-images {
	padding: 10px 0 20px 0;
	background: transparent url(images/bg_footer.gif) center bottom no-repeat;
}
#content-footer .col-primary {
	float: left;
	width: 400px;
}
#content-footer .col-secondary {
	float: left;
	padding-left: 20px;
	width: 150px;
}
#content-footer h1,
#content-footer h2,
#content-footer h3 {
	font-size: 1.3em;
	color: #FFFFFF;
	text-transform: lowercase;
}
#content-footer a {
	color: #FFFFFF;
}
#content-footer ul a {
	padding-left: 12px;
	background: transparent url(images/icon_next.gif) center left no-repeat;	
}
#content-footer a:hover {
	color: #EFB73A;
}
#content-footer a.email-link {
	padding-left: 16px;
	background: transparent url(images/envelope.gif) center left no-repeat;	
}
#content-footer ul li {
	list-style: none;
	margin: 3px 0;
}

/* footer
--------------------------------------------------*/
#footer {
	background: #000 url(images/bg_footer.gif) center top no-repeat;
	color: #999;
	font-size: 0.9em;
}
#footer .wrapper {
	text-align: center;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #EFB73A;
}
#footer a.rss-link {
	padding-left: 16px;
	margin: 0 5px;
	background: transparent url(images/icon_rss.gif) center left no-repeat;	
}

/* 
4. assorted classes 
==================================================*/

/* posts
--------------------------------------------------*/
.post {
	background: transparent url(images/border.gif) bottom left repeat-x;
	padding-bottom: 2px;
	margin: 2em 0;
}
.post-content {

}
.post-meta {
	color: #757565;
	padding: 1px 3px;
	background: transparent url(images/border.gif) top left repeat-x;
	font-size: 0.9em;
}
.post #filedunder {
	color: #757565;
	padding: 1px 3px;
	background: transparent url(images/border.gif) top left repeat-x;
	font-size: 0.9em;
}
.post p.date {
	margin-bottom: -0.7em;
	padding: 0;
	font-size: 1em;
	color: #757565;
}
/*.post h2 {
	margin: 0;
}*/

/* minientry
--------------------------------------------------*/
.minientry {
	padding: 0 10px;
	border: 1px solid #A7A698;
	background-color: #C3C3B6;
}
.minientry .post-meta {
}

/* comments & comments form
--------------------------------------------------*/
#comments {
}
#comments h2 {
}
#comments li.comment,
#comments li.trackback,
#comments li.pingback {
	margin: 5px 0;
	padding: 5px 10px;
	list-style: none;
	border: 1px solid #A7A698;
	background-color: #C3C3B6;
}
#comments li.trackback,
#comments li.pingback {
	border-style: dashed;
}
#comments li.alt {
	/* alternate rows */
}
#comments .comment-header {
	color: #757565;
	padding: 2px 0;
}
#comments .comment-meta {
	color: #757565;
	text-align: right;
	font-style: italic;
	font-size: 0.9em;
}
#comments .comment-count {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	color: #FFFFFF;
	float: right;
}
#comments .comment-author {
	font-weight: bold;
}
#comments .comment-date {
}

/* comments form */
#commentform {
}
#commentform fieldset {
	padding: 10px;
	border: 1px solid #A7A698;
	background-color: #C3C3B6;
}
#commentform label {
	display: block;
	width: 80px;
	float: left;
	padding-right: 15px;
	text-align: left;
}
#commentform p {
	padding: 8px 0;
	margin: 0;
	background: transparent url(images/border.gif) bottom left repeat-x;
}
.instructions {
	font-size: 0.8em;
	font-style: italic;
}

/* contact form */
#contactform {
}
#contactform fieldset {
	padding: 10px;
	border: 1px solid #A7A698;
	background-color: #C3C3B6;
}
#contactform label {
	display: block;
	width: 80px;
	float: left;
	padding-right: 15px;
	text-align: left;
}
#contactform p {
	padding: 8px 0;
	margin: 0;
	background: transparent url(images/border.gif) bottom left repeat-x;
}

/* contact form error text 
--------------------------------------------------*/
.errormsg {
	color: #CC0000;
}

/* intro text 
--------------------------------------------------*/
.intro {
	background: transparent url(images/border.gif) bottom left repeat-x;
	padding: 8px 0;
}

/* smileys
--------------------------------------------------*/
.wp-smiley {
	border: none;
	vertical-align: bottom;
}

/* search form 
--------------------------------------------------*/
/* note: see also nav */
.search-form {
	background: transparent url(images/border.gif) bottom left repeat-x;
	padding: 8px 0;
}

/* calendar
--------------------------------------------------*/
#wp-calendar {
	border-collapse: collapse;
	background: transparent url(images/border.gif) bottom left repeat-x;
	/*color: #7499aa;*/
}
#wp-calendar caption, #wp-calendar thead {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #C3C3B6 url(images/border.gif) bottom left repeat-x;
}
#wp-calendar tfoot {
	/*color: #7499aa;*/
	background: #C3C3B6 url(images/border.gif) bottom left repeat-x;
}
#wp-calendar tbody td, #wp-calendar thead th {
	text-align: center;
}
#wp-calendar td a {
	/*color: #E28901;*/
	font-weight: bold;
}
#wp-calendar #prev {
	text-align: left;
	padding: 0 3px;
}
#wp-calendar #next {
	text-align: right;
	padding: 0 3px;
}

/* links and menus
--------------------------------------------------*/
#entrynavigation { /* used on single.php to go to next and prev posts */
	height: 2.3em; /* this is a cheat to force the bottom border below it's floated contained elements (nexr/prev links) */
	margin-bottom: 0;
	padding: 0;
	background: transparent url(images/border.gif) bottom left repeat-x;
}
.next a {
  padding-right: 10px;
  float: right;
  background:url(images/icon_next.gif) center right no-repeat;
}
.previous a {
  padding-left:10px;
  float: left;
  background:url(images/icon_prev.gif) center left no-repeat;
}
.author a {
	padding-left: 13px;
	background: transparent url(images/figure.gif) center left no-repeat;
}
.comment-link a {
	padding-left: 16px;
	background: transparent url(images/speech_bubble.gif) center left no-repeat;
}
.edit-link a {
	padding-left: 18px;
	background: transparent url(images/edit.gif) 2px -14px no-repeat; /* - this is the 'greyed version - too light on this bg*/
}
.edit-link a:hover {
}
a.email-link  {
	padding-left: 16px;
	background: transparent url(images/envelope.gif) center left no-repeat;	
}
a.rss-link {
	padding-left: 16px;
	background: transparent url(images/icon_rss.gif) center left no-repeat;	
}
a.more {
	padding-right: 10px;
	background: transparent url(images/icon_next.gif) center right no-repeat;
}

/* categories menu */
ul.categories li {
	background: transparent url(images/border.gif) bottom left repeat-x;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	text-transform: lowercase;
}
ul.categories a {
	padding-left: 16px;
	background: transparent url(images/documents.gif) center left no-repeat;
}
ul.categories li li {
	padding: 0;
	margin-left: 7px;
	background-image: none;
}
ul.categories li li a {
	padding-left: 16px;
	background: transparent url(images/sub_categories.gif) center left no-repeat;
}

/* archives menu */
ul.archives li {
	background: transparent url(images/border.gif) bottom left repeat-x;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	text-transform: lowercase;
}
ul.archives a {
	padding-left: 16px;
	background: transparent url(images/documents.gif) center left no-repeat;
}

/* links menu */
ul.links li {
	background: transparent url(images/border.gif) bottom left repeat-x;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	text-transform: lowercase;
}
ul.links a {
	padding-left: 16px;
	background: transparent url(images/external.gif) center left no-repeat;
}

/* authors menu */
ul.authors li {
	background: transparent url(images/border.gif) bottom left repeat-x;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	text-transform: lowercase;
}
ul.authors a {
	padding-left: 16px;
	background: transparent url(images/figure.gif) center left no-repeat;
}

/* posts menu */
ul.posts li, 
ul.postspermonth li {
	background: transparent url(images/border.gif) bottom left repeat-x;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	text-transform: lowercase;
}
ul.posts a,
ul.postspermonth a {
	padding-left: 16px;
	background: transparent url(images/document.gif) center left no-repeat;
}


/* miscellaneous
--------------------------------------------------*/
.hide {
	display:none;
}
.show {
	display:block;
}
.float-left  {
	float: left;
}
.float-right  {
	float: right;
}
.float-none  {
	float: none;
}
.align-left  {
	text-align: left;
}
.align-center  {
	text-align: center;
}
.align-right  {
	text-align: right;
}
.clear  {
	clear: both;
}
div.clear {
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}

/* 
5. hacks
==================================================*/
/* Wrapper dimensions for IE 5/5.5 and reset for IE6 in standards mode */
/* Hides from IE5-mac \*/
* html .wrapper {
	width: 760px;
	w\idth: 740px;
}
/* End hide from IE5-mac */

/* Hack to give <a> dimension so IE 5/5.5 will apply padding etc */
/* Hides from IE5-mac \*/
* html a {
	height: 1em;
	h\eight: auto;
}
/* End hide from IE5-mac */