/*  css: 	josedieppa.css
    ver: 	1.0
    web: 	josedieppa.com
    by: 	Jose Rodriguez Dieppa
    ...................................................................... */

/*	Legend
    ...................................................................... */
	/*
		Content			[cont]
		Comment			[comm]
		Header 			[head]
		Imports			[impo]
		Footer			[foot]
		Fundation		[fund]
		Sidebar			[side]
		Typography		[typo]
	*/
 
 /*	Imports 														[impo]
    ...................................................................... */
	
	@import "reset.css"; /* Browser Reset by Eric Meyer. */
	  
/*	Typography 														[typo]
    ...................................................................... */
	
	body	
		{	font-size: 62.5%;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.4;
		}
	a	{	text-decoration: none;
			font-family: "Times New Roman", Times, serif;
			font-size: 16px;
			font-style: italic;
			color: #bc8737;
		}
	
	h1, h2, h3, h6
		{	font-family: "Palatino Linotype", Palatino, "Times New Toman", Times, serif;
			font-style: italic; 
			color: #5a6f37;
		}
	h1	
		{	font-size: 28px;
			letter-spacing: -2px;
		}
	h2
		{	font-size: 22px;
			letter-spacing: -1px;
		}
	h3, h4, h5
		{	
			font-weight:normal;
			font-family: "Times New Roman", Times, serif;
			color: #bc8737;
		}
	h3
		{	text-indent: -9999em;
			font-size: 95px;
		}
	h4
		{	font-size: 22px;
			text-shadow: 1px 1px 0 #f2f1f1;
			font-style: italic;
		}
	h5, h6
		{	font-size: 16px;
			font-style: italic;
			color: #3c3c3c;
		}
	h6.footer
		{	font-size: 12px;
			text-align: left;
		}	
	p
		{	font-size: 16px;
			color: #444;
		}
	p.side
		{	font-family:"Times New Roman", Times, serif;
			font-size: 12px;
			padding-right: 10px;
			margin-bottom: 20px;
		}

/*	Fundation 														[fund]
    ...................................................................... */
	
	body
		{	width: 100%;
			height: 100%;
			min-width: 990px;
			background-color: #e5e5e5;
			
		}	
	h2
		{	margin-bottom: 10px;
		}
	h3
		{	
			display: block;
			width: 561px;
			height: 107px;
			margin-left: 25px; 
		}
	p	{	margin-bottom: 10px;
		}
	a:hover
		{	border-bottom: 1px dotted #bc8737;
			font-weight: bold;
		}	
		

/*	Header 															[head]
    ...................................................................... */

/*	Content 														[cont]
    ...................................................................... */
	
	#page
		{	background-color: #fff;
			border-left: 1px solid #cfcfcf;
			padding: 130px 0 25px 0;
			width: 74.9%;
			float: right;
			
		}
	#page h3#work
		{	background: url(../img/h3_work_header.png) no-repeat;
		}
	#page h1
		{	margin: 20px 0 0 85px;
			padding-left: 40px;
			display: block;
			width: 640px;
			height: 60px;
			background: url(../img/h1_background.png) no-repeat top left;
		}
	#page h6#articleinfo
		{	margin: -25px 0 0 85px;
			padding-left: 40px;
		}
	#page #page_content
		{	width: 600px;
			margin: 20px 0 0 125px;
		}
	#page_content ul
		{	list-style: square;
			padding: 0 0 5px 10px;
			margin-bottom: 20px;
			border-bottom: 1px solid #cfcfcf; 
		}

/*	Comment 														[comm]
    ...................................................................... */

/*	Sidebar 														[side]
    ...................................................................... */
	
	#sidebar
		{	text-align: right;
			width: 25%;
			padding-top: 160px;
			float: left;
			min-width: 230px;
						
		}
	#sidebar_content
		{	width: 230px;
			height: auto;
			float: right;
		}
	#sidebar_content h4
		{ 	background:url(../img/h4_header.png) no-repeat top right;
			padding:0 55px 25px 0;
		}
	#topics
		{	margin-bottom: 20px;
		}
	#topics li
		{	padding: 5px 8px 0;
			background: url(../img/topics_bg.png) no-repeat bottom right;			
		}
	#topics	a
		{	color: #3c3c3c;
			padding-bottom: 2px;
		}
	#topics a:hover
		{	background-color: #bc8737;
			padding: 0 5px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px; /* for old Konqueror browsers */
			border-radius: 10px; /* future proofing */
		}
	
/*	Footer 															[foot]
    ...................................................................... */		
	
	#footer
		{	padding-bottom: 5px;
		}	
	#footer h6.footer
		{	padding-top: 2px;
		}