/*  

Theme Name: Pawel Bukowski portfolio and blog
Description: blog and portfolio.
Version: 1.0
Author: Pawel Bukowski
Author URI: pawelbukowski.com

*/
/*  Reset 
------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a:focus {outline: none;}

/*  Menu
------------------------------------------------------------------------------------------------------------- */
#top_menu {width: 100%; height: 68px; background: #4a351c;}
#menu_content {width: 937px; height: 68px; margin: 0 auto;}
#menu_elements {margin: 0 0 0 14px;}
a.xhtmlcss  {width: 160px; height: 68px; overflow: hidden; display: inline-block; background: url('images/xhtmlcss.gif') left top no-repeat;}
a:hover.xhtmlcss {background-position: left -68px;}
a.psd  {width: 99px; height: 68px; overflow: hidden; display: inline-block; background: url('images/psd.gif') left top no-repeat;}
a:hover.psd {background-position: left -68px;}
a.mov {width: 109px; height: 68px; overflow: hidden; display: inline-block; background: url('images/mov.gif') left top no-repeat;}
a:hover.mov {background-position: left -68px;}
a.blog {width: 111px; height: 68px; overflow: hidden; display: inline-block; background: url('images/blog.gif') left top no-repeat;}
a:hover.blog {background-position: left -68px;}
a.aboutme {width: 163px; height: 68px; overflow: hidden; display: inline-block; background: url('images/aboutme.gif') left top no-repeat;}
a:hover.aboutme {background-position: left -68px;}
a.contact {width: 152px; height: 68px; overflow: hidden; display: inline-block; background: url('images/contact.gif') left top no-repeat;}
a:hover.contact {background-position: left -68px;}

/*  Header
------------------------------------------------------------------------------------------------------------- */
#header {width: 100%; height: 337px; background: url('images/header_bg.gif') left top repeat-x;}
#header_div {width: 937px; height: 337px; margin: 0 auto;}
.header_one {width: 393px; height: 128px; background: url('images/header_1.gif') left top no-repeat; float: left;}
.header_two {width: 233px; height: 128px; float: left;}
.header_three {width: 311px; height: 128px; background: url('images/header_3.gif') left top no-repeat; float: left;}
.header_four {width: 937px; height: 209px; background: url('images/header_4.gif') left top no-repeat; float: left;}
a.header_two {width: 233px; height: 128px; background: url('images/header_2.gif') left top no-repeat;}
a:hover.header_two {background-position: left -128px;}

