*{
	margin:0;
	padding:0;
}

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 22px;
background-color: white;
color: #797979;
-webkit-font-smoothing: antialiased;
position: relative;
    width: 100% ;
    height:100%;
    
   
    margin: 0px ;
}



header{
	border-right:solid 1px white;
	z-index: 100;
	padding:0px; margin:0px; top:0; left:0; bottom:0;  position:fixed; 
	background:#000000;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, 
	rgba(0, 0, 0, 0.98)), color-stop(20%, 
	rgba(0, 0, 0, 0.93)), color-stop(40%, 
	rgba(0, 0, 0, 0.88)), color-stop(60%, 
	rgba(0, 0, 0, 0.83)), color-stop(100%, 
	rgba(0, 0, 0, 0.78)));
	background: -webkit-linear-gradient(top, 
	rgba(0, 0, 0, 0.98) 0%, 
	rgba(0, 0, 0, 0.93) 20%, 
	rgba(0, 0, 0, 0.88) 40%, 
	rgba(0, 0, 0, 0.83) 60%, 
	rgba(0, 0, 0, 0.78) 100%);
	background: -moz-linear-gradient(top, 
	rgba(0, 0, 0, 0.98) 0%, 
	rgba(0, 0, 0, 0.93) 20%, 
	rgba(0, 0, 0, 0.88) 40%, 
	rgba(0, 0, 0, 0.83) 60%, 
	rgba(0, 0, 0, 0.78) 100%);
	background: -o-linear-gradient(top, 
	rgba(0, 0, 0, 0.98) 0%, 
	rgba(0, 0, 0, 0.93) 20%, 
	rgba(0, 0, 0, 0.88) 40%, 
	rgba(0, 0, 0, 0.83) 60%, 
	rgba(0, 0, 0, 0.78) 100%);
	background: linear-gradient(top, 
	rgba(0, 0, 0, 0.98) 0%, 
	rgba(0, 0, 0, 0.93) 20%, 
	rgba(0, 0, 0, 0.88) 40%, 
	rgba(0, 0, 0, 0.83) 60%, 
	rgba(0, 0, 0, 0.78) 100%);
	
}

ul, ol {
list-style:none;	
}

li {
display: list-item;
text-align: -webkit-match-parent;
}

a, a:hover, a:visited {
color: white;
text-decoration: none;
}

nav {	
	position:static;
	margin-top:100%;
	height:10px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	padding:0px;
	text-align:center;
}


header nav li{
	margin-left:10px;
	margin-right:10px;
	border-bottom: 1px solid white;
	padding: 15px 0px 15px 0;
	color:white;
}

header nav li:hover{
	cursor: pointer;
}

header nav li a {
	-webkit-transition: color 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
}




/* +++ individual selectors +++ */

.main
{
	background-color: white; 
	margin-left:103px;
	
}

.profilePhoto{
	
}
				
/*category structure*/			
.category {
	float:left;height: 100%;
}

.category-prescription {
	float:left;padding:100px;width:300px;
	vertical-align:text-top; height: 100%;
	padding-bottom:0px;
		
	border-left: 10px solid #3993bc;
	background-color: rgba(255, 255, 255, 0.8);
}

.category-content {
	float:left;padding:100px; background-color: white;
	min-width:500px; vertical-align:middle; height: 100%;
	padding-bottom:0px;

}

/*article structure*/
.article{
    -moz-column-width: 250px;  
    -webkit-column-width: 250px;   
    column-width: 250px; 
    
    -moz-column-rule: 1px dotted #ccc;  
    -webkit-column-rule: 1px dotted #ccc;  
    column-rule: 1px dotted #ccc; 
    
    height:80%;float:left;width:1300px;
    
    margin-left:100px;

}

.article-header{
	font-size: 20px;
	color:black;
	padding-bottom: 15px;
}

.article-lead{
	font-style:oblique;
	padding-bottom: 20px;
}

/*enumeration in category-content*/
.text{
    -moz-column-width: 500px;  
    -webkit-column-width: 500px;   
    column-width: 500px; 
    
    -moz-column-rule: 1px dotted #ccc;  
    -webkit-column-rule: 1px dotted #ccc;  
    column-rule: 1px dotted #ccc; 
    
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    
    height:80%;float:left;width:1600px;
    margin-left:100px;	
}


/*mobile devices*/
@media  (max-width:400px){
				
				html{width:auto;height:auto;}
				body{min-width:0px;width:auto;}
				header{
					z-index: 100;
					padding:0px; margin:0px; top:0; left:0; right:0; position:fixed;
					height:60px; 
					
				}
				
				ul, ol {
				list-style:none;
				padding: 0px 10px;	
				}
				
				li {
				display: list-item;
				display: inline;
				text-align: -webkit-match-parent;
				}
				
				a, a:hover, a:visited {
				color: white;
				text-decoration: none;
				}
				
				nav {	
					position:static;
					margin-top:0px;
					height:10px;
				}
				
				nav ul, nav ol {
				
				list-style: none;
				list-style-image: none;
				padding:0px;
				text-align:center;
				}
				
				h2 {
					text-align:center;
				}
				header nav li{
				/*remove settings*/		border-bottom:none;
										margin-left:0px;
										margin-right:0px;				
				/*resetting*/
					

				border-right: 1px solid white;
				padding: 0px 10px 0px 10px;
				}

				#main
				{
				/*resetting*/			 height: auto;
					
				}


				
				.theEnd {
					display:none;
					
				}
				
				/*category structure*/			
				.category {
					float:left;
					
					/*resetting*/		height: auto;
					
					width:100%;
									}
				
				.category-prescription {
					
					/*remove settings*/	border-left:none;
										padding:65px 0px 0px 0px;
										
					/*resetting*/		width:100%;
														
					
										
					float:left;
					vertical-align:text-top; height: 100%;
					padding-bottom:0px;
						
					border-top: 10px solid #3993bc;
					background-color: rgba(255, 255, 255, 0.8);
				}
				
				.category-content {
					/*remove settings*/	min-width:0px;
										padding:0px;
										
					float:left; background-color: white;
					vertical-align:middle; height: 100%;
					padding-bottom:0px;
					
					width:100%;
					min-height:470px;
				
				}
				
				.first-category{					
					/*remove settings*/	margin-left:0px;
					
					margin-top:80px;
				}

				/*article structure*/
				.article{
				    -moz-column-width: none;  
				    -webkit-column-width: none;   
				    column-width: none; 
				    
				    -moz-column-rule: none;  
				    -webkit-column-rule: none;  
				    column-rule: none; 
				    
				    height:80%;float:left;width:auto;
				    
				    margin-left:0px;
				    
				    border-bottom:1px solid;
				    margin:20px;
				
				}
				
				.last-article{
					border-bottom:none;
				}
				
				.article-content{
					text-align:justify;
				}
				
				.text{
				    -moz-column-width: none;  
				    -webkit-column-width: none;   
				    column-width: none; 
				    
				    -moz-column-rule: none;  
				    -webkit-column-rule: none;  
				    column-rule: none; 
				    
				    -moz-column-gap: none;
				    -webkit-column-gap: none;
				    column-gap: none;
				    
				    height:80%;float:left;width:auto;
				    margin-left:0px;	
				    
				    margin:20px;
				}				









	/*additional settings*/
	.no-mobile-display{display: none}
}