/*
Theme Name: OIT Flex
Theme URI: http://oitdesign.ncsu.edu/
GitHub Theme URI: https://github.ncsu.edu/jmriehle/oitflex
GitHub Branch:    master
Author: OIT Design, Jen Riehle
Description: A child of the Twenty-Eleven theme with a flexible layout, offering style and image options specific to NC State University and falling within the university brand book guidelines. Includes slider template to display "feature" posts. Created by OIT Design.
Template: twentyeleven
Version: 2.4.1
License: GNU General Public License
License URI: license.txt
Tags: ncsu, oitdesign, dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

*/

@import url(../twentyeleven/style.css);
@import url(https://cdn.ncsu.edu/brand-assets/fonts/include.css);


/* =Structure
----------------------------------------------- */

body {
	padding: 0 2em;
}
#page {
	margin: 0em auto;
	margin-top:6px;
	max-width: 1000px;
	border:2px #fff solid;

}

#access {margin:0; padding:0}
#access div {
	margin: 0 0.6%;
}
a:focus {/* remember to define focus styles! */
	outline: 1;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
a.assistive-text:active,
a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

select {height:30px;}

#primary {
	float: left;
	margin: 2px -26.4% 2px 0;
	padding:0;
	padding-bottom:30px;
	/*width: 740px;*/
}
#primary #content {
	margin: 16px 34% 0 0.8%;
	padding-right:3px;
	width: 98.6%;
	font-family: UniversRoman,Arial,sans-serif;
}
div #secondary, .singular #secondary {
	float: right;
	margin:3px 0px 8px 14px;
	width: 23.8%;
}

/* Singular */

.left-sidebar .singular #content {
	margin: 0 1.6%;
	width: 70.9%;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	padding:0;
	width: 100%;
}
.entry-content {padding: 0.425em 0 0;}


/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
	
}
.left-sidebar #primary #content {
	margin: 0 2.6% 0 26.0%;
	width: 70.9%;
}

.left-sidebar #secondary, .page-template-showcase-php #secondary {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 23.8%;
}
.page-template-showcase-php .recent-posts {float:right; padding-right:2.6%;}

/* One column */
.one-column #page {
	max-width: 1000px;
}
.one-column #primary #content, article.intro, .page-template-showcase-php #primary #content  {
	margin: 0 2.6%;
	max-width: 960px;
	width:auto;
	/*border:solid 1px #a00;*/
}
.page-template-showcase-php #primary {
	width:1000px;	
}
.one-column #secondary {
	float: none;
	margin: 0 3.6%;
	width: auto;
}
.two-column.right-sidebar #primary  {
	max-width:740px;
	float: left;
}

/* =Header
----------------------------------------------- */

#branding {
	border:none;
	padding-bottom: 10px;
	position: relative;
	z-index: 100;
	/*background:url(images/header-back.png) repeat-y;*/
	
}

#branding div.logo {
	min-height:60px;
	padding:20px 0;
}

#branding img.ncsu-banner {
	max-height:60px;
	float: left;
	width:auto;	
	border:none;
	padding-right:16px;
}

#site-title {
	margin-right: 270px;
	margin-top:10px;
	padding:0;
	font-family: UniversCondensed, Arial, sans-serif;
}
#site-title a {font-weight:normal;}
#site-title a:hover {color:#c00;}


#site-description {
	color: #333;
	font-family: UniversLightCondensed, Arial, sans-serif;
	font-size: 16px;
	line-height:14px;
	margin:0 0 0.85625em 0.1em;
	/*display:none;*/
}
#branding .banner-height {max-height:230px; overflow:hidden; border-bottom:solid 2px #fff;}
#branding img {
	
}

/* Search Form */

#branding #searchform,
.one-column #branding #searchform {
	position:absolute;
	float:right;
	top: 2.0em;
	right: 7.6%;
	text-align: right;
	background-color:#fff;
	border: solid 1px #f2f2f2;
}

#branding #s {
	width: 122px;
}


/* =Nav
----------------------------------------------- */
/* Links */
a {
	color: #880000;
	text-decoration: none;
}
#access, #access ul, #access ul ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin:0;
}

#access ul li > a:first-child {padding:none !important;}

#access a {
	color: #000;
	display: block;
	line-height: 3.333em;
	padding: 0 1.15em;
	text-decoration: none;
	font-size: 1.35em;
	font-family: UniversCondensed, Arial, sans-serif;
}

