/* 

Theme Name: NYUExchange
Description: Website for NYU students to enroll in classes in different departments.
Author: Maria Paula Saba
Version: 0.0.1
Template: twentytwelve

*/

@import url('../twentytwelve/style.css');


/*----------------------------------General------------------------------------*/
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-image: url(imgs/background.jpg);
	}
	body .site {
		padding: 0px;
		margin-top: 0px;
		margin-top: 0px;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}

/* three columns */
#main {

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:inline-flex;
  padding:15px;

}
#primary {

float: left;
order: 2;
flex-grow: 1;
margin: 15px;
}
#secondary{
float: left;
order: 3;
margin: 15px;
}
#third{
float: left;
order: 1;
margin: 15px;
}
/*wraper for the main area*/
.site {
		padding: 0px;
		margin: 0 auto;
		min-width: 700px;
		max-width: 1200px;
}

/*----------------------------------Links------------------------------------*/

a{
	color: #68339b;
}


footer[role="contentinfo"] a:hover, .widget-area .widget a:hover, .comments-link a:hover, .entry-meta a:hover{
	color: #68339b;
}


.main-navigation li a:hover{
	font-weight: bold;
}


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


.site-header {
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	background-color: #5e0e93;
	
}

header hgroup { float: left; }

.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #b7b7b7;
}

.header-image {
	margin: 0px;

}

img.header-image {
	margin:20px 0px 10px 20px;
	float: left;
	border-radius: 0px;
	width: 80px;
	box-shadow: none;
}

.site-title, .site-header h1{
	display: inline-block;
	padding-top:35px;
	margin-left: 10px;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul{
	background-color: #000;
	border-color: #45324e;
	padding-left:35px;
}

.main-navigation li a{
	color: #FFF;
}
.main-navigation li a:hover{
	color: #b7b7b7;
}
/*----------------------------------Content------------------------------------*/

/*content wrapper*/
.wrapper{
	background-color: #faf9ff;
	
}

footer[role="contentinfo"]{
	background-color: #faf9ff;
	margin-top: 0px;
	max-width:100%;
	
}

.site-content{
	margin:0px; 
	margin-top: 30px;
}

.site-content article{
	background-color: #FFF;
	padding-top: 5px;
	padding-left:20px;
	padding-right:30px;
	padding-bottom:10px;
	border: 1px solid #efefef;
	border-radius: 5px;
	margin-bottom: 5px;
	min-width:100px;
	max-width: 720px;
	
}

.entry-summary{
	line-height: 1;
	font-size:12px;
	margin-top:5px;
}


.entry-header .entry-title{
	margin-top:20px;
	margin-bottom:20px;
	font-size: 18px;
	font-weight: bold;
}



.entry-header .classTitle{
	font-size: 13px;
	font-weight: normal;
	margin: 0px !important;
	margin-right:20px !important;
	margin-top:  3px !important;
	float: left !important;
}

header.entry-header{
	margin-bottom: 5px !important;
	margin-right:20px;
}

.bigTitle{
	font-size: 18px !important;
	margin-top: 15px;
	margin-bottom:15px;
	float:none;
	font-weight: bold !important;
}

.interestP{
	margin-top:20px !important;
	font-weight: bold;
}

.interestButton{
	display:block;
	margin-top:10px;
	width: 150px;
	height: 40px;
background: #f8f4ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f4ff 0%, #e5e1ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f4ff), color-stop(100%,#e5e1ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f4ff 0%,#e5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f4ff 0%,#e5e1ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f4ff 0%,#e5e1ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f4ff 0%,#e5e1ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f4ff', endColorstr='#e5e1ed',GradientType=0 ); /* IE6-9 */
	
}



.footer-info{
	margin-left:70px;
}


/*---------------------------------- Filter column ------------------------------------*/

@media (min-width: 660px) {

 .search{margin-top: -130px;}

 .tags{ margin-top: 100px;}
}


.cat-item{
	margin-bottom: 3px;
}

.searchandfilter{
	margin-bottom:20px;
}

.searchandfilter ul > li > ul.children{
	margin: 0px; 
	margin-left:30px;
}

.searchandfilter ul{
	font-size: 13px;
}

#login, .widget, .searchandfilter{
	background-color: #FFF;
	padding: 10px;
	padding-top: 5px;
	border-radius: 5px;
}

#login{
	padding-top: 10px;
	border: 1px solid #efefef;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	font-size:14px;
}

#login a{
	text-decoration:none;

}
.widget-title, .searchandfilter h4{
	text-transform: none;
	color:#454545;
	font-size:13px;
	margin-bottom:10px;
	
}


 .searchandfilter h4{
	margin-top: 15px;
}

.widget h3{
	margin:20 0 0 0 !important;
}

.widget-area{
	margin-top:30px;
	margin-left:30px;
}

.widget-area .widget h3 {
	margin-bottom: 0px !important;
}

.widget-area .widget, .searchandfilter {
	margin-bottom: 10px !important;
	padding-bottom: 20px !important;
	border: 1px solid #efefef;
}

input[type="submit"]{
	min-width:100px;
}

/*---------------------------------- Results ------------------------------------*/
.page-header, .archive-header{
	margin-left:20px;
	margin-bottom: 5px;
	padding: 0px;
	border:none;
}


.page-header h1, .archive-header h1{
	color:#454545;
	font-size:16px;
	margin-left: -10px;
	text-transform: none;
}

.widget_title{
	
}


/*---------------------------------- Hr ------------------------------------*/

hr{
	margin:0px;
	margin-bottom: 20px;
}


/*---------------------------------- Pagination ------------------------------------*/


.paginationBox {
	clear: both;
	display: block;
	float: left;
	margin: 1em 0 2em 0;
}
ul.pagination {
	margin: 0px auto 40px auto;
	padding: 0px 0px 10px 0px;
	position: relative;
	font-size: 80%;
	line-height: 1em;
	list-style-type: none;
}
.pagination li {
	float: left;
	vertical-align: middle;
	background-color: #fff;
	margin-right: 1px;
}


.pagination span,
.pagination a {
	float: left;
	border: 1px #ededed solid;
	padding: 3px 9px 4px 9px;
	text-decoration: none;
	width: auto;
	color: #999;
}
.pagination a:hover,
.pagination a:focus {
	color: #fff;
	background-color: #777;
	border-color: #777;
}
.pagination .current{
	padding: 3px 9px 4px 9px;
	color: #fff;
	background-color: #68339b;
	border: 1px #777 solid;
}



/*---------------------------------- My Interests Page ------------------------------------*/

.interest-article{
	padding-bottom:200px !important;
}

.priority-ranking{
	float:left;
	min-width: 100px;
}
.class-ranking{
	float:left;
	min-width: 500px;
}

.row, .row-title{
	margin-top: 8px;
	margin-bottom:5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #efefef;
}

.row-title{
	font-weight: bold;
}

input.ss-q-short, textarea.ss-q-long {
	min-width: 500px;
	height: 80px;
margin-bottom: 30px;
}