@import url('../publish/style.css');

/*
Theme Name: philosophy
Theme URI: URI to your theme
Description: Gerald Press Professor of Philosophy web site based on the theme publish by Konstantin Kovshenin (http://kovshenin.com)
Author: tom kenny
Version: 0.0.1
Template: publish
*/

@import url(http://fonts.googleapis.com/css?family=Lusitana:400,700);
@import url(http://www.geraldpress.com/gerald_press_styleA1.css);

.site {
	width: 1024px;
	height: 110%;
	margin: 0px auto;
	padding: 0;
    padding: 0 40px;
	-moz-box-shadow: 0px 2px 0px 2px #798ea1;
	-webkit-box-shadow: 0px 2px 0px 2px #798ea1;
	box-shadow: 0px 2px 0px 2px #798ea1;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	background-color:#adcfee;	
}

body {
	font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;

}

.site-header {
	font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
    width: 30%;
}


.main-navigation li{
	color:#666;
}

.main-navigation a {
	color:#F00;
}

.site-description{
	color: #000;
}

.main-navigation ul, .widget-area ul, .widget-area ol {
	font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
}

.main-navigation a {
	color: #666;
}

#Gerald_Press {
	margin: 30px 0 0  20px;
	z-index:100;
}
#Gerald_Press h1{
	margin:0px 0 0 -35px;
	padding: 0 0 0 0;
	font-family: 'Lusitana', serif;
	font-size: 60px;
	font-weight:400;
	color: #444;
}
#Gerald_Press h2{

	margin: -20px 0 0 -30px;
	padding: 0 0 0 0;
	font-family: 'Lusitana', serif;
	font-size: 22px;
	font-weight:100;
	color: #555;
}

.jerry-pic {
	padding:0;
	margin: 10px 0 0px -30px;	
}

.site-main article {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0 40px;
    border-bottom: 0px solid #DDDDDD;
    padding: 0px 0 0px;
	}
	
ul.UL-info {
	list-style:none !important;  
 	width:80% !important;
 	margin-left:0  !important; 
 	padding-left:0  !important;
	font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
	font-size: 16px;
	}

li.title {
	display: inline-block !important;
	width:23% !important; 
	list-style:none !important;  
 	margin-left:0; 
 	padding-left:0;
	margin-bottom:px; 
	float:left !important;
	font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
	font-size: 16px;
}

 li.info {
	 display: inline-block !important; 
	 width:76% !important; 
	 height:px; 
	list-style:none !important;  
	 margin-bottom:10px; 
	 float:left;
	 font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
	font-size: 16px;
	hyphens: none ;
	margin-left:1%;
 }

 li.List-pic {
	display: inline-block !important;
	width:20% !important; 
	list-style:none !important;  
	margin-bottom:px; 
	line-height: ;
	float:left;
 }
 li.article-Title{
	 display: inline-block !important;
	width:35% !important; 
	list-style:none !important;  
 	margin-left:0; 
 	padding-left:0;
	margin-bottom:px; 
	float:left !important;
	font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
	font-size: 16px;
 }
 
 
 li.article-Info {
	 display: inline-block !important; 
	 width:62% !important; 
	 height:px; 
	list-style:none !important;  
	 margin-bottom:10px; 
	 float:left;
	 font-family: Lusitana, Georgia, "Times New Roman", Times, serif  !important;
	font-size: 16px;
	hyphens: none ;
	margin-left:1%;
 }
 .clear-float {
	list-style:none !important;  
	 clear:left !important;  
	 width:0%;
 }

 @media only screen and (max-width: 900px){

.site {
	width: 100%   !important;
	height:auto  !important;
}

.site-header {
    width: 100% !important;
}

.main-small-navigation .menu-toggle {
    padding: 10px 40px  !important;  /*<<<< new line*/
    font-size: 40px  !important;  /*<<<< new line*/
}


.site-logo, .site-logo img {
    width: 80px !important;   /*<<<< new line*/
    padding-top: 30px !important;  /*<<<< new line*/

}

#Gerald_Press {
    margin: -30px 0 0 20px !important;
}
ul.UL-info {
 	width:100% !important;
	}

}