﻿/**
 * URL: http://www.jobinlive.com/
 * Version: 1.0
 * Author: nicolasevaux
 */
 
/**
 * Reset all
 */

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;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:'';    content: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;}

/**
 * Main style
 */

body { background: #000000; }

p{ display: block; padding: 5px 0; }
    p a{ color: #FFFFFF; text-decoration: underline; }
    p a:hover{ color: #DD1874; text-decoration: none;}

.invisible { font-size: 0; } 
 
#head { background: url('../library/images/header_background.jpg') top center no-repeat #215676; height: 135px; width: 100%; }
    #header { position:relative; width: 950px; height: 135px; background: url('../library/images/header_center.jpg'); margin: 0 auto; }
        #header .icon_rss { position:absolute; display: block; background: url('../library/images/icons/icon_rss.jpg') no-repeat top left; height:24px; width:24px; top:55px; left:505px; } 
            #header .icon_rss:hover { background: url('../library/images/icons/icon_rss.jpg') no-repeat bottom left; }
        #header .icon_twitter { position:absolute; display: block; background: url('../library/images/icons/icon_twitter.jpg') no-repeat top left; height:24px; width:24px; top:55px; left:540px; } 
            #header .icon_twitter:hover { background: url('../library/images/icons/icon_twitter.jpg') no-repeat bottom left; }
        #header .icon_facebook { position:absolute; display: block; background: url('../library/images/icons/icon_facebook.jpg') no-repeat top left; height:24px; width:24px; top:55px; left:575px; } 
            #header .icon_facebook:hover { background: url('../library/images/icons/icon_facebook.jpg') no-repeat bottom left; }
            
    #menu { width: 910px; height: 20px; text-align: right; position: relative; padding: 10px 20px; }
        #menu .pink { color: #DD1874; }
        #menu #home { position: absolute; display: block; left:10px; font-size: 16px; font-family: Verdana; color: #FFFFFF; font-weight: bold; }
            #menu #home a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
                #menu #home a:hover{ color: #DD1874; }
        #menu ul{ }
            #menu ul li { float: right; width: 150px; list-style: none; text-align: center; }
            #menu ul li a { font-size: 16px; font-family: Verdana; color: #FFFFFF; text-decoration: none; font-weight: normal; }
                #menu ul li a:hover{ color: #DD1874; }
                
#wrapper { width: 950px; height: 100%; margin: 0 auto; color: #FFFFFF; font-size: 18px; font-family: Verdana; font-weight: bold; }
    #content { width: 950px; }
        #content ul { }
            #content ul li { width: 540px; }
                
    #credit { clear: both; width: 460px; margin: 10px auto; padding-top: 30px; color: #FFFFFF; font-size: 11px; font-family: Verdana; line-height:22px; }        
        #credit #line{ display: block; width: 100%; height: 10px; }
        #credit a{ color: #EEEEEE; text-decoration: none; }
            #credit a:hover{ color: #DD1874; text-decoration: underline; }
        #credit .wp{ color: #DD1874; text-decoration: none; }
            #credit .wp:hover{ color: #DD1874; text-decoration: underline; }
			
.pink
{
    color: #DD1874;
}

.subtitle
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 15px;
    font-weight: normal;
}
    