/* Table of Contents
-----------------------------------

	1. Globals & General
	2. Header
	3. Navigation
	4. Content
	5. Portfolio
	6. About Me
	7. Footer

-----------------------------------*/

	@import url('lightbox.css');

/* START: Globals & General
-----------------------------------*/

	body {
		background: #56a1d7 url('../images/body-bg.jpg') -45px 0 repeat-y;
		color: #333;
		font: 14px/20px "Lucida Sans", Verdana, Arial, sans-serif;
		margin: 0;
	}
	
		a {
			color: #216ba4;
		}
		
		a:hover {
			color: #ef8a20;
		}
	
		img {
			border: 0;
		}
		
		.clear {
			clear: both;
		}
		
		.col_50 {
			float: left;
			margin: 0 0 15px 20px;
			width: 45%;
		}
		
		ol {
			font-size: 12px;
			margin: 0;
			padding-left: 25px;
		}

/*---------------------------------*/


/* START: Header 
-----------------------------------*/

	#header {
		background: url('../images/header-bg.jpg') repeat-x;
		height: 152px;
		width: 645px;
	}
	
		#header h1 {
			left: 25px;
			margin: 0;
			position: absolute;
			top: 35px;
		}
		
			#header h1 a {	
				color: #216ba4;			
				display: block;
				font-size: 36px;
				height: 50px;
				padding: 7px 0 0 0;
				text-decoration: none;
			}
			
			.alt_light_blue {
				color: #ecf5fa;
			}
		
		.slogan {
			color: #fff;
			font-weight: bold;
			font-size: 20px;
			position: absolute;
			top: 80px;
			text-align: right;
			width: 565px;
		}
		
		.todays_date {
			background: url('../images/todays-date-star.jpg') no-repeat;	
			color: #000;
			display: block;
			font-weight: bold;
			height: 142px;
			left: 582px;
			padding-top: 30px;
			position: absolute;
			text-align: center;
			top: 8px;
			width: 143px;
		}
		
			.todays_month {
				font-size: 30px;
			}
			
			.todays_day {
				font-size: 45px;
				margin-top: 20px;
			}

/*---------------------------------*/


/* START: Navigation 
-----------------------------------*/

	#navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 125px;
	}
	
		#navigation ul li {
			display: inline;
			padding: 0 20px;
		}
		
			#navigation ul li a {
				color: #216ba4;
				font-weight: bold;
				text-decoration: none;
			}
			
/*---------------------------------*/


/* START: Content
-----------------------------------*/

	#left_side {
		float: left;
		padding: 20px 0;
		width: 645px;
	}
	
		.left_content {
			margin-left: 20px;
			padding: 10px 0;
			width: 635px;
		}
		
			#left_side h2 {
				background: #ecf5fa;
				border-color: #216ba4;
				border-style: solid;
				border-width: 1px 0;
				color: #216ba4;
				height: 25px;
				margin: 5px 0;
				padding: 3px 0 0 20px;
			}
			
			#left_side h3 {
				color: #216ba4;
				margin: 15px 0;
				padding: 0;
			}
			
			#left_side h4 {
				border-bottom: 1px solid #333;
				margin: 5px 0;
			}
			
	#right_side {
		float: left;
		margin-left: 20px;
		width: 100px;
	}
	
		#right_side h3 {
			color: #bbd9ed;
		}
		
		#right_side ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			#right_side ul li {
				color: #fff;
				font-size: 12px;
			}
		
			#right_side ul li a,
			#right_side p a {
				color: #bbd9ed;
				font-size: 12px;
				text-decoration: none;
			}
			
				#right_side ul li a:hover,
				#right_side p a:hover {
					color: #333;
				}
				
		#right_side dl dt {
			color: #fff;
			font-size: 12px;
		}
		
		#right_side p {
			color: #fff;
			font-size: 12px;
			margin: 0;
		}
		
/*---------------------------------*/


/* START: Porftolio 
-----------------------------------*/
			
	.portfolio_left {
		float: left;
		width: 115px;
	}
	
		.portfolio_left a span {
			background: #ebf3fa;
			border-bottom: 1px solid #1f6ba4;
			color: #1f6ba4;
			display: block;
			font-size: 11px;
			height: 15px;
			margin: 0 0 0 3px;
			padding-bottom: 3px;
			width: 105px;
			text-align: center;
		}
	
		.portfolio_left img {
			background: #fff;
			border: 1px solid #216ba4;
			margin: 2px 2px 0 2px;
			padding: 2px;
		}
	
	.portfolio_right {
		float: left;
		width: 480px;
	}
	
		.portfolio_right p {
			font-size: 12px;
			margin: 4px 0;
		}

/*---------------------------------*/


/* START: About Me 
-----------------------------------*/

	.date {
		float: left;
		font-size: 12px;
		width: 300px;
	}
	
	.location {
		font-size: 12px;
		margin-bottom: 5px;
		text-align: right;
	}

/*---------------------------------*/

	
/* START: Footer
-----------------------------------*/
	
	#footer {
		border-top: 1px solid #216ba4;
		font-size: 11px;
		margin: 15px 4px;
		padding: 4px;
		width: 630px;
	}

/*---------------------------------*/