/* @override 
	http://www.ipoftexas.org/websites/ipot/templates/ipot_goldie/css/global.css
	http://www.ipoftexas.org/Websites/ipot/templates/IPOT_lightCMS_REDandBLACK/css/global.css
	http://ipot.publishpath.com/Websites/ipot/templates/IPOT_lightCMS_REDandBLACK/css/global.css */

/*
Goldilocks Approach to Responsive Web Design Boilerplate

Author: Design by Front - @designbyfront
Version: 0.1
URL: http://www.goldilocksapproach.com
----------------------------------------------------------------------------------------

CONTENTS - GLOBAL.CSS
-----------------------------------------
1. RESET
2. ROOT
3. CORE TYPOGRAPHY
4. LINKS
5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
7. BROWSER AND NON-SEMANTIC STYLING

CONTENTS - LAYOUT.CSS
-----------------------------------------
8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)

*/


/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  overflow-y: scroll;
  background: #FFF;
  }

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  color: #565554;
  font: 1em/1.618em Helvetica, Arial, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em;
  }

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em;
    max-width: 30em; /* Optimal width for long-form text */
  }
    
ul { list-style-type: none; margin-left: 0em; }
ol { list-style-type: none; margin-left: 0em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }



/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #d73334; text-decoration: none; }  
a:hover { outline: none; text-decoration:underline; }  
a:active, a:focus { outline: none; }

a img {
	border: none;
}

nav a {
    color: #fff;
}



a#facebook_sidebar_button {
    background-image: url(../images/facebook_button.png);
    display: block;
    height: 43px;
    width: 152px;
    margin-bottom: .2em;
}

a#facebook_sidebar_button:hover {
    background-position: 0 -43px;
}

a#twitter_sidebar_button {
    background-image: url(../images/twitter_button.png);
    display: block;
    width: 152px;
    margin-bottom: .2em;
    height: 43px;
}

a#twitter_sidebar_button:hover {
    background-position: 0 -43px;
}

a#youtube_sidebar_button {
    background-image: url(../images/youtube_button.png);
    display: block;
    width: 152px;
    margin-bottom: .2em;
    height: 43px;
}

a#youtube_sidebar_button:hover {
    background-position: 0 -43px;
}

/* navigation */

/* horizontal (top) navigation */
/* main navigation, top with flyout */
.navigationTopFlyout #navigation {
    background: #a4a4a4;
    padding: 5px 10px 5px 0;
    }

#navigation a:hover {
    text-decoration: none;
}

.navigationTopFlyout .mainNav {
    clear: both;
    padding: 5px 0;
    }

.navigationTopFlyout .mainNav li:last-child {
    padding: 0;
}

.navigationTopFlyout .mainNav li a {
    color: #333;
    display: block;
    }

/* level 2 flyout navigation */
.navigationTopFlyout .mainNav li:hover ul.level2,
.navigationTopFlyout .mainNav li:focus ul.level2,
.navigationTopFlyout .mainNav li.sfhover ul.level2 {
    display: block;
    background-color: rgba(149, 149, 149, 0.93);
    -moz-box-shadow: 2px 2px 3px #424242;
    -webkit-box-shadow: 2px 2px 3px #424242;
    box-shadow: 2px 2px 3px #424242;
}


.navigationTopFlyout .mainNav li ul.level2 li {
    padding: 0;

    }
.navigationTopFlyout .mainNav li ul.level2 li a {
    color: #ffffff;
    padding: 3px 3px;
	text-shadow: 0 1px #585858;
}
.navigationTopFlyout .mainNav li ul.level2 li a:hover {
    background-color: #454545;
}

    


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
    background-image: url(../images/body_bg.png);
}

div#blog_home_feature {
    background-image: url(../images/new_newspaper_bg.jpg);
}


/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
----------------------------------------------------------------------------------------*/
.container {
    padding: 0.809em;
    max-width: 30em;
    margin: auto;
  }

div#header_bg {
    background: url(../images/new_navbar_bg.png) 0 106px repeat-x;
}

header {
    text-align: center;
}

header img {
    float: none;
	margin-top: 30px;
}

header nav {
    float: none;
    width: 25em;
    margin-top: 0em;
    margin-left: auto;
    height: 10em;
    margin-right: auto;
}

#navigation ul.globalMenu.mainNav li {
    padding-right: 0em;
    text-align: left;
    line-height: 1.4em;
    font-size: 1.4em;
}

#navigation ul.globalMenu.mainNav li.hasChildren:last-child {
    padding-right: 0em;
}

ul.globalMenu.mainNav {
    max-width: auto;
    height: 10em;
}

.navigationTopFlyout .mainNav li { /* #see style-ie.css as well for changes */
    float: none;
    position: relative;
    padding-right: 0em;
}

.navigationTopFlyout .mainNav li ul.level2 {
    display: none;
    position: absolute;
	width: 160px;
    color: #fff;
    padding: 5px 5px;
    z-index: 3;
    left: 0;
    margin: 0 0 0 48px; /* #see style-ie.css as well for changes */
    border: none;
    font-size: .5em;
    }
    
 div#header_mast {
    display: none;
 }
 
 div#home_content_bg {
 	background-color: rgba(0, 0, 0, 0.67);
 }

div#blog_home_feature {
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 2em;
}

div#blog_home_feature h2 {
    font-size: 1.6em;
}

div#blog_home_feature p {
    font-size: 1.1em;
}

div.postInfo {
    display: none;
}

div.rss {
    display: none;
}

div#blog_home_feature img#intheknow_mast {
    display: none;
}

div#home_sidebar {
    color: #fff;
	text-align: center;
}

div#home_sidebar ul#social_links li a {
	margin-right: auto;
	margin-left: auto;
}

div#home_sidebar h2 {
    font-size: 1.6em;
}

div.fb-like-box {
	background: #fff;
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
}

div#pre_footer_bg {
    display: none;
}

footer {
	text-align: center;
}



/*  INNER PAGE STYELS (BABY BEAR)
----------------------------------------------------------------------------------------*/

div#content_wrapper {
    background-color: #fff;
}

h1 {
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 0;
    color: #2a2a2a;
}

div#content {
    float: none;
}

div#content h2 {
    font-size: 1.8em;
    margin-bottom: .34em;
    color: #477e81;
}

div#content h3 {
    font-size: 1.5em;
    color: #787c8c;
    margin-bottom: .6em;
}

div#content hr {
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top: 1px solid #cbcbcb;
    margin-bottom: 1em;
}

div#content p {
    font-size: 1em;
}

div#content p img {
    float: left;
    margin-right: 1em;
}

div#content ul {
    list-style-type: disc;
    padding-left: 2em;
}

div#sidebar {
    float: none;
}

div#blog_ad {
    background: url(../images/new_newspaper_sidebar.png) no-repeat 0 0;
    padding: 4.2em 1em .4em;
}

div#blog_ad h3 {
    font-size: 1em;
    width: 19em;
    line-height: 1.3em;
    margin-bottom: .3em;
}

div#sidebar_content {
    border-top: 1px solid #c6c4c4;
    background: url(../images/new_social_arrows_dark.png) 11em 7em no-repeat #b6b6b6;
    padding: 2em 1em 1em;
}

div#sidebar_content h2 {
    font-size: 1.5em;
    font-weight: bold;
}

a#redcap_mark {
    display: block;
    width: 12em;
    padding-bottom: 2em;
    margin-top: 1.5em;
    float: none;
    margin-left: auto;
    margin-right: auto;
    
    
}

/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }