/**
Theme Name: Aleph Standard
Theme Description: Custom theme for Aleph Research Journal @ UCLA
*/
@font-face {
				font-family:NewCircle;
				src: url("css/fonts/NewCircle/New Cicle Fina.ttf");
			}
			
@font-face {
				font-family:TitleFont;
				src: url("css/fonts/BasicTitleFont/basictitlefont.ttf");
			}
			
@font-face {
				font-family:CodeLight;
				src: url("css/fonts/Code/CODELight.otf");
			}
			
@font-face {
				font-family:CodeBold;
				src: url("css/fonts/Code/CODEBold.otf");
			}

			
			html {
				position:relative;
				min-height:100%;
			
			}
			
			body {
			
				margin: 0 0 50px;
				font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;	
			}
			
			footer {
				position:absolute;
				left:0;
				right:0;
				bottom:0;
				background-color:#222;
				color:#ccc;
				height:50px;
				text-align:center;
			
			}
		
			* {
				
				padding:0;
				margin:0;
				/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 	*/		
			}
			
			
			#header {
			
				height:100px;
				background-color:#fff;
				padding-top:5px;
				color:#222;
				font-size:56pt;
				font-family:NewCircle;
				line-height:30pt;
				text-align:center;
				/*font-weight:bold;
				/*font-family:TitleFont;*/
				word-wrap:break-word;
			}
			
			#header img{
				
				margin-right:20px;
			
			}
			
			#header sup {

				font-size:10pt;
				word-wrap:break-word;
				color:#222;
			
			}
			
			/*menu*/
			
			#menu {
				position:relative;
				background-color:#222;
				height:32px;
				color:white;
				font-size:18pt;
				padding-top:0px;
			}
			#menu ul {
				position:relative;
				text-align:center;
				padding:0;
				margin:0;
				margin-left:1%;
				
				margin-right:1%;
			
			}
			
			#menu ul li {
				padding:0;
				margin:0;
				width:30%;
				padding-bottom:0px;
				vertical-align:top;
				background-color:#222;
				word-wrap:break-word;
				cursor:pointer;
				/*font-family:TitleFont;*/
				display:inline-block;
				
				-moz-transition: background-color 0.3s;
				-webkit-transition: background-color 0.3s;
				-o-transition: background-color 0.3s;
				transition: background-color 0.3s;
				overflow:hidden;
			
			}
			
			/*hover menu*/
			
				#menu ul li ul {
					padding:0;
					margin:0;
					display:none;
					opacity:0.9;
					margin-top:-1px;
				}
				
				#menu ul li:hover ul {
					z-index:1002;
					display:block;
					
				
				}
			
				
				#menu ul li ul li {
					height:32px;
					line-height:32px;
					padding:0;
					margin:0;
					display:block;
					width:100%;
					font-size:13pt;
					background-color:#111;
					color:white;
				
				}
				
				#menu ul li ul li:hover {
					background-color:#444;
				
				}
			
			/*end hover menu*/
			
			#menu ul li:hover {
			
			background-color:#666;
			
				
			
			}
			
			/*latest article*/
			
			#latest_article, .article_fullwidth {
				position:relative;
				height:150px;
				background-color:#fff;
				border-bottom:1px solid #aaa;
  				background: linear-gradient(black, #333); /* Standard syntax */
				color:white;
				padding:10px;
				cursor:pointer;
				background:url("bg4.jpg");
				background-attachment:fixed;
				background-size:cover;
				background-position:center 150%;
				
			
			
			}
			
			#latest_article {
			
				font-family:TitleFont;
				font-size:1.2em;
			
			}
			
			#latest_article .article_ex {
			
				font-weight:bold;

			
			}
			
			
			/*#latest_article:hover {
			
  				background: linear-gradient(#111, #444); 
			}*/
			
			#bg_cover {
				z-index:1;
				position:absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				background-color:black;
				opacity:0.57;
			
			}
			#l_a { /*featured article container*/
				position:absolute;
				padding:10px;
				z-index:2;
				top:0;
				left:0;
				right:0;
				bottom:0;
				overflow:hidden;
			
			}
			
			.latest_text {
				
				color:#fff;
				font-size:20pt;
				font-weight:bold;
			
			
			}
			
			.article_details {
			
				margin-left:15px;
			
			}
			
			.article_author {
			
				color:#aaa;
				
			
			}
			
			.article_ex { /*featured/latest article abstract*/
				display:block;
				color:orange;
				/*font-family:TitleFont !important;

				
			
			}
			
			.article_ex span, .article_ex div {
				font-family:TitleFont !important;
			}*/
			}
			
			/*recent articles*/
			
			.recent_articles_header {
				display:block;
				color:#888;
				font-family:TitleFont;
				margin:10px;
			
			}
			/*full width recent articles*/
			
			.article_fullwidth {
				margin:0 auto;
				width:90%;
				position:relative;
				background:transparent;
				margin-top:5px;
				min-height:80px;
				height:auto !important;
				
				
			}
			
			.article_fullwidth figure {
				position:relative;
				float:left;
				clear:right;
				margin-right:10px;
				width:100px;
				height:80px;
				margin-right:10px;
				border:1px solid #cecece;
				border-radius:0px;;
				background:url("https://domains90210.com/wp-content/uploads/2014/01/shutterstock_120544951.jpg");
				background-size:cover;
			
			}
			
			.article_fullwidth .article_title {
			
				color:black;	
			
			}
			
			.article_fullwidth .article_main {
			
				clear:both;
			
			}
			
			
			
			
			#recent_articles {
			
				width:100%;
				color:black;
				text-align:left;
				margin:0 auto;
			}
			
			#articles {
				display:block;
				overflow:hidden;
				
				
			
			}
			
			#articles:after {
				
				content:"";
				display:table;
				clear:both;
			
			}
			
			.article_thumb {
			
				position:relative;
				display:inline-block;
				float:center;
				height:150px;
				width:200px;
				background-color:#dfdfdf;
				margin:5px;
				border-radius:0px;
				border-top:8px solid black;
			
			}
			
			/*story page*/
			
			article {
			
				margin:210px;
				margin-top:10px;
			
			}
			
			hr {
				margin:10px auto;
				border:0;
				height:1px;
				background-color:black;
				opacity:0.9;
				border:1px solid black;
				border-radius:10px;
			}
			
			.article_content {
				font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
				padding:0 0;
				line-height:23px;
				
			
			}
			
			.article_content, .article_content span, .article_content div { /*the span/div is for when people copy/paste pre-formatted articles over*/
				font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
			}
			
			/*regular page*/
			
			.page {
				padding:0;
			}
			
			/*search form*/
			
			#header .searchform {
				width:50px;
				height:35px;
				overflow:hidden;
				font-size:10pt;
				float:right;
				position:absolute;
				margin:5px;
				right:0;
				margin-top:0;
				background-color:#eee;
				color:#333;
				border:1px solid #aaa;
				border-radius:10px;
				padding:5px;
				transition: width 0.5s ease;
			
			}
			
			#header .searchform:hover, #header.searchform:active {
			
				width:250px;
			
			}
			
			.searchform input {
			
				border:1px solid #888;
				outline:none;
				padding:2px;
				border-radius:5px;
			
			}
			
			.searchform #searchsubmit {
				
				background-color:#fff;
				cursor:pointer;
				transition:background-color 0.25s ease;
				
			}
			
			.searchform #searchsubmit:hover {
				background-color:#222;
				color:#f0f0f0;
			}
			
			/*links*/
			
			a, a:visited {
			
				border-bottom:0;
				text-decoration:none;
				color:initial;
			
			}
			
			/*comments section*/
			
			.comments {
				padding:15px;
			}
			
			
			
			/*scale*/
			
			@media print, screen and (max-width:768px) 
			{
			
				#menu ul li {
				
					font-size:13pt;
					line-height:24pt;
				
				}
				
				#menu ul li ul li {
					font-size:10pt;
				}
				
				#header .searchform {
				
					padding:0;
					opacity:0.8;
					z-index:1000;
				
				}
				
				article {
			
				margin:100px;
				margin-top:10px;
			
				}
			
			
			}