@charset "utf-8";
/* CSS Document */
/*
 * @projekt		BAR GIORNALE
 * @version		Version 1.0
 * @date		05.07.2011
 * @author:		Okapi Gmbh: <sw@okapi.de>
 */

/* TABLE OF CONTENTS:
 ---------------------------------------------------------------------------------------

 0:	CSS RESET & HELPERS:

 0.1:	CSS RESET:
 0.2:	AUTO-CLEAR & GLOBAL HELPERS

 1:	TYPOGRAPHY & LINK STYLING:

 1.0:	COLOURS:
 1.1:	TYPO:
 1.2:	LINKS:

 2.0:	STRUCTURE & LAYOUT

 2.1:	STRUCTURE

 2.2:	HEADER

 2.3:	NAVIGATION & MENU-LISTS

 2.4:	FOOTER

 2.5:	CONTENT


 --------------------------------------------------------------------------------------
 */
/*  >> 0.	CSS RESET & HELPERS:
 ---------------------------------------------------------------------------------------
 --------------------------------------------------------------------------------------- */
/*  		>> 0.1.	CSS RESET:
 --------------------------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

/* remember to define focus styles! */:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 13px;
    color: #fff;
    line-height: 17px;

    background-image: url("../images/bg.jpg");
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}


/*		1.1: TYPO
--------------------------------------------------------------------------------------- */

h1.headline { font-size: 18px; font-weight: normal; letter-spacing: 3px; }

    /*		1.2: LINKS
--------------------------------------------------------------------------------------- */

a:link, a:visited { text-decoration: none; color: #999; }
a:hover, a:active { color: #666; }

a.btn:link, a.btn-footer:visited { text-decoration: none; color: #999; }
a.btn:hover, a.btn-footer:active { color: #666; }


/*		2.0:	STRUCTURE & LAYOUT
--------------------------------------------------------------------------------------- */

.center {
    position: relative;
    overflow: hidden;
    max-width: 640px;
    margin: 70px auto;
    padding: 0 5px;
}

/*		2.4:	FOOTER
--------------------------------------------------------------------------------------- */

#footer p {
    text-align: right;
    letter-spacing: 1px;
}


/*		2.5:	CONTENT
--------------------------------------------------------------------------------------- */

#content {
    position: relative;
    overflow: hidden;
    margin: 5px 0;
     -moz-box-shadow: 0 2px 6px -1px #666666;
    -webkit-box-shadow: 0 2px 6px -1px #666666;
    box-shadow: 1px 5px 20px #ccc;
}

.pic-holder {
    position: relative;
    overflow: hidden;
    max-width: 640px;
    /*height: 1069px;*/
}

.pic-holder img {
    width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width: 1024px) {
    body {
        background-image: none;
        color: #000;
    }
}

/*.typo {*/
    /*position: absolute;*/
    /*height: 20px;*/
    /*bottom: 0;*/
    /*right: 220px;*/
    /*width: auto;*/
    /*z-index: 1;*/
/*}*/

/*.typo p { color: #999; text-align: center; }*/

/*.line {*/
    /*position: relative;*/
    /*overflow: hidden;*/
    /*padding: 2px 0;*/
    /*height: 2px;*/
    /*width: 640px;*/
    /*background: url("../images/dotted_line.gif") 0 0 repeat-x;*/
/*}*/

/*@media screen and (max-width: 650px) {*/
    /*.typo {*/
        /*right: 0;*/
        /*width: 100%;*/
        /*z-index: 1;*/
        /*padding: 10px;*/
        /*height: auto;*/
        /*background: rgba(0, 0, 0, 0.46);*/
    /*}*/

    /*.typo p {*/
        /*text-align: right;*/
    /*}*/
/*}*/