html{
	margin:0;
	margin-top:0 !important;
	padding:0;
}

body{
	background:url(/images/top-line.gif) repeat-x top #FFF;
	color:#000;
	font-family:'Quattrocento', arial, serif;
	font-size:14px;
	line-height:22px;
	margin:0;
	padding:0 0 15px 0;
}

a{
	color:#000;
	outline:0;
}
a:hover{
	color:#2980A7;
	text-decoration:none;
}
p{
	padding:10px 0 10px 0;
}
img{
	border:0;
}
h1,h2,h3,h4{
	margin:0;
	padding:0;
}


/* wrapper */

div#wrapper{
	width:960px;
	margin:0 auto;
	position:relative;
}

/* div#header */

div#header{
	background:#E3E3E3;
	width:269px;
	position:absolute;
	top:0;
	left:0;
}

div#header h1{
	background:url(/images/richard-stelmach-logo.gif) no-repeat top left;
}

div#header h1 a{
	display:block;
	height:0;
	padding:360px 0 0 0;
	font-size:12px;
	overflow:hidden;
}

/* nav */

div#header ul#nav{
	margin:0;
	padding:0 10px 10px 10px;
	list-style:none;
}


div#header ul#nav li a{
	display:block;
	font-size:16px;
	height:23px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
}

div#header ul#nav li a:hover, body.home div#header ul#nav li.tab1 a,body.portfolio div#header ul#nav li.tab2 a,
body.blog div#header ul#nav li.tab3 a,body.contact div#header ul#nav li.tab4 a{
	background:url(/images/line-horiz.gif) repeat-x center left;
	color:#000;
}

div#header ul#nav li a span{
	background:#E3E3E3;
	padding:0 5px;
}

/* content area */

div#content{
	float:right;
	padding:14px 0 15px 0;
	width:680px;
	height:540px;
}
html>body div#content{
	min-height:540px; height:auto; overflow:hidden;
}

/* main sub heading at the top */

div#content .sub{
	background:url(/images/dot.gif) repeat-x bottom;
	font-family: 'Crimson Text', arial, serif;
	font-size:28px;
	font-weight:400;
	letter-spacing:-1px;
}

div#content h2.mainsub{
	background:0;
	height:26px;
}

div#content h3.sub{
	margin:0 0 15px 0;
	padding:0 0 12px 0;
}


/* inner content */

div#content div#innercontent{
	margin:15px 0 0 0;
}

/* home intro */

body.home div#content div#innercontent{
	background:url(/images/intro-bg.gif) no-repeat top right;
}

div#content div#innercontent p#homeintro{
	line-height:26px;
	margin-bottom:15px;
	padding-right:344px;
}

/* portfolio item */

div.item{
	border:1px solid #ACACAC;
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	width:325px;
}

div#blogcontent div.item h4{
	text-align:center;
	font-size:14px;
	font-weight:400;
}

div#blogcontent div.item h4 a{
	display:block;
}

div.item:hover{
	border-color:#000;
}

div.item2{
	margin-right:0;
}

/* big links */

div.biglink{
	clear:both;
	padding:10px 0 20px 0;
}

div.biglink a{
	background:#ECECEC;
	display:block;
	padding:4px;
	text-align:center;
}

div.biglink a:hover{
	background:#DCE1E5;
	color:#222222;
}

/* latest blog post */

.fltright{
	float:right;
	padding-left:10px;
}

h4.subsub{
	font-size:18px;
	font-weight:400;
	margin:0 0 10px 0;
}

p.notop{
	padding-top:0;
	margin-top:0;
}

div#latestBlogPost p{
	padding:0 0 5px 0;
	margin:0;
}

/* footer */

div#footer{
	border-top:1px solid #000000;
	clear:both;
	height:50px;
	padding:14px 0 12px 0;
}

div#footer div#footerInner{
	width:705px;
	margin:0 auto;
}

div#footer div#footerInner img{
	display:block;
	float:left;
	padding:0 8px;
}

div#footer div#footerInner span, div#footer div#footerInner a{
	display:block;
	float:left;
}

div#footer div#footerInner div#links{
	clear:both;
	padding:5px 0 0 0;
	font-size:12px;
	width:55%;
	margin:0 auto;
}

div#footer div#footerInner div#links dl,div#footer div#footerInner div#links dl dd,div#footer div#footerInner div#links dl dd ul{
	margin:0;
	padding:0;
	float:left;
}

div#footer div#footerInner div#links dl dt{
	float:left;
}

div#footer div#footerInner div#links dl dd ul{
	list-style:none;
}

div#footer div#footerInner div#links dl dd ul li{
	float:left;
	background:url(/images/pipe.gif) no-repeat right;
}

div#footer div#footerInner div#links dl dd ul li a{
	padding:0 12px 0 5px;
}

div#footer div#footerInner div#links dl dd ul li.nobord{
	background:0;
}

/************** blog ***************/

/* content */

div#blogcontent{
	padding:10px 0 0 0;
}

div.post div.postheading h3{
	font-family: 'Crimson Text', arial, serif;
	font-size:26px;
	font-weight:400;
	padding:4px 5px 4px 0;
	float:left;
}

