/* 
    Document   : style
    Created on : Aug 14, 2009, 2:55:18 PM
    Author     : andrew.reed@roswellpark.org
    Description:
        Stylesheet set up for Drupal based site at URL prostateclubeformen.com.
*/

/* 
   Page "architecture"
*/

html, body{
    background:url(images/bg-page.png) top repeat-x #b5b05d;
    font-family:sans-serif;
    color:#000000;
}
#head{
    height:140px;
    width:960px;
    padding:0;
    background:url(images/bg-header-region.jpg) top left no-repeat;
}
#navigation{
    height: 50px;
    width: 960px;
    margin:0 auto;
    background:url(images/bg-nav.png) top repeat-x #027dc7;
}
#content-top, #content-wrap{
    background:url(images/bg-gradient.png) top repeat-x #FFFFFF;
    width:940px;
    overflow:auto
}
#content-top{
    border-bottom:1px solid #dfe9f0;
    padding:10px;
}
#content-wrap{
    padding:10px;
    margin-bottom:5px;
}
#content{
    padding:10px;
}

/* BUG FIX: No Side Bars */
.one-sidebar #content, .no-sidebars #content{
    width:690px;
}
.two-sidebars #content{
    width:460px;
}
#main-text, #media-box, #banner-box{
    width:440px;
}
#sidebar-left, #sidebar-right{
    width:210px;
}
#main-text, #media-box, #sidebar-left, #sidebar-right{
    padding:10px;
}
/* Footer */
#footer{
    border:1px solid #87c1e4;
    padding:10px;
    margin-top:10px;
}
#footer .sponsor-logos ul{
    text-align:center;
}
#footer .sponsor-logos ul li{
    display:inline;
    padding:0 10px;
}

/* User sign-in/sign-out Block */
#header-region{
    width:430px;
    float:right;
    background:url(images/login-bar.jpg) top center no-repeat;
    padding:10px 20px;
    height:66px;
    overflow:auto;
    text-align:center;
}
#block-user-0 > h2{
    display:none;
}
#user-login-form #edit-name-wrapper, #user-login-form #edit-pass-wrapper{
    display:inline-block;
    float:left;
    margin:0 15px 0 0;
    position:relative;
}
#user-login-form #edit-name-wrapper label, #user-login-form #edit-pass-wrapper label{
    font-size:10px;
    font-weight:normal;
    text-transform:uppercase;
    color:#666666;
    position:absolute;
    top:28px;
    left:2px;
}
#user-login-form #edit-name.form-text, #user-login-form #edit-pass.form-text{
    background:url(images/input-user.png) top repeat-x #FFFFFF;
    border:1px solid #949494;
    font-size:14px;
    padding:2px;
}
#user-login-form > div > #edit-submit{
    background:none;
    border:1px solid #888888;
    color:#444444;
    font-size:small;
    margin:0;
    padding:1px 5px 2px;
}
#user-login-form .item-list{
    display:none;
}
#header-region #block-block-4 ul{
    text-align:center;
    padding-top:10px;
}
#header-region #block-block-4 ul li{
    display:inline;
    padding:0 10px;
}
#header-region #block-block-4 ul li a{
    color:#FFFFFF;
    text-decoration:none;
    padding:10px 50px;
    border:1px solid #999999;
    background:url(images/login-bar.jpg) top center no-repeat ;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#header-region #block-block-4 ul li a:hover{
    color:#666666;
    border:1px solid #c6c6c6;
}
/* End User Sign in Block */

/* Content Region Input */
#edit-search-theme-form-1-wrapper, #edit-email-wrapper{
    padding:0;
    margin:0;
    display:inline;
}
#edit-search-theme-form-1.form-text, #banner-box .form-item input, #search-form .form-text{
    background:url(images/input-content.png) top repeat-x #ffffff;
    border:1px solid #0079c2;
    padding:3px;
    font-size:12px;
}
#search .form-submit, #invite-form .form-submit, #search-form .form-submit{
    background:url(images/submit-content.png) top repeat-x #77bbe2;
    border:1px solid #0079c2;
    padding:2px;
    margin-left:-6px;
    font-size:12px;
    color:#0079c2;
}
/* End Content Region Input */

