/* 
  CSS by Evan Islam
  http://www.EvanIslam.com
*/

body{background-color:#384a4d;font-family:Verdana;font-size:12px;}
p, table{font-size:12px;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h1, h2, h3{margin-top:0px;margin-bottom:5px;}
img{border:0px;}
p{margin-top:0px;margin-bottom:20px;}
form{0px;}
a:hover{color:#FF0000;}
#container{text-align:left;width:1024px;margin:0px auto;padding:0px;border:1px solid #e0e0e0;background-color:#ffffff;-moz-border-radius: 5px;border-radius: 5px;}
#header{height:130px;padding:8px 20px 0px 20px;background-color:#fff;text-align:right;font-weight:bold;border-bottom:5px solid #ff7901;-moz-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-top-right-radius: 5px;border-top-right-radius: 5px;}
input, select, textarea {border: 1px solid #cbc194;background: #fbf5db;padding:6px; -moz-border-radius: 5px;border-radius: 5px;}
#header .logo{border:0px;float:left;}
#my-account{float:right;}
.button {border: 1px solid #cbc194;background: #c43700;padding:6px;margin-top:10px;color:#FFFFFF;font-weight:bold;-moz-border-radius: 5px;border-radius: 5px;}
.img-author{border:1px solid #CCC; margin:0 10px 10px 0; float:left; height:75px;}
#bodycontent{padding:20px;}
#rightcolumn{float:right;margin-left:10px;width:134px;}
#main-content{width:770px;float:right;padding:10px;}
.breadcrumb{font-size:10px;}
#bodycontent table{border:1px solid #e0e0e0;}
#bodycontent td{padding:10px;border-bottom:1px solid #e0e0e0;}
td.col1{background-color:#fff;width:120px;text-align:center;}
td.col2{background-color:#f7f7f7;}
td.col3{background-color:#f1f1f1;}
td.col_head{background-color:#e1e8ef;font-weight:bold;}
#quote{width:800px;padding:20px;border:1px solid #CCC;background-color:#F7F7F7;-moz-border-radius: 5px;border-radius: 5px; margin:0 auto; font-size:16px; font-family:"Courier New", Courier, monospace; height:auto 75px;}
#user{width:800px;padding:20px;border:1px solid #E2E2E2;background-color:#F8F8F8;-moz-border-radius: 5px;border-radius: 5px; margin:0 auto; margin-top:15px;}
#user, #user p, #user td, #user input, #user textarea{font-size:10px;}
#box-left img, #box-right img{border:0;}
abbr, acronym, dfn{border-bottom:1px dotted #666;cursor:help;}
#footer{padding:20px;height:30px;clear:both;text-align:center;background-color:#ffdec1;font-size:10px;border-top:5px solid #ff7901;-moz-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}
.small{font-size:10px;}
.red{color:#FF0000;}
#top-nav{
	padding:1px;
	background-color:#F0F0F0;
	height:25px;
	border-bottom:1px solid #792E00;
}
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	
	*/
}
#nav li{
	float:left;
	margin-right:1px;
	position:relative;
	z-index:5;
}
#nav a{
	display:block;
	padding:5px 15px;
	color:#fff;
	background:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}
ul,ol,li{
	margin:0;
	padding:0;
}
#comment_box{
	padding:10px;
}
/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#6b0c36;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}
.button-link{margin-top:20px; margin-bottom:40px; color:#fff;}
.button-link a{background-color:#F60; padding:20px;text-decoration:none;-moz-border-radius: 5px;border-radius: 5px;}
.button-link a:hover{text-decoration:underline; color:#FFF;}

#message{background-image:url(/images/fortune-cookie-paper.jpg); background-repeat:no-repeat; background-position:top; margin:0 auto; padding:40px 20px; text-align:center; height:100px; width:800px;}
#message p, .quote a:link{font-size:20px; text-decoration:none;}
.quote a:hover{text-decoration:underline;}
.bottom-message a:link{text-decoration:none;}
.bottom-message a:hover{text-decoration:underline;}
#share-home{margin:0 auto;text-align:center; width:250px; margin-bottom:15px;}