/* CSS Document */
body {
	margin:0;
	padding:0;
	font: 84% Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #333;
	background:#24c0d7;
}

#body a {
	color:#38783e;
	text-decoration:none;
}

#body a:visited {
	color:#520469;
	text-decoration:none;
}

#body a:hover {
	text-decoration:underline;
}

#sidebar a {
	color:#38783e;
	text-decoration:none;
}

#sidebar a:visited {
	color:#520469;
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration:underline;
}

#navsidebar a {
	color:#38783e;
	text-decoration:none;
}

#navsidebar a:visited {
	color:#520469;
	text-decoration:none;
}

#navsidebar a:hover {
	text-decoration:underline;
}
/* a:hover {
	text-decoration:underline;
} */

#container {
	width: 728px;
	margin: 0 auto;
	background:#FFF;
}

#toparea {

	background:#24c0d7;

}

#header {
	/* height: 160x; */
	 /* background:url(header.jpg) no-repeat top left; */
	background:#24c0d7;

}

#navbar {
	background:#24c0d7;
	/* font-weight:bold;
	font-size:medium;
	color:#ffffff;
	text-decoration:none; */
}

#body {
	padding: 1em;
	
}

#sidebar {
	float:right;
	width: 200px;
}

#navsidebar {
	float:left;
	width: 200px;
}

#photobox {
	float:right; 
	width:510px;
	 padding: 1em 8px 0 0; 

}

#footer {
	clear:both;
	font-size: 80%;
	color:#999;
	text-align:center;
}

.navarea {
	font-weight:bold;
	font-size:medium;
	color:#ffffff;
	text-decoration:none;
}

.navarea a {
	color:#ffffff;
	text-decoration:none;
}

.navarea a:hover {
	color:#363b61;
	text-decoration: none;
}


.blueback {
	background:#24c0d7;

}

.sidebox {
	 margin: 1em; 
        border: 1px solid #363b61;
        padding: 0;
}

.sidebox .title {
	font-size:120%;
	font-weight:bold;
	color:#fff;
        background:#363b61;
        padding: .2em;
}

.sidebox .body {
	font-size: 90%;
        padding: .2em; 
}

.navbar p:hover {

}

.post {
	margin: 2em 0;
}

.post .title {
	margin: 0;
}

.post .title h3 {
	font-size:200%;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 1em;
}

.post .title h3 a {
	color:#5377c5;
	text-decoration:none;
}

.post .title h3 a:hover {
	text-decoration: underline;
}

.post .title h4 {
	font-weight:normal;
	font-size: 90%;
	margin: 0;
	padding: 1em 0;
	color:#999;
	line-height: .1em;
}

.post .title h4 a {
	color:#99F;
}

.post .body {
	margin:0;
}

.post .body .tags {
	font-size: 80%;
}

.script {
	font-size: 400%;
	margin: 0 0 .5em 0;
	font-family:Edwardian Script ITC, Arial, Sans-Serif;
}

.samplebox {
	width: 300px;
    border: 1px solid #5377c5;
    padding: 0;
	margin: 1.5em;
}

.samplebox .title {
	font-size:120%;
	font-weight:bold;
	color:#fff;
        background:#5377c5;
        padding: .2em;
}

.samplebox .body {
	font-size: 90%;
        padding: .2em;
}

#marketing.samplebox { float: left;

 }
#city.samplebox { float: right;

 }

.writingbox {
	width:	35%;
}
.writingbox h2 {
	text-align:	center;
}

.writingbox p {
	text-align: center;
}


#personal.writingbox { float: left; 
}
#professional.writingbox { float: right }

#listbox {
	width: 60%;
	margin: 0 auto;
}