#logo{
    float:left;
    padding:25px 0 0 100px;
}
#primary-links{
    background:url(images/bg-primary-links.png) top left no-repeat;
    float:left;
}
#primary-links ul{
    list-style-type:none;
    height:50px;
}
#primary-links ul li{
    display:inline;
    height:50px;
    padding:0;
}
#primary-links ul li a{
    color:#c6deec;
    text-decoration:none;
    padding:18px 15px 15px;
    display:inline-block;
    border-right:1px solid #007ac3;
}
#primary-links ul li a:hover{
    color:#ffffff;
    text-decoration:none;
}
#searchbox{
    width:200px;
    float:right;
    padding:15px 10px 0 0;
}

#edit-search-theme-form-1-wrapper > label{display:none;}

/* News Block */
#block-views-news-block_1{
    border:1px solid #87c1e4;
    background:url(images/bg-gradient.png) top repeat-x #FFFFFF;
    padding:10px;
}
#block-views-news-block_1 h2, #sidebar-right .block h2{
    display:block;
    border:1px solid #b6dbf2;
    background:url(images/gradient-header-tag.png)top repeat-x #d3e7f3;
    padding:5px;
}
#block-views-news-block_1 h2{
    font-size:x-large;
}
#sidebar-right .block h2{
    font-size:large;
}
#block-views-news-block_1 .content .views-row{
    padding-top:10px;
}
/*
** Removed this the following line from bellow in an effort to allow a more general application of the following style:
** #block-views-news-block_1 .content .views-row
*/
.views-field-title{
    font-size:large;
    border:none;
    background:none;
    padding-bottom:5px;
}
/*
** Removed this the following line from bellow in an effort to allow a more general application of the following style:
** #block-views-news-block_1 .content .views-row 
*/
.views-field-created, .submitted{
    font-size:small;
    color:#0079c2;
    background:url(images/gradient-date.png) top repeat-x #abd5ee;
    padding:5px;
    margin-bottom:10px;
    display:inline;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#block-views-news-block_1 .content .views-row .views-field-teaser{
    font-size:small;
}


/*News Page*/
.view-id-news .view-content .item-list ul li{
    margin-bottom:10px;
    list-style-type: none;
    margin:0 0 1em 0;
}
.views-field-teaser{
    font-size:small;
}

/* PRIZES */
.views-field-field-current-prize-value, .views-field-field-next-prize-value, .views-field-field-prize-image-fid{
    width:215px;
}
.views-field-field-current-prize-value, .views-field-field-next-prize-value{
    padding:10px 5px;
    float:left;
}
.views-field-field-next-prize-value{
    clear:left;
}
.views-field-field-current-prize-value{
    background:url(images/bg-current-prize.jpg) top left no-repeat;
    height:56px;
}
.view-prizes label{
    color:#0079c2;
    display:block;
    margin-bottom:5px;
}
.view-prizes .field-content{
    font-size:small;
}

.views-field-field-prize-image-fid{
    display: inline;
    float:right;
    /*This margin shift is hacky but using for now untill I figur eout why this isn't clearing right.*/
}

/* End Prizes */

.breadcrumb{
    background:url(images/gradient-link-bar.png)top repeat-x #dfeaf0;
    border:1px solid #c2dff1;
    padding:5px;
    margin-bottom:10px;
}
.breadcrumb, .breadcrumb a{
    font-size:x-small;
    color:#0079c2;
}
.front .sign-up{
    background:url(images/gradient-sign-up.png)top repeat-x #e0eaf0;
    border:1px solid #badff5;
    padding:10px;
    color:#0079c2;
    margin-bottom:5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
}
.front .sign-up p{
    width:370px;
    float:right;
}
.front .sign-up .icon-one, .front .sign-up .icon-two, .front .sign-up .icon-three{
    width:50px;
    height:50px;
    float:left;
}
.front .sign-up .icon-one{
    background:url(images/step1.png) top left no-repeat;
}
.front .sign-up .icon-two{
    background:url(images/step2.png) top left no-repeat;
}
.front .sign-up .icon-three{
    background:url(images/step3.png) top left no-repeat;
}
.link-box{
    background:url(images/gradient-link-bar.png)top repeat-x #dfeaf0;
    height:22px;
    font-size:small;
    text-align:right;
    margin:10px 0;
}
.link-box a{
    color:#87c1e4;
    text-decoration:none;
    border-left:1px solid #c1dff1;
    display:inline-block;
    padding:5px 10px;
}
.link-box a:hover{
    color:#0079c2;
}

