/*
Theme Name: Collage
Theme URI: http://wordpress.org/
Description: A theme by thought horse.
Version: 1.0
Author: Thoughthorse
Author URI: http://thoughthorse.com/
Tags: collage, custom header, fixed width, three columns

	Collage
	http://thoughthorse.com/

	This theme was designed and built by Thought Horse.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*

bright pink: FF0099
pink: FF6699
grey: 666666
white: FFFFFF
black: 000000

========================================================= */


/*========================================================*/
/*    Cascading Style Sheet for Collage Theme             */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. GLOBAL ELEMENTS                                    */
/*  2. UNIQUE ELEMENTS & CLASSES                          */
/*  3. GLOBAL LAYOUT                                      */
/*  4. POSITIONIG CLASSES                                 */
/*  5. STYLING CLASSES                                    */

/*========================================================*/

/* ============================================================================================================================= */
/* 1. GLOBAL ELEMENTS                                                                                                            */
/* ============================================================================================================================= */
* {margin:0; padding:0;}
body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background:#898a8e url(images/gradient_bg.jpg) top center;
	margin: 0px;
	padding: 0px 0px 0px;
}
a {color:#000; text-decoration:none;}
a:hover {color:#666; text-decoration:underline; }
p {padding: 0px 0px 15px; margin: 0px;}
ul { list-style-type:none;}
ol { list-style-type:none;}
h1 {font: 180%/180% "Trebuchet MS", Tahoma, Arial; color:#000; letter-spacing:-1px;}
h2 {font: 120%/140% "Trebuchet MS", Tahoma, Arial; color:#E9728A;}
h3 {font: 100%/150% "Trebuchet MS", Tahoma, Arial; color: #333333;}
h4 {}
h5 {}
h6 {}
textarea {border:1px solid #CCCCCC;}
/* ============================================================================================================================= */
/* 2. UNIQUE ELEMENTS & CLASSES                                                                                                  */
/* ============================================================================================================================= */
#nav a {color:#FF6699; text-decoration:none; text-transform:uppercase;}
#nav a:hover {color:#FF0099; text-decoration:underline; }
#nav li {float:left; padding:15px 0 0 25px;}
h1 a {color:#000000; text-decoration:none;}
h1 a:hover {color:#666666; text-decoration:none; }
h2 a {color:#E9728A; text-decoration:none;}
h2 a:hover {color:#FF3399; text-decoration:none; }
.entry p a {color:#E9728A; text-decoration:none;}
.entry p a:hover {color:#FF3399; text-decoration:underline; }
.entry img {border:1px solid #cccccc; display:inline-block; margin:15px 10px 15px 0;}
.entry .gallery-item img {border:1px solid #cccccc; display:inline-block; margin:0;}
.entry object {margin:15px 0 15px; display:inline-block;}
.sfield {border:1px solid #cccccc;height:16px;padding:5px 2px 4px 5px;width:120px;}
.ufield {border:1px solid #cccccc;height:16px;padding:5px 2px 4px 5px;width:120px;}
.pfield {border:1px solid #cccccc;height:16px;padding:5px 2px 4px 5px;width:120px;}
#searchsubmit {margin:10px 0 0;}
p.information {padding:0px; margin-top:-10px;overflow:visible;}
.form-submit input.button {margin-top:10px;border:1px solid #CCCCCC; height:18px;}
span#alw_loginMessage {display:block; clear:both; padding:0 0 10px;}
form.contact-form fieldset {border:none;}
.form-input input {border:1px solid #CCCCCC; height:18px;}
.form-label label {font-style:italic;}
form.contact-form fieldset legend {font: 120%/140% "Trebuchet MS", Tahoma, Arial; color:#E9728A; padding:15px 0 5px;}
span.previous-entries {display:block; float:left;}
span.next-entries {display:block; float:right;}
.gallery {padding:0 0 20px 0;}
.gallery a img {border:1px solid #cccccc;}

/* ============================================================================================================================= */
/* 3. GLOBAL LAYOUT                                                                                                              */
/* ============================================================================================================================= */

#wrapper {position:relative; width:1060px; height:auto; margin:0 auto;}
#header {position:relative; width:1060px; height:290px; background:none; z-index:20; }
#ddlogo {position:absolute; top:0; left:25px; z-index:20;}
ul#nav {position:absolute; top:230px; left:0px; width:1000px; padding:0 30px; height:60px; background:url(images/nav_bg.png) no-repeat; z-index:20; }
#container {position:relative; margin-top:-20px; width:1000px; height:auto; padding:0 0 20px 0; float:left; left:30px; background:#FFFFFF; z-index:5; }
#content {width:620px; height:auto; padding:10px 20px 0 30px; float:left; overflow:hidden;}
.post_cont {clear:both; padding-top:20px; border-bottom: 1px solid #CCCCCC;}
.page_post {clear:both; padding-top:20px;}
.post-date {}
.post-weekday {}
.post-day {}
.post-year {}
.post-title {clear:both;}
.post-info {height:auto; clear:both;}
.post-cat {float:left; padding:0 20px 0 0;}
.post-comments {float:left; padding:0 20px 10px 0;}
.entry {clear:both; padding-top:10px; overflow:hidden;}
.navigation {clear:both; padding-top:30px; text-align:center; height:20px;}
.previous-entries {}
.next-entries {}
#sidebar {width:320px; height:auto; padding:30px 0 0; float:left;}
.side_col {width:135px; height:auto; padding:0px 10px 0px 10px; float:left;}
.side_col ul {padding:20px 0 0 0; }
#footer {position:relative; width:940px; height:60px; padding:0 30px; float:left; left:30px; background:#FFFFFF; text-align:center;}
#rp {margin-top:10px;}
#rp li {padding-bottom:3px; border-bottom:1px solid #cccccc;}
#rc {}
#rc li.user {padding:0 0 3px; text-align:right; border-bottom:1px solid #cccccc;}
#rc li {border:none; padding-top:3px;}
#respond input {border:1px solid #CCCCCC; height:18px;}
ul.recent-comments {padding:0px;}
ul.recent-comments li em {text-align:right; display:block;}
ul.recent-comments li {border-bottom: 1px solid #CCCCCC; padding:5px 0;}
li.cat-item {border-bottom:1px solid #cccccc;}


/* ============================================================================================================================= */
/* 4. POSITIONIG CLASSES                                                                                                         */
/* ============================================================================================================================= */
.toppad {padding: 15px 0px 0px;}
.topbtm {padding: 15px 0px;}

/* ============================================================================================================================= */
/* 4. STYLING CLASSES                                                                                                            */
/* ============================================================================================================================= */

.inftxt {font: 90%/100% "Trebuchet MS", Tahoma, Arial; color: #333333; padding:0 3px; display:block;}