/* 
================================================================================
								Generic styles 
================================================================================
*/ 
body {
	font-family: 'DayRoman', Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #dddddd;
}
#header {
	height: 8em;
	padding: 0 4em 0 4em;
}
#container
{
	min-width: 1060px;
	max-width: 1280px;	
	margin:0 auto;
}
#footer {
	text-align: center;
	color: #000000;
	width: auto;
	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1em;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	margin-bottom: 2em;	
}
#footer a {
	color: #000000;
}
.shadow{
	-webkit-box-shadow:0 0 30px #a0a0a0;
	   -moz-box-shadow:-30px 0 30px #a0a0a0;
        	box-shadow:0 0 30px #a0a0a0;	
}
.round {
	-webkit-border-radius: .2em;
	 -khtml-border-radius: .2em;
	   -moz-border-radius: .2em;
	        border-radius: .2em;
}
.separator {
	margin: 4em 0;
	display: block;
}
a, a.soft {
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
/*	color: #000000;*/
/*	color: #f1ad29;	*/
}
a.highlight, .blog_content_container a {
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	background-color: #eeeeee;
/*	border-bottom: 2px dotted #000;*/
}
a.highlight:hover, .blog_content_container a:hover {
	background-color: #f5f5f5;
	text-decoration: none;	
/*	border-bottom: 2px dotted #888;*/
}
a:hover {
	text-decoration: underline;
}
a.soft:hover {
	text-decoration: none;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

/* 
================================================================================
								Site Title 
================================================================================
*/ 

.home_title {
	margin: 4em 0 .4em 0;
	float:right;
	position: relative;
	top: 2.5em;
	right: 5em;
}
.site_title {
	float: right;
	margin: 2em 0 .4em 0;
}
.site_title a, .home_title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2.5em;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	padding: .2em .4em .2em .4em;
	color: #ffffff;	
	background-color: #000000;	
	border: .1em solid #000000;
	position: relative;
}
.site_title a:hover{
	color: #000000;
	background: none;
	text-decoration: none;
	
}
.error_message {
	font-size: 1.5em;
	color: #eeeeee;
	padding: 1em;
	position: absolute;
	left: 2em;
	top: 0;
/*	width: 600px;*/
}
.error_code {
	font-size: 12em;
	color: #dddddd;
	position: absolute;
	right: 1.2em;
	top: 0;
}

/* 
================================================================================
								Site Navigation 
================================================================================
*/ 
#navlinks {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.6em;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	text-align:	center;
	padding: 0 0 0 0;
	margin: 2em .6em 0 0;
	float:left;	
}
nav ul, nav ul li {
	display:inline;
	
}
nav a {
	padding: .3em .5em .3em .5em;
	margin: 0 .15em 0 .15em;
	text-decoration:none;
	background-color: #dddddd;
	border: .1em solid #dddddd;
	color: #000000;
}
nav a:hover {
	background-color: #000000;
	border: .1em solid #000000;
	color: #ffffff;
}
nav a.selected {
	padding: .3em .6em .3em .6em;
	margin: 0 .15em 0 .15em;
	text-decoration:none;
	background-color: #000000;
	border: .1em solid #000000;
	color: #ffffff;
}
nav a.selected:hover {
	background-color: #dddddd;
	color: #000000;
}

/* 
================================================================================
								Page Containers 
================================================================================
*/ 

.home_container {
	margin-bottom: 2em;
	height: auto;	
	background-color: none;
	background-image: url('../images/home.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
}
.content_container {
	padding: 4.5em;
	margin-bottom: 2em;
	background-color: #ffffff;
	overflow:hidden;
}
.blog_content_container {
	margin: 0 auto;
	width: 70%;
	min-width: 400px;
	max-width: 700px;
}
#home {
	height: 24em;
	position: relative;
}

/* 
================================================================================
								Page Contents 
================================================================================
*/ 