/* Banner Box */
#banner-box{
    color:#ffffff;
    background:url(images/gradient-register-button.png) top repeat-x #0179c2;
    margin:10px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #0079c2;
    overflow:auto;
    text-align:center;
    width:450px;
}
#banner-box #block-invite-0, #banner-box #block-block-2, #block-block-6{
    text-align:center;
    padding:20px 12px;
}
#banner-box #block-invite-0{
    width:250px;
    float:right;
    border-left:1px solid #0079c2;
}

#banner-box #block-block-2, #block-block-6{
    width:150px;
    float:left;
}

#banner-box h2{
    font-size:x-large;
    color:#FFFFFF;
    padding-bottom:15px;
}
#banner-box a, #banner-box a:hover{
    color:#ffffff;
    text-decoration:none;
}
#banner-box h1{
    font-size:x-large;
}
#banner-box h1, #banner-box p{
    color:#ffffff;
    text-align:center;
}
#banner-box .block-invite label{
    display:block;
}

/* Members Lists */
#sidebar-left .block{
    margin-bottom:15px;
}
.view-members .view-content .views-row{
    height:65px;
    padding:5px;
    margin-bottom:5px;
}
.view-members .view-content .views-row-odd{
    border:1px solid #c6c27d;
    background:url(images/gradient-content-gold.png) top repeat-x #f1f0da;
}


.view-members .view-content .views-row-even{
    border:1px solid #8ec5e6;
    background:url(images/gradient-content-blue.png) top repeat-x #e0eaf0;
}

.view-members .picture{
    float:left;
    padding:8px 8px 0 5px;
}

  
.view-members .views-field-name, .view-members .views-field-value{
    float:left;
    display:inline-block;
    width:130px;
   }


   .view-members .views-field-name, .view-members .views-field-name a{
       color:#0079c2;
       padding:5px 0;
       display:block;
       font-size:large;
   }
   
   .view-members .views-field-value{
       color:#b5b05d;
       padding:5px 0;
       display:block;
       font-size:large;
   }
   
  /*

*/
/* End members Lists */


/* Start: Content Profile Edit */

#sidebar-left .block{
    margin-bottom:15px;
}

.view-id-members_node .views-row{
    height:65px;
    padding:5px;
    margin-bottom:5px;
}

.view-dom-id-5 .views-row-even, .view-dom-id-4 .views-row-even{
    border:1px solid #8ec5e6;
    background:url(images/gradient-content-blue.png) top repeat-x #e0eaf0;
}

 .view-dom-id-5 .views-row-odd,  .view-dom-id-4 .views-row-odd{
    border:1px solid #c6c27d;
    background:url(images/gradient-content-gold.png) top repeat-x #f1f0da;
}


.view-id-members_node .picture{
    float: left;
    padding:8px 8px 0 5px;
    width:47px;
}
.view-id-members_node .views-field-name, .view-id-members_node.views-field-value{
    float:left;
    display:inline-block;
    width:130px;
 }


.view-id-members_node  .views-field-field-city-value, .view-id-members_node .views-field-name{
       color:#b5b05d;
       padding:5px 0;
       display:block;
       font-size:large;
}


.view-id-members_node .views-field-name a, .view-id-members_node  .views-field-name{
       color:#0079c2;
       padding:5px 0;
       display:block;
       font-size:large;
}

/*End: Content Profile Edit*/

.centerdiv{
    margin: 0 auto;
}

#block-block-1, #block-views-prizes-block_1{
    padding:10px;
    width:450px;
    float:left;
}
.floatleft{
    float:left;
}
.floatright{
    float:right;
}

