/* 1. Reset  - do NOT modify! -- Eric Meyer's Reset CSS -- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
* { margin: 0; padding: 0; font-weight: normal; } /* Safari seems to ignore a lot of the reset style sheet and I am not sure why. this stuff overrides where I need it to */
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before,blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}



/* Text ------------------ */

body, table, td { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 11px; }
.a-slot-content p { margin-bottom: 10px; line-height: 1.4em; }
b,strong { font-weight: bold; }
i,em { font-style: italic; }

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

a { text-decoration: none; color: #000; }
a:hover { color: #d6d5d3; }

/* Layout ---------------- */

body { margin-bottom: 50px; }

#header { width: 100%; overflow: hidden; margin-top: 50px; }

.a-area, .a-slots, .a-slot { float: left; position: relative; }
.a-slot { clear: both; }

.a-area, .a-blog-main { float: left; }

.portfoliolist { margin-top: 50px; }

.a-subnav-wrapper { /* width: 100px; */ float: left; }




/* Text styles ----------- */

p.site-name { font-size: 2em; }
p.site-name a { display:block; color:#bbb;/* 000 */; width: 300px; padding-left: 1px; }
p.site-name a:hover { color:#000; }

.a-area-blog-body .aRichText { width: 380px; }

.aRichText { color: #aaa; }

p.portfolio_cat { color: #999;/* d6d5d3; */ margin: 10px 0px 10px 0px; }

.shadow_background {
	-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

/*
.slogan {
	float: left;
	padding: 3px 0px;
	margin-top: 10px;
}
.slogan h1 { float: left; margin: 0px 0px; font-family: Georgia, "Times New Roman", serif; color: #000; font-size: 2.4em; font-weight: normal; font-style: italic; }
*/

.slogan h1 { color: #000; }

/* Navigation ------------ */

.nav { float:left; clear: both; margin: 5px 0px 35px 0px; width: 500px; }

.a-nav-main {  }
.a-nav-main li { display: inline; }
.a-nav-main li a { margin-right:13px; color: #000; }


/* Blogs List ------------ */

.a-blog-main { margin-top: 10px; }

a.blog-link { /* text-align: center; */ display:block; margin-bottom: 10px; }

/* .a-slot-content .a-blog-item, .a-blog-main .a-blog-item { width: 220px; margin-right: 10px; height: 220px; float: left; } */
.a-blog-item { /* position: relative;   border-bottom: 2px solid #ccc;*/ }
.a-blog-item a { text-decoration: none; }
.a-blog-item a img { display: block; }
.a-blog-item a div.a-blog-item-excerpt {  }
.a-blog-item a p.a-blog-item-title { text-decoration: none; font-size: 1.2em; margin: 0px 0px 10px 0px; padding: 2px 0px 5px 0px; }
.a-blog-item a p.a-blog-item-categories { font-style: italic; margin: 8px 0px; }
.a-blog-item a:hover div.a-blog-item-excerpt { }
.a-blog-item a:hover p.a-blog-item-title {  }


.blog-link-index .a-blog-item-media { height: 150px; width: 200px; overflow: hidden; }

/* Navigation Links ------ */

h1, h2 a { color:#bbb;/* d6d5d3; */ } /* portfolio */
h1.title { color: #000; margin: 20px 0px 15px; }
h2 { margin: 0px 0px 5px; }
h2 a:hover { color:#000; } /* portfolio */

/*
.a-home p.site-name a { color:#000; }
.a-home p.site-name a:hover { color:#d6d5d3; }
*/

.a-default p.site-name a, .a-blog p.site-name a { color:#bbb;/* d6d5d3 */ }
.a-default p.site-name a:hover, .a-blog p.site-name a:hover { color:#000; }

.a-nav-main li a { color: #999;/* d6d5d3; */ }
.a-nav-main li a:hover, .a-nav-main li.a-current-page a { color: #000; }

a.blog-link .a-blog-item-media { opacity:0.8; }
a.blog-link:hover .a-blog-item-media { opacity:1; }

a .a-blog-item-media { opacity:1; }
a:hover .a-blog-item-media { opacity:1; }
.a-blog-item a p.a-blog-item-title { color: #666;  }
.a-blog-item a:hover p.a-blog-item-title { color: #000; }



/* Blogs Post ------------ */

.a-blog-post-title {  }
.a-area-blog-body { margin: 10px 0px 20px 0px; }

.a-slot.aImage .a-slot-content {
	-moz-box-shadow: 2px 2px 5px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 5px #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=5);
	padding: 0px;
	margin-bottom: 10px;
}
.a-slot.aImage img { display: block; margin: 0px; padding: 0px;}


/* Blog FB --------------- */

.fb-like {  }




/* Sign IN --------------- */

/* 16. Apostrophe Signin Form
 **** This is the actual signin page - We should eventually consolidate Login Form and Signin Form to be the same - 2/3/2010
-------------------------------------*/

#a-signin
{
	margin: 20px 0px 70px 0px;
	width: 220px;
}

#a-signin-form
{
width: 180px;
}
 
#a-signin-form label
{
}

#a-signin-form .a-form-row input[type="text"],
#a-signin-form .a-form-row input[type="password"]
{
	width: 155px;	
}

#a-signin-form .a-form-row
{
margin: 0 10px 10px 0px;
}

#a-signin-form .a-form-row.submit li
{
display: inline;
width: auto;
clear:none;
position: relative;
margin-right: 5px;
}

.a-form-row .error_list
{
width: 100%;
margin: 0px 0px 10px 0px;
font-size: 11px;
color: #900;
}

.a-form-row .error_list li
{
	width: 100%;
	clear: both;
	margin: 2px 0px 0px 0px;
}



.a-media-item { width: 180px; margin-right: 20px; }
.a-media-item.even { margin-right: 20px;  }