/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}
body .content p, body .content ul li{
  font-family: PT Sans Caption;
  font-size:14px;
}
body.not-front #main{
  background:#f2e3e7;
}
body.front #main{
  background: #9faecb; /* Old browsers */
background: -moz-linear-gradient(45deg,  #9faecb 1%, #9faecb 1%, #9faecb 18%, #c7cbd3 51%, #92a3c4 83%, #8397bd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,#9faecb), color-stop(1%,#9faecb), color-stop(18%,#9faecb), color-stop(51%,#c7cbd3), color-stop(83%,#92a3c4), color-stop(100%,#8397bd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #9faecb 1%,#9faecb 1%,#9faecb 18%,#c7cbd3 51%,#92a3c4 83%,#8397bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #9faecb 1%,#9faecb 1%,#9faecb 18%,#c7cbd3 51%,#92a3c4 83%,#8397bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #9faecb 1%,#9faecb 1%,#9faecb 18%,#c7cbd3 51%,#92a3c4 83%,#8397bd 100%); /* IE10+ */
background: linear-gradient(45deg,  #9faecb 1%,#9faecb 1%,#9faecb 18%,#c7cbd3 51%,#92a3c4 83%,#8397bd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9faecb', endColorstr='#8397bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-top:1px solid #000;
margin-top:5px;
}
#page-wrapper {
}

#page {
  background:#f2e3e7;
}

/*
 * The skip navigation link will be completely hidden until a user tabs to the
 * link. See http://www.webaim.org/techniques/skipnav/
 */
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

/*
 * Header
 */
#header {
  /*margin-top: 20px;*/
  background:#f2e3e7;
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  position:absolute;
  margin: 0;
  padding: 0;
  padding-top: 17px;
  padding-left: 40px;
  z-index:200;
}

#logo img {
  vertical-align: bottom;
  width:320px;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;hange the course of cancer. Together we can stand for a world with no cancer.

Your commitment will help Team Prestige get victory over cancer. Every mile Team Pr
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
  display: none;
}

#site-name a:hover,hange the course of cancer. Together we can stand for a world with no cancer.

Your commitment will help Team Prestige get victory over cancer. Every mile Team Pr
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {hange the course of cancer. Together we can stand for a world with no cancer.

Your commitment will help Team Prestige get victory over cancer. Every mile Team Pr
}
.not-front #main-wrapper{
  margin-top:170px;
}
.front #main-wrapper h1{
  margin-top:16px;
}
#main {
}

/*
 * Content
 */
#content {
  width:70% !important;
  float:left;
}
#content .content{
  padding:10px;
}
#content .section {
}
#content img{
  border:2px solid #fff !important;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.24);
}
body.page-prestige-construction .section{
  background: url('sites/teamprestige/files/blueprint-bg.jpg') !important;
  z-index:500;
}
#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
}

h1.title {
  color: #783849;
  font-size:48px;
  font-family: PT Sans Caption;/*added*/
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  padding-left:56px;
}
#content #content-area{
  padding-left:50px;
}
body.front h1 {
  display: block;
  font-size:48px;
  font-family: PT Sans Caption;/*added*/
  color:#f2f2f2 !important;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  padding-left:56px;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}hange the course of cancer. Together we can stand for a world with no cancer.

Your commitment will help Team Prestige get victory over cancer. Every mile Team Pr

div.tabs /* See also the tabs.css file. */ {
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;hange the course of cancer. Together we can stand for a world with no cancer.

Your commitment will help Team Prestige get victory over cancer. Every mile Team Pr
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
}
#content-area img{
  /*max-width:100%;
  height:auto;*/
  margin:10px;
}
ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
  width:30% !important;
  float:left;
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
#footer {
  margin-bottom: 20px;
  background:#f2e3e7;
}

#footer .section {
  /*border-top:  1px solid #718EB0;*/
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */ {
  color: #A7A3A0;
  font-size: 12px;
  padding: 20px;
}

#footer-message a, 
#footer-message a:visited, 
#footer-message a:hover {
  text-decoration: none;
  color: #462D6F;
}

