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

	CSS Properties
	
	Author: Michaelia Kelley
	Client:	Michaelia Kelley
	
	---
	
	Table of Contents
	
	1. CSS Reset / Base
	2. Typography
	3. Global Classes
	4. Container(s)
	5. Styles

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

/*----- 1. Css Reset / Base -----*/

html { font-size: 100%; }

body {
	background: url(../images/site/bg.jpg) repeat-x #f2f2f2;
	color: #ababab;
	font-family: "Lucida Grande","Helvetica", "Arial", Sans-Serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

ol, ul, li { list-style: none; }

a {
	color: #ababab;
	outline: 0;
	text-decoration: none;
}

a:hover { color: #999; text-decoration: underline;}

/*----- 2. Typography -----*/

h1, h2, h3 {
	color: #666;
	font-family: "Georgia", "Times", Serif;
	font-weight: normal;
	font-style: italic;
}

/*----- 3. Global Classes -----*/

.distext { display: none !important; }
.floatleft { float: left; }
.floatright { float: right; }
img { border: 0}
div.clear { clear: both;}
.slant { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
#myAnchor { margin: 0; height:30px;}
#banners {}

/*----- 4. Container(s) -----*/

#container {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 980px;
}

#leftcolumn {
	width: 155px;
	float: left;
	margin: 0 0 0 0;
}

#rightcolumn {
	width: 825px;
	float: right;
	margin: 0 0 0 0;
}

/* - Layout - */

div.project, div.header, #thanks, #footer {
	clear: both;
}

/* - Sidebar -*/


.logo {
	height: 187px;
	width: 155px;
}

.logo a {
	height: 100%;
	width: 100%;
}

div.sidebar {
	width: 155px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:justify;
	line-height:18px;
}

.emaillink a {
	text-decoration: none;
	color: #ff9100;
}

.sidebar-title {
	text-transform:uppercase;
	font-weight:bold;
	color: #9dc2bd;
	font-family: "Lucida Grande","Helvetica", "Arial", Sans-Serif;
	letter-spacing: 1px;
}

.sidebar-title a {
	text-transform:uppercase;
	font-weight:bold;
	color: #9dc2bd;
	font-family: "Lucida Grande","Helvetica", "Arial", Sans-Serif;
	letter-spacing: 1px;
	text-decoration:none;
}

.sidebar-sansserif {
	font-family: "Lucida Grande","Helvetica", "Arial", Sans-Serif;
	text-align:left;
}

.sidebar p {
	margin: 0;
}

div.quick-links {
	position: fixed;
	margin-left: 0px;
	float: left;
	margin-top: 3px;
	}
	
div.quick-links-static {
	margin-left: 0px;
	float: left;
	margin-top: 3px;
	}
	
div.quick-links p a {
	display: block;
	line-height: 18px;
	font-style:italic;
	font-size: 11px;
	}

div.quick-links-static p a {
	display: block;
	line-height: 18px;
	font-style:italic;
	font-size: 11px;
	}

div.quick-links p {
	padding-top: 4px;
}

div.quick-links-static p {
	padding-top: 4px;
}

/* - Header - */

div.header {
	background: url(../images/site/header.png) no-repeat;
	height: 281px;
	width: 825px;
	margin: 0 0 5px 0;
	float: left;
}

div.navigation { 
	float: right; 
	padding-top: 42px;
	padding-bottom: 8px;
}

ul.sitenav { margin: 0 0 0; }

ul.sitenav li {
	display: inline;
	font-size: 16px;
	text-transform: lowercase;
	color: #aaa;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 0 22px;
}

ul.sitenav li a {
	color: #888;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
}

ul.sitenav li a:hover, ul.sitenav li.current a { color: #ff9100; }


/* - Project Articles - */

div.project {
	width: 746px;
	/*border: 2px solid #fff; */
	/* background: url(../images/site/project-bg.png) repeat;	*/
	float: right;
	padding: 15px;
	margin-bottom:15px;
}

div.projectleft {
	min-width: 583px;
	float: left;
	vertical-align:middle;
}

div.projectname {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #ff9100;
	font-style:italic;
	padding-bottom: 4px;
}

.projectdesc {
	line-height: 18px;
	text-transform:uppercase;
	font-weight:bold;
}
	
.projectmeta {
	text-transform:lowercase;
	font-weight:normal;
}

div.projectright {
	width: 150px;
	float:right;
	text-align: center;
}

a.viewprojectlarge {
	background: url(../images/site/btn_large.png) no-repeat;
	display: block;
	height: 32px;
	width: 150px;
}

a.viewprojectlarge:hover { background-position: -150px 0; }

a.viewprojectlive {
	background: url(../images/site/btn_live.png) no-repeat;
	display: block;
	height: 32px;
	width: 150px;
}

a.viewprojectlive:hover { background-position: -150px 0; }

div.projectcontent {
	padding: 15px 0 0px 0;
	width: 746px;
	text-align: center;
}

div.projectimage {
	float: left;
	margin: 0 20px 0 0;
	width: 540px;
}

div.projectimage a img {
	border: 2px solid #999;
	display: block;
}

div.projectimage a:hover img { border: 2px solid #09F; }

/* - About - */

p.about {
	width: 500px;
	}

div.section {
	float:left;
	clear:both;
	margin: 0 0 20px 0;
	line-height: 18px;
	color:#999
}

.section-title {
	font-size:14px;
	color:#9dc2bd;
	font-family:Georgia,Times,"Times New Roman",serif;
	line-height:28px;
	font-style:italic;
}

/* - Thanks - */

#thanks {
	text-align: center;
	margin: 0 auto;
	width:100%;
	padding: 30px 0 30px 0;
}

#thanks p {
	text-transform: uppercase;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 18px;
	color: #888;
}

#thanks p a {
	color: #ff9100;
	text-decoration: none;
}

#thanks p a:hover { text-decoration: underline;}

/* - Footer - */

#footer {
	background-color: #e4e4e4;
	border-top: solid 2px #ffffff;
	margin: 0;
	width:100%;
}

#footer a:hover {
	color: #75b3ac;
	text-decoration: underline;
}

div.footerbg {
	background: url(../images/site/footer-drop.png) no-repeat;
	margin: 0 auto;
	width: 764px;
	padding-top: 20px;
}

div.footerleft {
	width: 240px;
	float: left;
	margin: 0 65px 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
}

div.titleimage-left {
	background: url(../images/site/aboutmichaelia.png) no-repeat;
	width: 139px;
	height: 13px;
	padding-bottom: 20px;
}

div.footermid {
	float: left;
	width: 210px;
	margin: 0 35px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
}

div.titleimage-mid {
	background: url(../images/site/getintouch.png) no-repeat;
	width: 119px;
	height: 13px;
	padding-bottom: 20px;
}

div.footerright {
	width: 194px;
	margin: 0 0 0 0;
	display: block;
	float:right;
	line-height:22px;
}

div.titleimage-right {
	background: url(../images/site/interwebs.png) no-repeat;
	width: 127px;
	height: 13px;
	padding-bottom: 20px;
}

div.footergreen {
	padding-top: 16px;
	line-height: 14px;
	}

div.footerbg a {
	font-family: "Lucida Grande", Arial, sans-serif;
	text-decoration: underline;
}

div.footergreen a {
	text-decoration: none;
	color: #75b3ac;
}

div.copyright {
	color: #777;
	width:764px;
	text-align:center;
	padding: 20px 0 10px 0;
}