#access li:hover > a,
#access a:focus {
	background: #fff; 
	color: #900;
	/*font-weight:bold;*/
}

#access ul ul {border: dotted 1px #ddd;}
#access ul ul a {
	background:#fff;
}




/* Extra styles to allow keyboard accessibility of dropdown menus in /js/ folder */

/* Make room for Post "next" and "previous" menu */
#nav-single {
    width:150px;
}

/* =Content
----------------------------------------------- */

#main {
	padding:0;
}

.hentry,
.no-results {
	margin: 0 0 0.625em;
	padding: 0 0 0.625em;
	border-bottom:none;
	position: relative;
}

.entry-title,
.entry-header .entry-meta {
	padding:10px 16px 4px 0px;

}
.entry-title {
	font-size: 22px;
	line-height: 1.em;
	
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}

article {margin: 24px 0px !important;}

article.intro {
	background: #fff;
	margin: 0;
	padding: 0;
}
/* Images */

article .wp-post-image {
	float: left;
	margin: 10px 12px 6px 4px;
}

/* Singular content styles for Posts and Pages */

.singular .hentry {
	padding: 1.875em 0 0;
	position: relative;
}
.singular.page .hentry {
	padding: 0.5em 0 0;
}
.singular .entry-title {
	font-size: 22px;
	line-height: 28px;
}

.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 680px;
	position: absolute;
	right: auto;
	top: 3px;
}
.one-column.singular .entry-meta .edit-link a {
	left: 910px;
	top: 3px;
}

/* Comments Link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.7em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}

/* Comment Form */
#respond {
    background: none;
    width:90%;
    margin: 1.625em auto ;
    padding: 1em;
    
}

#respond .comment-form-comment label {
    top:6px;
    font-weight:bold;
    background:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#respond input#submit {
	padding: 5px 22px;
}

/* =error404
----------------------------------------------- */

.error404 #primary #content {
	margin: 0 2.6%;
	width: 960px; }

.error404 #primary{
	padding:0px;
}

.error404 #main #searchform {
	border: 1px solid #ddd;
	border-width: 1px;
	margin:1.625em 3%;
	padding: 1.625em auto;
	width:700px;
}

.error404 #main .widget {
	margin-right: 2.7%;
	margin-bottom:40px;
	width: 29.85%;
	background-color:#FFFFFF;
	border:none;
}
.error404 #main .widget li a {color:#666;}


/* =Slider
----------------------------------------------- */
.slideshow-meta, .pscarousel {padding-left:10px;}

.page-template-slider-php .portfolio-slideshow {
	overflow:hidden;
}


/* =Widgets
----------------------------------------------- */

.widget-area {}
.widget {
	margin:8px 4px !important;
	clear: both;
	margin: 0;
	min-width:200px;
	color:#333;
}
.widget a {
	color:#a20000;
	font-weight: normal;
}

