/************************************************************************************

RESET

*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset {

	margin: 0;

	padding: 0;

}



img, fieldset {

	border: 0;

}



/* set image max width to 100% */

img {

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */

}



/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

    display: block;

}



/************************************************************************************

GENERAL STYLING

*************************************************************************************/

body {

	

	font: .81em/150% font-family:Eras Demi ITC;

	color: #666;

}

a {

	color: #026acb;

	text-decoration: none;

	outline: none;

}

a:hover {

	text-decoration: underline;

}

p {

	font-family:Eras Demi ITC;

	margin: 0 0 1.2em;

	padding: 0;

}



/* list */

ul, ol {

	margin: 1em 0 1.4em 24px;

	padding: 0;

	line-height: 140%;

}

li {

	margin: 0 0 .5em 0;

	padding: 0;

}



/* headings */

h1, h2, h3, h4, h5, h6 {

	line-height: 1.4em;

	margin: 40px 0 .4em;

	color: #000;

}

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;

}





/* reset webkit search input styles */

input[type=search] {

	-webkit-appearance: none;

	outline: none;

}

input[type="search"]::-webkit-search-decoration, 

input[type="search"]::-webkit-search-cancel-button {

	display: none;

}



/************************************************************************************

STRUCTURE

*************************************************************************************/

#pagewrap {

	width: 1100px;

	margin: 0 auto;

}



/************************************************************************************

HEADER

*************************************************************************************/

#header {

	position: relative;

	height: 160px;

}



/* site logo */

#site-logo {

	position: absolute;

	top: 10px;

	height:60px;

	background:url('../images/logo.jpg') no-repeat;

}

#site-logo a {

	font:  30px/100% Arial, Helvetica, sans-serif;

	color: #fff;

	text-decoration: none;

}



/* site description */

#site-description {

	font: italic 100%/130% "Times New Roman", Times, serif;

	color: #fff;

	position: absolute;

	top: 55px;

}



/* searchform */

#searchform {

	position: absolute;

	right: 10px;

	bottom: 6px;

	z-index: 100;

	width: 160px;

}

#searchform #s {

	width: 140px;

	float: right;

	background: #fff;

	border: none;

	padding: 6px 10px;

	/* border radius */

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	/* box shadow */

	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	/* transition */

	-webkit-transition: width .7s;

	-moz-transition: width .7s;

	transition: width .7s;

}



/************************************************************************************

MAIN NAVIGATION

*************************************************************************************/

#main-nav {

	width: 100%;

	background: #ccc;

	

	margin: 0;

	padding: 0;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 100;

	/* gradient */

	background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;

	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));

	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);

	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);

	/* rounded corner */

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	/* box shadow */

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);

	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);

}

#main-nav li {

	font-size:14px;

	font-family:Eras Demi ITC;

	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	position: relative;

}

#main-nav li:first-child {

	margin-left: 10px;

}





#main-nav a {

	line-height: 100%;

	font-weight: bold;

	color: #fff;

	display: block;

	padding: 14px 15px;

	text-decoration: none;

	text-shadow: 0 -1px 0 rgba(0,0,0,.5);

}

#main-nav a:hover {

	color: #fff;

	background: #474747;

	/* gradient */

	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));

	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);

	background: linear-gradient(-90deg, #282828, #4f4f4f);

}



/************************************************************************************

CONTENT

*************************************************************************************/

#content {

	background: #fff;

	margin: 30px 0 30px;

	padding: 20px 35px;

	width: 600px;

	float: left;

	/* rounded corner */

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	/* box shadow */

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);

	box-shadow: 0 1px 3px rgba(0,0,0,.4);

}



/* post */

.post {

	margin-bottom: 40px;

}

.post-title {

	margin: 0 0 5px;

	padding: 0;

	font: bold 26px/120% Arial, Helvetica, sans-serif;

}

.post-title a {

	text-decoration: none;

	color: #000;

}

.post-meta {

	margin: 0 0 10px;

	font-size: 90%;

}



/* post image */

.post-image {

	margin: 0 0 15px;

}



/************************************************************************************

SIDEBAR

*************************************************************************************/

#sidebar {

	width: 330px;

	float: right;

	margin: 30px 0 30px;

}

.widget {

	font-family:Eras Demi ITC;

	font-size:13px;

	color:#FE8F0B;

	background: #fff;

	margin: 0 0 30px;

	padding: 10px 60px;

	/* rounded corner */

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	/* box shadow */

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);

	box-shadow: 0 1px 3px rgba(0,0,0,.4);

}

.widgettitle {

	color:#FE8F0B;

	margin: 0 0 5px;

	padding: 0;

	font-family:"Eras Demi ITC";

}

.widget ul {

	margin: 0;

	padding: 0;

}

.widget li {

	margin: 0;

	padding: 6px 0;

	list-style: none;

	clear: both;

	border-top: solid 1px #FE8F0B;

}



/* flickr widget */

.widget .flickr_badge_image {

	margin-top: 10px;

}

.widget .flickr_badge_image img {

	width: 48px;

	height: 48px;

	margin-right: 12px;

	margin-bottom: 12px;

	float: left;

}



/************************************************************************************

FOOTER

*************************************************************************************/

#footer {

	clear: both;

	color: #6a6a6a;

	font-size: 75%;

}

#footer a {

	color: #6a6a6a;

}



/************************************************************************************

CLEARFIX

*************************************************************************************/

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

.clearfix { display: block; zoom: 1; }