/*
Theme Name: OIT Flex
Theme URI: http://oitdesign.ncsu.edu/
Github Theme URI: https://github.com/ncsuwebdev/WordPress-theme--OITFlex
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.0
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;

}

#branding hgroup {
	margin: 0 15%;
	min-height:80px;
	/*background:url(images/title.png) no-repeat;*/
}
#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;
	/*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%;
}


/* 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: 9999;
	background:url(images/header-back.png) repeat-y;
	
	
}
#site-title {
	margin-right: 270px;
	padding: 1.69625em 0 0 0;
	font-family: UniversCondensed, Arial, sans-serif;
}
#site-title a {font-weight:normal;}
#site-title a:hover {color:#c00;}
#branding #site-title img {
	max-height:70px;
	width:auto;	
	border:none;
}

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

/* Search Form */

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

#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 a {
	color: #000;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	font-size: 1.26em;
	font-family: UniversCondensed, Arial, sans-serif;
}

#access li:hover > a,
#access a:focus {
	background: #fff; 
	color: #373737;
	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.intro {
	background: #fff;
	margin: 0;
	padding: 0;
}
/* Images */


/* 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 {
	clear: both;
	margin: 0;
	min-width:200px;
	color:#333;
}
.widget a {
	color:#a20000;
	font-weight:bold;
}
.widget-title {
	padding:10px 5px 4px 2px;
	color: #fff;
	font-size: 1.2em;
	font-family: UniversCondensedBold, Arial, sans-serif;
	font-weight: bold;
	line-height:1.0em;
	text-transform: none;
	border-bottom: solid 1px #ddd;
}
.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: 1.0em;
}

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

/* 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;
	background-color:#fff;
	border: 1px solid #ccc;
	
}
.widget_search #s {
	
	width:152px; 
}

.widget_search h3 {display:none;}

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

/* =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:center;color:#fff;}
#supplementary div a {color:#fff;}

@media print {

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