/* ------------ global reset -----------------*/

* {
	background-repeat: no-repeat;
}

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,
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-family: inherit;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}

ol, ul, li {
	list-style: none;
}

del {
	text-decoration: line-through;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

.hidden {
	display: none;
}

/* ------------ end of global reset -----------------*/

/* ------------ basic styles -----------------*/

html {
	overflow-y: scroll
}

body {
	background-color: #fbfbfb;
	font-family: Georgia, Times, serif;
	font-size: 62.5%;
	text-align: center;
	line-height: 1;
	color: #545454;
}

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

.wrapper a, .pag_btm a span {
	text-decoration: none;
	border-bottom: 1px solid #000;
}

.pag_btm a {
	border: none;
}

.wrapper a:visited {
	color: #717171;
}

.navigation a:visited {
	color: #000;
}

.wrapper a:hover, .pag_btm a:hover span {
	text-decoration: none;
	border-color: #ab2006;
}

.wrapper h1 a, .wrapper h2 a, .wrapper h3 a, .wrapper h4 a,
.wrapper h1 a:visited, .wrapper h2 a:visited, .wrapper h3 a:visited, .wrapper h4 a:visited {
	color: #000;
	text-decoration: none;
	border-color: #fbfbfb;
}

.wrapper h1 a:hover, .wrapper h2 a:hover, .wrapper h3 a:hover, .wrapper h4 a:hover {
	text-decoration: none;
	border-color: #fbfbfb;
}

# _latest h3 a:hover, .post h3 a:hover, h2.ttl a:hover, .photos .ttl a:hover {
	border: none;
	color: #ab2006;
}

#blog_latest h3 a:active, .post h3 a:active, h2.ttl a:active, .photos .ttl a:active {
	border: none;
	color: #ff0000;
}

body .wrapper a:active, .navigation a:active span {
	color: #ff0000;
	border-color: #ff0000;
}

.clear, .clear0 {
	clear: both;
}

div.clear {
	clear: both;
	font-size: 2px;
	line-height: 0px;
	height: 0;
	overflow: hidden;
}

.dnd {
	float: left;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.highlight {
	color: #990000;
}

.img, .lst_links a, .logos a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ------------ end of basic styles -----------------*/

/* ------------ basic typography -------------------*/

.wrapper p {
	margin: 0 0 .8em 0;
	line-height: 1.4em;
}

h2, h3, h4 {
	color: #000;
	font-family: 'HelveticaNeue', Helvetica, Georgia, Arial, san-serif;
}

/* h1 { font-size: 2.4em; line-height:1.5em; } */

h2, h3 {
	font-size: 1.5em;
	line-height: 1em;
	padding: 0.5em 0;
}

h2 {
	padding-top: 0;
}

h2.pagetitle {
	margin-bottom: 20px;
}

h2.pagetitle span {
	font-size: .85em;
	font-weight: normal;
	padding-left: 3px;
}

h3 {
	font-size: 1.4em;
}

h4 {
	margin: 4px 0;
}

/* ul { font-size:1.2em; margin:1.5em; line-height:1.5em; } */

img {
	margin: 0 0 0.9em 0;
}

/* ------------ end of basic typography -------------*/

.wrapper, .header, .footer {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	font-size: 1.3em;
}

.wrapper {
	position: relative;
}

.hp {
	background: url(images/1x1.gif) 535px 0 repeat-y;
	padding-top: 10px;
}

div.blog, .about {
	background: url(images/1x1.gif) 645px 0 repeat-y;
	padding-top: 10px;
}

.header {
	font-size: 2.3em;
	padding: 15px 0 8px 0;
}

.top {
	background: #dfdfdf url(images/bg_top.jpg) center 0 no-repeat;
	border-bottom: 1px solid #bbb;
}

.top0 {
	border-bottom: 1px solid #bbb;
	padding-bottom: 1px;
	margin-bottom: 30px;
}

.top p.date {
	clear: both;
	font-size: .7em;
	padding: 5px 0;
	*margin-top: -20px;
}

.header a {
	color: #000;
}

.logo {
	float: left;
	font-family: Georgia,Times,serif;
	font-size: 4.2em;
	/* text-shadow: 1px 1px #aaa; */
	color: #000;
	background: url(images/skrinda.com.gif) 0px 3px no-repeat; 
}

.logo a, .logo span {
	padding-bottom: 10px;
	border-bottom: none;
	display: block;
	line-height: 0.9em;
	width:531px; height:80px;
	text-indent: -9999em; 
}

.logo a:hover {
	padding-bottom: 5px;
	border-bottom: 5px solid #ab2006;
	text-decoration: none;
}

.logo a:active {
	padding-bottom: 5px;
	border-color: #ff0600;
}

.main {
	font-size: 1.2em;
	line-height: 1.2em;
	position: relative; 
}

.hp .main {
	float: left;
	width: 512px;
	margin-top: -2px;
}

div.blog .main, .about .main {
	width: 612px;
	float: left;
}

/* .photos {  background: url(images/1x1.gif) 645px 0 repeat-y; } */

.photos .main {
	width: 612px;
/

* float: left; */
}

.sidebar {
	float: right;
	width: 422px;
	display: inline;
	font-size: 1.1em;
	line-height: 1.2em;
}

div.blog .sidebar, .about .sidebar {
	width: 300px;
	font-size: .75em;
	line-height: 1.9em;
	margin-top: 4px;
}

.hr {
	background: url(images/1x1-2.gif) 0 0 repeat-x;
	margin: 20px 0;
	height: 1px;
	overflow: hidden;
}

hr {
	display: none;
}

/*
.box_find_me .lst { float:right; }
.box_find_me .lst li { float:left; margin-left: 15px; }
.box_find_me .copy { float:left; width: 340px; text-align: right; }
*/

.box_intro {
	padding: 10px;
	background: #9d9d9d url(images/bg_intro.jpg) center bottom no-repeat;
	color: #eee;
}

.box_intro0 {
	border: 1px dotted #aaa !important;
	border-style: solid;
	padding: 2px;
	margin-top: -6px;
}

.entry_body div img, .entry div img {
	display: block;
	margin: 0 0 1px 0;
}
.img_col2 { margin-bottom: 20px; }

.box_find_me div {
	float: right;
}

.box_find_me .copy {
	float: left;
	padding-right: 20px;
}

.box_find_me .lst {
	float: left;
}

.box_find_me .lst li {
	display: inline;
	padding-right: 15px;
}

#twitter_box {
	position: relative;
	margin-bottom: -5px;
}