.breadcrumb {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.1em;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	padding: .1em .5em .1em .5em;
/*	border-bottom: 3px solid #dddddd;*/
	margin-bottom: 1em;
	text-transform: lowercase;
	background-color: #f5f5f5;
}
.page_content {
	font-size: 1.05em;
	line-height: 1.5em;
	word-spacing: .2em;
	margin: 0 1em;
}
.blog_content_container h2 {
	font-family: 'Josefin Sans', sans-serif;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	font-size: 1.5em;
	background-color: #eeeeee;
	padding: .5em .5em;
	margin: 1em 0;
}
.title_date	{
	font-size: .6em;
}
.title_date:before {
    content: "\2022";
	font-size: 1em;
    padding: 0 0.5em 0 0.75em;
}
.blog_content_container h3 {
	font-family: 'Josefin Sans', sans-serif;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	font-size: 1.2em;
	/*color: #999999;*/
	/*background-color: #eeeeee;*/
	border-bottom: 1px solid #eeeeee;
	padding: .2em .8em;
	margin: 1em 0;
}	
.sub_title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.5em;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	padding: .1em .5em .1em .5em;
	border-bottom: 2px solid #eeeeee;
	margin: .5em 0 .5em 1em;
	float: left;
	width: 16%;
	text-align: right;
/*	border: 1px solid #0f0;*/
	
}
.sub_title_date {
	position:absolute;
	bottom: -30px;
	width:100%;
	text-align:right;
	font-family: 'DayRoman', Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: .55em;
	margin: 0 -1em;
	color: #999999;
	
}
.sub_content {
	font-size: 1.05em;
	line-height: 1.5em;
	word-spacing: .2em;
	padding: 0 0 2em 0;
	margin: 0 1.6em 0em 23%;
	min-height: 4em;
}
.about_sub_content {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 2em;
}
.about_sub_content p {
	margin: 0 0 2em 0;
}
.blog_sub_content {
	padding: 1em 0 0 1em;
}
.comment {
/*	border-bottom: 1px dotted #eee;*/
	padding: 1em 0 1em 0;
/*	border: 1px solid #000;*/
	margin: 0 0 1em 0;
}
.comment_sub_content {
	padding: 1em 0 0 0;
	border-top: 1px solid #ddd;
	margin-top: 2em;
}
.contact_me {
	margin-left: 3em; 
	display:block;
}
#blog_list_years {
	padding: 2em 0;
	text-align: center;
}
#blog_list_years div {
	font-family: 'Josefin Sans', 'DayRoman', sans-serif;
	font-size: 1.2em;
	font-style: italic;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	color: #888888;	
}
#blog_list_years a.nav {
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	padding: .1em .2em .3em .2em;
	color: #888888;	
}
#blog_list_years a.nav:hover {
	color: #000000;
	background-color: #dddddd;
}
#blog_list_years a.years {
	font-family: 'Josefin Sans', 'DayRoman', sans-serif;
	font-size: 1.2em;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	color: #444444;	
	padding: .3em .3em .2em .3em;
}
#blog_list_years a.years:hover {
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	background-color: none;
	background-color: #dddddd;
	color: #000000;
}
#blog_list_years span.next:before {
    content: "\2022";
	font-size: .8em;
    padding: 0 1em;
	color: #888888;
}

/* 
================================================================================
								fotopool 
================================================================================
*/

