/*
Theme Name: Mellon Committee Sites
Theme URI: https://github.com/kaymmm/mellontheme
Description: A child theme of 2012 default WordPress theme built for the Mellon Transdisciplinary Committee websites
Author: Keith Miyake
Author url: http://keithmiyake.commons.gc.cuny.edu
Version: 0.5
Tags: fixed-width, custom-header, theme-options
Template: twentytwelve
*/
@import url('../twentytwelve/style.css');

/* This Block Adjusts the Overall Theme Width */
footer[role="contentinfo"] { max-width: 1100px; }
@media screen and (min-width: 600px) {
	.site { max-width: 1100px; max-width: 78.571428571rem; }
}
.ie .site { max-width: 1100px; }

@media screen and (min-width: 960px) {
	body .site { max-width: 1100px; max-width: 78.571428571rem; }
}

/**** Clearfix ****/
.clearfix:before, 
.clearfix:after	{ content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix 		{ zoom: 1; }

body .site	{ padding: 0; margin-top: 0; margin-top: 0;  }

.site-header { padding: 0; }

div#logoarea { margin: 24px; margin: 1.714285714rem; margin-bottom: 0; padding: 0; position: relative; }

div#main { padding: 0 24px; padding: 0 1.714285714rem; }

.site-content { margin: 0; margin-top: 24px; margin-top: 1.714285714rem; }

.widget-area .widget { margin-bottom: 24px; margin-bottom: 1.714285714rem; }

.widget-area .widget h3 { margin-bottom: 14px; margin-bottom: 1rem; }

@media screen and (min-width: 600px) {
	.site-content { width: 71%; }
}

div.post-headline			{ margin-bottom: 5px; }
.bloglist h1.entry-title	{ padding: 0 0 14px 0; padding: 0 0 1rem 0;}
.bloglist .section-title	{ float: left; width: 100%; color: #999; background: #f3f3f3; padding: .25em .6em .35em .6em; margin-bottom: 20px; text-transform: lowercase; border-left: 10px solid #e9e9e9; } /* change margins to rem */
.bloglist					{ margin: 0 0 24px 0; margin-bottom: 1rem; position: relative; width: 100%; }
.bloglist .thumbnail-box	{ width: 100%; height: 300px; overflow: hidden; position: relative; margin-bottom: 14px; margin-bottom: 1rem; }
.bloglist-thumbnail			{ position: absolute; }
.bloglist .entry-header		{ float: left; width: 30%; margin-bottom: 14px; margin-bottom: 1rem; }
.bloglist .entry-title		{ margin: 0 0 0.15em 0; padding: 0; font-size: 1.333333333333333em; text-transform: uppercase; line-height: 1.4em; border: none; word-spacing: 2px; word-wrap: break-word;} /* change to rem sizing */
.post-event-info			{ margin: 0 0 .2em 0; font-size: 0.9166666666666667em; color: #bbb; line-height: 1.75em; word-spacing: 2px; }
.bloglist .entry-summary	{ float: right; width: 65%; padding-left: 2.34375%; margin-bottom: 14px; margin-bottom: 1rem; }
.bloglist .entry-summary p	{ margin-bottom: 0;}
.bloglist .entry-meta		{ clear: both; display: block; margin: 0; padding: 7px; padding: .5rem; background-color: rgba(0, 0, 0, 0.2); color: #666; line-height: 1.1em; font-size: 0.8em; border-bottom: 3px solid rgba(0,0,0,0.3); }
.bloglist .post-event-info h6	{ line-height: 1.4em; font-weight: normal; font-size: 1.1em; margin: 0; }
.bloglist.sticky			{ padding: 14px; padding: 1rem; padding-bottom: 0; width: 96%; margin-left: auto; margin-right: auto; }
.site-content article		{ border-bottom: none; margin-bottom: 56px; margin-bottom: 4rem; padding-bottom: 0; }

/* comments box */
div#respond		{ padding: 14px; padding: 1rem; }

/* blog list image styles */
#bloglist					{ clear: both; position: relative; }
.centered 					{ margin: 0 auto; }
#bloglist img 				{ position: absolute; max-width: none; margin-bottom: 14px;}


/* footers */
.sitewide-footer p		{ border: none!important; margin: 0!important; padding: 0!important; }
.sitewide-footer 		{ background: #333!important; position: absolute!important; left: 0px!important; right: 0px!important; margin-top: 48px!important; margin-top: 3.428571429rem!important;}
.sitewide-footer img 	{ background: transparent!important; }
.sitewide-footer a:hover, 
.sitewide-footer a:hover { background: transparent!important; text-decoration: none!important; color: #ccc!important; }

/* ===[ Footer Widget Areas ]=== */
#footer-widgets { width: 100%; padding-top: 0; border-top: none; /*	padding: 24px; padding: 1.714285714rem; */}
#footer-widgets .widget li { list-style-type: none; }
.footer-widget-left 	{ text-align: left; }
.footer-widget-center 	{ text-align: center; }
.footer-widget-right 	{ text-align: right; }

.template-front-page #footer-widgets { padding-top: 0; }

@media screen and (min-width: 600px) { 
    #footer-widgets.three .widget { float: left; margin-right: 1.4; margin-left: 1.4%; width: 30.5%; }
    #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
}

/* navigation menu */
.main-navigation { margin-top: 24px; margin-top: 1rem; text-align: left; }

ul#menu1.sf-menu 						{ margin-left: -1px; padding: 0px; height: auto; line-height: 1em; width: 100%;}
ul#menu1.sf-menu li:hover,
ul#menu1.sf-menu-hor li.rMenu-expand,
ul#menu1.sf-menu li 					{ margin: 0; padding: 0; border: 0; background: transparent; }
ul#menu1.sf-menu li:first-child			{ padding-left: 24px; padding-left: 1.714285714rem; }
ul#menu1.sf-menu li a,
ul#menu1.sf-menu li a:link, 
ul#menu1.sf-menu li a:visited, 
ul#menu1.sf-menu li a:active,
ul#menu1.sf-menu li a:hover,
ul#menu1.sf-menu li:hover a				{ padding: 5px 7px; margin: 0; line-height: 1.5em; background: transparent; text-decoration: none;}
/*sub menus*/
ul#menu1 ul.sub-menu					{ margin-top: 0;}
ul#menu1.sf-menu ul.sub-menu li 		{ background: transparent; margin: 0; padding: 0; }
ul#menu1.sf-menu ul.sub-menu li:hover	{ margin: 0; padding: 0; background-image: none;}
ul#menu1.sf-menu ul.sub-menu li a 		{ padding: 7px; padding: .5rem; margin: 0; text-decoration: none; background: transparent; }
ul#menu1.sf-menu-hor li.rMenu-expand a 	{ background: transparent; background-image: none!important; }

/* social icons */
#socialicons a 						{ width: 22px; height: 22px; margin-left: 3px; float: right;text-align: right; }
#socialicons .twitterlink 			{ background: url(images/socialicons.png) no-repeat -22px 0; }
#socialicons .youtubelink 			{ background: url(images/socialicons.png) no-repeat -44px 0; }
#socialicons .linkedinlink 			{ background: url(images/socialicons.png) no-repeat -66px 0; }
#socialicons .facebooklink 			{ background: url(images/socialicons.png) no-repeat -88px 0; }
#socialicons .rsslink 				{ background: url(images/socialicons.png) no-repeat 0 0; }
#socialicons .cunylink				{ background: url(images/cuny_icon.png) no-repeat 0px 0px; }
#socialicons .commonslink			{ background: url(images/commons_icon.png) no-repeat 0px 0px; }
#socialicons .twitterlink:hover 	{ background-position: -22px -22px; }
#socialicons .youtubelink:hover		{ background-position: -44px -22px; }
#socialicons .linkedinlink:hover 	{ background-position: -66px -22px; }
#socialicons .facebooklink:hover 	{ background-position: -88px -22px; }
#socialicons .rsslink:hover 		{ background-position: 0px -22px; }
#socialicons .cunylink:hover		{ background-position: 0px -22px; }
#socialicons .commonslink:hover		{ background-position: 0px -22px; }

/* slider styles */
#slider-container				{ margin-bottom: 48px; margin-bottom: 3.428571429rem; }
#slider-wrapper					{ float: none; display: block; position: relative; border: none; margin-left: auto; margin-right: auto; padding: 0;}
#slider-wrapper					{ background: rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}
#slider-slideshow .dummy			{ width: 100%; overflow: hidden; }
#slider-slideshow     			{ position: relative; z-index: 0 !important; margin-bottom: 0;}
#slider-wrapper .entry-info 	{ padding: 0 14px; padding: 0 1rem;}
#slider-slideshow .entry-title 	{ color: #fff; text-align: left; }
#slider-slideshow .slider-post 	{ overflow: hidden; display: block; position: relative; text-decoration: none; cursor: pointer; margin: 0; padding: 0; }
.no-js #slider-slideshow .dummy,
#slider-slideshow .dummy.hidden 	{ display: none; }
.slider-post h2.entry-title { position: absolute; top: 14px; top: 1rem; right: 0; text-align: right; }
.slider-post h2.entry-title a	{ font-size: 1.4em; line-height: 1.8em; padding: 14px; padding: 1rem; text-decoration: none; }
#slider-slideshow .slider-post img	{ max-width: none;}
#slider-prev { left: -14px; background-position: 7px -21px; }
#slider-next { right: -14px; background-position: 7px 11px; }
.slider-nav { display: block; position: absolute; width: 31px; height: 28px; font-size: 1em; z-index: 9; cursor: pointer; text-indent: -9999em; }
.slider-nav	{ color: #fff; background: #333 url(images/slider-nav-arrows.png) no-repeat; background: rgba(0,0,0,0.5) url(images/slider-nav-arrows.png) no-repeat; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }
.slider-nav:hover { background-color: #000; }
.slider-thumb-box { position: relative; height: 75px; overflow: hidden; }
.slider-nav-thumbnail { position: absolute; }

/*  Slider Image Navigation Bar
-------------------------------------------------------------- */
#slider-image-navbar { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; margin-left: auto; margin-right: auto;}
#slide-thumbs { width: 100%; margin: 0; }
#slider-image-navbar li { float: left; list-style: none; width: 14.66666666666667%;	margin: 0 2.4% 0 0px; margin-top: 14px; margin-top: 1rem;}
#slider-image-navbar li a, #slider-image-navbar li a:visited { border-bottom: none; padding: 0;}
#slider-image-navbar li.last { margin-right: 0; }
#slider-image-navbar img { filter: alpha(opacity = 40); opacity: .4; }
#slider-image-navbar .activeSlide img { filter: alpha(opacity = 100); opacity: 1; }

/* breadcrumbs */
#breadcrumbs	{ padding: 14px; padding: 1rem; padding-left: 24px; padding-left: 1.714285714rem; text-align: right; }

/* for IE8 and IE7 */
.ie #footer-widgets.three .widget { float: left;margin-right: 3.7%;width: 29.85%;clear: none;}
.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }

/* ===[ IE Homepage Template Widget fix ]=== */
.ie .template-front-page .first.front-widgets,
.ie .template-front-page.two-sidebars .widget-area .front-widgets {float: left;margin-bottom: 24px;width: 51.875% ;}
.ie .template-front-page .second.front-widgets { clear: right; }
.ie .template-front-page .first.front-widgets,
.ie .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {float: right;margin: 0 0 24px;width: 39.0625% ;}
.ie .template-front-page.two-sidebars .widget,
.ie .template-front-page.two-sidebars .widget:nth-child(even) { float: none; }
.ie .template-front-page .widget-area { clear: both; }

.ie .template-front-page .widget {width: 100% !important;border: none;}
.ie .template-front-page .first.front-widgets { width: 51.875%;float: left ;}
.ie  .template-front-page .second.front-widgets {width: 39.0625%;float: right ;}

/* Hide footer widgets Homepage Template */
.template-front-page #footer-widgets { display: none; }

.wp-caption { padding: 0;}

/* archive pages */
.site-content.full-width { width: 100%; }
#archive-col1, #archive-col2, #archive-col3 { float: left; }
#archive-col1, #archive-col2 { width: 25%; }
#archive-col3 {	width: 50%; }
#archive-col1 ul, #archive-col2 ul, #archive-col3 ul {
 list-style-type: disc;
 list-style-position: outside;
 padding-left: 24px; padding-left: 1.714285714rem;
 line-height: 1.5em;
}

/* reduce wp-ui tab padding */
div#wp-tabs-2.wp-tabs .ui-tabs .ui-tabs-nav li a { padding: .3em .4em; }

img#wpstats	{display:none;}

@media print 
{
  .noPrint, .navigation-bottom, .sharedaddy, .printicon { display:none; }
}