.icn_twitter {
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
	margin-top: 4px;
}

h2.ttl_twitter {
	font-size: 1.2em;
	letter-spacing: 0.01em;
	padding-bottom: 0;
	padding-left: 65px;
	padding-top: 6px;
}

#twitter_update_list {
	padding-left: 65px;
	*padding-left: 15px;
	*width: 340px;
	min-height: 4.2em;
	_height: 4.2em;
	margin-bottom: 10px;
}

/*
#twitter_update_list a {
	position: absolute;
	left: 14em;
	top: 0px;
}
*/

#twitter_update_list span a {
	position: static;
	border: none;
}

#twitter_update_list li {
	padding: 5px 0;
	display: block;
	line-height: 1.2em;
}

#twitter_update_list li span {
	padding-bottom: 5px;
	font-style: italic;
	/* display: block; */
	padding-right: 10px;
}

a.lnk_follow_twitter, a.lnk_follow_twitter:hover, a.lnk_follow_twitter:visited {
	float: right;
	display: block;
	margin: -5px 0 0 20px;
	font-size: 0.9em;
	border: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 1px 8px 1px 11px;
	background-color: #eee;
	color: #000;
}

.wrapper a.lnk_follow_twitter:active {
	border: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	padding: 2px 7px 0px 12px;
	color: #000;
}

a.lnk_follow_twitter:hover span {
	color: #ff0000;
}

.lst_photos {
	padding: 10px 0 20px;
	position: relative;
}

.lst_photos li {
	float: left;
	padding-left: 8px;
	position: relative;
	left: -6px;
	padding-bottom: 8px;
}

.lst_photos li a {
	padding: 10px;
	border: 1px solid #ccc;
	display: block;
}

.lst_photos li a:hover {
	border-color: #000;
}

.lst_photos li a img {
	display: block;
	margin: 0;
	width: 75px;
	height: 75px;
}

h1.h_welcome {
	display: inline;
	font-weight: normal;
}

h1.h_welcome strong {
	color: #333;
	font-weight: normal;
}

.intro, .intro p {
	display: inline;
}

.img_latest_work {
	display: block;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
}

.box_portfolio a:hover .img_latest_work {
	border-color: #000;
}

.more-link {
	display: table-cell;
	padding-top: 5px;
	
	font-family: 'HelveticaNeue', Helvetica, Georgia, Arial, sans-serif;
	font-size: 0.7em;
	color: #333;
	background-color: #ddd;
	padding: 5px;
	line-height: 1.2;
	border: 1px solid #bbb !important;
	text-transform: uppercase;
	font-weight: bold;
}


body.blog .more-link { position: relative; top:7px; display: inline-block; }

.more-link:hover { color: #fff !important; background-color: #777; }
body .wrapper a.more-link:active { color: #fff !important; background-color: #9e3030; border-color: #851313 !important; }

#blog_latest .more-link {
	display: inline-block; margin-top:15px;

}

.footer {
	margin: 20px auto 40px; margin-top: 0;
	background: url(images/1x1-2.gif) 0 0 repeat-x;
	padding: 20px 0;
	clear: both;
}

/* ------------ navigation -----------------*/

.nav_main {
	float: right;
	margin: 23px 0 0 0;
	width: 18em;
	position: relative;
	overflow: hidden;
	font-size: .8em;
}

.nav_main li {
	float: left;
	margin-right: 2em;
	font-size: 0.8em;
	position: relative;
	right: -2em;
	padding-bottom: 10px;
}

.nav_main li a {
	color: #000;
	display: block;
	width: 9em;
	height: 1.3em;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding: 1px 1px 1px;
	text-transform: uppercase;
	font-family: 'HelveticaNeue', Helvetica, Georgia, Arial, sans-serif;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

.nav_main li a:hover {
	color: #ab2006;
	text-decoration: none;
}

.nav_main li a:active, .nav_main li.current_page_item a:active, .nav_main li.current_page_parent a:active {
	color: #fff;
	background-color: #ab2006;
	border-color: #dfdfdf;
}

.nav_main li.current_page_item a, .nav_main li.current_page_parent a {
	color: #ab2006;
	border-bottom: 2px solid #ab2006;
	padding-bottom: 0;
}

/* ------------ /navigation -----------------*/

.entry_body, .post {
	margin: 0 0 30px;
}

small.date {
	float: left;
	width: 3.5em;
	font-size: 0.9em;
	margin-top: 12px;
}

.post small.date {
	width: 5.5em;
}

#blog_latest h2 { font-weight: normal; }
#blog_latest h2 a { color: #999; }

#blog_latest h3, .post h3, h2.ttl, h3.ttl {
	border-bottom: 4px solid #000;
	margin-bottom: 20px;
	font-size: 1.4em;
	padding-bottom: 6px;
}

.entry h3, #blog_latest .entry_body h3 { border: none; padding-bottom: 0; margin-bottom: 8px; margin-top: 0.6em; padding-top: 0; }
#blog_latest .entry_body h3 { font-size: 1.3em; }


/* .works h3.ttl { width: 741px; } */

h2.ttl {
	font-size: 1.8em;
	margin: 20px 0;
	padding-bottom: 8px;
}

p.postmetadata {
	padding: 7px 0 9px;
	border: 1px solid #ddd;
	border-width: 1px 0;
	font-size: .8em;
	line-height: 1.8em;
	font-style: italic;
	margin-top: 2em;
	
	padding-left: 7px;
	background-color: #f5f5f5;
	border: none;
}

p.postmetadata a { border: none; }

.postmetadata em {
	padding-right: 6px;
}

/*
.postmetadata span { position: relative; padding-left: 5em; }
.postmetadata em { position: absolute; top:-.25em; left: 0; }
*/

p.alt {
	margin-top: 2em;
}

.entry {
	clear: both;
}

.navigation {
	height: 2em;
	color: #000
}

.navigation a {
	color: #000;
}

div.alignleft {
	float: left;
	width: 45%;
}

div.alignright {
	float: right;
	width: 45%;
	text-align: right;
}

h3#respond {
	font-size: 1.4em;
	margin: -10px 0 .5em;
}

h3#comments {
	font-size: 1.4em;
}

#commentform {
	padding-bottom: 30px;
}

#commentform label, .contact_me label {
	color: #000;
}

#commentform label em {
	font-style: normal;
	font-size: .8em;
	color: #545454;
}

#commentform p input, #commentform textarea, .contact_me li input, .contact_me textarea {
	border: 1px solid #999;
	padding: 3px;
	font-size: 1em;
	width: 350px;
	display: block;
	margin-bottom: 15px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#commentform p input#subscribe { display: inline; width: auto; border: none; }

#commentform p.subscribe-to-comments { margin: -80px 0 40px; }

#commentform p.subscribe-to-comments label { position: relative; *top:-15px; }