/*  Container
------------------------------------------------------------------------------------------------------------- */
#container {width: 100%; margin: 0; padding: 0;}
#content {width: 100%; min-height: 490px; height: auto !important; height: 490px; background: url('images/content.gif') left top repeat;}
#content_sides {width: 937px; margin: 0 auto; padding: 10px 0 0 0; overflow: hidden;}
#left_side {width: 655px; float: left; padding: 40px 10px 10px 10px;}
#right_side {width: 210px; float: right;}
#line_top {width: 100%; height: 2px; background: url('images/line_top.gif') left top repeat-x; overflow: hidden;}
#line_bottom {width: 100%; height: 2px; background: url('images/line_bottom.gif') left top repeat-x; overflow: hidden;}
#twitter {width: 210px; float: right; background: #492d11; margin: 27px 0 25px 0; font family: Arial; font-size: 11px; color: #b9d7d9; padding: 0;}
#komentarze {float: left; overflow: hidden;}
.flw_me {width: 178px; height: 78px;}
.aboutme_header {width: 145px; height: 24px; background: url('images/aboutme_header.png') left top no-repeat; float: left; margin: 0 0 0 15px;}
.dots {width: 664px; height: 2px; background: url('images/dots.png') left top no-repeat; float: left; margin: 22px 0 22px 0;}
.content_text_one {width: 650px; float: left; padding: 0 0 0 15px;}
.myphoto {width: 137px; height: 191px; float: left; border: 5px #3b250e solid;}
.head {width: 664px; float: left;}
.title {width: 455px; float: left;}
.info {width: 634px; height: 23px; background: #3c250d; border: 2px dashed #513211; font-family: Georgia; color: #6c5033; font-size: 13px; margin: 15px 0 25px 0; padding: 7px 0 0 10px; clear: both;}
.cnt {width: 644px; margin: 0 0 25px 0;}
.cnt2 {width: 644px; margin: 0 0 25px 0; float: left;}
.wid1 {padding: 10px; text-align: left; font-family: Arial;}
.twtl {width: 100%; height: 3px; background: url('images/twtl.gif') left top repeat-x; margin: 7px 0 7px 0;}
.cnt2 img {margin: 10px; position: relative;}
.find {float: left; margin: 10px 0 0 0; width: 620px; color: #b9d7d9;}
.find a {text-decoration: none;}
.find a:hover img {text-decoration: none;}
.boxgrid {width: 600px; height: 360px; float: left; position: relative; overflow: hidden; border: 12px solid #2e1c0b; margin: 25px 0 0 10px;} 
.boxgrid img { border: 0; float: left; margin: 0 10px 10px 0; position: absolute; left: 0;  top: 0;  }
.boxcaption {margin: 0 0 0 0;float: left; position: absolute; background: #000; height: 360px; width: 600px; opacity: 0.9;  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}  
 .captionfull .boxcaption {top: 260;left: 0;}
 .caption .boxcaption {top: 220;left: 0;}
 .images_c img {border: 5px solid #76562A;}
 .movie {margin: 15px 0 15px 0; overflow: hidden; float: left;}
 .post_font {line-height: 25px; padding: 0 0 0 15px; margin: 0 0 10px 0;}
 .cytat {width: 600px; padding: 10px; background: #3C250D; border: 2px dashed #513211; margin: 10px 0 10px 0; float: left;}
pre {padding: 10px; background: #3C250D; border: 2px dashed #513211; float: left;}
ul.post {float: left; margin: 10px 0 10px 0;}
ul.post li {margin: 0 0 10px 0; list-style: url('http://pawelbukowski.com/wp-content/themes/portfolio/images/list.gif')}
.bout_left {float: left; width: 150px;}
.bout_right {float: right; width: 460px;}
.ins_all {margin: 0 0 10px 50px; overflow: hidden; float: left;}
.mov_2 {width: 500px; height: 400px; border: 12px solid #2e1c0b; float: left; margin: 15px 0 0 55px;} 
.ins_head h6 {font-size: 45px; background: #3C250D; z-index: 1; position: absolute; margin: 0; float: left;}
.ins_head h6 a {text-decoration: none;}
.ins_head h6 a:hover {text-decoration: none;}
.ins {width: 500px; height: 350px; border: 12px solid #3C250D; float: left; overflow: hidden;}
.ins img {margin: 0 10px 10px 0; float: left;}

/*  Comments
------------------------------------------------------------------------------------------------------------- */
.com_text {float: left; width: 655px; margin: 10px 0 10px 0; overflow: hidden;}
.com_ilosc {float: left; width: 655px; padding: 0 0 10px 10px;}
.gavatar {width: 80px; height: 80px; float: right; margin: 13px 20px 20px 0;}
.com_tr {width: 300px; float: right; background: #3c250d; border: 2px dashed #513211;}
.com_text li {width: 624px; float: left; margin: 15px 0 0 0; background: #3c250d; border: 2px dashed #513211; padding: 10px;}
.cont {width: 624px; float: left; margin: 10px 0 10px 15px;}
.com_form input { background: transparent; border: 0;}
.lines2 {width: 624px; float: left; height: 5px; border-bottom: 2px dashed #513211;}
input.autor_cm {width: 200px; height: 20px; background: #3c250d; border: 2px dashed #513211; color: #B9D7D9; padding: 5px 0 0 5px; float: left;}
input.email_cm {width: 200px; height: 20px; background: #3c250d; border: 2px dashed #513211; color: #B9D7D9; padding: 5px 0 0 5px; float: left; margin: 0 0 0 10px;}
textarea.txtarea {width: 634px; height: 80px; float: left; background: #3c250d; border: 2px dashed #513211; margin: 10px 0 0 0; color: #B9D7D9; padding: 5px;}
input.btn {color: #B9D7D9; background: #3c250d; border: 2px dashed #513211; padding: 7px; margin: 5px 0 25px 0;}
.wpcf7 input {width: 440px; height: 23px;color: #B9D7D9;background: #3c250d;border: 2px dashed #513211; margin: 5px 0 5px 0; padding: 7px 5px 0 5px;}
.wpcf7 {margin: 25px 0 0 0;}
.wpcf7 p {margin: 5px 0 5px 0;}
.wpcf7 textarea {width: 440px; height: 90px; background: #3c250d;border: 2px dashed #513211; color: #B9D7D9; margin: 5px 0 5px 0; padding: 5px;}
.wys input {width: 455px; height: 35px; padding: 0 0 1px 0;}
ul.list_contact li {line-height: 25px; font-size: 14px;}
ul.onx {float: left; margin: 35px 0 0 35px;}
ul.onx li {font-size: 25px;}

/*  Footer
------------------------------------------------------------------------------------------------------------- */
#footer {width: 100%; height: 126px; background: url('images/footer_bg.gif') left top repeat-x;}
#footer_content {width: 937px; height: 126px; margin: 0 auto; background: url('images/footer.gif') left top no-repeat;}
.footer_text_left {float: left; margin: 60px 0 0 150px;}
.footer_text_right {float: right; margin: 60px 25px 0 0;}

/*  Fonts
------------------------------------------------------------------------------------------------------------- */
.arial_one {font-family: Arial; font-size: 11px; color: #d0a671;}
.arial_two {font-family: Arial; font-size: 12px; font-weight: bold; color: #5d3914;}
.arial_three {font-family: Arial; font-size: 12px; color: #5d3914;}
h6 {font-color: #b9d7d9; font-size: 25px; float: left;}
h6 a {color: #b9d7d9; text-decoration: none;}
.content_text {font-fmaily: Tahoma; font-color: #fff;}
.title h6 {color: #b9d7d9;}
.ng {font-family: Georgia; font-style: italic; font-size: 45px; color: #39240d; float: right; float: left; margin: 45px 0 0 35px; width: 550px;}
h1 {font-family: Georgia; font-style: italic; font-size: 18px; color: #39240d; float: right; margin: 8px 30px 0 0;}
h3 {font-family: Georgia; font-style: italic; font-size: 22px; color: #39240d; float: right; float: left;}
h2 {font-family: Arial; font-size: 13px; color: #EFDFC9;}
h2 a {color: #EFDFC9; text-decoration: none;}
h2 a:hover {text-decoration: underline;}
h4 {font-family: Arial; font-size: 13px; color: #EFDFC9;}
.time {float: right; margin: 0 10px 0 0;}
.info a {text-decoration: none; color: #6c5033;}
.info a:hover {color: #9c7349;}
.aut {float: left;}
.com {float: left; margin: 0 0 0 25px;}
.ed {float: left; margin: 0 0 0 25px;}
.cnt a {color: #d0a671; text-decoration: none;}
.cnt a:hover {text-decoration: underline;}
.cnt2 a {color: #d0a671; text-decoration: none;}
.cnt2 a:hover {text-decoration: underline;}
#twitter a {text-decoration: underline; color: #b9d7d9;}
#twitter a:hover {text-decoration: none;}
#twitter ul, li {list-style: none;}
.next {font-family: Georgia; gont-size: 12px; color: #B9D7D9; margin: 0 0 15px 15px;}
.next a {text-decoration: none; color: #B9D7D9;}
.next a:hover {text-decoration: underline;}
.head {color: #b9d7d9;}
h5 {width: 624px; float: left; font-family: Georgia; font-size: 15px; color: #EFDFC9; margin: 5px 0 5px 0; padding: 0 0 0 15px;}
h5 a {color: #d0a671; text-decoration: none;}
h5 a:hover {text-decoration: none ; border-bottom:1px dotted #d0a671;}
.edit a {color: #b9d7d9; text-decoration: none;}
.edit a:hover {text-decoration: underline;}
.medium {font-family: Arial; font-size: 15px; font-weight: bold; color: #EFDFC9; margin: 0 0 10px 0;}
.boxgrid h3 {margin: 10px 0 0 15px; color: #B9D7D9; width: 200px;}
.post_font h6 {width: 620px; float: left; margin: 0 0 15px 0;}
 .post_font p {float: left; width: 620px;}
 strong {background: #1A6A6E;}
 .about {margin: 0 0 15px 0;}
 .about a:hover {text-decoration: none;}