/* 
    Theme Name: Night Pizza Factory
    Version: 0.1
    Theme URI: http://ablymedia.pl
    Author: Sebastian Szczepański
    Author URI: http://ablymedia.pl
    Description: Szablon przygotowany specjalnie dla strony Night Pizza Factory
*/
/*--[ HTML5 Boilerplate RESET ]--------------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;padding:0}
input,select{vertical-align:middle}
/*--[ HTML5 Boilerplate MINIMAL BASE STYLES ]--------------------------------------------------------------------------------*/
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } 
body, select, input, textarea { color:#e5e5e5; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a { color: rgb(218, 79, 73); text-decoration:none}
a:hover { color:#fe0000; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #777; color:#fff; text-shadow: none; }
::selection { background:#777; color:#eee; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/*--[ HELPER CLASSES ]--------------------------------------------------------------------------------*/
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */
.hidden { display:none; visibility:hidden; }  /* Hide for both screenreaders and browsers */
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually - available for screenreaders */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.left{float:left}
.right{float:right}
/*---[ layout ]--------------------------------------------------------------------------------------*/
body{
    background: url(images/bg.jpg) top left;
    font-size:12px;
    /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
    font-family: 'Open Sans', sans-serif;
}
.open-sans{
    font-family: 'Open Sans', sans-serif;
}
#wrapper{
    margin:0 auto;
    width:960px;
}
#header{
    background: url(images/header.jpg) no-repeat scroll 0 0;
    height:330px;
}

#header a{
    display:block;
    height:330px;
    width:350px;
    text-indent: -999999px;
}
.box{
    background: #333333;
    padding: 10px;
}
.box-shadow{
    background: url(images/shadow.png) no-repeat scroll 0 0;
    height:49px;
    margin-bottom:25px;
}
h1.h1{
    font-size:22px;
    font-weight: 700;
    padding:20px 0 15px;
}

nav#main{
    font-size: 14px;
}
nav#main ul li{
    float: left;
}
nav#main ul li a{
    color: white;
    display: block;
    font-weight:700;
    padding: 6px 8px;
    
}
nav#main ul li a:hover{
    
    background: #a50a0a;
    color:#ffffff;    
}
.ribbon-menu{
    background: url(images/menu-bg.jpg) repeat-x scroll 0 0;
    height:39px;
    padding: 3px 50px 10px 70px;
    position: relative;
}
#ribbon-left,
#ribbon-right{
    position:absolute;
    top:0;
}
#ribbon-left{
     left: -29px;
}
#ribbon-right{
     right: -30px;
}
nav#bottom{
    font-size:14px;
}
nav#bottom ul{
    float:left;
    padding-top:7px;
}
nav#bottom #toTop{
    color:#a0a0a0;
    float:right;
    line-height: 29px;
    text-decoration: underline;
}
nav#bottom #toTop img{
    vertical-align: middle;
}
nav#bottom ul li{
    border-right:1px solid #a0a0a0;
    display:inline-block;
    float:left;
    padding: 0 10px;

}
nav#bottom ul li:last-child{
    border:0
}
nav#bottom ul li a{
    color: #a0a0a0;
}
.contact-box{
    background: #333 url(images/footer-bg.jpg) no-repeat right top;
}
.inner-contact{
    height: 290px;
    padding-left:25px;
}
.contact-box h3{
    font-size:1.3em;
    margin-bottom: 0.5em;
}
.contact-box .opening-hours{
 padding: 15px 0;   
}
.contact-box .opening-hours p{
    padding-bottom: 5px;
}
.contact-box .welcome{
    font-weight:bold;
    padding-top:20px;
}


#footer{
    color:#777;
    font-size:10px;
}

/*--[content]--*/
#content{
    padding: 25px 10px 25px 10px;
}
.content{
    float:left;
    margin-right:20px;
    padding-left: 15px;
    width: 615px;
}
.content.full-width{
    margin: 0;
    padding: 0 15px;
    width:910px
   
}
.content h2{
    font-weight:700;
}
.content p{
    font-size:14px;
    line-height: 1.6em;
    text-align: justify;
}
/*-- [ Sidebar ] --- */

aside#sidebar{
    float:left;
    width:290px;
}
.button{
    background: #e3292c;
    border:1px solid #ee8486;
    color:white;
    font-weight:700;
    font-size:12px;
    padding:5px 10px;
    
    -moz-box-shadow: 0px 0px 0px 4px #E2282D;
-webkit-box-shadow: 0px 0px 0px 4px #E2282D;
box-shadow: 0px 0px 0px 4px #E2282D;
    
}
.button:hover{
    color:white;
}
aside#sidebar .widget{
    margin-bottom: 25px;
}
aside#sidebar .widget .inner-padding{
    padding:0 15px 60px 15px;
    margin: 0 auto;
    width: 234px;