.widget-title {
	padding:10px 5px 4px 6px;
	color: #fff;
	font-size: 1.3em;
	font-family: UniversCondensed, Arial, sans-serif;
	font-weight: bold;
	line-height:1.0em;
	
}
.widget ul {
	padding:4px 8px;
	list-style-type:none;
}
.widget ul li {margin:6px 0px; color:#fff; line-height:15px;}
.widget ul ul {
	margin-left: 0.25em;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

.widget select {margin: 4px 4px 8px 8px;}

/* Showcase sidebar widget */
.textwidget {
	padding: 4px 5px 8px 8px;
	font-size:1em;
	font-family:UniversRoman,Arial,sans-serif;	
}
.textwidget li {list-style-type:disc; list-style-position:inside;}

/* Contact sidebar widget */
.widget_custom-contact-forms input,
.widget_custom-contact-forms textarea {
	max-width:170px !important;
}

/* Calendar widget */
.widget_calendar #wp-calendar tr {background-color:#fff; width:100%;}
.widget_calendar #wp-calendar {margin:3px auto; border:solid 1px #ccc;}
.widget_calendar #wp-calendar caption {color:#fff;}

/* Google Calendar Widget */
.gce-widget-list .gce-list div span {color:#d1d1d1 !important;}
.gce-widget-list .gce-list .gce-list-event {background:none !important;}
.gce-widget-list a {font-weight:normal !important;}
ul.gce-list li {margin-bottom:10px !important;}

/* Tag Widget */
.tagcloud {padding:4px;}

/* Search Widget */
.widget_search {}
.widget_search form {
	margin: 1em 1.625em 2.8em;
	background-color:#fff;
	border: 1px solid #f2f2f2;
}
.widget_search #s {
	
	width:152px; 
}

.widget_search h3 {display:none;}

input[type="text"] {border:none;}

.right {float: right;}
.left {float: left;}


/* CALLOUTS 
----------------------------------------------- */

.calloutBlock {
	padding:20px;
	margin:40px;
}

h2.calloutTitle {padding:; font-size:1.4em; text-transform: capitalize; color:#fff;}
h2.calloutTitle a, h2.calloutTitle a:not(.btn) {text-decoration:none; color:#fff;}

div.yellow h2.calloutTitle a, div.yellow h2.calloutTitle,
div.lightgray h2.calloutTitle a, div.lightgray h2.calloutTitle,
div.white h2.calloutTitle a, div.white h2.calloutTitle 
{text-decoration:none; color:#333;}

.calloutImage img {
	max-width:46%; 
	margin: 6px 14px 14px 14px;
}
aside.callout_widget img.aligncenter {margin-bottom: 0px;}

.calloutText {padding:0px 12px 10px; font-size:.9em; font-weight: normal;}

aside.callout_widget {
	
}

aside.callout_widget h2 a {
	text-decoration:none !important; 
	font-weight: bold;
	text-transform: uppercase;
	font-family: UniversCondensed, san-serif; 
	font-size:26px;
}
aside.callout_widget .textwidget {line-height:18px;}

/* Center the thumbnails since WordPress centers the caption text */
.gallery-icon img {
	margin: auto;
}

/* COLORS! 
----------------------------------------------- */

.white, 
.bg-white {
	background-color: #fff;
}

.lightgray, 
.bg-lightgray {
	background-color: #f2f2f2;
}

.gray, 
.bg-gray {
	background-color: #e7e7e7;
}

.darkgray, 
.bg-darkgray {
	background-color: #333;
	color:#fff;
}

.yellow, 
.bg-yellow {
    background: #fde148;
    color: #333;
}

.green {
    background-color: #a4b53a;
	color: #fff;
}

.orange, 
.bg-orange {
    background-color: #d26c2c;
    color: #fff;
}

.blue, 
.bg-blue {
	background-color: #47869c;
	color: #fff;
}

.darkblue,
.bg-darkblue {
	background-color: #4156a1;
	color: #fff;
}

.red, .bg-red {
	background-color: #a20000;
	color: #fff;
}


.brightred, .bg-brightred {
	background-color: #cc0000;
	color: #fff;
}

.darkred, .bg-darkred {
	background-color: #992325;
	color: #fff;
}

.black, 
.bg-black {
	background-color: #000;
	color: #fff;
}

aside.callout_widget h3.widget-title {padding:16px 5px 8px 10px;}
aside.callout_widget .textwidget {padding:8px 5px 14px 12px;}

aside.callout_widget .widget-title a,
aside.callout_widget .textwidget {
	color:#fff;
}

aside.callout_widget.white .widget-title a,
aside.callout_widget.yellow .widget-title a,
aside.callout_widget.lightgray .widget-title a {
	color:#c00;
}
aside.callout_widget.white .textwidget,
aside.callout_widget.yellow .textwidget,
aside.callout_widget.lightgray .textwidget {
	color:#333;
}

aside.callout_widget.white a img {border:none; padding:0; width:100%; max-width: 94%; }
aside.callout_widget a img {border:none; padding:0; max-width:90%;}


/* =Footer
----------------------------------------------- */
#supplementary {
	border: none;
	background-color:#666;
	padding: 0.925em 2.6%;
	overflow: hidden;
	font-size:.85em;
} 

#supplementary aside ul a {font-weight:normal;}


/* RSS footer widget */
#supplementary aside.widget_rss {text-align:left;}

#supplementary .widget, #supplementary .widget-title  {
	border:none; background:none; 
}
#supplementary div {text-align:left;color:#fff;}
#supplementary div a {color:#fff;}

@media print {

.skip-link, .ncstate-utility-bar, #branding, #access, #secondary, #supplementary {display:none !important;}
   
}