.contact_me li input, .contact_me textarea {
	width: 245px;
}

.contact_me li input.secinput {
	display: inline;
	width: 80px;
	margin-right: 10px;
	position: relative;
	top: -8px;
	*top:0;
}

.contact_me textarea {
	height: 280px;
}

#commentform textarea {
	width: 604px;
	font-size: 1em;
}

#commentform p input:hover, #commentform p input:active,
#commentform textarea:hover, #commentform textarea:active,
.contact_me fieldset input:hover, .contact_me fieldset input:active,
.contact_me textarea:hover, .contact_me textarea:active {
	border-color: #000;
}

#commentform #submit {
	font-size: 1.2em;
	border: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 5px;
	background-color: #eee;
	color: #000;
	margin-top: 40px;
}

#commentform #submit:active {
	border: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	padding: 6px 4px 4px 6px;
	color: #AB2006;
	outline: 0;
}

ol.commentlist {
	margin: 10px 0 30px 20px;
}

ol.commentlist li {
	background: url(images/1x1-2.gif) 0 bottom repeat-x;
	padding: 15px 0 15px 10px;
}

ol.commentlist li {
	list-style: decimal;
	clear: both;
}

.commentlist img {
	float: left;
	padding: 2px;
	border: 1px solid #CCC;
	margin-right: 10px;
}

.commentlist p {
	clear: both;
}

.commentlist .commentmetadata {
	font-size: 0.85em;
}

.commentlist cite {
	font-size: 1.1em;
}

.img_coll, .img_coll2 {
	margin-bottom: 15px;
}

.main div.img_coll img {
	margin-bottom: 0;
}

#sidebar li a {
	border-color: #fbfbfb;
	font-size: 1.4em;
	padding-right: 4px;
}

#sidebar li a:hover {
	border-color: #ab2006;
}

#sidebar li a:active {
	border-color: #ff0000;
}

#sidebar h3 {
	font-size: 1.8em;
	margin: 15px 0 2px;
}

#searchform #s {
	border: 1px solid #999;
	padding: 3px;
	font-size: 1.2em;
	width: 212px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	margin-right: 2px;
}

#searchform #s:hover, #searchform #s:active {
	border-color: #000;
}

#searchform #searchsubmit, .sendbutton {
	font-size: 1.2em;
	border: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 3px;
	background-color: #eee;
	color: #000;
	width: auto;
	*overflow:visible;
}

.sendbutton {
	padding-left: 8px;
	padding-right: 4px;
	font-size: 1em;
	margin-right: 12px;
	*margin-top:10px;
}

#searchform #searchsubmit:active, .sendbutton:active {
	border: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	/

* 	padding: 4px 2px 2px 4px; */
	color: #AB2006;
}

.searchbox {
	margin: 20px 0;
	font-size: .8em;
}

.searchbox #searchform #s {
	width: 480px;
}

.lst_works {
	margin: -30px 0 0;
	position: relative;
	overflow: hidden;
}

.lst_works li {
	overflow: hidden;
	padding: 40px 0 30px 0;
	background: url(images/1x1-2.gif) 0 bottom repeat-x;
	position: relative;
	bottom: -1px;
}

.lst_works li a { font-weight: bold; }

.lst_works .sshot {
	padding: 10px;
	border: 1px solid #999;
	float: left;
	margin-right: 20px;
	background-color: #fff;
}

.lst_logos, .lst_misc {
	position: relative;
	overflow: hidden;
}

.lst_logos li, .lst_misc li {
	position: relative;
	left: -20px;
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
}

.lst_logos img, .lst_misc img {
	padding: 10px;
	border: 1px solid #999;
	background-color: #fff;
	margin: 0;
}

.lst_misc li {
	width: 362px;
}

p.lnk_start_show {
	background: url(images/icn_slide.gif) right 2px no-repeat;
	padding: 0px 23px 1px;
	text-align: right;
	margin-right: 5px;
}

.flickr-photos p.lnk_start_show {
	font-size: .85em;
	clear: both;
	position: relative;
	top: 16px;
	padding-bottom: 7px;
}

.lnk2 {
	font-size: .85em;
}

p.lnk_start_show:hover {
	background-position: right -38px;
}

.lst_links, a.tothetop {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 40px;
	right: 0;
}

a.tothetop {
	bottom: 20px;
}

.lst_links li {
	padding: 0;
	margin: 0  0 0 5px;
	float: left;
	background-image: none;
}

