/*Styles pertinent only to the homepage*/
#home #content { width: 610px; float: left; }

#home #sidebar { background: #101; width: 314px; float: right; opacity: .85; padding: 21px 25px; }
	 
.latest { background: #101; opacity: .85; padding: 15px 30px; }	
	.latest h2 { font-size: 1.7em; }
	.latest .commentcount { font-size: 1.1em; }
	.latest a img { margin: 1px 2px; }
	.latest a:hover img { border: 1px solid #fff; margin: 0 1px; }
		
#headlines { background: #101; padding: 10px 0 30px 30px; margin-top: 25px; overflow: hidden; }
	#headlines li {
		border-bottom: 1px dotted #548;
		width:265px;
		float:left;
		padding:14px 0 7px 0;
		list-style:none;
		height:13em;
		line-height:105%;
		text-align: justify;
	}
		#headlines li p { font-size: .7em; line-height: 1.75em; }

/* Make Conditional 
li#headline-1 a , li#headline-2 a { color: #9c4; font-size: 1.1em; }
li#headline-3 a , li#headline-4 a { color: #8b3; font-size: 1em; }
li#headline-5 a , li#headline-6 a { color: #7a2; font-size: .9em; }
li#headline-7 a , li#headline-8 a { color: #691; font-size: .8em; }
*/

li#headline-1, li#headline-3, li#headline-5, li#headline-7 { margin-right: 21px; }
	
#headlines a:hover, #headlines a:active { text-decoration: underline; }

#headlines .commentcount { font-size:0.85em; }
	
li#headline-1 .commentcount a, li#headline-1 .commentcount a:visited,
li#headline-2 .commentcount a, li#headline-2 .commentcount a:visited,
li#headline-3 .commentcount a, li#headline-3 .commentcount a:visited,
li#headline-4 .commentcount a, li#headline-4 .commentcount a:visited,
li#headline-5 .commentcount a, li#headline-5 .commentcount a:visited,
li#headline-6 .commentcount a, li#headline-6 .commentcount a:visited,
li#headline-7 .commentcount a, li#headline-7 .commentcount a:visited,
li#headline-8 .commentcount a, li#headline-8 .commentcount a:visited  {
	color:#87bcd2;
	font:0.8em Georgia, "Times New Roman", Times, serif;	
}

#middle { background: #110011; }

#middle .wrapper { padding-top: 15px; width: 1000px; }

#home .widget { float: left; margin: 11px 20px; width: 289px; }
	#home .widget h3 { margin-bottom: 4px; }	


/*Contact Form*/
#contactform { float: right; background: #314; margin-right: 10px; padding: 11px 20px 25px 20px; width: 292px; }
	#contactform label, #contactform legend { display: none }
	#contactform h3 { margin-bottom: 9px; }

#success-message { 
	background:#1c1113;
	padding:32px;
	font-size:.8em;
	position:absolute;
	top:120px;
	z-index:9999;
	width:400px;
	margin-left:-200px;
	left:50%;
	border:7px solid #402b30;
}

	
/*Lifestream*/
#mycarousel { height: 415px; overflow: hidden; margin: 5px 0 20px 0; }

#mycarousel li { margin: 0; padding: 0; }

#mycarousel li { font-size: 0.9em; padding-bottom: 14px; line-height: 145%; padding-left: 26px; line-height: 110%; }

#mycarousel li.date  {
	text-transform:uppercase;
	font:.65em 'Lucida Grande','Lucida Sans Unicode',Arial;
	color:#a57f88;
	letter-spacing:0.2em;
	padding:0 0 7px 0;
	}

li.twitter { background:url(../images/streamicon_twitter.gif) no-repeat; }
li.delicious { background:url(../images/streamicon_delicious.gif) no-repeat; }		
li.flickr { background:url(../images/streamicon_flickr.gif) no-repeat; }		
li.lastfm { background:url(../images/streamicon_lastfm.gif) no-repeat; }
li.facebook { background:url(../images/streamicon_facebook.gif) no-repeat; }
li.goodreads { background:url(../images/streamicon_goodreads.gif) no-repeat; }
li.magnolia { background:url(../images/streamicon_magnolia.gif) no-repeat; }
li.netflix { background:url(../images/streamicon_netflix.gif) no-repeat; } 
li.pownce { background:url(../images/streamicon_pownce.gif) no-repeat; }
				
#mycarousel a, #mycarousel a:visited { color:#938f83; font-size:0.75em; }	
		
#item-1 a, #item-1 a:visited { font-size: 1em; color: #f2f0e9; }
#item-2 a, #item-2 a:visited { color: #e7e4d8; font-size: .9em; }	
#item-3 a, #item-3 a:visited { color: #ccc8bc; font-size: .9em; }	
#item-4 a, #item-4 a:visited { color: #afaba0; font-size: .75em; }	

#mycarousel a:hover, #mycarousel a:active { text-decoration: underline; }	

#mycarousel img { min-height: 105px; min-width: 280px; margin:0 13px 7px 0; display:block; }
	
/*
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
*/
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }

.jcarousel-list li, 
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 280px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin-tango .jcarousel-container-vertical { height: 474px; padding: 0px 0px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width: 315px; height: 470px; padding-right: 20px; }
.jcarousel-skin-tango .jcarousel-item { height: 320px; height: auto; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    top: -34px;
    left: 270px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -33px;
    left: 245px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}