/* Clean - Gray #252525 (with Teal #007b8b) Main collegiate sites (Inner-gray/Inner-default)*/
/**********
    Each Theme should have 5 style sheets, with its own set of styles. (Current has **)

    main.css   -- Main HTML elements and universal classes
    brand.css  -- Brand color classes to add to the variety of text on a page
    collegeNav.css   -- Styling for the top navigation bar
    secondaryNav.css -- Styling for navigation other than the top College nav bar
 ** (color).css -- The specific coloring for the theme (also in theme name)

**********/


/******************************************** Basic HTML elements **********************/

hr {    border: 0; border-top: 1px solid  #007b8b; /*change color*/    
        display: block; 
        height: 1px;
        margin: 1em 0; padding: 0; } 


@media all and (min-width:701px) {

    /******************************************** Header & Footer ********************************************/
    
        #IdBkg { background: url("../Images/gray.png") repeat-x scroll 0 0 #353535; }  /*change color*/


        .RadTabStripLeft_Sitefinity .rtsLink, .RadTabStripRight_Sitefinity .rtsLink {
                color: #007b8b; /*change color*/
        }
 
}



@media all and (max-width: 700px) {

    /******************************************** Header & Footer ********************************************/
            #IdBkg { background-color: #353535; } /*change color*/

    /******************************************** Skin Override for Sitefinity Navigtaion **********************/

        .RadTabStripLeft_Sitefinity .rtsLink, .RadTabStripRight_Sitefinity .rtsLink {
                color: #007b8b; /*change color*/
        }
}

/***********************End of media queries***********************/



/******************************************** All non-home **********************/
/* Styling in this section refers to code similar to the following... 
<telerik:RadListView ID="NewsList" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
    <LayoutTemplate>
      <div class="NewsListTopDiv">  
      	<h2 class="NewsListHeading">Spotlight</h2>
        	<img class="Image100" src='<%# Eval("SpotlightPic").ToString().Replace(".tmb","") %>' alt="" />
            <h3 class="NewsListStoryTitle"><sf:DetailsViewHyperLink ID="DetailsViewHyperLink2" TextDataField="HomeTitle" ToolTipDataField="Description" runat="server" /></h3>
            <sitefinity:TextField runat="server" DisplayMode="Read" Value='<%# Eval("HomeContent")%>' style="margin-left:10px; margin-right:5px;" />
*/

h2.NewsListHeading {
    background-color: #252525; /*change color*/
    color: #ffffff;
    }
div.sideBar h2, div.sidebar h3, div.sideBar .titleBar, div.sideBarVideo h2, div.sideBarVideo h3, div.sideBarVideo .titleBar {
        background-color: #007b8b;  /*change color*/ 
        color: #ffffff;  
    }
div.sideBar .titleBar, div.sideBarVideo .titleBar {
        background-color: #007b8b;  /*change color*/ 
        color: #ffffff;  
        font-size: 1.25em;
    }
    
h2.arrows, h3.arrows {
    background-color: #007b8b; /*change color */
    color: #ffffff;
    }
ul.arrows a, a.arrows  {
        color:#007b8b;  /*change color*/
        }        
        
.CenterTitle {
    color: White;
    display: block;
    font-size: 2.1em; font-family: Georgia, Times New Roman, Serif; font-weight: bold; 
    margin-bottom: 5px;
    padding: 10px 5px 10px 10px;
    }


    /*********************************** PUBLICATION CLASSES **************************************/
    div.magImgRight {
            border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #007b8b; /*change color*/
        }
    div.magImgLeft {
            border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #007b8b; /*change color*/ 
        }



/*********************************** FORMS AND OTHER ODDS AND ENDS ****************************/
    .ctaButton input
    {
        background-color: #007b8b; /*change color*/
    }