/*
Theme Name: Punipuni
Theme URI: http://www.punipuni.com
Description: Punipuni
Version: 1.0
Author: Cosmin Georgian
Author URI: http://cosmingeorgian.com
*/
body{background: url(images/bg.jpg) repeat-x top; color: #6e6e6e; margin:0; font-family: Tahoma; font-size: 14px;}
html{background: #ffffff url(images/footer-bg.jpg) repeat-x bottom;}

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

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

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_13,.grid_14,.grid_12 {display: inline;float: left;margin-left: 10px;margin-right: 10px;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

.grid_1{width: 170px;}
.grid_2{width: 200px;} 
.grid_3{width: 275px;}
.grid_4{width: 455px;}
.grid_5{width: 360px;}
.grid_6{width: 730px;}
.grid_7{width: 640px;}
.grid_8{width: 360px;}
.grid_9{width: 560px;}
.grid_10{width: 290px;}
.grid_11{width: 280px;}
.grid_12{width: 220px;}
.grid_13{width: 660px;}
.grid_14{width: 460px;}

@charset "utf-8";

h1,h2,h3,h4{font-family: Calibri; font-weight: normal; color: #646464;}
h1{font-size: 23px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}

a:active{outline: none;}
a{outline: none;}
a:focus{-moz-outline-style: none;}

.img{border:none;}
a img{border:none;}
a{text-decoration: none; color: #dc503e; border-style:hidden;}
a:visited{text-decoration: none; color: #dc503e; border-style:hidden;}
a:hover{text-decoration: none; color: #666666;}

#top-wrapper{background: url(images/top-bg.png) no-repeat top center;}
#top{min-height: 217px; position:relative;}
#logo{padding-top: 35px; margin-left: 0; padding-left:0;}

#social{position:absolute; float: right; margin-left: 786px; margin-top: -140px;}
a.youtube{background: url(images/social.png) no-repeat; width: 25px; height: 25px; position: absolute; text-indent: -9999px;}
a.twitter{background: url(images/social.png) no-repeat; margin-left: 30px; width: 25px; height: 25px; position: absolute; text-indent: -9999px; background-position: -25px 0px;}
a.facebook{background: url(images/social.png) no-repeat; margin-left: 60px; width: 26px; height: 25px; position: absolute; text-indent: -9999px; background-position: -50px 0px;}
a.kakehashi{background: url(images/social.png) no-repeat; margin-left: 93px; width: 26px; height: 25px; position: absolute; text-indent: -9999px; background-position: -76px 0px;}
a.storenvy{background: url(images/social.png) no-repeat; margin-left: 125px; width: 25px; height: 25px; position: absolute; text-indent: -9999px; background-position: -102px 0px;}

#menu{background: url(images/content-top.png) no-repeat; height: 94px; z-index: 100; margin-top: -20px; position: relative;}
#menu ul{display: block; margin-top: 0; padding-top: 32px; margin-left:0; padding-left: 20px;}
#menu li{display: inline; margin-right: 20px; }
#menu li a{font-family: 'BebasNeue'; font-size: 27px; font-weight: normal; color: #ffffff; text-shadow: 2px 2px 0px #277ac2;}
#menu li a:hover{color: #cce7fe;}

#search-box{position:absolute; margin-top: -42px; margin-left: 710px; }
#search-box input{padding-left: 8px; font-family: Calibri; color: #7fb6e6; background: url(images/search-bg.jpg)no-repeat; border: none;width: 224px; height: 31px;}
#search-box .search-btn{position:absolute; width: 30px; height: 30px; margin-left: -32px; background: none; cursor: pointer; text-indent: -9999px;}

#left-sidebar{margin-left: 20px;}
#left-sidebar h2{margin-top: 0; padding-top: 0; font-family: 'YardSaleRegular'; color: #0973cf; font-size: 15px;}
#left-sidebar li{list-style: none;}
#left-sidebar li ul{background: url(images/lines-bg.jpg); padding-top: 10px; padding-bottom: 10px; padding-left:10px;}
#left-sidebar .wp_bannerize{background: url(images/lines-bg.jpg); padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px;}

#right-sidebar{margin-left: 10px;}
#right-sidebar h2{margin-top: 0; padding-top: 0; font-family: 'YardSaleRegular'; color: #0973cf; font-size: 15px;}
#right-sidebar h3{margin-top: 0; padding-top: 0; font-family: 'YardSaleRegular'; color: #0973cf; font-size: 15px;}
#right-sidebar li{list-style: none;}
.fan-box{background: #ffffff;}
li.widget_text{margin-bottom: 25px;}
#right-sidebar li.widget_categories ul{padding-right: 10px;}
#right-sidebar li.widget_categories ul li{background: #ffffff !important;  padding-top: 5px;  padding-bottom: 5px;}
#right-sidebar li.widget_categories a{color: #7c7c7c; font-family: 'BebasNeue'; font-size: 17px;}
#right-sidebar li ul{background: url(images/lines-bg.jpg); padding-top: 10px; padding-bottom: 10px; padding-left:10px;}

#right-sidebar .wp_bannerize{background: url(images/lines-bg.jpg); padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px;}
p.wp-bannerize-support{display: none;}
ul#wp_tweets_marker {padding-right: 10px;}
ul#wp_tweets_marker li{margin-bottom: 10px; background: #ffffff; font-size: 11px; color: #838383; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px;}

#newsletter{background: url(images/free-stuff-bg.jpg) no-repeat; height: 290px; margin-bottom: 30px; padding-top: 555px; padding-left: 65px;}
#newsletter li{list-style: none;}
#newsletter input{border: solid 2px #000000; width: 244px; color: #b3b2b0; font-weight: bold; height: 29px; padding-left: 5px; margin-top:12px;}

#content{background: url(images/content-bg.png) repeat-y; overflow: auto; min-height: 800px; z-index: 9999;}
#post-wrapper{margin-bottom: 50px; margin-top: 15px;}
#post-wrapper2{margin-bottom: 5px; margin-top: 15px; width: 170px; min-height: 190px; display: inline;float: left; margin-left: 10px;margin-right: 0px; background: #ffffff; padding: 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
box-shadow: 0px 0px 3px #d1d1d1;} 
#post-wrapper2:hover{background: #e3e3e3;}
#posts{position: relative;}
#posts h3{margin-top:0; padding-top: 0; font-family: 'YardSaleRegular'; font-weight: normal; color: #0973cf; font-size: 15px; margin-bottom: 23px;}
#home-post{background: url(images/lines-bg.jpg); text-align: justify; padding-right: 15px; overflow: auto; width: 405px; padding-top: 70px; padding-left: 15px; margin-top: -10px; margin-left: 9px; padding-bottom: 0px;}
#post-title{background: url(images/title-bg.png) no-repeat; width: 461px; height: 67px; position: absolute;}
#post-title h2{font-family: 'BebasNeue'; font-size: 22px; text-shadow: 2px 2px 0px #277ac2; color: #ffffff; margin-top: 13px; padding-left: 22px;}
#post-title a{ color: #ffffff; text-shadow: 2px 2px 0px #277ac2;}
#post-comments{background: url(images/comments-bg.png) no-repeat; width: 91px; font-size: 17px; text-align: center; margin-top: 11px; padding-top: 5px; margin-left: 355px; height: 31px; position: absolute; color: #90c0e9; font-family: 'BebasNeue';}
#read-more-btn{position: absolute; margin-left: 290px; margin-top: -64px;}
#home-post p{padding-bottom: 20px;}
a.read-more{background: url(images/read-more.jpg) no-repeat; position:absolute; text-indent: -9999px; width: 139px; height: 41px;}

#nav-page{margin-bottom: 20px; margin-right: 10px; background: url(images/lines-bg.jpg); padding: 10px; padding-top: 19px; padding-bottom: 19px;}
#nav-page a{background: #ffffff; padding: 10px; color: #7c7c7c;}
#nav-page a:hover{background: #7c7c7c; color: #ffffff;}

#content-bg-bottom{background: url(images/content-bottom.png)no-repeat bottom; text-indent: -9999px;}
#comments-here{}
#comments-here h2{font-family: 'BebasNeue'; font-size: 19px; padding-top: 10px; color: #7c7c7c;}

#comments-form{background: url(images/lines-bg.jpg); padding-left: 10px; padding-right: 10px; width: 415px; margin-bottom: 30px;}
#comments-interior{background: #ffffff; padding-left: 15px; padding-right: 10px;}
#comments-interior h2{font-family: 'BebasNeue'; font-size: 19px; padding-top: 14px; color: #7c7c7c;}
#comments-interior input{width: 187px; height: 30px; background: #f5f5f5; border: solid 1px #d9d9d9; margin-bottom: 12px;}
#comments-interior textarea {width: 385px; height: 110px; background: #f5f5f5; border: solid 1px #d9d9d9;}
#comments-interior label {font-family: 'BebasNeue'; font-size: 19px; padding-top: 10px; color: #989898;}
.btn-submit{background: #0973cf !important; font-family: 'BebasNeue'; font-size: 23px; color: #ffffff; border: none !important; width: 150px !important; padding-top: 6px; padding-bottom: 10px; height: 40px !important;}

#footer-wrapper{background: url(images/bottom-bg.png) no-repeat center bottom;}
#footer{margin-top: 10px; height: 80px;}
#copyright{font-family: 'BebasNeue'; color: #ffffff; font-size: 18px; font-weight: normal; margin-top: 13px;}
#footer-menu ul{display: block; float: right;}
#footer-menu li{display: inline; margin-left: 25px;}
#footer-menu li a{color: #ffffff;}
#footer-menu li a:hover{text-decoration: underline;}

#landing-text{background: url(images/lp2.png) no-repeat center top; height: 4200px; overflow: auto;}
.youtube-video{width: 403px; height: 243px; position: absolute; margin-top: 450px; margin-left: 64px;}

#download{background: url(images/bgdw.jpg) repeat-x center top; height: 614px;}
#download-page{background: url(images/dw.png) no-repeat; height: 512px; margin-left: auto; margin-right: auto; width: 1088px; }
a.dw-pg {position: absolute; margin-top: 490px; font-size: 28px; color: #b401ff; font-weight: bold; margin-left: 440px;}

#paypal{position: absolute; margin-top: -420px; margin-left: 157px;}
#paypal input.btn-image{width: 550px;}

li#youtube h3{margin-top: 0; padding-top: 0; font-family: 'YardSaleRegular'; color: #0973cf; font-size: 15px;}