/* ----------------------------------------------
Theme Name: Podryw SMS Product Lunch
Theme URI: http://michalrusek.eu
Author: Michal Rusek
Author URI: http://michalrusek.eu
Description: Product Lunch
Version: 1.0
---------------------------------------------- */

/* Reset */
@import url(css/reset.css);

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* General */
body {color: #5e5e5e; background: #061c33; font: 11px /1.6 Tahoma, Arial, "Trebuchet MS",  Helvetica, sans-serif; }
.cd {width: 960px; margin: 0 auto; position: relative;}  

#wrapper {width: 978px; margin: 0 auto; padding-top: 1px; background: #e3e3e3 url(img/content-repeat.png) repeat-y left top;}

#header {height: 309px; background: url(img/headerbg.png) repeat-x left top;}
#hedbg {height: 309px; background: url(img/header.jpg) repeat-x left top; width: 978px; margin: 0 auto;}

#minimenu {width: 978px; margin: 22px auto 0 auto; text-align: center; height: 36px;}
#minimenu li {display: inline; line-height: 36px;}
#minimenu li a { padding: 5px 7px; font-family: 'pt_sans_narrowbold', Arial, Helvetica, sans-serif; color: #3c3c3c; font-size: 16px; text-transform: uppercase; text-decoration: none;}
#minimenu li.nieaktywny a {color: #909090;} 
#minimenu li a:hover {color: #e0e0e0; background: #0f4a87;}

/* Logo */
.site-title a {display: block; width: 280px; height: 238px; margin: 0 auto;}
.site-title a span {display: none;}

#title-head {height: 72px; width: 960px; background: url(img/multiline.png) repeat-x left top; margin: -1px 0 20px 9px;}
#title-head div {height: 72px; background: url(img/multiline.png) repeat-x left bottom;}
#title-head h2 {height: 72px; margin: 0; text-transform: uppercase; text-shadow: 1px 1px 0 #fff;}
#title-head h2 a {color: #2f2f2f; height: 80px; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif; line-height: 72px; font-size: 35px; text-align: center; display: block; text-decoration: none;}
#title-head h2 a:hover {color: #0f4a87; text-decoration: underline;}

#mainContent .cd {height: 100%; overflow: hidden;}
#mainContent .left {float: left; width: 670px; margin: 0 0 0 30px;}
#mainContent .right {float: right; width: 200px; margin: 0 30px 0 0; padding-bottom: 60px;}

#videoBox {width: 100%; background: #fff; margin-bottom: 10px; background: url(img/backgrounds/videobg.png) no-repeat left top;}
#videoBox iframe {margin: 15px 0 15px 15px;}

/* Text Content */
.text-content {padding: 0 30px 30px 10px;} 
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {
	font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif; margin: 25px 0; line-height: 1.1; color: #606060;}
.text-content h1 {font-size: 44px; }
.text-content h2 {font-size: 44px;}
.text-content h3 {font-size: 39px;}
.text-content h4 {font-size: 39px;}
.text-content h5 {font-size: 30px;}
.text-content h6 {font-size: 25px;}

.text-content p {margin: 20px 0; color: #5e5e5e; font-size: 14px;}
.text-content a {color: #0b4785;}
.text-content a:hover {color: #2070c3;}
.text-content strong {font-weight: bold; color: #d2beda;}
.text-content em {font-style: italic;}

/* Video List */
.videoList a {display: none; width: 200px; height: 140px; text-indent: -2000000px;}
.videoList li.tak a {display: block; background: url(img/buttons/play.png) no-repeat center center;}
.videoList li.tak a:hover {background: url(img/buttons/play-hov.png) no-repeat center center;}
.videoList li.tak div.meal div.mini {display: block;}
.videoList li div.meal div.mini {display: none; width: 200px; height: 140px;} 
.videoList li div {width: 200px; height: 140px; padding-bottom: 8px; position: relative;}
.videoList li {background: url(img/backgrounds/empty-video.png) no-repeat left top; position: relative; text-align: center; color: #616060; font-size: 12px; padding-bottom: 10px; margin-bottom: 15px; line-height: 1.5;}
.videoList li.tak {background: none;}
.videoList li strong {padding-top: 2px; display: block; color: #252525; font-family: 'pt_sans_narrowbold', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.2;}
.videoList li span.text {color: #252525; text-shadow: 1px 1px 0 #fff; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.2;}
.videoList li span.line {display: block; height: 2px; background: url(img/multiline.png) repeat-x left bottom; width: 200px; position: absolute; left: 0; bottom: 0;}
.videoList li.suprise {background: url(img/backgrounds/question-video.png) no-repeat left top;}
.videoList li .bigframe {background: url(img/frame.png) no-repeat left top; width: 200px; height: 140px; position: absolute; left: 0; top: 0; display: none;}
.videoList li.tak .bigframe {display: block;}

/* Like Bar */
#likebar {height: 62px; background: url(img/multiline.png) repeat-x left top; margin: 10px 0 0 0;}
#likebar .multidiv {background: url(img/multiline.png) repeat-x left bottom; height: 100%;}
#likebar h3 {float: left; text-shadow: 1px 1px 0 #f8f8f8; padding-left: 15px; padding-right: 10px; line-height: 62px; text-transform: uppercase; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif; color: #2f2f2f; font-size: 22px;}
#likebar .fb-like {float: left; padding: 20px 0 0 0;}

/* Comments Info */
h3.com-head {color: #144981; text-shadow: 1px 1px 0 #f8f8f8; text-indent: 15px; font-size: 30px; margin: 15px 0 10px 0; text-transform: uppercase; float: left; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif;}
.comentsInfo {height: 60px; clear: both; width: 670px; background: url(img/backgrounds/coninfobar.png) no-repeat left top; margin: 20px auto; position: relative;}
.comentsInfo strong {line-height: 60px; font-size: 26px; color: #fff; padding: 0 0 0 15px; text-shadow: 1px 1px 0 #082680; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif;}
.comentsInfo a {display: block; height: 42px; text-indent: -2000000px; background: url(img/buttons/dodajkomentarz.png) no-repeat left top; width: 192px; line-height: 45px; position: absolute; right: 13px; top: 10px;}
.comentsInfo a:hover {background: url(img/buttons/dodajkomentarz.png) no-repeat left bottom;}
.comentsInfo a:active {position: absolute; right: 14px; top: 11px;}

/* Comments List */
.commentsList {margin: 0 0 30px 0;}
.commentsList li {color: #5d5d5d; font-size: 11px; background: url(img/multiline.png) repeat-x left bottom; padding: 15px 25px 15px 30px;}

#mainContent .commentsList li.bypostauthor {background: #0b4785 url(img/adminbg.png) no-repeat left top;}
#mainContent .commentsList li.bypostauthor:hover {background: #0b4785 url(img/adminbg.png) no-repeat left top;}
#mainContent .commentsList li.bypostauthor .head p {color: #e0efff;}
#mainContent .commentsList li.bypostauthor .head p strong {color: #e0efff;}
#mainContent .commentsList li.bypostauthor .commentsBody p {color: #e0efff;}

.commentsList .head p {color: #103f70; margin-bottom: 10px; font-style: italic; font-size: 16px; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif; }
.commentsList .head p strong {color: #103f70; font-style: normal;}
.commentsBody p {margin-bottom: 8px; font-size: 13px; line-height: 1.5; color: #2d2d2d;}
.commentsBody a {color: #b41e1e;}
.commentsBody a:hover {color: #df3f3f;}
.commentsList li.odd {}
.commentsList li:hover {background: #dcdcdc url(img/multiline.png) repeat-x left bottom;} 

/* Comment Form */
#commentBox {padding: 20px 30px 15px 30px; background: #0b4785 url(img/formarea.png) no-repeat left top; margin-bottom: 30px;}
.addComment .head {padding-bottom: 20px;}
.addComment .head p {margin-bottom: 1px; color: #76afea;}
.addComment .head p span {color: #eb2222;}
.addComment h3 {color: #fff; font-size: 32px; margin-bottom: 10px; text-shadow: 1px 1px 0 #0d355e; font-weight: normal; font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif;}
.extra-info {color: #76afea;}
.extra-info a {color: #f14b4b; text-decoration:none;}
.extra-info a:hover {color: #ff8d8d; text-decoration: underline;}
#commentform label {display: block; font-size: 12px; font-weight: bold; font-family: Arial; color: #9cccfd; text-indent: 3px; padding-bottom: 4px;}
#commentform label span {color: #cc0a0a;}
#commentform .txt {color: #b6d8fd; background: #061c33; font-size: 12px; padding: 12px 10px; border: 1px solid #2268b0; width: 220px;}
#commentform .txt:focus {color: #e0efff; background: #04172a; border: 1px solid #ad1e1e;}
#commentform textarea.txt {width: 590px;}
#commentform p {padding-bottom: 14px;}
#commentform button {display: block; text-indent: -2000000px; border: none; outline: none; cursor: pointer; background: url(img/buttons/dodajkomentarz.png) no-repeat left top; width: 192px; height: 42px;}
#commentform button:hover {background: url(img/buttons/dodajkomentarz.png) no-repeat left bottom;}
#commentform button:active {position: relative; right: -1px; bottom: -1px;}

/* Footer */
#footer {font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif; height: 120px; background: #fafafa url(img/footerbg.png) repeat-x left top;}
#footerbg {width: 978px; background: url(img/footer-bottom.png) no-repeat left top; margin: 0 auto;}
#footer ul {display: block; float: right; font-size: 16px;}
#footer ul li {margin: 0 0 0 8px; float: left; color: #959595;}
#footer p {clear: both; float: left; color: #959595; font-size: 16px;}
#footer ul a {color: #959595; text-decoration: none; margin: 0 8px 0 0; font-size: 16px;}
#footer ul a:hover {text-decoration: underline; color: #0b4785;}
#footer .padding {padding: 55px 40px 0 40px;}