/* COLOUR GUIDE 
-------------------*/

/*
	RED		#eb2e26 
	BLACK	#1f1b18
	GRAY	#a09a95
	LIGHT	#f5f3ef
	YELLOW	#f6c42a / #f4cf5c
*/



/* GLOBAL 
-------------------*/

body											{ margin:0; text-align:center; color:#1f1b18; font-family: Helvetica, serif; background:url('../images/bg.gif') 0 0 repeat-x; font-size:12px; }
p												{ margin:0 0 1em; line-height:1.6em; font-size:1.0em; }
img												{ margin:0 0 1em !important; }
a												{ color:#1f1b18; text-decoration:underline; outline: none;  }
a:hover											{ color:#1f1b18; background:#f4cf5c; text-decoration:underline; }

li a											{ text-decoration:none; }

a.block											{ color:#1f1b18; background:#f4cf5c; padding:2px 2px 0px 2px; margin:-1px 0px 0px 0px; text-decoration:none; text-transform:uppercase; }
a.block:hover									{ color:#1f1b18; background:#f4cf5c; border-bottom:1px solid #000;}
a span											{ display:none; }

h1, h2, h3, h4, h5								{ margin-bottom:13px; font-family: Georgia, serif !important; letter-spacing: -.05em; color:#1f1b18; }

input[type=text]								{ width:235px; }
input.text, input.title, textarea, select 		{ margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title 						{ width:300px;padding:5px; }
input.title 									{ font-size:1.5em; }
textarea 										{ width:300px;height:250px;padding:5px; }
.errorlist										{ color:#f00; margin:10px 0 0 120px;}
.green											{ color:#18dd13; }
.t-right										{ text-align:right; }

.underline										{ border-bottom:1px solid #eee; }

code, pre										{ font-size:0.8em; background:#fafafa; padding:5px; clear:both; }
blockquote										{ clear:both; margin-left:0px; padding-left:105px; background:url('../images/quote.gif') 39px 0px no-repeat;}
.clear                                          { clear:both; width:100%; }


/* SITEWIDE ELEMENTS 
-------------------*/

#wrapper 										{ margin:0 auto; text-align:left; }
#header											{ height:5px; margin:25px 0 140px 0; }

#logo											{ position:relative; left:105px; top:50px; width:500px;}
#logo h1 a										{ display:block; width:145px; height:18px; background:url('../images/logo.gif') 0 0 no-repeat; }
#blog-sidebar									{ padding-top:16px; }
#blog-sidebar ul								{ padding:0; margin:0; }
#blog-sidebar ul li								{ padding:0; margin:0 0 30px 0; list-style:none; line-height:1.5em; font-size:1.0em;}
#blog-sidebar ul li	ul							{ margin:0 0 0 0; }
#blog-sidebar ul li	ul li						{ padding:0; margin:0 0 0 15px; list-style:square; color:#ccc; }
#blog-sidebar .blog-sidebar-item				{ padding:3px 0px; /*background:url('../images/bg_sidepanelitem.gif') 0 0 repeat-y;*/ }
#blog-sidebar a									{ text-decoration:underline; }
#blog-sidebar a:hover							{ background:none; }
#blog-sidebar .active							{ color:#eb2e26 !important; }
#footer											{ color:#fff; padding:10px 0 0 0; }
#footer a, #footer p 							{ }


/* NAV 
-------------------*/

#nav											{ list-style:none; margin:0; padding:0; position:absolute; bottom:0px; left:170px; }
#nav li											{ margin:0; padding:0; display:inline; }
#nav li a										{ display:block; height:18px; float:left; background:url('../images/nav.gif') no-repeat; }

#nav li.nav-blog a								{ width:57px; background-position:0px -22px;}
#nav li.nav-blog a.active,
#nav li.nav-blog a:hover						{ background-position:0px 0px; }

#nav li.nav-about a								{ width:68px; background-position:-57px -22px;}
#nav li.nav-about a.active,
#nav li.nav-about a:hover						{ background-position:-57px 0px; }


/* BLOG POST 
-------------------*/

.blog-post										{ margin-bottom:90px; overflow:auto; /*background:url('../images/bg_blogpost.gif') 0 0 repeat-y;*/ line-height:1.5em; }
.blog-post-header								{ margin:0 0 4px 0; font-size:1.2em;}
.blog-post-header h2							{ margin:5px 0 10px 0; padding:0; line-height:1.2em; font-size:2.2em; }
.blog-post-header p								{ margin:0 0 3px 0; padding:0; }
.blog-post-header h2 a							{ text-decoration:none; background:none; border:0; }
.blog-post-body									{  }
.blog-post-body img								{ padding:5px 0 0px 0; float:left; clear:both; }
.blog-post-body p								{ float:left; clear:both; }
.blog-post-body ul,
.blog-post-body ol								{ float:left; clear:both; }
.blog-post-body h1,
.blog-post-body h2,
.blog-post-body h3,
.blog-post-body h4								{ float:left; clear:both; margin:5px 0 10px 0; padding:0; line-height:1.2em; }

.blog-post-footer								{ padding-top:15px; margin-bottom:0px; font-size:0.8em;}
.blog-post-footer div							{ padding-bottom:10px;}
.blog-comments									{ margin-top:10px; margin-bottom:50px; }
.comment										{ padding:20px 0; }
.comment .comment-meta							{ text-transform:uppercase; font-size:10px; }
.blog-comments-form								{ margin:20px 0; }
.blog-comments-form .fieldWrapper				{ margin:6px 0; }
.blog-comments-form small						{ font-style:italic; }

.blog-post-meta									{ text-align:right; line-height:1.6em; }
.blog-post-meta-date							{ font-size:10px !important; color:#807a75; }
.blog-post-meta-categories						{ list-style:none; padding:0; margin:10px 0 0 0; text-transform:uppercase; }
.blog-post-meta-categories li					{ margin-bottom:1px; }

/* WOORK PROJECTS
-------------------*/

.work-project                                   { }
.work-project .project-image                    { float:left; width:240px; text-align:center; }
.work-project .first                            { margin-right:20px; }
.work-project .last                             { clear:right; }
.work-project .project-caption                  { margin-top:30px; }

/* DEBUG 
-------------------*/

.debug											{ background:url('../images/grid-80-25.gif') 0 0 repeat-y; }
.debug .debug_green								{ background:url('../images/greendot.png'); }
.debug .debug_blue								{ background:url('../images/bluedot.png'); }
#djDebug										{ text-align:left; font-size:10px; }