/*
Theme Name: Basic Me
Description: Skeletal, no frills theme that includes 3.1 features.  Single column with support for widgets, headers, microformats and backgrounds.  Custom Theme Options settings allow for greater code-free design customization.  Intended for use as a starter theme.
Author: steveansell.com
Version: 2.0
*/

html,body,ul,*{margin:0;padding:0;font-family:'Lato',sans-serif;}
body {background: #004681;}
.post-entry p, .post-entry cite, .post-entry span {font-size:13px;}
.post-entry h2 a{text-decoration: none;color:#333;}
.clear {clear:both;}
.alignleft {float: left;}
.alignright {float: right !important;}
.alignnone {float: none !important;}
.aligncenter {text-align: center; margin: 10px auto !important; float: none !important; display: block !important;}
div.navs {clear: both; margin-right: 48px; margin-left: 4px; padding-bottom: 30px; margin-top: -60px;}
div.postavatar > img { border: none !important; box-shadow: 6px 6px 0px rgba(0,0,0,0.2);}

#header{position:relative;min-width:100% !important;height:auto !important;}
#header h1 a,#header #site-description{text-decoration: none;color:#333;}
#header ul.menu {
	position: relative;
	top: -30px;
	min-width: 100% !important;
	background: #002644 !important;
	text-align: justify;
	padding: 5px 0 0;
}
#header ul.menu:after {
	content: ".";
	color: white;
	margin-top: 5px;
	background: white;
    width: 100%;
    display: inline-block;
    clear: both;
}
#header .menu li{display: inline-block;padding:5px 10px;list-style:none;position:relative; margin-bottom: -60px;}
#header .menu a{text-decoration:none;color:white;}
#header .menu li:hover{background:#777;}
#header .menu .sub-menu{position:absolute;top:28px;left:0;display:none;}
#header .menu .sub-menu li{width:150px;}
#header .menu li:hover .sub-menu{display:block;}
.postcontent {margin: 15px 0;}

#wrapper {position: relative; width: 1200px; max-width: 100%; margin: 0 auto; min-height: 100%;}
#container{padding: 30px 0; position: relative; background: white;}
#content {position: relative; width: 100%; margin-top: 0px; clear: both; min-height: 2050px;}
#main{margin-top:0px; margin-bottom: 0px; margin-left: 400px;}


#footer{padding:10px 30px 20px 30px; background: #ebf0f4; border-top: solid 1px #d8dee2; font-size: 14px; font-weight: 300; z-index: 100; position: relative;}
 #sidebar > *,#footer > *{list-style:none;}
#footer1,#footer2,#footer3{margin:0;padding:0;width:32%;float:right;margin-left:4px;}

/*/////STEVES EDITS/////*/


