/* ~~~~~~~~~ layout ~~~~~~~~~~ */

bob {
#			    -webkit-transition: background-color 0.2s linear;  
#	 			-moz-transition: background-color 0.2s linear;  
#				-o-transition: background-color 0.2s linear; 
}
#container {
	width: 840px;
	margin: 20px auto;
	background: #fff;
	padding: 30px;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/* ~~~~~~~~~ header ~~~~~~~~~~ */

#main-navigation {
	border-bottom: 5px solid #558e28;
	margin: 20px 0;
}
	#main-navigation ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
		font-size: 15px;
	}
		#main-navigation li {
			float: left;
		}
			#main-navigation li a, #main-navigation li a:link {
				background: #67b300;
				margin: 0 5px 0 0;
				padding: 5px 30px;
				display: block;
				color: #fff;
				text-decoration: none;
				-moz-border-radius: 7px 7px 0 0;
				-webkit-border-radius: 7px 7px 0 0;
			}
			#main-navigation li.current a {
				background: #558e28;	
			}
			#main-navigation li a:hover {
				background: #777;	
			}
			
/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
}

response-code {
	float: left;
	width: 820px;
	background: #f16a1f;
	padding: 10px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color:white;
	text-align: center;
	font: 2.4em/1.4 georgia, 'times new roman', times, serif;
	display:none;
}

full-width {
	float: left;
	width: 820px;
	background: #dadcdd;
	padding: 10px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color:white;
	text-align: center;
	font: 2.4em/1.4 georgia, 'times new roman', times, serif;
}

section {
	float: left;
	width: 480px;
	background: #dadcdd;
	padding: 20px 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

section-half {
	float: left;
	width: 350px;
	background: #dadcdd;
	padding: 20px 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
section-half-right {
	float: right;
	width: 350px;
	background: #dadcdd;
	padding: 20px 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 10px;
}


section-third {
	float: left;
	width: 200px;
	background: #dadcdd;
	padding: 20px 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

section-third-right {
	float: right;
	width: 537px;
	background: #dadcdd;
	padding: 20px 10px 30px 25px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 10px;
}

section-half2 {
	float: left;
	width: 395px;
	background: #dadcdd;
	padding: 20px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
section-half-right2 {
	float: right;
	width: 395px;
	background: #dadcdd;
	padding: 20px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 10px;
}


/* ~~~~~~~~~ aside ~~~~~~~~~~ */

/* ~~~~~~~~~ aside ~~~~~~~~~~ */

aside {
	float: right;
	width: 290px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #999;
	padding: 10px;
	margin-bottom: 10px;
}
	aside h2, aside p {
		color: #fff;	
	}

			
/* ~~~~~~~~~ footer ~~~~~~~~~~ */
			
footer {
	width: 840px;
	margin: 20px auto;
	font-size: 1.4em;
	text-align: right;
}