/**************************************************
Oranges Designs 2.0
http://www.orangesdesigns.com
Main Stylesheet
***************************************************/

html, body {
	margin:0; 
	padding:0;
}

body {
	font: 76% "lucida grande", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #231F20;
	background: #A15B28 url(images/site/header_bg.gif) repeat-x top left;
	background-position: 40px -30px;
}


/**************************************************
Contains: Text style for website
***************************************************/

.title {
	font-size: 16px;
	font-weight: bold;
	color: #DE761C;
        padding-bottom: 1px;
}

.portfolio-title {
	color: #FFF4E3;
	font-size: 16px;
	font-weight: bold;
	background-color: #DE761C;
	width: 420px;
	margin: 0;
	padding-left: 7px;
}

.portfolio-title2 {
	color: #DE761C;
	font-size: 14px;
	font-weight: bold;
	padding-left: 7px;
}

.posted {
	font-size: 10px;
	color: #231F20;
	font-weight: bold;
}

.posted a {
	color: #DE761C;
	font-weight: bold;
}

.posted a:hover {
	color: #FFF4E3;
	background-color: #DE761C;
	font-weight: bold;
}

.text, .paginate {
	font-size: 11px;
	color: #231F20;
	line-height: 1.25;
}

.text a, .paginate a {
	color: #DE761C;
	text-decoration: none;
}

.text a:hover, .paginate a:hover {
	color: #FFF4E3;
	background-color: #DE761C;
}

.article {
        padding-top: 10px;
	font-size: 11px;
	color: #231F20;
	line-height: 1.25;
}

.article a {
	color: #DE761C;
	text-decoration: none;
}

.article a:hover {
	color: #FFF4E3;
	background-color: #DE761C;
}

.paginate {
	text-align: right;
}

/**************************************************
Contains: Contact Form
***************************************************/

.about {
	float: right;
}

form {
	padding-top: 5px;
	display: block;
	width: 420px;

}

label {
	padding-top: 5px;
}

label,input {
	width: 255px;
	float: left;
	margin-bottom: 20px;
}

#name, #email, #message {
	padding: 4px;
	border: 1px solid #DE761C;
}


label {
	text-align: left;
	width: 65px;
}

br {
	clear: left;
}

#submit {
	margin-top: 8px;
	margin-left: 65px;
	width: 100px;
}

.note {
	color:#999999;
	font-size: 10px;
}


/**************************************************
Contains: Links Section
***************************************************/

.links ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.links ul li {
	float: left;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 188px;
}

.links ul li a {
	margin-left: 7px;
}

.friend {
	color:#999999;
	font-size: 10px;
}


/**************************************************
Contains: Date style for blog
***************************************************/

.date {
	float: left;
	height: 45px;
	width: 37px;
	background: url(images/site/date_tag.gif) no-repeat;
	line-height: 10px;
	text-align: left;
        padding-right: 11px;
}

.month {
	font-size: .8em;
	display: block;
        padding-top: 16px;
        text-align: center;
	color: #917F5D;
}

.day {
	font-size: 1.4em;
	display: block;
        text-align: center;
	color: #917F5D;
        padding-top: 3px;
}
/**************************************************
Contains: Header, Main Navigation, Content Area
***************************************************/

#container {
	width: 523px;
	margin:0 auto;
	text-align:left;
}

#header {
	list-style-type: none;
	height: 173px;
	width: 523px;
	background: url(images/site/logo.gif) no-repeat;
	background-position: 10px 107px;
}

h1 {
	margin: 0;
	padding-top: 105px;
	font-size: 150%;
	color: #FF0000;
	text-indent: -9000px;
}

#mainNav {
	font-weight: bold;
	float: left;
	margin: 5px;
	padding: 5px;
}

#mainNav li {
	display: inline;
}

#mainNav li a {
	float: left;
	text-decoration: none;
	font-size: 14px;
	color: #917F5D;
	background-color: #FFFBCB;
	padding: 13px 13px 10px 13px;
}

#mainNav li a:hover {
	text-decoration: none;
	color: #FFFBCB;
	background-color: #A15B28;
}

#wrapper {
	margin-top: 10px;
	float: left;
}

#content {
	float:none;
	width:523px;
}

#mainContent {
	background: url(images/site/main-con_title.gif) repeat-y;
	height: auto !important; height: 1%; /* IE Holly Hack */ 
}

#mainContent h2 {
	padding: 60px 0px 0px 46px;
	background: url(images/site/main-con_top.gif) no-repeat left top;
}

#mainContent .bottom {
	padding: 0px 40px 109px 46px;
	background: url(images/site/main-con_bottom.gif) no-repeat left bottom;
}
	
#mainContent p {
	line-height:1.4;
}

.thumbnails {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.thumbnails li {
	float: left;
	margin-left: 3px;
	margin-bottom: 5px;
}

.thumbnails li a img {
	border: 4px solid #f5e9c3;
}

.thumbnails li a:hover img {
	border: 4px solid #DE761C;
}

.thumbnails li a:hover {
	background-position: 0 0;
}


/**************************************************
Contains right section: Updates, Recommended
***************************************************/


#content-second {
	float:right;
	width:329px;
}

#favorites, #goodies {
	background: url(images/site/sec-nav_title.gif) repeat-y;
}

#favorites h3, #goodies h3 {
	font-family: "lucida grande", Arial, Helvetica, sans-serif;
	padding: 60px 0px 0px 0px;
	text-align: left;
	background: url(images/site/sec-nav_top.gif) no-repeat left top;
}

#goodies .newest, #favorites .books{
	padding-left: 40px;
}

#goodies .bottom {
	margin: 0;
	padding:0;
	padding: 0px 32px 65px 55px;
	background: url(images/site/sec-nav_bottom.gif) no-repeat left bottom;
}

#goodies .bottom li {
	padding-bottom: 10px;
}

#favorites .bottom {
	line-height:1.4;
	padding: 0px 28px 65px 45px;
	background: url(images/site/sec-nav_bottom.gif) no-repeat left bottom;
}

#content-second .images {
	padding-right: 10px;
}

#content-second a img {
	border: 4px solid #f5e9c3;
}

#content-second a:hover img {
	border: 4px solid #DE761C;
}

#content-second a:hover {
	background-position: 0 0;
}

/**************************************************
Contains: Footer
***************************************************/


#footer {
	clear:both;
	width:100%;
	color: #FFF;
	background: #A15B28 url(images/site/bottom_bg.gif) repeat-x bottom left;
}

#illustrations {
	margin:0 auto;
	height: 159px;
	width: 902px;
	background: center url(images/site/bottom-illustrations.png) no-repeat !important;
	background: center url(images/site/bottom-illustrations.gif) no-repeat;

}

#copyright {
	color: #ffffff;
	text-align: center;
	font-size: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#copyright a {
	color: #DE761C;
}

#copyright a:hover {
	color: #FFF4E3;
	background-color: #DE761C;
}