/*
Theme Name: Trade Mark
Description: Custom Theme created for Trade Mark
Version: 2 (WP2.7.1)
Author: Josh Compston
Author URI: http://www.joshcompston.com
    
    
*/


/*
reset
*/

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

blockquote {
		background: url(images/quote.png) top left #FFFFFF no-repeat;
		font-style: italic;
		min-height: 80px;
		margin: auto;
		padding: 0 0 0 80px;
}

html {
        overflow-y: scroll;
}

body {
        font-size: 62.5%;  
        font-family: verdana,arial,sans-serif;
        background: #000000;
}

a {
        color: #2b3b44;
		font-weight: bold;
        outline: none;
		text-decoration: none;
}

a:hover {
        color: #DA1C1C;
		font-weight: bold;
        outline: none;
		text-decoration: none;
}

a img {
        border: none;
}

#sideBar a:hover {
        outline: none;									 
		color:#E41817;	 			 				 	 
		text-decoration: underline;
}

img {
        vertical-align: middle;
}

ul, ol {
        list-style: none;
}

		
/*
utility
*/

.floatLeft  {
        float: left;
}

.floatRight {
        float: right;
}

.clear	{
        clear: both;
}

.btn {
        background: #666666;
		border: 0px;								 	 
		padding: 1px 5px;								 	 
		color: #000000;                                     
		-moz-border-radius: 3px;                                     
		-webkit-border-radius: 3px;
}

.post .btn {
        width: 85px;
		padding: 1px 5px;
}

.btn:hover, .btn a {
        background: #999999;									 
		color: #FFFFFF;
}		

		
/*
typography
*/

body {
        color: #000000;
}

.redTxt {
        color: #E41817;
        font-size: 0.9em;
}

h1 {
        font-weight: normal;									 
		color: #333333;									 
		font-size: 2.4em;
}

h2 {
        font-weight: normal;
		color: #333333;	
		font-size: 2.2em;
}

h3 {
        font-weight: bold;
		color: #000000;	
		font-size: 1.2em;
		font-style: italic;
}

.post h2 {
		padding: 0 0 10px;
}

.smplWrapper h3 {
		text-decoration: underline;
}

ul#mainNav li a {
        text-transform: uppercase;			
		color: #333333;							
		font-size: 1.4em;					
		font-weight: normal;		
		padding: 10px;
}

ul#mainNav li a:hover, #mainNav li.current_page_item a {
        color: #ffffff;
}

#navBar	 {
        background: url(images/topNavBg.gif) top center no-repeat #000000;
		height: 20px;			
		padding: 10px 0;
}

ul#mainNav {					
		padding: 0 15px;		
		margin: 0;
		text-align: center;
}

ul#mainNav li {
        display: inline;
}

p {
        font-size: 1.2em;
		line-height: 20px;
		padding:5px 0 15px 0;
}		

table {
		font-size: 1.2em;
}

.post ul {
		font-size: 1.2em;
		line-height: 25px;
		padding: 0 10px 15px 50px;
		list-style-image: url('images/listArrow.gif');
		position: relative;
}

div.post ul li {
		vertical-align: bottom;
}

p.description	 {
		color: #666666;
		font-size: 1.8em;
		font-style: italic;
		font-family: "Times New Roman", Times, serif;
		margin: 0 auto !important;
		position: absolute;
		text-align: center;
		top: 115px;
		width: 960px;
}
		
/*
structure
*/

html, body {
        height: 100%;
}

#pageWrapper {
        background: url(images/pageWrapBg.gif) top center repeat-y  #000000;		
        min-height: 100%;                         
		height: auto !important;          
		height: 100%;  
		margin: 0 auto -80px;
		padding: 0 20px 0;
		width: 960px; 
}

#header {
        padding: 0 10px;
}

#mainContent {
        padding: 0 30px 10px;
}

#content {
        width: 640px;			
		padding: 0 10px 10px;
}

.smplWrapper {
		padding: 0 140px;
}

.push, .footer {
        height: 75px;
}		

		
/*
header
*/

#logo {									
		height: 91px;									
		width: 370px;									
		text-indent: -9999px;									
		float:left;
}

#topBar	 {
		background: url(images/headerBg.gif) top center no-repeat ;
		height: 140px;
        padding: 10px 15px;					 		
		margin: 0px;
}



form#searchform	 {
        padding: 10px 0 10px 0;	
}	
	

		
/*
posts
*/

#indexPost {
        width: 460px;
		height: 200px;
		float: left;
		padding: 0;
        overflow: hidden;
}

#introPara {
        font-size: 1.2em;				
		padding: 0 10px 5px;
}

#datebox {
        background: #111111;			
		float: left;					
		text-align: center;	
		margin: 12px 10px 5px 0;	
		padding: 5px;
}

#commentWrapper {
        padding: 10px 25px 0;
}

#commentWrapper li {
        padding: 10px 25px 0;
}

.alt {
        background: #111111;				
		padding: 10px 0 0;									
		margin: 10px 0;
}

#commentForm {
        margin: auto;	
		padding: 10px 0;			
		text-align: left;
}

 #reply {
        padding: 5px 20px 0;
}
										 
 .post {
        padding: 10px 10px 10px;
}

 .day {
        font-size: 2.0em;					
 		padding: 0;
}

.month {
        font-size: 1.2em;									 
		padding: 0;
}		

		
/* 
forms
*/

fieldset 
{
		border:none;
}
form select,
form input,
form textarea{
		font:1em Verdana,Arial,Helvetica,sans-serif;
}
form input:focus,
form textarea:focus,
form select:focus{
		border:1px solid #666;
}
form select{
		padding:2px;
}
form input{
		padding:2px;
}
form label{
		font-weight: bold;
		color: #000000;	
		font-size: 1.2em;
		font-style: italic;
}
form textarea{
		padding:1px;
		line-height:16px;
		width:75%;
		height:20em;
}
form p{
		margin:10px 0px;
}

/*
footer
*/
#footerWrapper {               
        margin: 0 auto !important;						
		border-top: thick solid #DA1C1C;			
		background: #333333;    
		width: 920px;
}

#insideFooter {
        text-align: center;		
		color: #FFFFFF;                   
		padding: 5px 0 0;
}

ul#footerNav {
        padding: 10px 0 15px;					
		margin: 0;
}

ul#footerNav li {
        display: inline;
}

ul#footerNav li a {
        text-transform: uppercase;						
		color: #666666;							    
		font-size: 1.2em;
		font-weight: normal;							
		padding: 5px 5px;
}

ul#footerNav li a:hover {						
		color: #ffffff;
}

#footerWrapper p {
		line-height: normal;
		padding: 0px;
		color: #666666;          
        font-size: 0.9em;  
}

.poweredBy a {
        color: #999999;
}

/*Added 08/11/10 by Josh*/


.twoCol .post									{ float: left; width: 675px; }
.sideBar									{ background: #ccc; float: right; border: solid #DA1C1C 2px; width: 165px; padding: 10px; margin: 15px 0 0; text-align: center; }	
.sideBar .wpcf7 p							{ margin: 10px 0 0; padding: 0; }
.sideBar form textarea						{ height: 13em; width: 97%; }
.sideBar h2 								{ font-weight: bold; color: #000000; font-size: 1.7em; font-style: italic; }
.sideBar p									{ line-height: 1.3em; }