/*------------------------------------------------------------------------------Styles for ginaprodan.com------------------------------------------------------------------------------*/

/*Reset stuff*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li
    {
    padding:0px;
    margin:0px;
    font-family:"Myriad Pro", Helvetica, Arial, sans serif;
    font-size:12px;
    line-height:normal;
    color:#888;
    }

#skiplinks
    {
    display:none;
    }

/*Navigation bar fixed at footer*/
#navigation
    {
    width:100%;
    height:50px;
    display:block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background:url(images/redgrad.png) repeat-x;
    padding:39px 0px 0px 0px;
    }

#navigation h2
    {
    width:303px;
    height:50px;
    display:block;
    float:left;
    }

#navigation h2 a
    {
    background:url(images/ginaprodan.png) top left no-repeat;
    width:303px;
    height:50px;
    display:block;
    border-right:#000 7px solid;
    border-left:#000 5px solid;
    }

#navigation h2 a span
    {
    display:none;
    }

#navigation ul
    {
    list-style:none;
    float:right;
    margin:12px 0px 0px 0px;
    }

#navigation ul li
    {
    float:left;
    color:#000;
    font-family: Georgia, Times New Roman, serif;
    font-size:20px;
    margin:0px 35px 0px 0px;
    }

#navigation ul li a
    {
    color:#fff;
    text-decoration:none;
    padding:0px 0px 0px 2px;
    font-style:italic;
    }

#navigation ul li a:hover
    {
    color:#42000f;
    }

/*Body of page*/
.content
    {
    width:1000px;
    margin:0px auto 0px auto;
    }

.breadth
    {
    clear:both;
    width:100%;
    margin:0px;
    padding:0px;
    }

/*Section: logo and large-text intro*/
#introTop h1, #introTop h1 a
    {
    width:217px;
    height:185px;
    display:block;
    float:right;
    }

#introTop h1
    {
    margin:0px 110px 0px 0px;
    }

#introTop h1 a
    {
    background:url(images/gplogo.png);
    border:none;
    }

#introTop h1 a span.text
    {
    display:none;
    }

#introTop h1 span.marker
    {
    color:#000;
    float:right;
    font-size:25px;
    font-weight:normal;
    }

#introTop h2
    {
    font-size:75px;
    font-family: Georgia, Times New Roman, serif;
    line-height:74px;
    letter-spacing:-.04em;
    width:640px;
    float:left;
    font-weight:normal;
    margin:100px 0px 20px 0px;
    color:#000;
    }

/*Section: Smaller-text intro graph and call to action*/
#introBlock
    {
    margin:0px 0px -7px 0px;
    }

#introBlock h3.intro
    {
    width:1000px;
    font-size:28px;
    font-weight:normal;
    margin:5px 0px 0px 0px;
    padding:0px;
    color:#670b2b;
    }

#introBlock h4
    {
    clear:both;
    margin:20px 20px 0px 0px;
    text-align:right;
    }

#introBlock h4 a
    {
    color:#000;
    text-decoration:none;
    }

#introBlock h4 a:hover
    {
    color:#333;
    text-decoration:none;
    }

#introBlock h4 a span
    {
    font-family:"BlackOut";
    font-size:35px;
    }

/*Scallop (changed to dots) separators*/
#scallopTop, #scallopBottom
    {
    background:url(images/dotbordertop.png) repeat-x;
    width:100%;
    height:41px;
    display:block;
    }

#scallopBottom
    {
    background:url(images/dotborderbot.png) repeat-x;
    height:69px;
    }

/*subcontent below heading intro*/
#subcontent
    {
    padding:0px 0px 0px 0px;
    background:url(images/browndamaskbg.png);
    }

#subsection
    {
    width:830px;
    }

#subcontent div.left, #subcontent div.right
    {
    width:350px;
    float:left;
    }

#subcontent div.left
    {
    padding-right:10px;
    text-align:right;
    }

#subcontent div.right
    {
    padding-left:10px;
    float:right;
    }

#subcontent #portfolio
    {
    clear:both;
    }

#subcontent #services, #subcontent #theory
    {
    margin:20px 0px 0px 0px;
    }

#subcontent #portfolio, #subcontent #about
    {
    margin:50px 0px 0px 0px;
    }
    
#subcontent h4
    {
    font-size:45px;
    font-family: Georgia, Times New Roman, serif;
    margin:0px;
    padding:0px;
    font-weight:normal;
    color:#fff;
    }

#subcontent h5
    {
    font-size:16px;
    line-height:24px;
    font-weight:normal;
    }