div.post div.postheading h3 a{
	text-decoration:none;
}

div.post div.postheading h5{
	font-size:14px;
	margin:0;
	padding:3px 5px;
	float:right;
	position:relative;
	top:3px;
	font-weight:400;
}

div.post div.postheading{
	background:url(/images/dot.gif) repeat-x bottom;
	padding:5px 0 5px 0;
	height:35px;
}
html>body div.post div.postheading{
	min-height:35px; height:auto; overflow:hidden;
}


/* social links */

div.postsocial{
	height:20px;
}
html>body div.postsocial{
	min-height:20px; height:auto; overflow:hidden;
}

div.postsocial ul{
	list-style:none;
	margin:0;
	padding:0;
}

div.postsocial ul li{
	list-style:none;
	margin:0;
	padding:0 10px 0 0;
	float:left;
}

div.postsocial ul li .twitter-share-button{
	width:98px !important;
}

div.type-post div.postsocial{
	clear:both;
	padding:10px 0;
}

/* paging */

div#pagingWrap{
	position:relative;
	padding:10px 0;
	height:25px;
}
html>body div#pagingWrap{
	min-height:25px; height:auto; overflow:hidden;
}

div.wp-pagenavi{
	text-align:center;
	font-size:16px;
}


div.wp-pagenavi span{
	padding:3px 12px;
	margin:0 2px 0 0;
}

div.wp-pagenavi a{
	background:#ECECEC;
	color:#000;
	padding:3px 12px;
	text-align:center;
	margin:0 2px 0 0;
	text-decoration:none;
}

div.wp-pagenavi a:hover, div.wp-pagenavi span.current{
	background:#DCE1E5;
}

/* popup */

div#postPop{
	max-width:950px;
}

div#postPop h1{
	background:#000;
	font-size:28px;
	color:#FFF;
	padding:8px;
}

/* portfolio listings */

div#blogcontent div.item{
	margin-bottom:10px;
}

div#postPop object{
	display:block;
	margin:0 auto;
}

div#postPop img{
	display:block;
	margin:0 auto;
	clear:both;
}

div#popNextPrev{
	position:relative;
}

div#popDesc p{
	margin:0;
	padding-bottom:4px;
}

div#popNextPrev ul{
	height:15px;
	list-style:none;
	margin:0 auto;
	padding:0 0 4px 0;
	width:102px;
}

div#popNextPrev ul li{
	float:left;
	line-height:14px;
}

div#popNextPrev ul li#prevLink{
	padding:0 8px 0 0;
	border-right:1px solid #ccc;
}

div#popNextPrev ul li#nextLink{
	padding:0 0 0 8px;
}

div#galleryImages{
	display:none;
}

div#popNextPrev ul li a.popLinkDisabled{
	text-decoration:none;
	color:#ccc;
}

/* comments */


div#comments ol{
	list-style:none;
	margin:0;
	padding:00;
}

div#comments ol li{
	border:1px solid #ACACAC;
	margin:5px 0;
	padding:0 8px 8px 8px;
}

div#comments ol li p{
	padding:0 0 10px 0;
}

h3#reply-title, div#comments h4#comments-title{
	background:url(/images/dot.gif) repeat-x bottom;
	font-family: 'Crimson Text', arial, serif;
	font-size:22px;
	font-weight:400;
	letter-spacing:-1px;
	margin:15px 0 15px 0;
	padding:0 0 8px 0;
}

form#commentform{
	background:#E3E3E3;
	padding:8px;
	position:relative;
}

form#commentform p, form#contactForm div.row{
	height:40px;
	margin:0;
	padding:0;
}
html>body form#commentform p, form#contactForm div.row{
	min-height:40px;
	height:auto;
	overflow:hidden;
}

form#commentform p.comment-form-comment{
	height:160px;
}

form#contactForm div#msg{
	height:120px;
}
form#contactForm div#msg textarea{
	width:80%;
	height:100px;
}

form#commentform input, form#commentform textarea, form#contactForm input, form#contactForm textarea{
	position:absolute;
	left:80px;
}

form#commentform p.comment-notes{
	margin:0;
	padding:0 0 5px 0;
}

form#commentform p.form-allowed-tags{
	font-size:11px;
	display:none;
}

form#contactForm{
	position:relative;
}

form#commentform input, form#commentform textarea, form#contactForm input{
	border:1px solid #ABABAB;
	padding:3px;
}

form#commentform input#submit, form#contactForm input#submit{
	background:#000;
	border:0;
	color:#FFF;
	padding:4px;
	font-size:18px;
	cursor:pointer;
	font-family:'Quattrocento', arial, serif;
}

form#commentform input#submit:hover{
	background:#1A1A1A;
}

label.error{
	position:absolute;
	left:290px;
	color:red;
	font-weight:bold;
}

dl#failo {
    background: none repeat scroll 0 0 #F5E9E9;
    border: 1px solid #DAACAC;
    padding: 5px;
}

p#msgSuc {
    background:#DBE9C6;
    border: 1px solid #C1DC98;
    padding: 5px;
}
