@charset "UTF-8";
@import url("reset.css"); /*Reset CSS Styles - from Meyer Web*/
/*
| ------------------------------------------------------ |
| Description: Site design for Lindsey Campbell dot net. |
| Version: 1.0                                           |
| Author: Lindsey Campbell (LCampbell0509@gmail.com)     |
| URL: http://www.lindseycampbell.net                    |
| ------------------------------------------------------ |
*/

/*
1. Color Palette
2. Layout
3. Styles




------1. Color Palette------

- dark creme #dadecc
- very dark brown #141300
- blog green #C5E631
- darker green #669922
- blog blue #71bdfc
- very light blue #E6F3F5
- dark grey #404040
- off-white #F1EEE7
*/

/*--------2. Layout---------*/
/* header */
#header {
	height: 240px;
	float:left;
	width:100%;
}
#header #navigation {
	float:right;
	margin: 20px 15px 20px 15px;
}
#header #navigation li {
	float: left;
	padding-right: 27px;
}
#logo {
	float:left;
	height: 125px;
}
#wrapper {
	padding:24px 0 20px 0;
	width:925px;
	margin:0 auto;
}
#leftColumn {
	float: left;
	width:200px;
}
#content {
	float: left;
	width:400px;
	padding: 0 20px;
}
#rightColumn {
	float: right;
	width:275px;
}
#footer {
	width: 100%;
	overflow: hidden;
}
#copyright {
	height: 37px;
	background: #141300;
	font-size: 1.2em;
}
#lindseycampbell {
	float: left;
	height: 23px;
	padding:2px 0 0 30px;
	margin-top: 5px;
}

/*--------3. Styles---------*/

body {
	font-size:0.75em;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #404040;
	background-color:#dadecc;
}
a {
	text-decoration:none;
	color:#669922;
}
a:hover {
	text-decoration:underline;
	color:#71bdfc;
}
em {
	font-style:italic;
}
hr {
	display:none;
}
strong {
	font-weight: bold;
}
br {
	clear:both;
}
h1 {
	margin-bottom:15px;
	margin-top: 15px;
}
/* header */
#header {
	background:#141300;
	border:none;
	border-bottom: 10px solid #669922;
}
#header h1 {
	float:left;
	font-size:150%;
	margin-left:15px;
	margin-top:20px;
}
/* header nagivation */
#header #navigation li {
	font-size: 1.3em;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#header #navigation li a {
	color: #C5E631;
}
#header #navigation li a:hover, #header #navigation li.active a {
	color: #71bdfc;
}
/* logo */
#logo {
	float:left;
	color: #a49c8f;
	font-weight: bold;
	font-size: 1.3em;
	border:none;
	padding-left:20px;
}
/* left column */
#leftColumn .container {
	background: #f1f0ef;
	padding: 10px 23px 10px 23px;
	margin-bottom:3px;
	line-height:1.8em;
}
#leftColumn h2.container {
	font-size:1.2em;
	color: #71bdfc; 
	padding:5px 0 10px 23px;
	text-transform:uppercase;
	font-weight:bold;
}
#leftColumn ul.container {
	font-size: 1.2em;
}
#leftColumn h3.container{
	font-size:1em;
	color: #71bdfc; 
	padding:5px 0 10px 23px;
	text-transform:uppercase;
	font-weight:bold;
}
#leftColumn .container p {
	padding-bottom:1em;
	line-height:1.5em; 
	font-size:0.75em;
}	
/* main content center */
#content .container h2 {
	color: #71bdfc; 
	font-size:2em;
	margin:10px 0;
	text-transform:uppercase;
}
#content h3{
	font-size:1.2em;
	color: #669922; 
	text-transform:uppercase;
	font-weight:bold;
}
#content .container p {
	padding-bottom:10px;
	font-size:1.3em;
	color:#141300;
}
#content ul li ul li {
	text-indent:1.5em;
}
/* right sidebar */
#rightColumn {
	background: #eeeded;
	padding:5px;
	margin-bottom: 20px;
	font-size:1em;
	color: #58584D;
	text-align:center;
}
#rightColumn h4 {
	text-transform:uppercase;
	color:#669922;
	font-size:110%;
	font-weight:bold;
	margin-left:20px;
}
/* footer */
#footer {
	border-top: 5px solid #669922;
	background: #F1EEE7;
}
#footer .container {
	background: #f1f0ef;
	padding: 10px 23px 10px 23px;
	margin-bottom:3px;
	line-height:1.8em;
}
#footer .container .footer-col {
	float: left;
	width:288px;
	margin-right: 18px;
}
#footer .container .footer-col h3{
	border-bottom: 4px solid #669922;
	color: #71bdfc; 
	font-size:1.13em;
	font-weight:bold;
	padding:15px 0 5px 5px;
}
#footer .container .footer-col p {
	padding: 10px 35px 10px 5px;
	font-size: 1.2em;
}
#footer .container .footer-col ul {
	border-top: 1px dashed #71bdfc;
	font-size: 1.2em;
}
#footer .container .footer-col li {
	border-bottom: 1px dashed #71bdfc;
	padding-bottom:1px;
}
#footer .container .footer-col li a {
	display: block;
	padding:3px 0 0 2px;
	height: 26px;
	color: #669922;
}
#footer .container .footer-col li a:hover {
	background: #E5E5E4;
	color: #71bdfc;
}
#footer .button {
	display: block;
	float: left;
	width: auto;
	line-height:1em;
	text-align: center;
	background: #669922;
	border: 4px solid #dadecc;
	color: #F1EEE7;
	cursor: pointer;
	margin:0;
	padding:3px 8px;
}
#footer .search {
	font-family:'Century Gothic', Verdana, arial, helvetica, sans-serif;
	font-size:90%;
	letter-spacing:1px;
}

#copyright ul {
	float: right;
	padding-top:7px;
	padding-right:7px;
}
#copyright li {
	float: left;
	padding-left:18px;
}