/* @override 
	http://retrorocketdesign.com/textpattern/css.php?n=default
	http://retrorocketdesign.com/css.php?n=default
*/

/* @group Reset */

/* v1.0 | 20080212 */

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

body 
	{
		line-height: 1;
	}

ol, ul 
	{
		list-style: none;
	}

.hfeed blockquote 
	{
		margin-left: 2em;
	}

.hfeed ol 
	{
		list-style: decimal;
		margin: 0 5px;
	}

blockquote, q 
	{
		quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after 
	{
		content: '';
		content: none;
	}

/* remember to define focus styles! */

:focus 
	{
		outline: 0;
	}

/* remember to highlight inserts somehow! */

ins 
	{
		text-decoration: none;
	}

del 
	{
		text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */

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

/* @end */

/* @group Main Content */

body 
	{
		color: #fff;
		background: #59303b url(/images/25.jpg) repeat-x fixed left top;
		font: 62.5%/1.8 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}

#header 
	{
		background: #293041;
		margin: 0 0 10px 0;
	}

#logo 
	{
		width: 800px;
		margin: 0 auto;
	}

#navigation 
	{
		background-color: #dcd49c;
	}

#container 
	{
		background: #ebeef6 url(/images/21.png) repeat-x left top;
		width: 920px;
		padding: 0 0 10px 0;
		margin: 10px auto 10px auto;
		border: 3px solid #4f0a23;
	}

#content 
	{
		float: left;
		width: 580px;
		margin: -10px 10px 0 0;
		padding: 20px;
		font-size: 1.4em;
		line-height: 1.5;
		color: #4b0b19;
	}


h1, h2, h3, h4, h5, h6, p, blockquote, dl, ol, ul 
	{
		margin: 0 0 0.5em 0;
		
	}
	
#content h1
	{
		font-size: 1.6em;
		margin-top: 0.5em;
	}	

#other-content 
	{
		background: #fff8eb;
		padding: 5px;
		border: 1px solid #e2dcc3;
	}

#other-content h3 
	{
		background: #e2dcc3;
		margin: -5px -5px 7px -5px;
		padding: 2px 5px 5px 5px;
	}

#other-content ul 
	{
		margin-bottom: 10px;
	}

#sidebar 
	{
		width: 264px;
		float: right;
		margin: 0 15px 0 0;
		font-size: 1.2em;
	}

#sidebar ul, #sidebar h2 
	{
		padding: 5px 10px;
	}
	
#sidebar h2 
	{
		background: #3e4489;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 0;
		text-shadow: #000 0 0 2px;
		
	}	

#sidebar h2 a 
	{
		color: #fff;
	}

#sidebar ul 
	{
		margin: 0 0 10px 0;
		background: #f6f6eb;
		padding: 0;
	}

#sidebar a 
	{
		font-weight: bold;
		color: #4c76d3;
	}

#sidebar p 
	{
		margin: 1em 0;
		padding: 0;
	}

#sidebar 
	{
		color: black;
	}

#sidebar li 
	{
		background: url(/images/4.png) no-repeat no-repeat 4px 5px;
		padding: 2px 0 5px 26px;
		margin: 0;
		color: #606074;
		border-bottom: 1px solid #e2dcda;
		border-top: 1px solid #fff;
	}
	
#sidebar li *
	{
		margin: 0;
		padding: 0;
	}	

#sidebar ul.related_articles li 
	{
		background: url(/images/9.png) no-repeat 4px 5px;
	}

#sidebar ul.link-list li 
	{
		background: url(/images/12.png) no-repeat 4px 10px;
	}
	
	
	
span.link-category 
	{
		float: right;
		text-transform: uppercase;
		font-size: 0.7em;
		color: #a0afb4;
	}	
	
#sidebar ul.link-list li p span.link-category 
	{
		margin-top: 3px;	
	}

#blog-secondary div.module ul.link-list li
	{
		padding-bottom: 5px;
	}	

#other-content li 
	{
		background: url(/images/14.png) no-repeat left 35%;
		padding: 3px 0 3px 21px;
	}



#search-box 
	{
		margin: 10px 0;
	}

#search-box h2 
	{
		background: #3e4489 url(/images/7.png) no-repeat 5px 50%;
		padding: 3px 0 3px 26px;
		margin: 0 0 10px 0;
	}

#footer 
	{
		clear: both;
		padding: 10px 0;
		font-size: 1.2em;
		width: 920px;
		margin: 0 auto;
	}

/* @end */

/* @group Links */

	

a 
	{
		color: #2b52b9;
	}

a:hover, a:active, a:focus 
	{
		color: #7e2a2b;
	}

a:visited 
	{
		color: #358599;
	}

/* @end */

/* @group Pagination and Navigation */

p.quick-nav
	{
		background: #f6f6eb;
		padding: 3px 6px;
		border: 1px solid #e5e1cf;
		border-top: none;
		margin: -20px 0 0 0;
		font-size: 0.8em;
	}

a.home-link 
	{
		background: url(/images/22.png) no-repeat left center;
		padding: 2px 0 2px 20px;
	}
	
a.archive-link
	{
		background: url(/images/23.png) no-repeat left center;
		padding: 2px 0 2px 20px;
	
	}
	
a.about-link
	{
		background: url(/images/24.png) no-repeat left center;
		padding: 2px 0 2px 20px;
	}	

.pagination 
	{
		margin: 20px 0;
		padding: 5px 0;
		font-size: 80%;
		overflow: auto;
		text-transform: uppercase;
		clear: both;
	}

.pagination a 
	{
		color: #3e4489;
		text-decoration: none;
		padding: 5px;
	}

.pagination a:hover 
	{
		background: black;
		color: white;
	}

.pagination .older 
	{
		float: left;
		width: 30%;
	}

.pagination .newer 
	{
		float: right;
		text-align: right;
		width: 30%;
	}

/* @end */

/* @group Comments and Comment Form */

p.comment-meta 
	{
		font-size: 0.9em;
		margin: 0 0 10px 0;
		clear: both;
		padding: 0 0 5px 0;
		font-weight: normal;
		vertical-align: text-bottom;
		color: #607b97;
	}

p.comment-meta img 
	{
		vertical-align: text-bottom;
	}
	
img.permalink
	{
		float: right;
	}	
	
div.comment-body 
	{

		margin: 0 0 1em 100px;
		font-weight: normal;
	}	

img.gravatar
	{
		float: left;
		padding: 3px;
		background: #fff;
		border: 1px solid #59303b;
		margin: 0 10px 10px 0;
	}

form#txpCommentInputForm 
	{
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
		border-top: 1px solid #59303b;
		clear: both;
	}

p.comment-name-input label 
	{
		background: url(/images/11.png) no-repeat 0 50%;
	}
	
p.comment-name-input input
	{
		font-weight: bold;
	}	

p.email-input label 
	{
		background: url(/images/19.png) no-repeat 0 50%;
	}
	
p.email-input input
	{
		font-family: "Courier New", Courier, mono;
	}	

p.web-input label 
	{
		background: url(/images/4.png) no-repeat 0 50%;
	}
	
p.web-input input 
	{
		font-family: "Courier New", Courier, mono;
	}	

p.message-input label 
	{
		background: url(/images/20.png) no-repeat 0 50%;
	}

form#txpCommentInputForm fieldset 
	{
		margin: 0;
		padding: 0;
		border: none;
	}
	
form#txpCommentInputForm input 
	{
		margin: 0 0 5px 0;
		display: block;
		padding: 5px;
		width: 315px;
	}	

form#txpCommentInputForm input[type="hidden"]
	{
		display: none;
		visibility: hidden;
		margin: 0;
		padding: 0;
		height: 0;
		background: transparent;
	}

form#txpCommentInputForm p 
	{
		margin: 0;
		padding: 0;
	}

#sidebar ul.recent_comments li
	{
		padding: 7px;
		background: url(/images/26.jpg) repeat-x left top;
	}

#sidebar ul.recent_comments li img.gravatar 
	{
		margin: 0 5px 5px 0;
		vertical-align: middle;
	}

form#txpCommentInputForm textarea 
	{
		display: block;
		clear: both;
		margin: 0 0 5px 0;
		padding: 3px;
		width: 100%;
	}

input#txpCommentSubmit.button.disabled 
	{
		display: none;
	}

input#txpCommentSubmit.button:hover, input#txpCommentPreview.button:hover 
	{
		color: black;
		background: white;
		border: black 1px solid;
	}

form#txpCommentInputForm label 
	{
		display: block;
		margin: 0.5em 0 0 0;
		padding: 2px 0 2px 20px;
		color: #4b0b19;
		font-size: 1.2em;
		
	}

#txpCommentInputForm fieldset legend 
	{
		margin: 0;
		background: url(/images/13.png) no-repeat 5px 50%;
		padding: 5px 0 5px 25px;
		font-weight: bold;
	}



a#txpCommentHelpLink 
	{
		display: block;
		text-align: center;
		margin: 5px 0;
	}

input#txpCommentSubmit.button 
	{
		float: right;
		width: 30%;
		border: 1px solid #887a48;
		background: #fefad3 url(/images/5.png) repeat-x left top;
		color: #887a48;
	}

input#txpCommentPreview.button 
	{
		float: left;
		width: 30%;
		border: 1px solid #887a48;
		background: #fefad3 url(/images/5.png) repeat-x left top;
		color: #887a48;
	}

/* @end */

/* @group Posts */

.post 
	{
		margin: 0 0 1.6em 0;
		clear: both;
		text-shadow: 1px 0px 2px #fff;
	}

h1.entry-title, h2.entry-title, .portfolio-item h2 
	{
		padding: 8px 0 8px 25px;
		margin: 10px 0;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.2;
		background: url(/images/14.png) no-repeat 0 50%;
		border-bottom: 1px solid #59303b;
	}

h2#comment 
	{
		padding: 8px 0 8px 25px;
		margin: 10px 0;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.2;
		background: url(/images/13.png) no-repeat 5px 50%;
		border-bottom: 1px solid #59303b;
	}

#content div.hfeed div.post address.vcard.author 
	{
		background: #fff;
		padding: 5px;
		margin: 5px 0;
	}



h2.entry-title a 
	{
		text-decoration: none;
		text-shadow: 1px 0px 2px #fff;
	}
	
h2.entry-title a:hover
	{
		color: #7e2a2b;
		text-shadow: #b23a3c 0 0 2px;
	}	

/*.entry-content
	{
		border-bottom:  1px solid #a59672;
	}*/

.publication-details 
	{
		font-size: 80%;
		text-transform: uppercase;
		color: #354b6a;
		padding: 5px 0;
		margin: -10px 0 10px 0;
	}

.quick-link-post
{
width: 100%;
float: left;
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px dotted #59303b;
}

.quick-link-post .entry-content
{
float: left;
width: 49%;
margin-right: 0.9%;

}



.quick-link-post .publication-details
{
float: left;
width: 49%;
margin: 5px -5px 0 0;
padding: 0;
text-align: right;
}
	
.publication-details img
	{
		vertical-align: bottom;
	}

span.comments-invite 
	{
		float: right;	}	

body#weblog span.comments-invite
	{
		margin-right: 2em;
	}

.quick-link-post 
	{
		clear: both;
	}



.permlink 
	{
		float: right;
		margin: 0;
		padding: 0;
		width: 30px;
		text-align: center;
	}

.quick-link-post .permlink
{
float: none;
text-align: right;
width: auto;
}

.page-ad 
	{
		width: 468px;
		margin: 10px auto;
	}

p.syndication 
	{
		text-align: center;
		margin-top: 10px;
	}

p.syndication a 
	{
		display: block;
	}

p.date-posted 
	{
		font-size: small;
	}

/* @end */

/* @group Extras */

#linkedin 
	{
		padding: 5px;
		background: #fff;
		border: 1px solid #ccc;
		margin: 10px 0;
	}

#linkedin img 
	{
		display: block;
		margin: 0 auto;
	}

.article-image 
	{
		margin: 0 auto 10px auto;
		border: 1px solid #95896c;
		padding: 3px;
		background-color: #fff;
	}

img#section-header-image 
	{
		margin: -20px 0 10px -20px;
		padding: 0;
		display: block;
		border: none;
	}

/* @end */

/* @group Portfolio */

.portfolio-thumb 
	{
		float: right;
		border: 1px solid #c7c5b9;
		padding: 5px;
		background: #fff;
		margin: 0 0 10px 10px;
	}

.portfolio-item table.metadata
	{
		width: 100%;
		border-collapse: collapse;
	}
	
.portfolio-item table.metadata th, .portfolio-item table.metadata td
	{
		text-align: left;
		border-bottom: 1px solid #c7c5b9;
		vertical-align: top;
	}	

/* @end */



.callout 
	{
		background: #e6e5e1 url(/images/18.jpg) repeat-x left top;
		border: #c7c5b9 1px solid;
		padding: 10px;
		margin: 0 0 10px 0;
		font-size: 1.2em;
		line-height: 1.3;
	}

#sidebar .callout h2 
	{
		margin: 0.5em 0;
		padding: 0;
		background: none;
		color: #3f4c55;
		font-size: 1.3em;
		text-shadow: none;
	}

.callout p 
	{
		color: #56605f;
	}

div.clear 
	{
		clear: both;
		margin: 0;
		padding: 0;
		height: 0;
	}

 
div#content.blog-archive 
	{
		float: none;
		width: auto;
		margin: -10px 10px 0 0;
		padding: 20px;
		font-size: 1.4em;
		line-height: 1.5;
		color: #4b0b19;
	}
	
div#content.blog-archive div.hfeed
	{
		width: 100%;
		overflow: auto;
	}	
	
div#content.blog-archive div.post
	{
		width: 49.9%;
		margin: 0;
		float: left;
		clear: none;
	}

	
	
div#content.blog-archive div.module	
	{
		width: 49.9%;
		margin: 0;
		float: left;
	}

.entry-content img 
	{
		background: #fff;
		padding: 5px;
		border: 1px solid #59303b;
		display: block;
		margin: 10px auto;
	}

#sidebar div.callout.tshirts a img 
	{
		display: block;
		margin: 0 0 0 -10px;
		padding: 0;
		border: #c7c5b9 1px solid;
		border-left: none;
		border-right: none;
	}

#sidebar img.gravatar 
	{
		margin: 10px 10px 10px 0;
	}

/* @group ZEM CONTACT FORM */

form.zemContactForm 
	{
		margin: 10px 0;
		padding: 0;
	}
	
form.zemContactForm legend
	{
		margin: 0;
		background: url(/images/13.png) no-repeat 5px 50%;
		padding: 5px 0 5px 25px;
		font-weight: bold;
	}
	
form.zemContactForm label
	{
		display: block;
		margin: 0.5em 0 0 0;
		padding: 2px 0 2px 0;
		color: #4b0b19;
		font-size: 1.2em;
		
	}
	
form.zemContactForm input[type="text"]
	{
		margin: 0 0 5px 0;
		display: block;
		padding: 5px;
		width: 315px;
	}	

input.zemSubmit 
	{
		display: block;
	}	

form.zemContactForm textarea	
	{
		display: block;
		clear: both;
		margin: 0 0 5px 0;
		padding: 3px;
		width: 100%;
	}			

/* @end */