/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body { font-family: Helvetica, Verdana, Arial, sans-serif; background: #fff; color: #555; width: 100%; height: 100%; }

.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	
h1 { font-size: 24px; border-bottom: 1px solid; line-height: 20px; margin-bottom: 17px; text-shadow: #444 0px 1px 0px}
h2 { font-size: 14px; line-height: 17px; padding: 0; margin: 0; text-transform: uppercase; }
h3 { font-size: 14px; line-height: 17px; padding: 0; margin: 0; text-transform: uppercase;text-align: center }
h4 { font-size: 12px; line-height: 17px; padding: 0; margin: 0; text-transform: uppercase; }
p { font-size: 13px; line-height: 17px; padding-bottom: 17px; text-align: justify; }
strong { font-size: 11px; text-transform: uppercase; font-weight: bold; text-shadow: #fff 0px -1px 0px }
small { font-size: 11px; }

pre { padding: 10px 10px 10px 40px; background: #eee; overflow-y: auto; font-size: 11px; line-height: 16px; margin-bottom: 17px;}

ul { margin-bottom: 17px; }
ul li { font-size: 13px; line-height: 17px; margin-left: 17px; list-style-type: square; }

a:hover { color: #333 }

.mar10 { margin-left: 10px; margin-right: 10px; }

.colored_bar { width: 100%; height: 30px; }

#loader { display: none; position: absolute; top: 39px; left: -29px; background: url(../images/cogs.gif) no-repeat left center; height: 80px; width: 60px; }

#logo a { display: block; width: 480px; height: 203px; }

#top { width: 100%; height: 233px;}

#top_controls { width: 960px; position: relative; margin: 0 auto; height: 20px; padding: 5px 0px; color: #ffdca2 }
#color_picker { width: 350px; height: 20px; position: relative; float: left; }
#color_picker_text { display: block; position: relative; float: left; height: 14px; padding: 3px 5px 3px 0px; }

#rss_search { position: relative; height: 20px; width: 180px; float: right; }
.rss_button { position: relative; float: left; padding-right: 5px; }
.search_input { position: absolute; top: 0px; right: 0px; width: 144px; height: 14px; padding: 3px 5px; border: none; background: url(../images/search_bg.png) no-repeat center top; color: #ffdca2; line-height: 14px; }
.search_input:focus { outline: none; }

#top_content { width: 100%; height: 203px; background: #89614f url(../images/pattern.jpg) repeat-x center; }
#top_wrapper { width: 1000px; position: relative; margin: 0 auto; }


#nav { position: absolute; right: 20px; top: 90px; z-index: 3; }
#nav_list { list-style: none; padding: 0; margin: 0; }
#nav_list li { padding: 0px 5px; display: block; float: left; }
#nav_list li a { font-size: 20px; line-height: 20px; font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-weight: lighter; color: #ffdca2; text-decoration: none; text-transform: lowercase; text-shadow: #000 0px 1px 0px }
#nav_list li a:hover { color: #fff; }

#wrapper { background: white url(../images/bg_gradient_up.jpg) repeat-x top; margin: 0; padding: 0; }
#container { width: 960px; padding: 10px 0px; position: relative; margin: 0 auto; }
#content { padding-top: 24px; }

#coda-slider-1.coda-slider, #coda-slider-2.coda-slider { display: block; width: 320px; height: 130px; overflow: hidden; position: absolute; left: 32px; top: 38px; }
#coda-slider-1 .panel, #coda-slider-2 .panel { display: block; width: 320px; height: 130px; float: left;}
#coda-slider-1 .panel_wrapper, #coda-slider-2 .panel_wrapper { display: block; width: 320px; height: 130px; }
#coda-slider-1 a, #coda-slider-2 a { display: block; width: 100%; height: 100%; }

.coda-slider p.loading { text-align: center; }

.codanav { display: inline; }

.two_column_left { width: 460px; position: relative; float: left; padding: 0px 10px; }
.two_column_right { width: 460px; position: relative; float: right; padding: 0px 10px; }
.three_column_left { width: 380px; margin: 0px 10px; position: relative; float: left; height: 210px; }
.three_column_right { width: 140px; margin: 20px 20px 10px 0px; position: relative; float: right; }
.three_column_right p { text-align: left; }

.sidebar { padding: 20px; width: 260px; margin: 0px 10px; background: #eee; }
.main_content { padding: 20px 10px; width: 620px; height: 100%;}

#grey_bar { background: #eee; width: 960px; min-height: 200px; padding: 10px 0px; margin: 34px 0px 17px; }


#main_portfolio_prev { background: url(../images/bg_portfolio.jpg) no-repeat center top; }
#main_downloads_prev { background: url(../images/bg_downloads.jpg) no-repeat center top; }
.main_prev_controls { position: absolute; right: 20px; bottom: 0px; }

#newsbox { overflow: hidden; }
.news_controls { clear: both; text-align: center; }
#coda-slider-3 .coda-slider { width: 960px }
#coda-slider-3 .panel { width: 960px; }
#coda-slider-3 .panel_wrapper { width: 960px; }

.clear { clear: both; }
.separator { clear: both; width: 940px; height: 17px; margin: 0px 10px 17px 10px; border-bottom: 1px solid; }

#footer { width: 100%; padding-top: 20px; background: white url(../images/bg_gradient_down.jpg) repeat-x top; }
.footer_wrapper { width: 960px; position: relative; margin: 0 auto; }
#footer_content {  width: 100%; background: #eee url(../images/bg_gradient_footer.jpg) repeat-x top; padding: 17px 0px 50px; }
.footer_ornament { height: 29px; padding: 0px 10px; background: url(../images/ornament.png) no-repeat right; }

#bottom_separator { border-top: 1px solid #fff; }

.footer_nav_element { width: 95px; padding: 0px 10px; position: relative; float: left; }
.footer_nav_element p { font-size: 11px; text-align: left; line-height: 13px; padding: 0; }
.footer_nav_element a, .footer_nav_element span { text-decoration: none; font-weight: bold; font-size: 14px; text-shadow: #fff 0px -1px 0px }
.footer_social { width: 110px; }

#copyright p { font-size: 11px; text-align: center; line-height: 13px; }

a.portfolio_miniature img { background: white; padding: 3px; border: 1px solid; margin: 10px; }
a.portfolio_miniature:hover img, a.portfolio_miniature.active img { border: 1px solid #fff; }

#portfolio_work { width: 630px; height: 390px; display: table-cell; text-align: center; vertical-align: middle;}
.portfolio_prev { text-align: center; }
.portfolio_prev img { background: #eee; padding: 10px; border: 1px solid; margin-bottom: 5px;}
.portfolio_caption { width: 340px; padding: 10px; background: #eee; position: relative; margin: 0 auto; }
.portfolio_caption p { font-size: 14px; text-align: left; padding-bottom: 7px; border-bottom: 1px solid white;}
.portfolio_caption .client{ text-align: center; margin: 0; padding: 7px 0px 0px 0px; border-bottom: 0; border-top: 1px solid;}

.align-center { text-align: center; }

.portfolio_min_controls_box { text-align: center; }

#portfolio_miniatures { height: 390px; }
.portfolio_miniature_box { position: absolute; }

#downloads_miniatures { width: 850px; margin: 10px; padding: 10px 45px; background: #eee; height: 140px; position: relative;}
.download_miniatures_box { position: absolute; top: 5px; }
#downloads_miniatures_categories {position: absolute; bottom: 15px; z-index: 5;}
#downloads_miniatures_categories a { text-decoration: none; color: #666; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 5px; }
#downloads_miniatures_categories a:hover, #downloads_miniatures_categories a.active { text-shadow: #666 0px 1px 2px; }
a.downloads_miniature img { background: white; padding: 3px; border: 1px solid; margin: 5px; }
a.downloads_miniature:hover img, a.downloads_miniature.active img { border: 1px solid #fff; }

.downloads_min_controls_box { position: absolute; text-align: right; bottom: 5px; width: 850px; }


.preview_container { position: relative; width: 480px; margin: 0px 10px 10px; padding: 0px; float: right;}
.comment_wrapper { margin:  0px 10px 10px; padding: 20px; background: #eee; width: 360px; position: relative; float: left;   }

.caption { width: 340px; padding: 10px; background: #eee; position: relative; margin: 0 auto 7px; }
.caption p { font-size: 14px; text-align: left; padding-bottom: 0; }

.social { position: absolute; left: 15px; top: 0px; }
a.social_button { display: block; position: relative; width: 42px; height: 40px; background-position: top; padding: 0px; text-indent: -9999px; }
a.social_button#facebook { background: url(../images/social/facebook.jpg); }
a.social_button#twitter { background: url(../images/social/twitter.jpg); }
a.social_button#wykop { background: url(../images/social/wykop.jpg); }
a.social_button#digg { background: url(../images/social/digg.jpg); }
a.social_button#reddit { background: url(../images/social/reddit.jpg); }
a.social_button#stumbleupon { background: url(../images/social/stumbleupon.jpg); }
a.social_button#buzz { background: url(../images/social/buzz.jpg); }
a.social_button#facebook:hover, a.social_button#twitter:hover, a.social_button#wykop:hover, a.social_button#digg:hover, a.social_button#reddit:hover, a.social_button#stumbleupon:hover, a.social_button#buzz:hover { background-position: bottom; }

.download { clear: both; position: relative; text-align: center; }
a.download_button {text-transform: uppercase; font-size: 11px; font-weight: bold; text-shadow: white 0px -1px 0px; text-decoration: none;}
.comment_table { width: 100%;  margin-bottom: 20px;  }
.comments_links { font-size: 11px; height: 13px; vertical-align: middle;}
.comment_username { font-weight: bold; text-shadow: white 0px -1px 0px; padding-right: 10px;font-size: 12px;  }
.comment_user_homepage { display: block; text-align: right; width: 50px; float: right;}
.comment_info { text-align: left; width: 90px; padding: 0; margin: 0;}
.comment_info img { background: #fff; padding: 5px; border: 1px solid; margin: 0;}
.comment_content { vertical-align: top; padding: 5px; font-size: 12px; line-height: 18px; text-align: justify; background: #f3f3f3; }


#preview { background: url(../images/dl_bg.jpg) repeat-y; margin-top: 20px; }
.commentform { font-size: 12px; line-height: 18px; padding: 4px; background: #eee; border: 1px solid #fff; color: #666; width: 230px; margin-top: 10px;  }
#comment { width: 340px; }
.showemail { font-size: 13px; color: #777; }
.commentform:focus { outline: none; }
.comment_submit_button { display: block; text-align: center; }
#comment_submit { text-transform: uppercase; font-size: 11px; font-weight: bold; text-shadow: white 0px -1px 0px; text-decoration: none; background: none; border: 0; cursor: pointer; }
#comment_submit:hover { color: #333; }

.form_error { padding-bottom: 0px; padding-top: 11px; font-size: 10px; font-weight: bold; text-transform: uppercase; text-shadow: white 0px -1px 0px; color: red; }

h3.success { display: none; }

.blog { background: url(../images/blog_bg.jpg) repeat-y center; }

.blog_entry { border-bottom: 1px solid; margin-bottom: 17px; }

p.pagecounter { margin: 0; text-align: center; }
a.pagecounter { text-decoration: none; font-weight: bold; font-size: 11px; text-transform: uppercase; padding: 5px 5px; }
a.pagecounter.currentpage { background: #eee; }


.search_page_form { text-align: center; }

.portfolio_search_result { margin-bottom: 17px; }
.portfolio_search_result a img { position: relative; float: left; margin-right: 20px; z-index: 5; }
.portfolio_search_result a:hover strong { color: #333; }
.portfolio_search_result_caption { position: relative;}
.portfolio_search_result_caption p { padding: 10px; }
p.caption_paragraph { background: #eee; }

.blogcommentform { width: 370px; position: relative; margin: 0 auto;}


.contact {background: url(../images/contact_bg.jpg) repeat-y; margin-top: 20px; }

.contact_list li { list-style: none; margin: 0; font-size: 15px; padding-bottom: 10px;}
.contact_list li a { text-decoration: none; }
.contact_list li img { position: relative; bottom: -10px; padding-right: 10px; text-decoration: none; }

.linkslist li { font-size: 15px; line-height: 19px; padding-bottom: 10px; }

#link_preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 6;
	display: block;
	width: 343px;
	text-align: center;
	}
	
#ie { display: none; position: absolute; right: 0px; z-index: 2; }

.center { text-align: center; }

.blogimage { text-align: center; }
.blogimage img { position: relative; background: #eee; padding: 5px; border: 1px solid #aaa;  }

.blog_social { text-align: center; width: 620px; height: 42px; margin-bottom: 17px; }
.blog_social .social_button { position: relative; float: left; }

.footer_social {  }

#lazy { position: relative; cursor: pointer; }
#lazy span { display: block; position: absolute; left: 0px; padding: 10px; width: 100px; background: white; border: 1px solid black; text-align: center; z-index: 999;}