/*--------------------------------
CARYLPHILLIPS.COM
Content Page Stylesheet
Copyright 2009 Caryl Phillips
Author: Michael Borum//etherweave
http://www.etherweave.com

Version: April 2009
---------------------------------*/

#container {
	width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	overflow: visible;
	}

#masthead {
	width: 800px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#masthead img {
	margin: 0;
	padding: 0;
	}

/* NAVIGATION PLACEMENT -- NAV_HOME.CSS handles most styling for navigation and drop-down menus */

#nav {
	width: 800px;
	height: 20px;
	font-size: 12px;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	}

#nav ul {
	float: right;
	margin: 0;
	padding: 0;
	}

#nav ul li ul {
	margin: 0;
	padding: 0;
	}

#nav li {
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
	}

#nav li a {
	text-decoration: none;
	height: 20px;
	margin: 0;
	padding: 0 0 0 25px;
	}

#leftside { /* SECTION NAVIGATION IS HERE */
	float: left;
	width: 125px;
	text-align: right;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	padding: 15px 0 0 0;
	margin: 0;
	}

#leftside img {
	display: block;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	}

#leftside p {
	margin: 0 0 15px 0;
	padding: 0;
	}

#rightside { /* BODY CONTENT IS HERE */
	text-align: left;
	margin: 15px 0 0 150px;
	padding: 0;
	}

.left-column { /* FOR TWO-COLUMN BODY CONTENT LAYOUTS */
	float: left;
	width: 48%;
	margin: 0 15px 0 0;
	padding: 0;
	}

.right-column { /* FOR TWO-COLUMN BODY CONTENT LAYOUTS */
	margin: 0 0 0 48%;
	padding: 0;
	}

.media-left-column { /* FOR TWO-COLUMN BODY CONTENT LAYOUTS */
	float: left;
	font-size: 12px;
	width: 48%;
	margin: 0 15px 0 0;
	padding: 0;
	}

object {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.media-right-column { /* FOR TWO-COLUMN BODY CONTENT LAYOUTS */
	font-size: 12px;
	margin: 0 0 0 48%;
	padding: 0;
	}

.media-right-column ul li {
	margin: 0 0 15px 0;
	padding: 0;
	}

ul.media-links {
	float: left;
	margin: 5px 0 15px 0;
	padding: 0;
	}

ul.media-links li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}
	
.deck {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	letter-spacing: -1px;
	}

ul.articles li { /* FOR LISTINGS OF ARTICLES */
	margin: 0 0 20px 0;
	padding: 0;
	}
	
/* BOOK PAGES */

.Category {
	text-transform: uppercase;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 15px;
	color: #666;
	margin: 0;
	padding: 0;
	}
	
#BookInfo {
	float: left;
	margin: 15px 20px 15px 8px;
	padding: 0;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	}

#BookInfo .BookJacket {
	background-color: #000;
	width: 150px;
	height: 240px;
	padding: 0;
	margin: 10px 0 0 0;
	}

.BookJacket img { /* Drop-shadow effect */
	margin: -5px 0 0 -5px;
	border: 1px solid #000;
	}

#BookInfo ul {
	margin: 15px 0 0 0;
	text-align: right;
	}
	
/* END BOOK PAGES */
	
.content {
	font-size: 12px;
	font-weight: normal;
	}

div.inline-photo1 {
	float: right;
	clear: right;
	width: 250px;
	border: 1px solid #000;
	margin: 0 0 15px 15px;
	padding: 5px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 9px;
	}

.inline-photo2 {
	width: 350px;
	border: 1px solid #000;
	margin: 0 0 15px 0;
	padding: 5px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 9px;
	}
	
div.inline-photo1 img, .inline-photo2 img {
	display: block;
	}
	
.news-headline { /* FOR NEWS PAGE */
	display: block;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	}

/* FOOTER MATERIAL */

#ContentFooter {
	clear: both;
	float: right;
	width: 650px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 9px;
	line-height: 14px;
	text-align: left;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #666;
	}

.sharethis {
	float: left;
	width: 100px;
	}

#ContentFooter .socialmedia {
	float: right;
	}

#ContentFooter .copyright {
	clear: left;
	margin: 40px 0 0 0;
	padding: 0 0 15px 0;
	}