/*  
Theme Name: TrentRichardson
Theme URI: http://trentrichardson.com/
Description: Theme for trentrichardson.com
Version: 1.0
Author: Trent Richardson
Author URI: http://www.trentrichardson.com

*/

/*
 * dark blue:	10222b
 * dark green:	95ab63
 * light green:	bdd684
 * light blue:	e2f0d6
 * white:		f6ffe0
 * orange:		cc6600
 */
/* global reset */
body,img,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,ul,li,dl,ol,dd,dt,pre,blockquote,code{ margin:0; padding:0; border:0; }

/*
------------------------------
	elements
------------------------------
*/
body { /*background: #10222b url(images/bg.jpg) repeat center top; background-attachment: fixed;*/ background-color: #363531; border-top: solid 4px #c60; font-family: 'Verdana'; color: #202123; font-size: 11px;}

a:link { text-decoration : none; color : #5595a9; border: 0px;} 
a:active { text-decoration : underline; color : #5595a9; border: 0px;} 
a:visited { text-decoration : none; color : #5595a9; border: 0px;} 
a:hover { text-decoration : underline; color : #5595a9; border: 0px;} 

img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Verdana'; color: #000033; font-size: 11px; }
textarea { font-family: 'Verdana'; color: #000033; font-size: 11px;  }
select { font-family: 'Verdana'; color: #000033; font-size: 11px;  }

h1, h2, h3 { font-family: "Trebuchet MS"; color: #10222b; }

/*
 ------------------------------
 layout
 ------------------------------
*/

#wrapper { width: 920px; margin: 0 auto; background: transparent; } 

.header { position: relative; background-color: transparent; width: 100%; height: 110px; margin: 0; padding: 20px; color: #ffffff; }
.header h1 { /*font: 32px Verdana, sans-serif; font-weight: normal; letter-spacing: 2px;*/font-family:'Palatino Linotype','Book Antiqua',Palatino,serif; text-transform:uppercase; letter-spacing:4px; font-weight:normal; font-size: 36px; }
.header h1 a{ border: none; color: #95ab63; }
.header h1 a:hover{ color: #bdd684; text-decoration: none; border: none; }

.header ul { position: absolute; bottom: 0; left: 20px; display: block; width: 900px; background: transparent url(images/menu_bg.png) top left repeat-x; 
	border: solid 1px #10222b; border-bottom: none;
 	border-radius: 6px 6px 0 0;
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
}
.header ul li { display: block; float: left; width: 154px; font-size: 16px; font-weight: bold; list-style: none; border-right: solid 1px #10222b; text-align: center; }
.header ul li a { color:#f6ffe0; text-decoration: none; display: block; padding: 14px 0 0 0; height: 36px; }
.header ul li a:visited { color:#f6ffe0; }
.header ul li a:hover { color:#e2f0d6; }

.header ul li.searchform{ width: 280px; border: none; padding: 10px 0 0 0; }
.header ul li a.rsslink{ float: right; margin: -12px 10px 0 0; }
.header ul li a.twitterlink{ float: right; margin: -15px 10px 0 0; }
.header ul li a.twitterlink img{ height: 30px; width: 30px; }
.header ul li.searchform input{ border: solid 1px #eeeeee; font-size: 14px; font-weight: bold; height: 16px; width: 150px; padding: 4px; color: #aaaaaa; }

.main{ background-color: #ffffff; border: solid 1px #a4a4a4; border-top: solid 1px #e4e4e4; border-radius: 6px;  -moz-border-radius: 6px; -webkit-border-radius: 6px;  width: 100%; padding: 20px 0 20px 20px; }
.content{ float: left; width: 580px; padding: 0; }
.sidebar{ float: left; width: 300px; padding: 0; margin: -20px 0 0 38px; color:#aaaaaa; background-color: #f8f8f8; 
	border-left: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; 
	border-radius: 0 6px 0 6px;
	-moz-border-radius-topright: 6px; -moz-border-radius-bottomleft: 6px;
	-webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
}

.footer { padding: 8px 5px; text-align: center; background-color: transparent; color: #95ab63; }
.footer ul{ margin: 0 0 10px 0; }
.footer ul li{ padding: 0px 5px; margin: 0px; display: inline; font-size: 11px; list-style: none; }
.footer a { color:#bdd684; text-decoration: underline;}

/*
 ------------------------------
 pages
 ------------------------------
*/

/* post, post listings, page */
.Post { margin: 0 0 40px 0; }
.PostHead { position: relative; clear: left; margin-left: 40px; }
.PostHead h2 { font-size: 22px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 0px; margin: 0px; margin-bottom: 5px; display: block; color: #95ab63;}
.PostHead h2 a { color: #95ab63; text-decoration: none;}
.PostHead h2 a:visited { color: #95ab63; text-decoration: none;}
.PostHead h2 a:hover { color: #bdd684; text-decoration: none;}

.PostInfo { margin: 0px; color: #666;}
.PostInfo a { text-decoration: underline; color: #666;}
.PostInfo a:visited { text-decoration: underline; color: #666;}
.PostInfo a:hover { text-decoration: underline; color: #666; }

.PostDate { position: absolute; top: 0px; left: -40px; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #e2e2e2;}
.PostDate .month { display: block; font-size: 9px; text-transform: uppercase; line-height: 9px; color: #999; text-transform: lowercase;}
.PostDate .day { display: block; font-size: 20px; font-family: 'Arial'; font-weight: normal; line-height: 20px; color: #CC6600; letter-spacing: -1px;}

.PostContent { padding: 0px; font-size: 12px; line-height: 20px; font-size: 12px; border-top: solid 1px #e2e2e2; margin-top: 10px;}
.PostContent p { padding: 5px 0px; margin: 5px 0px; line-height: 20px;}
.PostContent img { margin: 0px 15px 15px 0px;}
.PostContent .alignright{ float: right; }
.PostContent .alignleft{ float: left; }
.PostContent blockquote { padding: 0px 10px; background: #fefaf0; margin: 0px; color:#993300; border: solid 1px #fbf4e0; border-left: solid 5px #fbf4e0;}
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul, .PostContent ol { font-size: 11px; padding-left: 20px; }
.PostContent li{ margin-bottom: 5px; clear: both; }
.PostContent code{ display: block; width: 100%; overflow: auto; }

.PostCom { padding: 0; margin: 0; font-size: 11px; display: inline;}
.PostCom li { padding: 0px; margin: 0px; list-style-type: none; }
.PostCom li a { padding: 0 0px 4px 28px; background: url(./images/comments.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostCom li a:hover { color: #cc6600; }

.PostNote { margin: 10px 0 0 0; padding: 0px; }
.PostNote li { margin: 2px 0px; padding: 2px 0 5px 28px; list-style-type: none; }
.PostNote .TrackBack { color: #75B5C9; background: url(./images/trackback.png) top left no-repeat; }
.PostNote .RSS { color: #75B5C9; background: url(./images/RSS_comments.png) top left no-repeat; }
.pagetitle {font-size: 20px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }

.Nav { position: relative; height: 15px;}
.Nav .Prev { padding-left: 15px;  position: absolute; top: 0px; left: 0px;}
.Nav .Next { padding-right: 15px; position: absolute; top: 0px; right: 0px;}

.Comments { padding: 0px; margin: 20px 0px 20px 0px ;}

/* Comments */
.List h3 { color: #95ab63; font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0 0 15px 0; text-transform: uppercase; }
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 40px; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: bold;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListNr { font-size: 26px; line-height: 26px; font-family: 'Arial'; color: #7f7f7f; position: absolute; top: 0px; left: 0px; text-align: center; padding: 2px 10px 2px 0px; margin: 0; border-right: solid 1px #e2e2e2;}

.List .ListDate { padding-left: 40px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0 0 0; padding: 0 0 0 30px; }
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 18px;}

/* Comments Form */
.Form {}
.Form h3 { color: #95ab63; font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0; text-transform: uppercase; }
.Form form { padding: 15px 25px 15px 15px; margin: 0px; position: relative;}
.Form p { padding: 0px; margin: 8px 0;}
.Form p label { display: block; color : #5595a9; font-weight: bold; }
.Form p label small { color: #cc6600; font-weight: normal; }
.Form .TextField{ background: #ffffff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px;}
.Form .TextArea{ background: #ffffff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px;}
.Form input.SubmitComment { padding: 4px 10px; border: solid 1px #bdd684; background-color: #95ab63; font-weight: bold; color: #ffffff; }
.Form input.SubmitComment:hover { background-color: #859b53; }

/*
 ------------------------------
 classes
 ------------------------------
*/
.clear{ clear: both; }
.errorBlock{ background-color: #FFC6A5; border: solid 1px #ff0000; color: #ff0000; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.a-space-head{ padding: 15px 0; margin: 10px 0 0 0; text-align: center;border-top: solid 1px #E2E2E2; }

.General {  }

/* sidebar links */
.Links{ margin: 0 0 10px 0; }
.Links h3{ font-size: 18px; padding: 10px 0 5px 10px; color: #cc6600; border-bottom: solid 2px #e4e4e4; }
.Links ul{ width: 100%; list-style: none; font-size: 12px; }
.Links ul li{ display: block; padding: 6px 0 6px 20px; border-bottom: solid 1px #f0f0f0; }
.Links ul li a{  }
.Links ul li a:hover{ text-decoration: none; color: #256579 }

/* sidebar add blocks */
.adblock{  }
.adblock a{}
.adblock a img{ margin: 0 0 10px 16px; }

/*
------------------------------
	Impromptu
------------------------------
*/
.jqifade{ position: absolute; background-color: #aaaaaa; }
div.jqi{ width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #859b53; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #95ab63; }
div.jqi button.jqidefaultbutton{ background-color: #cc6600; }
.jqiwarning .jqi .jqibuttons{ background-color: #cc6600; }

div.jqi .jqimessage .row{ margin: 8px 0; }
div.jqi .jqimessage label{ display: block; float: left; clear: left; width: 70px; }
div.jqi .jqimessage input{ width: 200px; border: solid 1px #777777; background-color: #ffffff; }
div.jqi .jqimessage textarea{ width: 300px; height: 102px; overflow: auto; border: solid 1px #777777; background-color: #ffffff; }
div.jqi .jqimessage .inputerror{ border: solid 1px #ff0000; }