/*///// POST ENTRY /////*/
.post-entry {position: relative; margin-top: 0px;word-wrap: break-word;}
a.post-edit-link {position: absolute; top: 0; right: 0px; width:48px; height: 48px; text-indent: -9999999999px; overflow: hidden; background: url('images/edit.png') no-repeat; opacity: 0.5;}
a.post-edit-link:hover {opacity: 1;}
.post-entry h2.post-title { font-size: 3em; font-weight: normal; margin-right: 48px;}
.post-entry h2.post-title a { color: #0d5da3;}
.post-entry{margin-bottom:70px;padding:0; margin-right: 40px;}
.post-entry p, .post-entry span {margin-bottom: 20px; line-height: 150%; font-size: 16px;  font-weight: 400;}
.post-entry ul {list-style-position: inside; line-height: 180%; margin-bottom: 20px;margin-left: 20px;}
.post-entry ul ul {margin-left: 20px;}
.post-entry > div.postcontent img {float: left; margin: 0 10px 10px 0; swidth: 50%; height: auto; max-height: 360px; width: auto;}
.post-info {clear: both; background: #e7f3fe; padding: 8px 10px 0px 10px; color: #4d6477;}
.post-info span { font-size: 12px;}
.post-info .postdate {float: left; max-width: 45%;}
.post-info .cats {float: right; max-width: 45%;}
.post-info .cats a {/*background: #004681; border-radius: 1px;*/ color: #4d6477; text-decoration: none; /*font-weight: bold;*/ padding: 3px 4px 2px;}
.post-info .cats a:hover {text-decoration: underline;}
.post-info .cats a::before {content: "*"; width: 10px; height: 10px; background: black; margin-right: 3px; display: inline-block; color: black; text-align: center; vertical-align:text-bottom; margin-bottom: 2px;}
.post-info .cats a.cat-events:before {background: blue; color: blue;}
.post-info .cats a.cat-faculty-accomplishments:before  {background: green; color: green;}
.post-info .cats a.cat-general-announcements:before  {background: orange; color: orange;}
.post-info .cats a.cat-employee-farewell:before  {background: brown; color: brown;}
.post-info .cats a.cat-library:before  {background: purple; color: purple;}
.post-info p.clear {height: 0px; padding: 0px; margin: 0; font-size: 1px;}
.post-entry p.posted-by {margin-top: 20px; font-size: 12px;}
span.post_author_author {display: none;}

.post-entry .ai1ec-calendar-toolbar * {color: #333 !important;}

.single .post-entry ul.wpuf_customs {display: none;}

.social-buttons {padding: 5px 0;}


.paged .post-entry p img {display: none;}

/*COMMENTS*/
#respond {clear: both; margin-top: 20px;}
h3#comments {clear: both; margin-top: 20px;}
ol.commentlist {max-width: 100%; list-style-position: inside;}
span.comment-info {float: left; margin-left: 5px;}
span.comment-info:before {content: "|"; padding-right: 5px; /*font-weight: bold;*/}
/*///// SIDEBAR /////*/

#sidebar{position: absolute; top: -45px; left: 0px; bottom: -50px !important; max-width: 280px; width:280px;padding:50px 40px 40px 40px; background: #f4faff; min-height: 1550px;}

.page #sidebar  {bottom: -150px;}
.page .calcontent #sidebar {bottom:-50px; padding-bottom: 50px;}
.page .calcontent #content,
.single #content {min-height: 1600px !important;}

#sidebar .widget-area{margin-bottom:25px;}

#sidebar hr {border: none; background: /*#bcd7ee*/ #e7f3fe; height: 1px; max-height: 1px; overflow: hidden; padding: 0px; margin: 25px -40px; clear: both;}
h1#site-title {
	margin: 0 -10px 40px;
}
h1#site-title a {
	display: block;
	width: 300px;
	height: 60px;
	background: url('images/me-at-medaille.png') no-repeat center center;
	font-size: 0px;
}
h1#site-title a:hover {
	background-size: 96%;
}


div#top-branding {display: none; width: 100%; text-align: center; background: #f4faff; margin-top: -45px; padding: 4px 0 6px;margin-bottom: 30px; border-bottom: solid 1px #e7f3fe; clear: both;}
div#top-branding h1#site-title {
	margin: 10px;
}
div#top-branding h1#site-title a {
	max-width: 100%;
	background-size: contain !important;
}


div#branding {
	height: 90px;
	padding-top: 30px;
	margin-top: -30px;
	border-radius: 45px;
}
div#branding:hover {
  background: -webkit-radial-gradient(#fefdfa, #f4faff); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#fefdfa, #f4faff); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#fefdfa, #f4faff); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#fefdfa, #f4faff); /* Standard syntax */
}
div.submit-story a,
#sidebar div.textwidget a.ai1ec-btn,
#sidebar div.textwidget a.ai1ec-btn-xs {
	display: block !important;
	color: #004681 !important;
	background-color: #FFC324 !important;
	padding: 20px 0 15px !important;
	text-decoration: none !important;
	text-align: center !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
  border-radius: 0 !important;
  border: none !important;
  width: 100% !important;
  min-width: 100% !important;
  line-height: 1 !important;
}
div.submit-story a:hover,
#sidebar div.textwidget a.ai1ec-btn:hover,
#sidebar div.textwidget a.ai1ec-btn-xs:hover {
	background: #fdd702 !important;
}
#sidebar div.timely,
#sidebar div.ai1ec-btn-group.ai1ec-contribution-buttons {width: 100% !important; margin: 0 !important; padding: 0 !important;}
#sidebar .ai1ec-fa {display: none !important;}
a.ai1ec-btn-primary {color: black !important;}