.region-footer {
  
}
.not-front .region-footer p:first-child{
  padding-top:20px;
}
/*
 * Closure
 */
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.view-news-articles-bottom .views-row{
  width:100%;
  margin-left:0%;
  float:left;
  /*margin-top:10px;
  margin-bottom:10px;*/
  background: #fbe9c6;
  border-top: 1px solid #F8D798;
  border-left: 1px solid #F8D798;
  border-right: 1px solid #F8D798;
  padding-top:50px;
  position:relative;
  z-index:1;
}
.view-news-articles-bottom .views-row .field-content{
  padding-bottom:25px;
} 
/*.view-news-articles-bottom{
  float:left;
  border:1px solid red;
  width:90%;
  margin-left:5%;
  margin-bottom:20px;
}
*/
.view-news-articles-bottom .views-row:last-child{
  border-top:0px;
  /*margin-bottom:20px;*/
  border-bottom: 1px solid #F8D798;
  position:relative;
}
.news-divider{
  width:90%;
  margin-left:5%;
  float:left;
  border:2px solid #ccc;
}
.view-news-articles-bottom .views-row:last-child .news-divider{
  display:none;
}
/*
.view-news-articles-bottom .views-row-last{

z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width: 300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
*/


 .view-news-articles-bottom {
  position: relative !important;
  width: 90% !important;
  float:left;
  margin-left:5%;
  margin-bottom:40px;
}

.view-news-articles-bottom:before,
.view-news-articles-bottom:after {
  position: absolute !important;
  z-index: 0 !important;
  content: "";
  bottom: 12px !important;
  left: 10px !important;
  top:150px;
  width: 50% !important;
  max-width: 300px !important;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5eg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}

.view-news-articles-bottom:after{
  right: 10px !important;
  left: auto !important;
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}

.view-news-articles-bottom .views-field-title a{
  color: #783849;
  font-size:38px;
  font-weight:bold;
  font-family: PT Sans Caption;/*added*/
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}
.view-news-articles-bottom .views-field-body p{
  color:#666;
}
.view-news-articles-bottom .views-field-body, .view-news-articles-bottom .views-field-title{
  float:left;
  width:50%;
  padding-left:10%;
}
.view-news-articles-bottom .views-field-field-news-image-fid{
  float:left;
  width:30%;
}
.view-news-articles-bottom .views-field-field-news-image-fid img{
  width:290px;
  margin-left:30px;
  height:auto;
  max-height:200px;
  margin-bottom:30px;
  margin-top:-15px;
  border:3px solid #fff;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.24);
}

.view-news-articles-bottom .view-content .views-row-1 .views-field-body img{
  display:none;
}

.view-news-articles-bottom .views-row-1 .views-field-field-news-image-fid img{
  width:210px;
  margin-left:30px;
  height:auto;
  max-height:200px;
  margin-bottom:30px;
  margin-top:-15px;
  border:3px solid #fff;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.24);
}


.view-news-articles-bottom .views-row-2 .views-field-field-news-image-fid img{
  width:210px;
  margin-left:30px;
  height:auto;
  max-height:200px;
  margin-bottom:30px;
  margin-top:-15px;
  border:3px solid #fff;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.24);
}

.view-news-articles-bottom .views-row-3 .views-field-field-news-image-fid img{
  width:175px;
  margin-left:30px;
  height:auto;
  max-height:200px;
  margin-bottom:30px;
  margin-top:-15px;
  border:3px solid #fff;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.24);
}
.view-news-articles-bottom .views-field-title a{
  line-height:26px;
}

p.content-header{
  color: #462d6f;
  font-size: large;
  width:100%;
  float:left;
  text-align:center;
}
.view-node-gallery-gallery-summaries .views-row{
  width:33%;
  float:left;
  text-align:center;
  margin-top:65px;
  min-height:140px;
  height:165px;
}
#block-views-Footer_Sponsors-block_1{
  text-align:center;
  width:100%;
  float:left;
}
#block-views-Footer_Sponsors-block_1 table{
  margin-left:auto;
  margin-right:auto;
}
#block-views-Footer_Sponsors-block_1 td{
  padding-left: 10px;
  padding-right: 10px;
}

#views_slideshow_singleframe_main_Footer_Sponsors-block_1 .views_slideshow_singleframe_teaser_section{
  background-color:#666;
  margin-bottom:-16px;
  border-top:1px solid #000;
}
.imagecache-sponsor_images_footer_200px{
  text-align:center;
  border:1px solid #333;
  margin-top:20px;
  margin-bottom:12px;
  height:150px !important;
  width:auto !important;
}
.page-btn{
-moz-box-shadow: inset 0px 1px 0px 0px #efdcfb;
-webkit-box-shadow: inset 0px 1px 0px 0px #efdcfb;
box-shadow: inset 0px 1px 0px 0px #efdcfb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
background: -moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
background: -webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
background: -o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
background: -ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
background: linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
background-color: #dfbdfa;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #c584f3;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: arial;
font-size: 17px;
font-weight: bold;
padding: 9px 30px;
text-decoration: none;
text-shadow: 0px 1px 0px #9752cc;
float:right;
}
.page-btn:hover 
{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
background-color:#bc80ea;
}
.views_slideshow_singleframe_slide{
  
}