#subcontent h5 a span
    {
    font-family:"BlackOut";
    font-size:25px;
    line-height:45px;
    }

#subcontent h5 a
    {
    color:#604b42;
    text-decoration:none;
    }

#subcontent h5 a:hover
    {
    color:#a31c3a;
    text-decoration:none;
    }

/*Subsection bullets*/
#subcontent div.left ul, #subcontent div.right ul
    {
    margin:10px 0px 5px 0px;
    list-style:none;
    border-top:#666 1px dotted;
    width:300px;
    }

#subcontent div.left ul
    {
    float:right;
    }

#subcontent div.left ul li, #subcontent div.right ul li
    {
    font-size:16px;
    border-bottom:#666 1px dotted;
    padding:6px 0px 6px 5px;
    }

/*Portfolio styles*/
#subPortfolio div.left
    {
    width:300px;
    float:left;
    clear:both;
    margin:0px 0px 100px 0px;
    }

#subPortfolio div.right
    {
    width:600px;
    float:right;
    }

#subPortfolio div.right div.spotlight
    {
    float:left;
    padding:10px;
    width:172px;
    height:250px;
    display:block;
    border:#666 1px solid;
    margin:0px 5px 0px 0px;
    }

#lastDesign, #lastMultimedia, #lastWriting, #lastStrategies
    {
    margin:0px;
    }

#subPortfolio div.spotlight p img
    {
    width:172px;
    height:200px;
    display:block;
    }

#subPortfolio div.spotlight p a
    {
    color:#fff;
    font-size:14px;
    }

#subPortfolio div.spotlight p a img
    {
    border:#fff 1px solid;
    }
    
#subPortfolio div.spotlight p a:hover
    {
    color:#670b2b;
    text-decoration:underline;
    }

/*Footer styles*/
#footer
    {
    clear:both;
    width:100%;
    border-top:#670b2b 5px solid;
    padding-top:20px;
    }

#footer div
    {
    width:1000px;
    margin:0px auto 0px auto;
    }

#footer div.subsects
    {
    width:300px;
    float:left;
    padding:0px 90px 0px 0px;
    }

#footer #tweets
    {
    padding:0px;
    }

#footer #socialize
    {
    width:220px;
    }

#footer h4
    {
    font-size:30px;
    font-family: Georgia, Times New Roman, serif;
    margin:0px;
    padding:0px;
    font-weight:normal;
    color:#000;
    }

#footer h5
    {
    color:#000;
    font-size:16px;
    font-weight:normal;
    line-height:22px;
    margin:10px 0px 0px 0px;
    }

#footer h5 a
    {
    color:#000;
    text-decoration:underline;
    }

#footer h5 a:hover
    {
    color:#670b2b;
    text-decoration:underline;
    }

#footer h6
    {
    text-align:right;
    margin:10px 0px 0px 0px;
    }

#footer h6 a
    {
    color:#000;
    text-decoration:none;
    }

#footer h6 a:hover
    {
    color:#670b2b;
    text-decoration:none;
    }

#footer h6 a span
    {
    font-family:"BlackOut";
    font-size:25px;
    line-height:45px;
    text-align:right;
    }

#footer #socialize ul
    {
    list-style:none;
    margin:8px 0px 0px 0px;
    border-top:#666 1px dotted;
    }

#footer #socialize ul li
    {
    padding:6px 0px 6px 0px;
    font-size:14px;
    border-bottom:#666 1px dotted;
    }

#footer #socialize ul li a
    {
    text-decoration:none;
    color:#000;
    }

#footer #socialize ul li a:hover
    {
    text-decoration:underline;
    color:#670b2b;
    }

/*twitter feed in footer*/
#footer #tweets
    {
    background:url(images/tweet.png) bottom left no-repeat;
    height:180px;
    }

#footer #tweets h4
    {
    margin:0px 0px 0px 20px;
    }

#footer #tweets #twitter_div
    {
    width:260px;
    margin:0px 0px 0px 30px;
    }

#footer #tweets #twitter_div ul
    {
    list-style:none;
    color:#000;
    padding:10px 0px 0px 0px;
    }

#footer #tweets #twitter_div ul li
    {
    margin:0px 0px 0px -10px;
    padding:0px;
    font-size:16px;
    color:#000;
    line-height:22px;
    }

#footer #tweets #twitter_div ul li a
    {
    color:#42000f;
    }

#footer #tweets h6
    {
    text-align:left;
    margin:5px 0px 0px -10px;
    padding:0px;
    }

/*Buffer section at bottom*/
#buffer, #postsubcontent
    {
    clear:both;
    width:100%;
    height:65px;
    display:block;
    }