/*
Theme Name: MerixStudio
Theme URI: http://merixstudio.com/
Description: Custom theme made for the Merix Studio Blog
Version: 1
Author: MerixStudio
Author URI: http://merixstudio.com/
Tags: gray, black, orange, white, clean, simple
*/

html { height: 100%; margin-bottom: 1px; font-size: 100%; }
body { min-width: 950px; margin: 0; padding: 0 0 65px; background: #F8F8F8; color: #555; font: .75em/1.3 "Arial", "Helvetica", sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul, ol { margin-left: 1.5em; padding-left: 0; }
ul { list-style-type: disc; }
address { padding: 0; font-style: normal; }
acronym { border-bottom: 1px dotted #555; cursor: help; }
code { font-family: "Consolas", "Lucida Console", "Monaco", monospace; }
pre { font-size: 1.1em; }
blockquote { margin: 0; padding: 0 50px; background: transparent url("http://www.merixstudio.pl/images/quote.png") no-repeat 0 0; font-style: italic; }
a { background: transparent url("http://www.merixstudio.pl/images/border_00.png") no-repeat -512px 100%; color: #F47F20; text-decoration: none; outline: none; cursor: pointer; }
a:hover { background-position: 0 100%; color: #555; text-decoration: none; }
a:active { color: #000; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.undo-margin { margin-top: -.8em; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.hide {position: absolute; left: -999em; top: -999em; }

button, input.radio, input.checkbox, label, select { cursor: pointer; }

label { font-weight: 700; }
label.checkbox { font-weight: 400; }
label em { color: #888; font-weight: 400; font-style: normal; }


/*
** header
*/
.header { position: relative; overflow: hidden; background: #333 url("http://www.merixstudio.pl/images/header_background.png") repeat-x 0 0; color: #808080; }
.header div { position: relative; width: 950px; margin: 0 auto; padding: 126px 0 0; }
.header div div { position: static; width: auto; margin: 0; padding: 0; }
.header a { background: transparent; }

/* logo */
.header p.logo { position: absolute; top: 45px; left: -4px; float: left; width: 286px; height: 60px; background: transparent url("http://www.merixstudio.pl/images/logo.jpg") no-repeat 0 0; }
.header p.logo a { float: left; width: 100%; height: 100%; }
.header p.logo img { display: none; }

.us .header p.logo { background-image: url("http://www.merixstudio.pl/images/logo_alt.jpg"); }

.december .header p.logo { top: 23px; height: 82px; background-image: url("http://www.merixstudio.pl/images/logo_december.jpg"); }
.december.us .header p.logo { width: 184px; background-image: url("http://www.merixstudio.pl/images/logo_december_alt.jpg"); }


/* page title */
.header h2 { float: left; padding: .8ex 0 .8ex 20px; color: #fff; font-size: 3em; font-weight: 400; }
.header p.tagline { padding: 1.75em 20px 0 0; color: #fff; font-size: 1.5em; font-weight: 400; text-align: right; }
.header p.tagline strong { color: #F47F20; font-weight: 400; }

/* links */
.header ul.links { position: absolute; top: 7px; right: 0; overflow: hidden; float: right; list-style: none; margin: 0 -1em 0 0; padding: 0 20px 50px 0; font-size: .833em; }
.header ul.links li { float: left; margin-left: -1px; padding: 0 1em; border-left: 1px solid #2F2F2E; }
.header ul.links a { float: left; color: #636363; text-transform: uppercase; }
.header ul.links a.contrast { color: #AAA; }
.header ul.links a.contrast:hover { text-decoration: underline; }
.header ul.links a:hover { color: #FFF; }
.header ul.links strong { color: #B0471F; font-weight: 400; }
.header ul.links a:hover strong { color: #F47F20; }

a.blog-home, a.blog-home:visited {color: #fff;}

.js .header ul.links li.contrast { display: block; }

/* main menu */
.header ul.menu { position: absolute; top: 70px; right: 0; overflow: hidden; float: right; clear: right; list-style: none; margin: 0; padding: 0; line-height: 1.1; }
.header ul.menu li { float: left; margin-left: -1px; border-left: 1px solid #2E2E2E; }
.header ul.menu a { float: left; padding: 0 20px; color: #D0D0D0; font-size: 1.167em; font-weight: 700; text-transform: lowercase; white-space: nowrap; }
.header ul.menu a strong,
.header ul.menu a:hover { color: #F47F20; text-decoration: none; }


/* corner link */
.play-link { position: fixed; top: 0; right: 0; z-index: 5; width: 95px; height: 97px; }
.play-link a { overflow: hidden; float: right; width: 95px; height: 97px; background: transparent; line-height: 97px; text-align: center; }


/*
** content
*/
.content-parent { border-bottom: 1px solid #EFEFEF; background: #FFF; }
.content { width: 948px; margin: 0 auto; padding: 0 0 24px; border: 1px solid #EFEFEF; border-top: none; }
.content .content { width: auto; margin: 0; padding: 0 19px; border: none; }
.content h1 { padding: 30px 19px 1.5ex; color: #000; font-size: 2em; font-weight: 700; line-height: 1; }
.content h3 { padding: 0 0 1ex; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1; }
.content h3 a { background: transparent; color: #000; }
.content h3 a:hover { color: #F47F20; }
.content hr { height: 4px; margin-top: 3em; border: none; background: #EFEFEF; }
.content hr.special { height: 1px; clear: both; margin-top: 0; }


.main {float: right; width: 550px; padding: 0 20px 0 0;}

.content .blog-content { overflow: hidden; clear: both; border-top: 1px solid #EFEFEF; }
.content .blog-content .main h3 { padding-top: 1ex; padding-bottom: 1ex; }
.content .blog-content .main ol h3 {padding: 0.3em 0;}
.content .blog-content .main h4 { padding-bottom: 1em; }
.content .blog-content h1 { padding: 25px 0 0.5em 0 !important; }

/*
** location bar/breadcrumbs
*/
p.location { padding: 1em 19px; border-bottom: 4px solid #EFEFEF; color: #888; font-size: .917em; line-height: 1.1; word-spacing: .5ex; }
p.location a { background: transparent; color: #888; word-spacing: normal; }
p.location a:hover { color: #000; text-decoration: underline; }
p.location strong { color: #F47F20; word-spacing: normal; }

/*
** sidebar
*/
.sidebar {float: left; width: 320px; border: 1px solid #EFEFEF; border-width: 0 0 1px 0; }
.sidebar ul {list-style: none; margin: 0; padding: 0;}
.sidebar>ul>li {margin: 0; padding: 24px 24px 34px 29px;}
.sidebar h2 {padding: 0 0 1ex 0; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1.2em;}

.widget {border: none; border-top: 1px solid #efefef;}

.widget_search {background: #efefef;}
.widget_search label {display: none;}
.widget_search input#searchsubmit {width: 60px; height: 26px; padding: 0 5px; border: none; background: #838383 url("images/button-60.png") no-repeat 0 -26px; color: #FFF; font-size: .833em; text-transform: uppercase;  line-height: 26px; white-space: nowrap; cursor: pointer;}
.widget_search input#s {  width: 190px; margin-right: 3px; padding: 5px 0 5px 3px; border: 1px solid #E1E1E1; border-left-color: #D6D6D6; border-top-color: #CBCBCB; background: #FFF url("http://www.merixstudio.pl/images/text_background.png") no-repeat 0 0; color: #000;  vertical-align: top; }

.widget_archive {border-right: 1px solid #EFEFEF;}
.widget_archive ul { list-style: none; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #EFEFEF;  line-height: 1.25; }
.widget_archive ul li { padding: 1ex 0 1ex 22px; border-top: 1px solid #EFEFEF; background: transparent url("http://www.merixstudio.pl/images/bullet_08.png") no-repeat 9px 1em; }
.widget_archive ul a { background: transparent; }
.widget_archive ul a em { font-size: .917em; }
.widget_archive ul a.selected,
.widget_archive ul a:hover { color: #000; }

.widget_recent_entries {border-right: 1px solid #EFEFEF;}
.widget_recent_entries ul { list-style: none; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #EFEFEF;  line-height: 1.25; }
.widget_recent_entries ul li { padding: 1ex 0 1ex 22px; border-top: 1px solid #EFEFEF; background: transparent url("http://www.merixstudio.pl/images/bullet_08.png") no-repeat 9px 1em; }
.widget_recent_entries ul a { background: transparent; }
.widget_recent_entries ul a em { font-size: .917em; }
.widget_recent_entries ul a.selected,
.widget_recent_entries ul a:hover { color: #000; }

.widget_rss ul { list-style: none; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #EFEFEF;  line-height: 1.25; }
.widget_rss ul li { padding: 1ex 0 1ex 22px; border-top: 1px solid #EFEFEF; background: transparent url("http://www.merixstudio.pl/images/bullet_08.png") no-repeat 9px 1em; }
.widget_rss ul a { background: transparent; }
.widget_rss ul a em { font-size: .917em; }
.widget_rss ul a.selected,
.widget_rss ul a:hover { color: #000; }
.sidebar .widget_rss h2 a, .sidebar .widget_rss h2 a:visited {background: none; color: #000;}
.widget_rss h2 img {border: none; text-decoration: none; vertical-align: middle;}

.sidebar>ul>li.widget_text {padding: 24px;}
.widget_text p.rss {padding: 5px 0 5px 47px; background: url(images/icon-rss.png) left center no-repeat; }
.widget_text p.facebook {padding: 5px 0 5px 47px; background: url(images/icon-facebook.png) left center no-repeat; }
.widget_text p.twitter {padding: 5px 0 5px 47px; background: url(images/icon-twitter.png) left center no-repeat; }

/*
** footer
*/
.footer { overflow: hidden; width: 950px; margin: 0 auto; padding: 26px 0 0; color: #666; font-size: .917em; }
.footer img { position: relative; top: -2px; vertical-align: middle; }
.footer p { padding: 0; color: #AAA; line-height: 35px; word-spacing: .75ex; }
.footer p * { word-spacing: normal; }
.footer span { color: #888; }
.footer span.copyright { float: left; margin-right: 10px; padding: 0 60px 0 0; background: transparent url(http://www.merixstudio.pl/images/footer_background.png) no-repeat 100% 50%; line-height: 35px; }
.footer b { color: #666; font-weight: 400; }
.footer a { background: transparent; color: #3B5E73; }
.footer a strong { padding-right: 8px; background: transparent url("http://www.merixstudio.pl/images/bullet_02.png") no-repeat 100% 60%; }
.footer a:hover { text-decoration: underline; }


/*
** three columns/what do we do box
*/
ul.three-columns { position: relative; top: 30px; overflow: hidden; list-style: none; margin: 0 0 30px; padding: 0 15px 0; background: transparent url("http://www.merixstudio.pl/images/three_columns_background.png") repeat-y 315px 0; }
ul.three-columns li { width: 285px; padding-bottom: 38px; }
ul.three-columns-offer li { padding-bottom: 0; }
ul.three-columns li ul { padding-top: 3ex; color: #F47D20; }
ul.three-columns li li { width: auto; padding-top: 1ex; }
ul.three-columns li li a { background: transparent; color: #3B5E73; }
ul.three-columns li li a:hover { color: #F47D20; }
ul.three-columns li.left { padding-right: 15px; border-right: 1px solid #EDEDED; }
ul.three-columns li.left p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns li.middle { float: left; margin: 0 -1px; padding: 0 15px; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; }
ul.three-columns li.middle p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns li.right { width: 286px; padding-left: 15px; border-left: 1px solid #EDEDED; }
ul.three-columns li.right p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns h4 { padding: 0 0 .5ex; color: #000; font-size: 1.583em; font-weight: 400; text-transform: lowercase; line-height: 1; }
ul.three-columns h4.sifr { font-size: 1.8em; }
ul.three-columns p { overflow: hidden; padding: 1em 5px 0 76px; }
ul.three-columns p.first { min-height: 64px; line-height: 1.4; }
ul.three-columns p.last { position: absolute; bottom: 5px; padding-top: 0; }

ul.three-columns-footer { top: 0; width: 950px; margin: 25px auto 0; padding: 0; background-position: 316px 0; color: #888; font-size: .917em; line-height: 1.2; }
ul.three-columns-footer li { min-height: 60px; padding-bottom: 0; }
ul.three-columns-footer li.left { width: 186px; padding-left: 120px; padding-right: 10px; background: transparent url("http://www.merixstudio.pl/images/icon_wom.png") no-repeat 0 0; }
ul.three-columns-footer li.middle { width: 185px; padding-left: 120px; padding-right: 10px; background: transparent url("http://www.merixstudio.pl/images/icon_mblocks.png") no-repeat 23px 0; }
ul.three-columns-footer li.right { width: 186px; padding-left: 131px; background: transparent url("http://www.merixstudio.pl/images/icon_drupal.png") no-repeat 20px 0; }
ul.three-columns-footer p { padding: 0; }
ul.three-columns-footer a { background: transparent; color: #3B5E73; font-size: 1.091em; font-weight: 700; }
ul.three-columns-footer a:hover { text-decoration: underline; }


/*
** site map/no scripts version
*/
.site-map { width: 910px; margin: 20px auto 0; padding: 19px; border: 1px solid #EFEFEF; }
.site-map ul { overflow: hidden; list-style: none; margin: 0 0 0 -40px; padding: 0; }
.site-map ul ul { overflow: hidden; list-style: none; margin: 0; padding: 0 0 1em; font-size: .917em; line-height: 1.1; }
.site-map li { float: left; width: 150px; padding: 0 0 0 40px; }
.site-map li li { float: none; width: auto; padding: .5ex 0; }
.site-map h5 { padding: 0 0 1.5ex; color: #000; font-size: 1.167em; font-weight: 400; text-transform: uppercase; line-height: 1; }
.site-map h6 { padding: 0 0 1ex; color: #000; font-weight: 400; text-transform: uppercase; line-height: 1; }

/* scripted version */
.js .site-map { display: none; width: auto; margin: 0 auto; padding: 20px 0; border: none; background: #111; }
.js .site-map ul { width: 950px; margin: 0 auto; }
.js .site-map ul ul { width: auto; margin: 0; }
.js .site-map li { padding: 0 20px; }
.js .site-map li li { padding: .5ex 0; }
.js .site-map h5 { color: #F47D20; }
.js .site-map h6 { color: #FFF; }
.js .site-map a { background: transparent; color: #888; }
.js .site-map a:hover { color: #FFF; }

/*
** tabs
*/
ul.tabs { position: relative; float: right; clear: both; list-style: none; margin: 0 0 -1px; padding: 12px 19px 0 0; line-height: 1; }
ul.tabs li { float: left; }
ul.tabs a { float: left; padding: 0 0 0 20px; background: transparent url("http://www.merixstudio.pl/images/tab.png") no-repeat 0 0; color: #000; }
ul.tabs a.selected,
ul.tabs a:hover { background-color: #EFEFEF; background-position: 0 -200px; color: #000; }
ul.tabs span { float: left; padding: 1em 20px 1em 0; background: transparent url("http://www.merixstudio.pl/images/tab.png") no-repeat 100% 0; }
ul.tabs a.selected span,
ul.tabs a:hover span { background-position: 100% -200px; }
ul.tabs a.selected { color: #F47F20; font-weight: 700; }

/*
 * note
 */
.note { margin: 3ex 0 3ex -3ex; padding: 3ex 2em 2ex 80px; border: 1px solid #e6e7e6; background: #f6f8f8 url("http://www.merixstudio.pl/images/icon_21.png") no-repeat 22px 3ex; font-style: italic; }
.note p { padding: 0 0 1ex; }
.note input.text { margin: 0 1ex; vertical-align: middle; }
.note button { vertical-align: middle; }


/*
** welcome box
*/
.welcome { position: relative; padding: 1em 0; background: #161616; color: #808080; font-size: .917em; }
.welcome p { position: relative; width: 866px; margin: 0 auto; padding: 11px 33px 11px 11px; background: #000; }
.welcome em { color: #FFF; }
.welcome a { background: transparent; }
.welcome a.alt { color: #B2B2B2; }
.welcome a:hover { color: #FFF; }
.js .welcome a.close { position: absolute; z-index: 1; right: 11px; top: 13px; overflow: hidden; float: right; width: 11px; height: 11px; background: transparent url("http://www.merixstudio.pl/images/button_07.png") no-repeat 0 0; text-indent: -999em; }
.js .welcome a.close:hover { background-position: 0 100%; }

/*
** tooltips
*/
p#tooltip { position: absolute; padding: 0 0 0 15px; background: transparent url("http://www.merixstudio.pl/images/tooltip_left.png") no-repeat 0 0; color: #FFF; font-size: .833em; line-height: 26px; text-transform: uppercase; }
p#tooltip span { display: block; padding: 0 10px 0 0; background: transparent url("http://www.merixstudio.pl/images/tooltip_right.png") no-repeat 100% 0; }

p#tooltip-alt { position: absolute; padding: 0 0 0 15px; background: transparent url("http://www.merixstudio.pl/images/tooltip_alt_left.png") no-repeat 0 0; color: #000; font-size: .917em; line-height: 26px; }
p#tooltip-alt span { display: block; padding: 0 10px 0 0; background: transparent url("http://www.merixstudio.pl/images/tooltip_alt_right.png") no-repeat 100% 0; }


/*
** misc. styles
*/
a.bullet-00 { padding-left: 18px; background: transparent url("http://www.merixstudio.pl/images/bullet_00.png") no-repeat 0 50%; }
a.bullet-00:hover { background-position: -999px 50%; }
.js a.bullet-00 { background-image: url("http://www.merixstudio.pl/images/bullet_00_b.png"); }

a.button-00 { float: left; padding: 0 0 0 8px; background: #000 url("http://www.merixstudio.pl/images/button_00.png") no-repeat 0 0; color: #FFF !important; font-size: 10px !important; text-transform: uppercase; line-height: 17px; }
a.button-00 span { float: left; padding: 0 16px 0 0; background: transparent url("http://www.merixstudio.pl/images/button_00.png") no-repeat 100% 0; }
a.button-00:hover { color: #F47F20 !important; }
a.button-00:hover span { background-position: 100% -34px; }

.header a.button-00 { background-position: 0 -17px; }
.header a.button-00 span { background-position: 100% -17px; }
.header a.button-00:hover span { background-position: 100% -51px; }

button.button-02 { height: 26px; padding: 0; border: none; background: transparent; color: #FFF; font-size: .833em; text-transform: uppercase; }
button.button-02 span { float: left; padding: 0 0 0 8px; background: #838383 url("http://www.merixstudio.pl/images/button_02.png") no-repeat 0 0; line-height: 26px; white-space: nowrap; }
button.button-02 span span { padding: 0 8px 0 0; background-position: 100% 0; }

a.button-05 { float: left; padding: 0 0 0 10px; background: #000 url("http://www.merixstudio.pl/images/button_05.png") no-repeat 0 0; color: #FFF !important; font-size: 0.833em !important; line-height: 19px; }
a.button-05 span { float: left; padding: 0 20px 1px 0; background: transparent url("http://www.merixstudio.pl/images/button_05.png") no-repeat 100% 0; }
a.button-05:hover { color: #F47F20 !important; }

.icon { min-height: 64px; margin-left: -12px; padding: 1em 0 0 76px; background: transparent none no-repeat 0 1.2ex; }
.icon-offer { overflow: hidden; padding-bottom: 1em; }
.icon-big-left { float: left; padding: 1em 3em 1em 0; }
.icon-big-right { float: right; padding: 1em 0 1em 3em; }
.icon p.icon { float: left; margin: -1ex 0 0 -76px !important; padding: 0; }
.icon h3 { padding: 0 0 1ex !important; }
.js .icon h3.sifr { padding: 0 0 .5ex !important; }
.icon-01 { background-image: url("http://www.merixstudio.pl/images/icon_01.png") !important; }
.icon-02 { background-image: url("http://www.merixstudio.pl/images/icon_02.png") !important; }
.icon-03 { background-image: url("http://www.merixstudio.pl/images/icon_03.png") !important; }
.icon-04 { background-image: url("http://www.merixstudio.pl/images/icon_04.png") !important; }
.icon-05 { background-image: url("http://www.merixstudio.pl/images/icon_05.png") !important; }
.icon-06 { background-image: url("http://www.merixstudio.pl/images/icon_06.png") !important; }
.icon-07 { background-image: url("http://www.merixstudio.pl/images/icon_07.png") !important; }
.icon-08 { background-image: url("http://www.merixstudio.pl/images/icon_08.png") !important; }
.icon-09 { background-image: url("http://www.merixstudio.pl/images/icon_09.png") !important; }
.icon-10 { background-image: url("http://www.merixstudio.pl/images/icon_10.png") !important; }
.icon-11 { background-image: url("http://www.merixstudio.pl/images/icon_11.png") !important; }
.icon-12 { background-image: url("http://www.merixstudio.pl/images/icon_12.png") !important; }
.icon-13 { background-image: url("http://www.merixstudio.pl/images/icon_13.png") !important; }
.icon-14 { background-image: url("http://www.merixstudio.pl/images/icon_14.png") !important; }
.icon-15 { background-image: url("http://www.merixstudio.pl/images/icon_15.png") !important; }
.icon-16 { background-image: url("http://www.merixstudio.pl/images/icon_16.png") !important; }
.icon-17 { background-image: url("http://www.merixstudio.pl/images/icon_17.png") !important; }
.icon-18 { background-image: url("http://www.merixstudio.pl/images/icon_18.png") !important; }
.icon-19 { background-image: url("http://www.merixstudio.pl/images/icon_19.png") !important; }

textarea,
input.text { padding: 5px 0 5px 3px; border: 1px solid #E1E1E1; border-left-color: #D6D6D6; border-top-color: #CBCBCB; background: #FFF url("http://www.merixstudio.pl/images/text_background.png") no-repeat 0 0; color: #000; }

p.error { margin: -1ex 0 0; padding: 0 0 1em 20px; background: transparent url("http://www.merixstudio.pl/images/bullet_01.png") no-repeat 0 1px; font-size: .917em; }
p.error label,
p.error label:hover { color: #CB1111; font-weight: 400; }

div.error { min-height: 145px; padding: 165px 140px 0 450px; background: transparent none no-repeat 95px 30px; }
div.error-404 { background-image: url("http://www.merixstudio.pl/images/404.jpg"); }

p.brochure { padding: 20px 0 20px 34px; border-bottom: 1px solid #EFEFEF; line-height: 1; }
p.brochure a { background: transparent; }

a.image { background: transparent; }
a.image img { vertical-align: middle; }

.spread li { padding-bottom: 1.5ex; }

.js div.more { display: none; }

.js .overlay { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: #000 none repeat 0 0; }

/*
** high contrast styles
*/
.hc { background: #FFF; color: #000; }

.hc * { border-color: #000 !important; }

.hc a { color: #0B83DF; background: transparent; }
.hc a:hover { color: #0B83DF; text-decoration: underline; }

.hc label em { color: #F00; }

.hc .sifr span { display: inline !important; margin: 0 !important; }
.hc .sifr embed { display: none !important; width: 0; height: 0; }

.hc .content h2.sifr { line-height: 1; }
.hc .content h3.sifr { padding: 0 0 1ex; line-height: 1; letter-spacing: 0; }
.hc .header ul.two-columns h3.sifr { padding: 0; font-size: 1.917em; }
.hc ul.three-columns h4.sifr { font-size: 1.583em; }
.hc .work .description h2.sifr { padding: 0; line-height: 1; }
.hc .work .projects h3.sifr { font-size: 1.5em; }

.hc .header * { border-color: #FFF !important; }

.hc .header ul.links a { background: transparent; color: #FFF; }
.hc .header ul.links a strong { color: #F47F20; }

.hc .header ul.menu a img { display: none; }

.hc ul.three-columns { background-image: url("http://www.merixstudio.pl/images/three_columns_background_hc.png") !important; }

.hc .content hr { background: #000; }

.hc .work .projects li span strong,
.hc .work .projects li a strong,
.hc .work ul.navigation a:hover,
.hc ul.tabs a.selected,
.hc .footer a,
.hc p.location strong { color: #0B83DF; }

.hc .footer ul.left li.first { border-color: #FFF !important; }

.hc .intro .navigation { background: #000; color: #FFF; }
.hc .intro .content h2 { font-size: 1.75em; }
.hc .intro .content a { background: transparent; }
.hc .intro .content a:hover { color: #A8B934; }

.hc ul.clients { background-image: url("http://www.merixstudio.pl/images/clients_background_hc.png"); }

.hc .note { background: transparent; }

.hc ul.tabs strong,
.hc ul.tabs a,
.hc ul.tabs span { background-image: url("http://www.merixstudio.pl/images/tab_hc.png"); }

.hc .work ul.navigation a { color: #0B83DF; background: transparent; }
.hc .work ul.navigation a span { background: transparent; }

.hc .testimonials ul.numbers a,
.hc .work .screenshot div a { background-image: url("http://www.merixstudio.pl/images/button_04_hc.png"); color: #000; }

.hc .work .projects li span strong,
.hc .header ul.menu a,
.hc .header,
.hc .site-map a,
.hc .presentation p.ruler a,
.hc .presentation .content p.info,

.hc p.location,
.hc p.location a,
.hc .footer,
.hc .work .description p.date,
.hc .sidebar p.after-list a,
.hc form.quote label.checkbox,
.hc form.write label.checkbox { color: #000; }

.hc a.bullet-00 { background: transparent url("http://www.merixstudio.pl/images/bullet_00_b.png") no-repeat -999px 50% !important; }

.hc a.button-00 { background: #000 url("http://www.merixstudio.pl/images/button_00.png") no-repeat 0 0; }
.hc .header a.button-00 { background-position: 0 -17px; }

.hc button.button-02 span { background: #000 url("http://www.merixstudio.pl/images/button_02_hc.png") no-repeat 0 0; }
.hc button.button-02 span span { background-position: 100% 0; }

.hc .post-footer { background: #FFF; color: #000; }

.hc .welcome { color: #FFF; }
.hc .welcome a { color: #F47F20; }

/*
** Merix Blog
** 2008/10/23
*/

/* blog post comment form */
h3#comments { padding: 3ex 0 1ex; }
h3#comments,
#respond h3 { font-size: 1.333em; font-weight: 400; }
form.comment { padding: 20px; border: 1px solid #EFEFEF; }
form.comment p { overflow: hidden; padding: 0 0 1ex 120px; }
form.comment p.full { padding: 1ex 0 3ex; font-size: .917em; }
form.comment p.full-first { padding: 0 0 1ex; font-size: .917em; }
form.comment label { float: left; width: 119px; margin: 1ex 0 0 -120px; }
form.comment input.text { width: 220px; }
form.comment textarea { width: 300px; }

/* other blog stuff */
.pagetitle { padding: 1em 0 0.5em 0 !important; background: #FFF; color: #838383 !important; font-size: 1.833em !important; }


.post {overflow: hidden; padding: 30px 0 15px 0; border-bottom: 4px solid #EFEFEF;}
.post p {margin: 1.5em 0; padding: 0;}
.post-tags { margin: 2em 0 0; padding: 1ex 0 3ex; border-top: 4px solid #EFEFEF; }
.post-footer { margin: 1em 0; padding: 1em; border: 1px solid #fffde8; background: #fffde8; color: #555; }
.post-footer strong { color: #000; }
.post-meta { padding: 1em 0 3ex; color: #888;}
.post .post-date {margin-top: 0.5em; color: #888;}
.post .post-date span, .post .post-meta span {padding: 0 5px; color: #ccc;}
.blog-content .post h1 { padding: 0 0 0 0 !important; padding-bottom: 0; border-bottom: none; color: #000; font-size: 2.167em; font-weight: 400; line-height: 1.2em; }
.post h1 a, .post h1 a:visited {background: none; text-decoration: none; color: #000;}
.post h1 a:hover {color: #F47F20;}
.post h2 { clear: both; padding: 1.5em 0 0.5em 0 !important; color: #000; font-size: 1.6em; font-weight: 400; line-height: 1.2; }
.post h3 { padding: 1.5em 0 0.5em !important; color: #000; font-size: 1.2em; font-weight: 700; line-height: 1.2; }
.post ul {margin: 15px 0;}
.post ul ul {margin: 0;}
.post ul li {margin: 1.5em 0 0 25px; padding-left: 5px;}
.post ol li {margin-left: 25px;}
.post .ileft { float: left; margin: 0 10px 3px 0; padding: 1px; border: 3px solid #EEE; }
.post .iright { float: right; margin: 0 0 3px 10px; padding: 1px; border: 3px solid #EEE; }
.post .icenter { display: block; margin: 0 auto; padding: 1px; border: 3px solid #EEE; }
.post .istatic { padding: 1px; border: 3px solid #EEE; }
.post p.caption { margin-top: -1em; font-size: .917em; font-style: italic; }
.post a strong {font-weight: normal;}
.post ul.tags { list-style: none; margin: 0 0 1em; padding: 1ex 3px; border: 0 solid #EEE; border-width: 3px 0; word-spacing: 1ex; }
.post ul.tags li { display: inline; }
.post ul.tags a { word-spacing: normal; }
.post ul.tags li.s6 { font-size: .917em; }
.post ul.tags li.s4 { font-size: 1em; }
.post ul.tags li.s3 { font-size: 1.25em; }
.post ul.tags li.s2 { font-size: 1.417em; }
.post ul.tags li.s1 { font-size: 1.5em; }
.post ul.pageranks { list-style: none; margin: 0; padding: 0; border: 2px solid #EEE; border-top: none; font-size: .917em; }
.post ul.pageranks li { padding: 1ex; border-top: 2px solid #EEE; }
.post blockquote {margin: 1.5em; padding-left: 60px; background: url(images/quote.png) 0 5px no-repeat;}
.post blockquote p {margin-top: 0; color: #777; font-family: Georgia, serif; font-style: italic; font-size: 1.25em;}

/*
code {display: block; border: 1px solid #efefef; border-right-width: 3px; border-bottom-width: 3px; margin: 5px 0; padding: 15px;}
*/
.wp-caption {padding: 0 0 5px 0; border-bottom: 1px solid #efefef;}
.wp-caption a {display: inline;}
.wp-caption img {display: block; margin: 0 auto 10px auto;}
.aligncenter {display: block; margin: 15px auto;}
p.wp-caption-text {padding: 0; margin: 5px 0; color: #999; font-size: .917em; font-style: italic;}
.wp-caption.alignleft {float: left; width: 240px; margin: 0 30px 15px 0;}
.wp-caption.alignright {float: right; width: 240px; margin: 0 0 15px 30px;}


.archive h2 {margin-bottom: 0; padding-bottom: 0;}

ol.commentlist { list-style: none; margin: 0; padding: 0; }
ol.commentlist li { margin: 0; padding: 1em; border-top: 1px solid #EFEFEF; background: #fff;}
ol.commentlist li.odd {background: #f4f4f4;}
ol.commentlist .comment-author {}
ol.commentlist .comment-author p.left { margin-left: -70px; padding: 0; }
ol.commentlist .comment-author img { width: 48px; height: 48px; padding: 2px; border: 1px solid #DDD; }
ol.commentlist .comment-author cite { font-style: normal; }
ol.commentlist .comment-author p.date { color: #888; font-size: .917em; font-style: italic; }
ol.commentlist .comment-author p.date a { font-style: normal; }
ol.commentlist .avatar {float: left; margin: 0 15px 5px 0;}
.comment-meta {margin-bottom: 5px; color: #888; font-style: italic; font-size: .917em;}
.comment-meta * {color: #888; font-style: italic; }

#commentform {padding: 20px; border: 1px solid #efefef;}
#commentform button { height: 26px; margin-left: 150px; padding: 0; border: none; background: none; color: #FFF; font-size: .833em; text-transform: uppercase; }
#commentform button span { float: left; padding: 0 0 0 8px; background: #838383 url(http://www.merixstudio.pl/images/button_02.png) no-repeat 0 0;  line-height: 26px; white-space: nowrap; }
#commentform button span span { padding: 0 8px 0 0; background-position: right 0; }
#commentform input {width: 220px; margin-right: 3px; padding: 5px 0 5px 3px; border: 1px solid #E1E1E1; border-left-color: #D6D6D6; border-top-color: #CBCBCB; background: #FFF url("http://www.merixstudio.pl/images/text_background.png") no-repeat 0 0; color: #000;  vertical-align: top; }
#commentform label {float: left; width: 150px; padding: 5px 0;}
#commentform p.hint {font-size: .917em;}

.search h3 { padding: 0 !important; }
.search .post-meta { padding-top: 1ex; }

/*
 * tooltip
 */

p#tooltip2-alt { position: absolute; z-index:13; padding: 0 0 0 15px; background: transparent url("http://www.merixstudio.pl/images/gallery/tooltip2_alt_left.png") no-repeat 0 0; color: #000; font-size: .917em; line-height: 23px; }
p#tooltip2-alt span { display: block; padding: 0 10px 0 0; background: transparent url("http://www.merixstudio.pl/images/gallery/tooltip2_alt_right.png") no-repeat 100% 0; color: #fff; }


/*
 * Gallery
 */
.js .overlay-loading { background: #000 url("http://www.merixstudio.pl/images/gallery/loading_alt.gif") no-repeat 50% 50%; }
.js .overlay-hidden { display: none; }

#gallery { position: absolute; left: 0; top: 0; z-index: 11; width: 100%; }
#gallery .navigation { position: fixed; left: 0; top: 0; z-index: 12; width: 100%; padding: 12px 0 0; background: #000 url("http://www.merixstudio.pl/images/gallery/navigation_background.png") repeat-x 0 0; color: #fff; }
#gallery .navigation .tabs { width: 940px; margin: 0 auto; }
#gallery .navigation .tabs ul { overflow: hidden; float: left; list-style: none; margin: 0 0 0 -15px; padding: 0; }
#gallery .navigation .tabs li { position: relative; float: left; }
#gallery .navigation .tabs li a { float: left; padding: 0 15px; background: transparent url("http://www.merixstudio.pl/images/gallery/navigation_tab_background.png") no-repeat -1000% -1000%; color: #fff; font-weight: 700; line-height: 35px; text-transform: uppercase; }
#gallery .navigation .tabs li a.active,
#gallery .navigation .tabs li a:hover { background: #f37c20 url("http://www.merixstudio.pl/images/gallery/navigation_tab_background.png") repeat-x 0 0; }
#gallery .navigation .tabs p { padding: 0; line-height: 35px; }
#gallery .navigation .tabs p a { padding-left: 11px; background: transparent url("http://www.merixstudio.pl/images/gallery/back_bullet.png") no-repeat 0 60%; font-weight: 700; text-transform: uppercase; }
#gallery .navigation .tabs p a:hover { background-position: -496px 60%; color: #fff; }

#gallery .navigation .slider { position: relative; overflow: hidden; clear: both; height: auto; border-top: 1px solid #f37c20; background: #be4704 url("http://www.merixstudio.pl/images/gallery/slider_background.png") repeat-x 0 100%; }
#gallery .navigation .slider-child { position: relative; width: 1010px; height: 162px; margin: -162px auto 0; zoom: 1; }
#gallery .navigation .slider .clip { position: absolute; bottom: 18px; left: 35px; overflow: hidden; float: left; width: 940px; padding: 18px 0 0; }
#gallery .navigation .slider ul { position: relative; left: 0; overflow: hidden; display: none; list-style: none; width: 99999px; margin: 0 0 0 70px; padding: 0; }
#gallery .navigation .slider ul.active { display: block; }
#gallery .navigation .slider li { float: left; padding: 0 10px; }
#gallery .navigation .slider li a { position: relative; overflow: hidden; float: left; width: 140px; }
#gallery .navigation .slider li a img { position: relative; left: -40px; background: transparent url("http://www.merixstudio.pl/images/gallery/loading_alt.gif") no-repeat 50% 50%; }
#gallery .navigation .slider li a:hover span { position: absolute; top: 0; left: 0; float: left; width: 140px; height: 125px; background: transparent url("http://www.merixstudio.pl/images/gallery/thumbnail.png") no-repeat 0 100%; }
#gallery .navigation .slider p { width: 35px; padding: 68px 0 0; }
#gallery .navigation .slider p a { overflow: hidden; float: left; width: 18px; height: 25px; background: transparent url("http://www.merixstudio.pl/images/gallery/slider_navigation.png") no-repeat 0 0; text-indent: -99em; }
#gallery .navigation .slider p.right a { float: right; background-position: 100% 0; }
#gallery .navigation .slider p.left a:hover { background-position: 0 100%; }
#gallery .navigation .slider p.right a:hover { background-position: 100% 100%; }
#gallery .navigation .slider .fade-right,
#gallery .navigation .slider .fade-left { position: absolute; top: 18px; left: 0; width: 70px; height: 125px; background: transparent url("http://www.merixstudio.pl/images/gallery/slider_fade_left.png") no-repeat 0 0; }
#gallery .navigation .slider .fade-right { left: auto; right: 0; background: transparent url("http://www.merixstudio.pl/images/gallery/slider_fade_right.png") no-repeat 0 0; }

#gallery .project { position: fixed; top: 50%; left: 50%; z-index: 11; display: none; width: 940px; height: 46px; margin: -23px 0 0 -470px; }
#gallery .project p { float: left; padding: 0; }
#gallery .project p.next { float: right; }
#gallery .project p.prev a,
#gallery .project p.next a { overflow: hidden; float: left; width: 34px; height: 46px; background: transparent url("http://www.merixstudio.pl/images/gallery/navigation.png") no-repeat 0 0; text-indent: -99em; }
#gallery .project p.next a { background-position: 100% 0; }
#gallery .project p.prev a:hover { background-position: 0 100%; }
#gallery .project p.next a:hover { background-position: 100% 100%; }

#gallery .preview { position: absolute; left: 50%; top: 0; z-index: 11; display: none; width: 820px; min-height: 66px; margin: 0 0 0 -410px; padding: 82px 0 0; font-size: .917em; }
#gallery .preview img { position: relative; z-index: 1; display: block; padding: 0 0 100px; }
#gallery .preview img.new { z-index: 2; }
#gallery .preview p.back { float: right; padding: 0 0 6px; }
#gallery .preview p.back a { float: left; padding-left: 20px; background: transparent url("http://www.merixstudio.pl/images/gallery/back.png") no-repeat 0 50%; color: #fff; line-height: 20px; }
#gallery .preview p.back a:hover { color: #f47f20; }
#gallery .preview p.visit { float: left; padding: 0 0 6px; line-height: 20px; }
#gallery .preview p.visit a { float: left; padding-right: 10px; background: transparent url("http://www.merixstudio.pl/images/gallery/visit_bullet.png") no-repeat 100% 0; color: #fff; }
#gallery .preview p.visit a:hover { color: #f47f20; background-position: 100% 100%; }
#gallery .preview ul.tabs { float: left; clear: none; list-style: none; margin: 0; padding: 0 17px 6px 0; }
#gallery .preview ul.tabs li { padding-right: 1px; }
#gallery .preview ul.tabs li.description { padding-right: 6px; }
#gallery .preview ul.tabs li.description a { width: auto; padding: 0 22px; }
#gallery .preview ul.tabs a { width: 22px; padding: 0; background: #393939 url("http://www.merixstudio.pl/images/gallery/preview_tabs_background.png") no-repeat 0 0; color: #fff; line-height: 20px; text-align: center; }
#gallery .preview ul.tabs a.active,
#gallery .preview ul.tabs a:hover { background-color: #f27b1f; background-position: 100% 0; color: #fff; }
#gallery .preview div.description { margin: 0; padding: 0 40px; border: 1px solid #3b3b3b; border-bottom: none; background:#000; color: #aaa; line-height: 1.2; }
#gallery .preview div.description-active { position: relative; }
#gallery .preview div.description h3 { padding: 20px 0 0; color: #fff; font-size: 1.909em; font-weight: 700; text-transform: uppercase; }
#gallery .preview div.description img { display: inline; padding: 0; }
#gallery .preview div.description p.date { color: #777; text-transform: uppercase; }
#gallery .preview div.description p.tooltip-alt img { margin: 5px 15px 10px 0; }
#gallery .preview p.loading { position: fixed; top: 50%; left: 50%; z-index: 3; display: none; width: 31px; height: 31px; padding: 15px; margin: -30px 0 0 -30px; background: transparent url("http://www.merixstudio.pl/images/gallery/loading_background.png") no-repeat 0 0; }
#gallery .preview p.loading img { width: 31px; height: 31px; }

#gallery .thumbnails { position: absolute; left: 50%; top: 0; width: 940px; margin: 0 0 0 -470px; padding: 48px 0 100px; color: #fff; }
#gallery .thumbnails h1 { padding: 1em 0 0; font-size: 3.333em; font-weight: 400; }
#gallery .thumbnails h1 em { color: #f47d20; font-style: normal; }
#gallery .thumbnails h2 { padding: 1em 0 0; font-size: 1.75em; font-weight: 400; text-transform: lowercase; }
#gallery .thumbnails ul { overflow: hidden; list-style: none; margin: 0 0 0 -20px; padding: 0; }
#gallery .thumbnails li { float: left; padding: 15px 0 0 20px; }
#gallery .thumbnails li a { position: relative; float: left; width: 220px; height: 125px; background: transparent !important; }
#gallery .thumbnails li a img { width: 220px; height: 125px; background: transparent url("http://www.merixstudio.pl/images/gallery/loading.gif") no-repeat 50% 50%; }
#gallery .thumbnails li a span { position: absolute; top: 0; left: 0; float: left; width: 220px; height: 125px; background: transparent url("http://www.merixstudio.pl/images/gallery/thumbnail_big.png") no-repeat 0 0; }
#gallery .thumbnails li a:hover span { background-position: 0 100%; }

/* thickbox */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}