@media only screen and (max-width: 920px){
.view-news-articles-bottom .views-field-field-news-image-fid img{
  width:220px;
  margin-left:30px;
  height:auto;
}
}
@media only screen and (max-width: 768px){
  .region-sidebar-second {
  width:100% !important;
  float:left;
  clear:left;
}

.node-type-article .content img{
  background-size:100% 100%;
  width:94%;
  height:auto;
}
.view-news-articles-bottom:before,
.view-news-articles-bottom:after {
  
}

.view-news-articles-bottom .views-field-body, .view-news-articles-bottom .views-field-title{
  float:left;
  width:60%;
  padding-left:0%;
}

#views_slideshow_singleframe_teaser_section_Footer_Sponsors-block_1{
  display:none;
}
#content {
  width:100% !important;
  float:left;
  clear:left;
}
.view-news-articles-bottom .views-row{
  padding:0px;
  padding-top:30px;
}
.view-news-articles-bottom .views-field-body{
  float:left;
  width:100%;
}
.view-news-articles-bottom .views-field-field-news-image-fid{
  float:left;
  width:100%;
  text-align:center;
}
.view-news-articles-bottom .views-field-field-news-image-fid img{
  margin-left:0px;
}
.view-news-articles-bottom .views-field-title{
  width:100%;
  float:left;
  text-align:center;
}
.view-news-articles-bottom .views-field-title a{
  text-align:center;
  float:left;
  width:100%;
  line-height:40px;
}
.front #main-wrapper, .not-front #main-wrapper{
  margin-top:-14px;
}
#logo{
  position:relative;
  width:100%;
  padding-left: 0px;
  text-align:center;
  z-index:100 !important;
}

#logo img {
  vertical-align: bottom;
  width:285px;
}
#block-views-Footer_Sponsors-block_1{
  display:none;
}
#sponsors img{
  display:none;
}
.page-forms-write-us img{
  height:auto;
  width:80%;
  margin-left:10% !important;
  margin-right:0px !important;
}
.page-forms-write-us #edit-submitted-name{
  width:90%;
}
.page-forms-write-us #edit-submitted-email{
  width:90%;
}
.region-sidebar-second{
  margin-bottom:15px;
}
.page-btn{
  width:70%;
  margin-left:15%;
  float:left;
}
.view-news-articles-bottom .views-row-2 .views-field-field-news-image-fid img{
  margin-left:0px !important;
}
}
@media only screen and (max-width: 650px){
.view-news-articles-bottom .views-field-title a{
  font-size:26px;
}
#content h1.title{
  font-size:26px;
  text-align:center;
  padding-top:12px;
  padding-left:12px;
}
#block-block-6{
  padding-left:5px !important;
}
#events-archive-view-archive{
  width:100%;
  text-align:center;
  padding-left:0px !important;
  padding-top:10px;
}
.view-node-gallery-gallery-summaries .views-row{
  margin-top:15px;
}
}
@media only screen and (max-width: 500px){
  .view-node-gallery-gallery-summaries .views-row{
  width:100%;
  float:left;
  text-align:center;
}
.view-news-articles-bottom .views-row-2 .views-field-field-news-image-fid img{
  margin-left:0px !important;
}
.view-news-articles-bottom .views-field-title a{
  font-size:24px;
}
.view-news-articles-bottom .views-row-2 .views-field-field-news-image-fid img{
  margin-left:0px !important;
}
.page-please-donate-today .product-body img{
  width:90%;
  height:auto;
  margin-left:5%;
}
#content-area .node-type-node-gallery-gallery{
  padding-bottom:15px;
}
#events-archive-view-archive{
  width:100%;
  text-align:center;
  padding-left:0px !important;
  padding-top:10px;
}
#block-block-6{
  padding-left:5px !important;
}
#content h1.title{
  font-size:24px;
  padding-left:0px;
  text-align:center;
}
.page-team-prestige-partners-determination img{
  width:90% !important;
  margin-left:5%;
  height: auto !important;
}
#logo img {
  vertical-align: bottom;
  width:245px;
}
#content #content-area{

}
.front .content img{
  width:80%;
  height:auto;
  margin-left:10% !important;
}
}
@media only screen and (max-width: 420px){
.page-become-sponsor img{
  width:80%;
  margin-left:10% !important;
  height:auto;
  float:left !important;
    
}
}