#sidebar #cats select,
#sidebar #archive select {width: 100%; padding: 10px 0;}
#sidebar label {margin-left: 4px;}
#sdebar div.wu-wrapper {}

#sidebar div.textwidget ul {list-style: none !important; list-style-position: inside !important;}
#sidebar div.textwidget ul li {margin: 15px 0; font-size: 15px; font-weight: 300;}

.timely a {background: white !important;}
.ai1ec-agenda-widget-view .ai1ec-event > a {background: none !important; border: none !important;}

.widget_search form {
	padding: 0px;
	 margin: 0px;
}
.widget_search form > div {margin: 0px; padding: 0px;}
.widget_search label {display: none;}

/*
.widget_search .searchinput { width: 70%; height: 30px; position: relative; margin: 0px; padding: 0px; display: inline-block;}
.widget_search .searchbutton { width: 28%; height: 30px;  position: relative; margin: 0px; padding: 0px; display: inline-block;}
*/
.widget-area .widget-container {margin: 15px 0;}

.wu-wrapper table {color: #666;}
.wu-forecast-wrapper {}
.wunderground img{width: 50px; height: auto;}
.wunderground td {font-size: 70%;}
.wunderground span.wu-cond-pop {}
.wunderground div.wu-copyright {text-align: right; visibility: hidden;}
.wunderground:hover div.wu-copyright {visibility: visible;}
.wunderground div.wu-copyright > a > img {width: 75px; height: auto;}
.wu-wrapper table th, .wu-wrapper table td {padding: 4px 8px !important; width: 100px !important;}
.wunderground div.wu-day-title {font-weight: bold; font-size: 110%; color: #333;}

.widget_search input#s {
	background:rgba(50, 50, 50, 0.1);
	border:0px solid #dbdbdb;

	margin: 0px;
	width: 70%;
	height: 16px;
	padding: 4px 4px 4px 0;
	text-indent: 10px;
	top: 1px;
	margin-right: -5px;
	position: relative;
}
.widget_search input#searchsubmit {

	border:2px solid #207cca;
	background-color:#207cca;
	color:#fafafa;

	margin: 0px -2px 0px 0px;
	width: 29%;
	left: -1px;
	top: 1px;
	height: 24px;
	padding: 2px 0 6px;
	right: 0px;
	position: relative;
  -webkit-appearance:none;
}
.widget_search input#searchsubmit:hover  {
	background-color:#fafafa;
	color:#207cca;
}
.widget_search :focus {
  outline-color: transparent;
  outline-style: none;
  background: rgba(50, 50, 50, 0.06) !important;
  border: solid 1px #ccc !important;
  margin-right: -7px !important;
  height: 14px !important;
  margin-left: 1px;

}

.widget_search textarea, .widget_search input { outline: none; }

/* //Webkit Browsers// */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.widget_search input#searchsubmit {
     	top: 0px;
}
}
/* //Safari Only// */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .widget_search input#searchsubmit {
     top: -1px;
    }
}}

/* IE10+ CSS Only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .widget_search input#searchsubmit {
    padding: 1px 0 7px;
     top: 0px;
    }
    .widget_search :focus {margin-top: 1px; border: none !important;height: 16px !important;}
}
/* Firefox on Windows only */
@media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista),
(-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
    .widget_search input#searchsubmit {
     top: 2px;
    }
}


/*////////////////////////////////////
////////// MOBILE STYLES /////////////
////////////////////////////////////*/

/*//////////// TABLET //////////////*/



@media only screen and (max-width: 740px) {

	#sidebar {position: relative; top: auto; bottom: auto;display: block; clear: both; width: 100%; max-width: 100%;  min-height: auto !important; padding: 0px 0px 40px 0px; margin-bottom: -50px;}
	.page #sidebar  {bottom: 0px;}
	#branding {display: none;}
	div#top-branding {display: block;}
	#sidebar > * {padding: 0px 40px;}
	#main{margin: 0px 20px 40px;}
	.post-entry {margin-right: -5px; margin-left: -5px;}
	/*.post-info {margin: 0 -20px;}*/

}
/*//////////// PHONES //////////////*/