background-image: linear-gradient(bottom, rgb(51,51,51) 0%, rgb(34,34,34) 20%);
background-image: -o-linear-gradient(bottom, rgb(51,51,51) 0%, rgb(34,34,34) 20%);
background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 0%, rgb(34,34,34) 20%);
background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 0%, rgb(34,34,34) 20%);
background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 0%, rgb(34,34,34) 20%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(51,51,51)),
	color-stop(0.2, rgb(34,34,34))
);
    
}
aside#sidebar .widget h3{
    background: url(images/ribbon-yellow.png) no-repeat scroll 0 0;
    color:#fff;
    font-size: 14px;
    font-weight:bold;
    height: 45px;
    padding: 10px 50px 0;
    text-align: center;
}
article.promotion,
aside#sidebar .widget article{

    color:#cccccc;
    line-height:1.4em;
    padding: 15px 5px 15px 50px;

    min-height: 43px;
    font-size:13px
}
article.promotion{
    background: url(images/exlamation.png) no-repeat scroll 15px center;    
}
aside#sidebar .widget article.promotion{
    border:0;
}
aside#sidebar .widget article h4{
    font-weight:700;
}
aside#sidebar .widget .button{
    display: inline-block;
    margin-top: 15px;
}
aside#sidebar .contact {
    padding-left: 25px !important;
}
aside#sidebar .contact .tel{
    font-size:13px;
    line-height: 25px;
    margin-bottom: 10px;
}
aside#sidebar .contact .tel .ico{
    background: url(images/tel.png) no-repeat scroll 0 0;
    display:inline-block;
    margin-right:10px;
    height: 25px;
    vertical-align: middle;
    width:25px;
}
aside#sidebar .contact .opening-hours{
    text-align: center;
}
/* -- [ Pizza ] --*/

article.pizza{
    border-bottom: 1px dotted #555;
    padding: 10px 0;
}
article.pizza:last-child{
    border:0;
}
article.pizza .info, 
article.pizza .price-col-1,
article.pizza .price-col-2,
article.pizza .price-col-3{
    float:left;
}
.price{
    font-size: 20px;
    padding-top: 10px;
    text-align: center;
}
.price-header .price{
    font-weight: 700;
    padding-top: 0;
}
.price-header .price small{
    display:block;
    font-size:12px;
}
article.pizza .info{
    width: 300px
}
article.pizza .price-col-1{
    width: 100px;
}
article.pizza .price-col-2{
    width:100px;
}
article.pizza .price-col-3{
    width: 100px;
}
article.pizza .info h3{
    font-weight: 700;
}
article.pizza .info p{
    font-size:13px;
    padding:5px 0 0 25px;
}
/*-- [ Promotion ] --*/
.promotion-container{
    padding: 0 0 25px;
}
article.promotion{
    border-bottom: 1px dotted #555; 
    padding: 25px 5px 25px 75px;
}
article.promotion:last-child{
    border:0;
}
article.promotion h3{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
}
article.promotion p{
    text-align: justify;
}



/*--[ 9 COL LAYOUT ]--------------------------------------------------------------------------------*/

/* 
	9-column, 1224 px layout for desktops and laptops
	------------------------------------------------------------------------
	1      2      3      4      5      6      7      8      9
	82px  212px   342px  472px  602px  732px  862px  992px 1122px   (48px gutters)
*/

@media only screen and (min-width: 1224px) {
	
	body {

		font-size:1.1em;
	}

	#main-content { width:732px; margin-right:48px; float: left;}
	#sidebar { width:342px; float: left;}
	
	/* Turn on dropdown nav for this layout */
	#main-nav ul li ul { display:block; }
	
	#subpages { width: 210px; }
		
}

/*--[ 12 COL LAYOUT ]--------------------------------------------------------------------------------*/

/* 
	12-column, 1824 px layout for gigantic screens   (48px gutters)
	---------------------------------------------------------------------------------------
	1      2      3      4      5      6      7      8       9       10      11      12
	98px  244px  390px  536px  682px  828px  974px  1120px  1266px  1412px  1558px  1704px
*/

@media only screen and (min-width: 1925px) { /*1824px*/
	
	body {
		font-size:1.2em;

	}

	#main-content { width:1120px; margin-right:48px; float: left;}
	#sidebar { width:536px; float: left;}
	#sidebar .widget {width:244px; float:left; margin-right:48px;}
	#sidebar .widget:nth-child(even) {margin-right:0;}
	
	/* Turn on dropdown nav for this layout */
	#main-nav ul li ul { display:block; }
	
	#subpages { width: 242px; }
	
}

/*--[ 2 COL LAYOUT ]--------------------------------------------------------------------------------*/


/* 
	2-column, 320 px layout for smartphones
	---------------------------------------
	1      2
	120px  264px   (24px gutters)
*/

@media only screen and (max-width: 767px) {
	
	body {
		font-size:1em; /* Set to 14 px for smart phones creating 28px vertical rhythm */
		line-height: 1em;
	}
	#main-nav ul li {width:120px; float:left; margin-right:24px}
	#main-nav ul li:nth-child(even) {margin-right:0;}
		
	#main-content { width:264px; margin:0; float: none;}
	#sidebar { width:264px; margin:0; float: none;}
	
	blockquote { margin-left: 0 }
	
	/* Turn off dropdown nav for this layout */
	#main-nav ul li ul { display:none; }
	
	#subpages { width: 262px; margin-left: 0; float: none; }
	
}

/*--[ PRINT STYLES ]--------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}