/*
Theme Name: piksys
Theme URI: http://piksel.hu/
Description: Your theme description blah blah blah
Version: 0.1
Author: piksel
Author URI: piksel.hu
*/

* {
border-width:0;
list-style-type:none;
margin:0;
outline:0 none;
padding:0;
text-align:left;
}
body {
background-color:gray;
overflow-x:hidden;
}
div#contentFRAME_wrapper {
padding-bottom:40px;
position:absolute;
width:100%;
z-index:5;
}
div#content_wrapper {
height:100%;
margin-left:auto;
margin-right:auto;
max-width:1600px;
min-width:980px;
}
div#content_01_wrapper {
display:inline;
float:left;
height:100%;
position:absolute;
width:300px;
z-index:10;
}
div#content_02_wrapper {
max-width:1600px;
min-width:680px;
padding-left:300px;
padding-top:150px;
}
div#content_02_center {
height:100%;
margin-left:auto;
margin-right:auto;
max-width:855px;
min-width:655px;
overflow:hidden;
padding-right:25px;
}
div#content_02_center2 {
height:100%;
margin-left:auto;
margin-right:auto;
padding-right:25px;
width:655px;
}
p {
float:left;
font:13px/20px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
p.white {
color:white;
}
p.small_white {
color:white;
font:10px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
p.tiny_white, .boxes_text p {
color:white;
font-size:10px;
line-height:20px;
margin-top:10px;
}
p.full {
float:left;
margin-bottom:10px;
text-align:justify;
}
p.blog_month {
color:white;
font-size:16px;
font-style:normal;
font-weight:normal;
margin-top:5px;
text-align:center;
width:70px;
}
p.blog_day {
color:white;
font-size:30px;
font-weight:bold;
height:40px;
line-height:36px;
margin-top:5px;
text-align:center;
width:70px;
}
p.blog_comments_number, p.blog_comments_number a {
color:white;
font-size:14px;
line-height:30px;
text-align:center;
width:70px;
}
h1 {
display:inline-block;
float:left;
font:25px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:40px;
}
h1 a {
color:black;
text-decoration:none;
}
h1.header, h1.header p {
background-color:white;
clear:left;
display:inline-block;
float:left;
font-size:20px;
height:40px;
line-height:40px;
margin-bottom:5px;
padding-left:20px;
padding-right:20px;
}
h1.nav {
display:inline-block;
float:left;42px;
line-height:20px;
text-transform:uppercase;
letter-spacing:-2px;
font-weight:lighter;
}
h2 {
color:white;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:13px;
font-style:normal;
font-weight:normal;
}
h3 {
font:16px/25px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
h3.title {
display:none;
}
h3.about {
background-color:#F4F4F4;
margin-bottom:10px;
margin-top:10px;
padding-left:15px;
}
form.search {
float:right;
height:40px;
margin-right:20px;
width:225px;
}
input.searchfield {
color:#757575;
display:inline-block;
float:left;
font:13px/30px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:30px;
margin-bottom:5px;
margin-top:5px;
padding-left:10px;
padding-right:10px;
width:170px;
}
input.go_search {
background-image:url("images/lan_wrapper.jpg");
color:white;
cursor:pointer;
display:inline-block;
float:left;
font-weight:bold;
height:40px;
line-height:40px;
margin-left:5px;
text-align:center;
width:30px;
}
label {
clear:left;
display:inline;
float:left;
font:13px/20px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
input.in_medium {
border:1px solid #666666;
clear:left;
display:inline-block;
float:left;
height:30px;
margin:0 0 10px;
width:99%;
}
textarea.in_textarea {
border:1px solid #666666;
clear:left;
display:inline;
float:left;
margin-bottom:10px;
max-height:400px;
min-height:200px;
width:99%;
}
input#submit, input.send {
background-color:black;
color:white;
display:inline;
float:right;
font:14px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:30px;
padding-left:10px;
padding-right:10px;
text-align:center;
}
.col_contact form p {
float:none;
}
a {
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
text-decoration:none;
}
a.small_text {
color:#000000;
font-size:9px;
text-decoration:underline;
}
a.white {
color:white;
}
a.small_white {
color:white;
}
a.blog_more {
background-color:black;
color:white;
display:inline-block;
float:right;
font-size:13px;
height:25px;
line-height:25px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
}
a.blog_older_entrys {
background-color:black;
color:white;
float:left;
font-size:13px;
height:25px;
line-height:25px;
margin-left:40px;
text-align:center;
width:125px;
}
a.top {
background-image:url("images/b_top.jpg");
display:inline;
float:left;
height:30px;
margin-left:611px;
margin-top:10px;
width:35px;
}
a.comment {
background-image:url("images/comment_counter.jpg");
color:white;
float:right;
font-size:13px;
height:30px;
line-height:30px;
text-align:center;
width:36px;
}
img.text_img {
display:inline-block;
float:left;
margin-bottom:15px;
margin-top:15px;
}
img.blog_img {
margin-bottom:15px;
}
img.single {
background-color:black;
clear:left;
display:inline-block;
float:left;
margin-bottom:5px;
padding:5px;
}
ul.list {
clear:left;
display:inline-block;
float:left;
margin-bottom:10px;
}
div#subscribe_wrapper {
background-image:url("images/lan_wrapper.jpg");
display:inline-block;
height:40px;
left:0;
position:fixed;
top:0;
width:100%;
z-index:11;
}
ul.lan_wrapper {
display:inline-block;
float:right;
height:25px;
margin-right:25px;
}
ul.lan_wrapper li {
background:url("images/navigation_default.png") no-repeat scroll 0 0 transparent;
display:inline-block;
float:left;
margin-right:10px;
}
ul.lan_wrapper li p.small_white {
line-height:25px;
}
div#navigation_wrapper {
float:left;
left:0;
margin-top:60px;
position:fixed;
top:0;
width:300px;
}
div#navigation_wrapper ul {
display:inline-block;
float:left;
width:100%;
}
div#navigation_wrapper ul li {
background:url("images/navigation_default.png") no-repeat scroll right center transparent;
clear:left;
display:inline-block;
float:left;
margin-bottom:5px;
padding-left:20px;
padding-right:20px;
}
div#navigation_wrapper ul li.active {
background-image:url("images/navigation_active.png");
}
div#navigation_wrapper ul li.active h1.nav a {
color:white;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
div#navigation_wrapper ul li:hover {
background-image:url("images/navigation_hover.png");
}
div#navigation_wrapper ul li:hover h1.nav a {
color:#424242;
}
div#logo {
background-image:url("images/logo.jpg");
display:inline-block;
float:left;
height:40px;
width:160px;
}
div.subnav {
clear:left;
display:inline;
float:left;
height:30px;
margin-bottom:5px;
width:655px;
}
div.subnavblog {
clear:left;
display:inline;
float:left;
height:30px;
margin-bottom:5px;
width:655px;
}
div.subnav a.subnav_link {
background-color:black;
clear:none;
color:white;
display:inline-block;
float:left;
font:13px/30px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:30px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
}
div.subnavblog a {
background-color:black;
color:white;
display:inline-block;
font:13px/30px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:30px;
}
div.subnavblog span {
background-color:black;
color:white;
display:inline-block;
font:13px/30px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:30px;
padding-left:10px;
padding-right:10px;
}
div.col1_wrapper {
background-color:white;
clear:left;
display:inline-block;
float:left;
margin-top:5px;
padding:20px;
}
div.col_full {
background-color:white;
clear:left;
float:left;
max-width:815px;
min-width:615px;
padding:20px;
}
div.col_full2 {
background-color:white;
float:left;
margin-top:5px;
max-height:1100px;
max-width:815px;
min-height:10px;
min-width:615px;
padding:20px;
}
div.col_full3 {
background-color:white;
clear:left;
display:inline;
float:left;
margin-bottom:30px;
padding:20px 20px 10px;
width:615px;
}
div.col_contact {
background-color:white;
clear:left;
display:inline-block;
float:left;
margin-top:5px;
padding:20px;
width:615px;
}
div.col_contact_01 {
display:inline-block;
float:left;
height:285px;
width:250px;
}
div.col_contact_01.comment {
display:inline-block;
float:left;
height:225px;
width:250px;
}
div.col_contact_02 {
display:inline-block;
float:right;
height:285px;
max-width:545px;
min-width:340px;
overflow:hidden;
padding-left:20px;
}
div.col_contact_02.comment {
display:inline-block;
float:right;
height:222px;
max-width:545px;
min-width:340px;
overflow:hidden;
padding-left:20px;
}
div.col_contact_03 {
clear:left;
display:inline-block;
float:left;
height:30px;
margin-top:20px;
width:615px;
}
div.col_contact_03.comment {
clear:left;
display:inline-block;
float:left;
height:30px;
margin-top:20px;
width:615px;
}
div.col_dark {
background-image:url("images/bg_text.png");
clear:left;
display:inline;
float:left;
padding:20px;
width:615px;
}
.white p {
color:#FFFFFF;
}
div.more_entries a {
background-color:black;
color:white;
float:left;
font-size:13px;
height:25px;
line-height:25px;
margin-left:40px;
text-align:center;
width:125px;
}
div.more_entries .fleft {
float:left;
}
div.more_entries .fright {
float:right;
}
.next {
background-image:url("images/next.jpg");
bottom:50px;
cursor:pointer;
height:40px;
position:absolute;
right:0;
width:25px;
z-index:-1;
}
.prev {
background-image:url("images/prev.jpg");
bottom:50px;
cursor:pointer;
height:40px;
left:0;
position:absolute;
width:25px;
z-index:-1;
}
div#background {
height:1200px;
left:50%;
margin-left:-800px;
overflow:hidden;
position:fixed;
top:0;
width:1600px;
}
#images {
display:inline-block;
height:1200px;
overflow:hidden;
position:absolute;
width:1600px;
}
#images img {
overflow:hidden;
position:absolute;
text-align:center;
z-index:-10;
}
#images img.active {
overflow:hidden;
z-index:-8;
}
#images img.last-active {
overflow:hidden;
z-index:-9;
}
#shadow {
background-image:url("images/Shadow.png");
height:100%;
overflow:hidden;
position:absolute;
width:100%;
z-index:-3;
}
#Googlemaps {
height:100%;
position:absolute;
width:100%;
z-index:-10;
}
div.blog_entry {
clear:left;
display:inline-block;
float:left;
max-width:815px;
min-width:615px;
text-align:center;
}
div.entry_wrapper {
display:inline-block;
margin-bottom:50px;
margin-left:40px;
max-width:745px;
min-width:575px;
}
div.blog_info {
display:inline;
float:left;
margin-left:-110px;
z-index:10;
}
.blog_date {
background-image:url("images/date.jpg");
display:inline;
float:left;
height:70px;
width:70px;
}
.blog_comments_number {
background-image:url("images/comment.png");
clear:left;
display:inline-block;
float:left;
height:38px;
margin-top:5px;
width:70px;
}
div.blog_main_entry {
display:inline-block;
float:left;
top:0;
}
.coda-slider-no-js .coda-slider {
height:200px;
overflow:auto !important;
padding-right:20px;
}
.coda-slider, .coda-slider .panel {
width:655px;
}
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width:600px;
}
.coda-slider-wrapper.arrows .coda-slider {
margin:0 10px;
}
.coda-nav-left a, .coda-nav-right a {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
padding:5px;
width:100px;
}
.coda-slider p.loading {
padding:20px;
text-align:center;
}
.coda-nav {
display:inline;
float:left;
height:30px;
}
.coda-nav ul {
display:inline;
overflow:hidden;
width:100%;
}
.coda-nav ul li {
display:inline;
}
.coda-nav ul li a {
background-color:black;
color:#FFFFFF;
display:block;
float:left;
font:13px/30px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
height:30px;
margin-right:5px;
padding:0 15px;
text-decoration:none;
}
.coda-nav ul li a.current {
background-image:url("images/bg_text.png");
}
.coda-slider-wrapper {
clear:left;
overflow:auto;
}
.coda-slider {
float:left;
overflow:hidden;
position:relative;
}
.coda-slider .panel {
display:block;
float:left;
}
.coda-slider .panel-container {
position:relative;
}
div#footer_wrapper {
background-color:#000000;
bottom:0;
clear:both;
display:inline-block;
float:left;
height:25px;
left:0;
position:fixed;
width:100%;
z-index:11;
}
ul.footer_left {
display:inline-block;
float:left;
height:25px;
margin-left:25px;
}
ul.footer_left li {
display:inline-block;
float:left;
margin-right:10px;
}
ul.footer_left li p.small_white {
line-height:25px;
}
ul.footer_right {
display:inline-block;
float:right;
height:25px;
margin-right:25px;
}
ul.footer_right li {
display:inline-block;
float:left;
margin-right:10px;
}
ul.footer_right li p.small_white {
line-height:25px;
}
#wrapper {
max-width:855px;
min-width:655px;
}
div#boxes_nav {
float:left;
height:40px;
margin-bottom:5px;
max-width:855px;
min-width:655px;
}
img.scrollButtons.right {
cursor:pointer;
float:left;
height:40px;
}
img.scrollButtons.left {
clear:left;
cursor:pointer;
float:left;
margin-right:5px;
}
#slider {
margin:0 auto;
position:relative;
}
.scroll {
clear:left;
height:600px;
margin:0 auto;
max-width:855px;
min-height:375px;
min-width:655px;
overflow:hidden;
}
.scrollContainer {
display:inline-block;
position:relative;
}
.scrollContainer div.panel {
float:left;
height:318px;
margin-right:10px;
width:210px;
}
.inside {
cursor:pointer;
float:left;
}
.inside img {
border:1px solid #E6E6E8;
display:block;
margin:0 0 10px;
padding:3px;
width:200px;
}
div.boxes_text {
background-image:url("images/bg_text.png");
display:inline-block;
padding:20px;
}
a.social_link {
display:inline;
float:left;
height:75px;
margin-right:5px;
width:200px;
}
a.ref_list, img.ref_list {
clear:none;
display:inline-block;
height:80px;
margin-bottom:15px;
margin-right:22px;
width:80px;
}
ul.showcase_wrapper {
float:left;
margin-top:5px;
width:655px;
}
ul.showcase_wrapper li {
display:inline;
float:left;
}
img.zoom {
background-color:black;
float:left;
margin-bottom:5px;
margin-right:5px;
padding:5px;
}
div#portfolio_showcase {
clear:left;
display:inline;
float:left;
height:265px;
width:655px;
}
a.categorie_link {
background-color:black;
color:white;
display:inline;
float:left;
font-size:9px;
height:20px;
line-height:20px;
margin-bottom:5px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
}
div.comment_entry {
display:inline;
float:left;
margin-bottom:20px;
}
div.avatar_box {
float:left;
margin-right:40px;
width:80px;
}
div.comment_box {
border:1px solid #F1F1F1;
display:inline;
float:left;
padding:20px;
width:450px;
}
a.partner_link, .partner_link {
float:left;
height:125px;
margin-bottom:5px;
margin-right:28px;
width:125px;
}
.valid .text_input, .valid .text_area {
border:1px solid #70A41B !important;
}
.error .text_input, .error .text_area {
border:1px solid red !important;
}
.ajax_alert .text_input, .ajax_alert .text_area {
border:1px solid #FFB628 !important;
}