@import 'reset.css.less';
/*@import 'grid.css.less';*/
@import 'header.css.less';
@import 'footer.css.less';
@import 'search.css.less';
@import 'cart.css.less';
@import 'sidebar.css.less';
@import 'content.css.less';
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);


body {
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#333;
  section, header, footer {
    width:1005px;
    margin:0 auto;
  }
}

a {
  text-decoration:none;
  &:hover {
    text-decoration:underline;
  }
  color: #3e577a;
}

h1 {
  color: #6c7b8e;
  font-size: 28px;
  line-height: 48px;
  font-weight: normal;
  float:left;
  width:690px;
}

.branding-jhup h1 {
  padding:0 0 10px 25px;
}

.field-name-field-cover img,
.views-field-field-cover img {
  width:144px;
}

section.content-wrap {
  position: relative;
  overflow: hidden;
  .region-sidebar-first, .region-content, .region-content2, .region-content3, .region-content4 {
    float: left;
  }
	/*Default Font Styles*/
	.node-page {
		p, li, div {font-size: 12px; line-height: 20px; color: #4b4b4b;}
		p, ul {margin: 1em;}
		ul {padding: 0 0 0 40px;}
		.backtotop a { 
			border-top: 1px #a4b4c2 dashed; border-bottom: 1px #a4b4c2 dashed; padding: 3px 16px; margin: .625em 0; color: #4B4B4B; font-size: 11px; text-align: right; display: block; background-color: #ffffff;
			&:hover {background-color: #f6f8fa;}
		}
	}
}

#hfs {
  display:none;
}

.branding-jhup section.content-wrap {
  background: url(../images/bg_innerwrapper.gif) repeat-y top left #ADB7C3;
  position: relative;
  overflow: hidden;

  .region-sidebar-first {
    float: left;
    width: 180px;
    padding: 34px 19px 10px 19px;
    margin: 0 5px 0 0;
  }

  .region-content, .region-content2, .region-content3, .region-content4 {
    float: right;
    width: 690px;
    padding: 0 0 10px 25px;
    margin: 0 65px 0 0;
  }
  
  ul.menu {
    margin-bottom:20px;
  }
  
  h2 {
    font-size:16px;
    margin-bottom:10px;
  }
}

// Barlor Brand Page
.branding-baylor {
	background: url(../images/gradient-bar.png) center center;
  

  &.page-ibs table tbody td {
    font-size: 10px;
  }
  div.search {
    float: right;
    padding: 0px 15px 0px 0px;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
    input {
      vertical-align:middle;
    }
    input.mag {
      width: 13px;
      height: 13px;
      border: 0;
      cursor: pointer;
      background: url(../images/mag.png) no-repeat;
    }
    input.go {
      width: 23px;
      height: 15px;
      border: 0;
      cursor: pointer;
      background: url(../images/go.png) no-repeat;
    }
    a {
      color:#fff;
    }
  }
	
	//Header Styles
	header {
		width: 980px; background: #004834;
    height:133px;
    #block-jhup-branding-banner {
      float:left;
    }
		.region-header { 
			.block-jhup-custom {padding: 10px 10px 16px 16px;}
			.field-name-field-images a {
              overflow:hidden;
        height: 103px;
        float:left;
        margin:10px;
        width:400px;
        position:relative;
        img {
          position:absolute;
          left:0;
          top:0;
        }
      }
		}
	}

	//Menu Styles	
	.menu {
		height: 30px; padding-left: 42px; background: #c5b358; font-family: Helvetica, Verdana, Arial, sans-serif; float:left; width:938px;

		.face_twit {
			float: right; padding: 0 20px 0 0;
			a:link, a:active, a:visited {padding: 2px 5px 0 0; height: 16px;}
		}
		a:link, a:active, a:visited {
			display: block; line-height: 30px; height: 30px; font-size: 8.5pt; font-weight: bold; color: #fff; padding: 0 15px; float: left; text-decoration: none;
			&:hover{color: #284172;}
		}
    
	}
	
	//Content Page Styles
	section.content-wrap {
		width: 980px; background: url(../images/baylor-interior-bg.gif) repeat-y top left; 
		
		//Left Sidebar
		.region-sidebar-first {
			float: left; padding: 5px 0 15px 10px; width: 170px; margin: 0 5px 0 0;
          min-height:800px;
		}
		
		//Right Sidebar
//		.region-sidebar-second {
//			padding: 10px 10px 0px 10px; width: 160px; float: right;
//		}
		
		//Content Pane
		.region-content,.region-content2, .region-content3, .region-content4 {
      font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
      font-size: 9pt;
      color:#333;
    }
    h1 {
      font-family:Tahoma, Helvetica, Verdana, Arial, sans-serif;
    }
		.region-content,.region-content2, .region-content3, .region-content4, h1 {
			padding: 0px; margin: 0 0 0 10px; width: 766px; float: left;
      form {
        width: 766px;
      }
		}
	}
	
	//Footer Styles 
	footer {
		width: 980px;
		.region-footer-bottom {
			.footer_text {
				text-align: right; padding-right: 20px; padding-top: 8px; font-size: 7pt; color: #a6a6a6; font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
				a {color: #a6a6a6;}
			}
          .footer.baylor div.footermenu {
            margin-bottom:16px;
          }
		}
	}

	//Side Navigation
	.bar_header, .left_bar_content {
		font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; font-size: 9pt;
		padding: 3px 5px 3px 0px;
		color: #b95400;
		ul {
			padding: 0 0 0 10px; list-style: none; margin: 0px; 
			li {padding: 0px; margin: 0px; width: 100%; }
			a, a:visited {text-decoration: none; color: #b95400;}
		}
	}
  .left_bar_content a {
    color:#7c7c7c;
  }
	
	//Sub Navigation
	ul.nav {
		font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; font-size: 9pt;
		margin: 0; padding: 0; list-style: none; width: 150px; display: none; border-bottom: 1px solid #ccc; z-index: 10;
		li { 
			position: relative; list-style: none;
      &:hover, li.over {
        ul {
          display:block;
        }
      }
			a {
				display: block; text-decoration: none; color: #fff; background: #C5B358; padding: 5px; border-top: 1px solid #ccc; width: 150px; min-height: 15px;
				&:hover {background: #004834; text-decoration:none; color: white;}
			}
			ul {
				position: absolute; left: 160px; top: 0; display: none; z-index: 20;
				li a {left: 160px; background: #004834; border-left: 1px solid #ccc; border-right: 1px solid #ccc;&:hover{background: #C5B358;} }
			}
		}
	}		
	
	//Left Bar Content Menu
	.left_bar_content { 
		font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; font-size: 9pt; padding: 0px 10px 0px 10px;
		ul {
			padding: 0; margin: 0; list-style-type: none;
			a, a:visited {display: block; color: #7c7c7c;}
		}
	}
}

//Washington University Brand
.brand-washu {
  font-family:Tahoma, Helvetica, Verdana, Arial, sans-serif;
	background: #e5e5d1;
  font-size:12px;
  #hfs {
    display:block;
    float:left;
    width:100%;
    padding:0 0 10px 25px;
  }
  h1 {
    font-family:Tahoma, Helvetica, Verdana, Arial, sans-serif;
    margin-left:21px;
  }
	header {
		background: url(../images/washington-brand-bg.jpg) center top no-repeat; width: 1000px;
		.region-header #block-jhup-custom-banner {padding: 0 25px;}
    img {
     margin-left:32px;
    }
	}
    .rules-debug-log {background: url(../images/washington-brand-bg-middle.jpg) repeat-y center top; padding: 10px 25px; margin: 0; width: 950px; border: none;}
	section.content-wrap {
		background: url(../images/washington-brand-bg-middle.jpg) repeat-y center top; padding: 0 25px; width: 950px;
    form {
      width:910px;
    }
		.region-content, .region-content2, .region-content3, .region-content4 {
      float: left;
      width: 900px;
      padding: 0 0 10px 25px;
      margin: 0;
      p a {
        color:#669;
      }
    }
	}
	footer {background: url(../images/washington-brand-bg-bottom.jpg) center bottom no-repeat; padding: 0 25px; width: 950px;}
}



/*these	are styles purely for the drupal tinymce editing interface*/
.mceContentBody h1 {
	color: #6C7B8E;
    font-size: 28px;
    font-weight: normal;
    line-height: 48px;
    margin: 1em 0;
}

.mceContentBody h2 {
	font-size: 16px;
    line-height: 38px;
    font-weight: bold;
    margin: 1em 0;
}

.mceContentBody p {
	font-size: 12px;
    line-height: 20px;
    margin: 1em 0;
}