/* Profile */
.profile h3{
    font-size:x-large;
    display:block;
    background:url(images/gradient-link-bar.png)top repeat-x #dfeaf0;
    padding:5px;
    color:#999999;
    border:1px solid #cccccc;
}
.profile .picture{
    margin:15px 15px 0 0;
    padding:10px;
    background-color:#FFFFFF;
    border:3px double #cccccc;
}

/* Start: Content Profile User Page Edit*/
    /* #content-profile-display-profile .field-field-firstname, { */


   #content-profile-display-profile .field{
        border:0; padding:0;
        display: inline-block;
    }

   #content-profile-display-profile .field-field-lastname{
        border-right:3px solid black;
        padding-right: 5px;
        margin-right: 2px;
   }

     #content-profile-display-profile
/* Start: Content Profile User Page Edit*/

/* Forum */
#forum-0{
    margin:10px 0;
}

#forum tr td.forum{
    background-position: 5px 8px;
}
th, td{
    padding:10px;
}
.forum-topic-navigation{
    background:url(images/gradient-link-bar.png)top repeat-x #dfeaf0;
    border:1px solid #c2dff1;
    margin:10px 0;
}
.node-type-forum h2{
    font-size:x-large;
}
#comments .comment{
    margin:10px 0;
    background:url(images/gradient-forum.png) top repeat-x #f6f9fb;
    border-left:6px solid #d6d399;
}
#comments .comment ul.links{
    background:url(images/gradient-link-bar.png) top repeat-x #dfeaf0;
    border:1px solid #c1dff1;
}
#comments .comment ul.links li{
    padding:0;
    margin:0;
}
#comments .comment ul.links a{
    color:#87c1e4;
    text-decoration:none;
    display:inline-block;
    border-right:1px solid #c1dff1;
    padding:8px;
}
#comments .comment ul.links a:hover{
    color:#007AC3;
}
#comments .comment h3{
    font-size:large;
    padding:10px 0 0 10px;
    
}
#comments .comment .submitted{
    margin-left:10px;
}
#comments .comment .content{
    padding:10px;
}
#comments .indented{
    padding-top:22px;
    background:url(images/forum-indented.png) top left no-repeat;
}
#comments .indented .comment{
    margin:0 0 10px 0;
    border:0;
}

/* Global Properties */
ul{
    margin:10px 0;
}
.item-list ul{
    padding:0;
    margin:0;
}
.item-list ul li{
    margin:0 0 0.5em 1em;
}
.more-link, .node_read_more{
    font-style:italic;
    font-size:small;
}
.more-link::after{
    color:#0079C2;
    content:"..."
}
.front #node-8 ul.links{
    margin:0 0 10px 0;
    float:right;
}
input, select{
    margin-bottom:10px;
}
dt{
    color:#0079C2;
}
.meta{
    margin-bottom:10px;
}

/* Fonts */
p{
    font-size:small;
    padding:5px 0;
    line-height:1.25;
}
strong{
    font-weight:bold;
}
em{
    font-style:italic;
}
h1, h2, h3, h4, h5{
    color:#0079c2;
    margin-bottom:10px;
}
h1{
    font-size:xx-large;
}
h2{
    font-size:xx-large;
}
h5{
    margin-top:10px;
}
#block-views-prizes-block_1 h2{
 font-size:large;
}
#sidebar-right h2, #sidebar-left h2{
    font-size:large;
    margin:10px 0;
}
#sidebar-right, #sidebar-left{
    font-size:small;
}


/* START: Guestbook Profile Page Styles */
.guestbook .submitted, .guestbook h3{
    display: none;
}


dl.user-member .guestbook{
    display:none;
}
/* END: Guestbook Profile Page Styles */

/*
    LINKS
*/
a {
    color:#0079c2;
}
a[href$=".pdf"] {
    color:#000000;
    padding:5px 0 0 20px;
    text-decoration:none;
    background:url(images/icon-pdf.png) no-repeat left;
}
a[href$=".pdf"]:hover{
    color:#0079c2;
}