.lst_links a, a.tothetop {
	width: 22px;
	height: 21px;
	background: url(images/icns_arrows.gif) 1px -18px no-repeat;
	border-bottom: none;
	border: none;
}

.lst_links .prev a {
	background-position: -19px  -18px;
}

.lst_links .tothetop a, a.tothetop {
	background-position: -39px  -18px;
}

.lst_links a:hover, a.tothetop:hover {
	background-position: 1px -18px;
	border-bottom: none;
	background-color: #e9e9e9;
}

.lst_links .prev a:hover {
	background-position: -19px -18px;
}

.lst_links .tothetop a:hover, a.tothetop:hover {
	background-position: -39px -18px;
}

.lst_links a:active, a.tothetop:active {
	background-color: #ddd;
}

.hldr {
	position: relative;
}

.box_portfolio .see_more {
	padding-right: 5px;
	text-align: right;
}

.flickr-photos {
	overflow: hidden;
	margin: 15px 0 30px;
	clear: both;
	_float: left;
	*border: 1px solid #fbfbfb;
}

.main .flickr-photos img {
	float: left;
	margin: 1px 1px 0 0;
}

.lst_albums img {
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0;
	padding: 10px;
}

.lst_albums a:hover img {
	border-color: #000;
}

.lst_albums a.lnk_album {
	border: none;
}

.lst_albums  li {
	position: relative;
	padding-bottom: 20px;
}

.lst_albums .meta {
	position: absolute;
	top: 12px;
	right: 2px;
	font-size: 0.9em;
}

#photoalbum-nav {
	font-size: 0.85em;
	margin-bottom: 20px;
}

td#fancy_title_main {
	vertical-align: middle;
}

.main img.img_about {
	padding: 10px;
	border: 1px solid #999;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #fff;
}

.cf-ol li { width: 100%; }

.contact_me {
	position: absolute;
	top: 10px;
	left: 677px;
	width: 250px;
}

.contact_me legend {
	display: none;
}

.contact_me label {
	display: block;
	padding-bottom: 4px;
}

.contact_me  fieldset a {
	border: none;
}

.entry img.captcha, .entry img.captcha-reset {
	margin: 0;
	display: inline;
	position: relative; 
	*top:-12px;
}

.entry img.captcha-reset {
	position: relative;
	top: -5px;
	left: 8px;
	*top:-18px;
}

.failure {
	color: #AB2006;
}

.success {
	color: #000;
}

.ajax-loader {
	position: relative;
	top: 3px;
}

.footer p {
	float: left;
	padding-top: 8px;
	*width: 45%;
}

.logos {
	float: right;
	text-align: left;
	padding-left: 8px;
	*width: 130px;
}

.logos li {
	float: left;
	padding: 0 5px 0 2px;
}

.logos a {
	width: 25px;
	height: 25px;
	background: url(images/logos.gif) 0 0 no-repeat;
	filter: alpha(opacity=60);
	opacity: 0.6;
	border: none;
}

a.lnk_tw {
	background-position: 0px -25px;
}

a.lnk_in {
	background-position: 0px -50px;
}

a.lnk_flkr {
	background-position: 0px -75px;
}

.logos a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.find_me {
	float: right;
	*width: 17em;
}

.find_me span {
	float: left;
	position: relative;
	top: 8px;
}

.img-blog { border:1px solid #aeaeae; }

img.stndAln { margin: 1em 0; max-width: 100%; height: auto; }

.blog .entry img { max-width: 100%; height: auto; }

.entry .img_col3 img { display:block; width:608px; border:1px solid #aaaaaa; margin-bottom:10px; }

.reg-img { border:1px solid #C2BF9B; }

body p.caption { margin: -25px 0 20px; font-size: 0.9em; font-style: italic; }

ul.niceList { margin: 1em 0; }

ul.niceList li {
	list-style: disc;
	padding-left: 10px;
	list-style-position: inside
}

.hp .entry_body {
 overflow:hidden;
}

.hp .entry_body img {
	width: 100%; height: auto;
}

#blog_latest { position: relative; }

.main a.rss { display:block; overflow:hidden; text-indent:-999em; width:28px; height:30px; background: url(images/icn_rss.gif) 0 0 no-repeat; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity:0.50; position: absolute; right: 0; top:-3px; border: none; padding: 0; }

.main a.rss:hover { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }

.img-coll2 { margin-bottom: 0.5em; }


.sidebar a.banner-ruptured { width:422px; height:221px; background: url(images/banner-ruptured-tendon.jpg) 0 0 no-repeat; border: 0; }
