/* ------------------------------ 

Primary Domain Style Sheet

version: 1.0
author: Cieran Hopkins
email: info@blemish.it
website: www.iloveyouchristinamilian.com

>> Finished by Rob though in November 09

Last Updated: 5th March 10

------------------------------ */

/* global reset changes */

body
{
    background-color:#29332A;
    font-family:arial;
    font-size:12px;
    color:#DDD;
}

#content h1
{
    margin:10px 0;
    font-size:24px;
    font-weight:bold;
}

#content h2
{
    margin:20px 0;
    font-size:16px;
    font-weight:bold;
}

#content ul, #content ol
{
    margin-left:15px;
    padding:4px;
}

#content ul
{
    list-style:disc;
}

#content ol
{
    list-style:decimal;
}

#content ul li, #content ol li
{
    padding-bottom:2px;
}

#content p
{
    margin:10px 0;
    padding:2px;
    line-height:18px;
    text-align:justify;
}

#content p.quote
{
    padding:2px 15px;
    font-style:italic;
}

#content #google_banner
{
    width:728px;
    margin:50px auto 0 auto;
}

hr
{
    width:75%;
    height:1px;
    margin:30px auto;
    color:#878787;
}

h1 a, h2 a, h3 a
{
    text-decoration:none;
}

a
{
    color:white;
    text-decoration:underline;
}

a:hover
{
    color:inherit;
    text-decoration:none;
}

strong
{
    font-weight:bold;
}

em
{
    font-style:italic;
}

p.heading
{
    font-size:16px;
    text-transform:uppercase;
}

.heading .gold
{
    font-weight:bold;
    color:#63693D;
}

.heading .grey
{
    color:#888;
}

/* Frame */
#pageframe
{
    width:900px;
    margin:0 auto;
    margin-bottom:20px;
}

/* header */
#header
{
/* background:#81835c; */
    position:relative;
    top:0px;
    background:url('/img/header_background.jpg');
    height:370px;
    width:900px;
}

#header #iloveyou
{
    position:absolute;
    top:155px;
    left:165px;
    font:20px verdana;
    font-style:italic;
    color:#DFD;
}

#header #iloveyou div
{
    margin:-10px 0;
}

#header #iloveyou #i
{
}

#header #iloveyou #love
{
    margin-left:12px;
    margin-top:-15px;
    font-size:30px;
    font-style:normal;
    color:white;
}

#header #iloveyou #you
{
    margin-left:70px;
}

#header #addthis_button
{
    position:absolute;
    right:8px;
    bottom:5px;
}

/* Content */
#content
{
    padding:20px 20px 50px 20px;
    background:#44433F;
}

#content_left
{
    width:320px;
    padding-top:20px;
    float:left;
}

#content_right
{
    width:540px;
    padding-top:20px;
    float:left;
}

/* Menu */
#menu
{
    height:44px;
    width:900px;
    text-transform:uppercase;
    color:white;
    text-align:center;
    background:url('/img/menu_background.jpg');
}

#menu a
{
    text-decoration:none;
    color:white;
}

#menu a:hover, #menu li.selected a
{
    color:#FFD700;
}

#menu ul
{
    margin:0 auto;
    padding-top:14px;
}

#menu li
{
    margin:0 2px;
    display:inline;
    font-size:12px;
}

#menu li.menu_large
{
    font-size:16px;
}


/* page's main content */
#content_left #side_content
{
    width:266px;
    padding-bottom:50px;
}

#content_left #side_content img
{
    border:3px solid #878787;
}

#content_left #side_content h2
{
    text-align:center;
}

#content_left #side_content p
{
    padding:0 10px;
}

#content_right #main_content
{
    padding:0 35px 35px 0;
}

#content_right #main_content div#flashMessage
{
    font-weight:bold;
    color:#F25;
}

#content_right #main_content img#captcha
{
    margin-top:10px;
    border:1px solid #878787;
}


/* Footer */
#footer
{
    background:black url('/img/fabric.jpg');
    border:1px solid #44433F;
}

#footer #footer_content
{
    padding:20px;
}

#footer #footer_content #footer_menu_container
{
    padding:30px 40px;
}

#footer #footer_content #footer_menu_container ul.footer_menu
{
    width:33%;
    float:left;
}

#footer #footer_content #footer_menu_container ul#menu_left
{
    text-align:left;
}

#footer #footer_content #footer_menu_container ul#menu_center
{
    text-align:center;
}

#footer #footer_content #footer_menu_container ul#menu_right
{
    text-align:right;
}

#footer #footer_content p.message_left
{
    float:left;
}

#footer #footer_content p.message_right
{
    float:right;
}


/* handy classes */

.clear
{
    clear:both
}

.center
{
    text-align:center;
}