/**
*    ###########
*    #__________#
*    __________#
*    ________#
*    _____###_____˛xiT development
*    _________#
*    ___________#
*    #__________#
*    _#________#
*    __#______#
*    ____####
*
*    photography.inc.css        Main CSS file
*    @version                 1.0
*    @author                 33xiT <admin@33xit.fr>
*    @copyright                33xiT (c)2008
*
*    This work is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
*    To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/.
*/

* {
    margin:            0;
    padding:        0;
    border:            0;
    font-family:    Trebuchet MS, Verdana, Arial, sans-serif;
    color:            #3f6486;
    line-height:    1.30em;
}

body {
    background-color: #28333f;
}

h1 {
    font-size:        1.3em;
    font-weight:    normal;
    margin-top:        -223px;
    color:            #fff;
    position:        absolute;
    top:            50%;
    left:            15%;
}

h1 small {
    color: #fff;
}

h1 a, h1 a:hover {
    color:                #fff;
    text-decoration:    none;
}

h2 {
    font-size:        1em;
    font-weight:    normal;
    margin-bottom:    0.2em;
    color:            #2c465e;
}

p {
    font-size:        0.80em;
    text-align:        justify;
    margin:            0.5em 0;
}

/* Opera hack */
html:first-child p {
    font-size: 0.8em;
}

sup strong {
    color:                #eb3759;
    text-decoration:    blink;
}

small {
    font-size: 0.7em;
}

abbr {
    cursor:            help;
    border-bottom:    1px #3f6486 dotted;
}

a {
    color: #2c465e;
}

a:hover {
    color: #4185ca;
}

.right {
    text-align: right;
}

#ielow {
    display: none;
}

#preload {
    display: none;
}

.back {
    position:    absolute;
    top:        50%;
    margin:        210px 0 0 2%;
    font-size:    0.7em;
}

/* Opera hack */
html:first-child .back {
    font-size: 0.7em;
}

.back a {
    color:                #c9d8eb;
    height:                14px;
    width:                88px;
    text-decoration:    none;
    display:             block;
    padding:            3px 10px 1px 10px;
    background:            url(./background_backlink.jpg) 0 0 no-repeat;
}

.back a:hover {
    color:        #3f6486;
    background:    url(./background_backlink.jpg) 0 -18px no-repeat;
}

#content {
    position:            absolute;
    top:                50%;
    left:                0;
    right:                0;
    margin:                -200px 2% 0 2%;
    height:                400px;
    background-color:    #fff;
}

#left_side, #right_side {
    height:                400px;
    width:                10px;
    background-color:    #fff;
}

#left_side {
    background:    url(./content_sides.jpg) 0 0 no-repeat;
    float:        left;
}

#right_side {
    background:    url(./content_sides.jpg) -10px 0 no-repeat;
    float:        right;
}

#gallery {
    height:            380px;
    padding:        10px 0;
    overflow:        auto;
    white-space:    nowrap;
    background:        url(./background_gallery.jpg) bottom right no-repeat;
}

#gallery p[id] {
    padding:    0;
    margin:        0;
}

#desc {
    background:        #e1e8f2 url(./desc_background.jpg) 0 0 no-repeat;
    height:            360px;
    width:            360px;
    padding:        10px;
    float:            left;
    white-space:    normal;
}

#desc p:first-child {
    margin-top: 0;
}

#menu {
    margin:        10px 0 0 400px;
    min-width:    25%;
}

#menu li {
    list-style: none;
    line-height: 0.9em;
}

#menu li a {
    display:            block;
    padding:            0.3em 2em;
    max-width:            15em;
    text-decoration:    none;
}

#menu li a:hover {
    background-color: #e2e9f3;
}

#back {
    position:        absolute;
    top:            50%;
    left:            85%;
    margin-top:        205px;
    padding:        16px 8px 14px 8px;
    font-size:        0.6em;
    width:            104px;
    height:            24px;
    background:         url(./back_background.png) 0 0 no-repeat;
    color:            #000;
    text-align:        center;
}

#tools {
    position:        absolute;
    bottom:            0;
    text-align:        center;
    margin:            1em auto;
    width:            100%;
}

#tools a {
    margin: 0 1em;
}