#pagination {
	padding: 2em 0;
	text-align: center;
}
#pagination input {
	font-family: 'DayRoman', sans-serif;
	font-size: 1.2em;
	font-style: italic;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	width: 3em;
	text-align: center;
}
#pagination div {
	font-family: 'Josefin Sans', 'DayRoman', sans-serif;
	font-size: 1.2em;
	font-style: italic;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	color: #888888;	
}
#pagination a {
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	padding: .1em .2em .3em .2em;
	color: #888888;	
}
#pagination a:hover {
	color: #000000;
	background-color: #dddddd;	
}
#flickr_collections {
	float: left;
	text-align: center;
	width: 33%;
}
#flickr_photos {
	float: right;
	width: 33%;
	text-align: center;
}
#flickr_sets {
	text-align: center;
	width: 32%;
	margin: 0 34%;
}
.col_title {
	font-family: 'Josefin Sans', 'DayRoman', sans-serif;
	font-size: 1.5em;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.04em;
	word-spacing: 0em;
	border-bottom: 1px solid #eeeeee;
	margin: 0 2em 1em 2em;
}
.col_title p {
	display:block;
	text-align: center;
	padding: .3em;
}
.col_title p:hover {
	background-color: #f0f0f0;
}
.col_block {
	margin: auto;
	width: 270px;
	font-size: .9em;
}
.col_block a {
	display: block;
	padding: 12px 10px 7px 10px;
	text-transform: capitalize;
	margin: 1em 2em;
	
	-webkit-box-shadow:1px 1px 5px #cccccc;
	   -moz-box-shadow:1px 1px 5px #cccccc;
        	box-shadow:1px 1px 5px #cccccc;		
}
.col_block a:hover {
	-webkit-box-shadow:2px 2px 5px #aaaaaa;
	   -moz-box-shadow:2px 2px 5px #aaaaaa;
        	box-shadow:2px 2px 5px #aaaaaa;	
}
.photo_block {
	border: 1px solid #eeeeee;	
	padding: 1em;
	overflow: hidden;
	position: relative;
	margin: 0 auto 2em auto;
}
.photo_block:hover {
	border: 1px solid #cccccc;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.photo_details {
	width: 40%;
}
.collection_details {
	width: 60%;
}
.bottom {
	position: absolute; 
	bottom: 1em;
	width: 35%;
	padding: 1em;
}
.bottom_collection {
	position: absolute; 
	bottom: 1em;
	width: 53%;
	padding: 1em;
}
.clear {
	clear: both;
	line-height: 1px;
}
.photo_title {
	font-size: 1.8em;
	line-height: 1.5em;
}

.photo_description {
	font-size: 1em;
	line-height: 0.8em;
}
.fotopool_title {
	font-size: 2em;
	margin: 0 .5em .5em 0;
	color: #888888;
	display: block;
}
.fotopool_desc {
	display: block;
}

/* 
================================================================================
								links 
================================================================================
*/
.links_title {
	font-size: 2em;
	margin: 0;
	color: #888888;
}
.links_title_blogs {
	font-size: 2em;
	margin: 0 0 .3em 0;
	color: #888888;
	display: block;
}
.item_title {
	font-size: 1.3em;
	margin: 0 0 0 .5em;
}
p.links_para .item_title:after {
    content: "\2022";
	font-size: .5em;
    padding: 0 0.5em 0 0.8em;
}
.item_date {
	font-size: .8em;
}
p.links_para {
	margin: 0 0 2em 0;
	padding: .3em;
}
p.links_photo_head {
	padding: .3em;
	float:left;
}
p.links_para:hover, p.links_photo_head:hover {
	background-color: #f0f0f0;
}
.links_content {
	padding: .2em 1em;
	color: #999999;
	display: block;	
}
.links_photo_feed_container {
	overflow: hidden;
	margin-bottom: 4em;
	border: 1px solid #eee;
	padding: .5em;
}
.links_photo_feed_container:hover {
	border: 1px solid #ccc;
}
.links_photo_title {
	text-align: right;
	margin:1.5em 0 .5em 0;
}
.links_photo {
	float: right;
	overflow: hidden;
	padding-left: .5em;
	padding-right:5px;
}
.link_photo_img:hover {
	-webkit-box-shadow:2px 2px 5px #aaa;
	   -moz-box-shadow:2px 2px 5px #aaa;
        	box-shadow:2px 2px 5px #aaa;	
}
.links_thumbnail_container {
	float: right;
	overflow: hidden;
	width: 60%;
	border-right: 1px solid #eee;
	padding: 1em .4em 0 0;
}
.links_thumbnail {
	float: right;
	padding:.1em .2em;
}
.link_thumbnail_img:hover {
	-webkit-box-shadow:2px 2px 5px #888;
	   -moz-box-shadow:2px 2px 5px #888;
        	box-shadow:2px 2px 5px #888;	
}