/*  
Theme Name: Dara's Theme
Theme URI: http://www.krishase.com
Description: This is a theme for Dara.
Version: 1.0
Author: Kris Hase
Author URI: http://www.krishase.com/

*/

body {
	
	background-color: #000;
	font-size: 12px;
	line-height: 20px;
	font-family: Myriad, Tahoma, Arial, Sans-Serif;
	color:#3c3630;
	padding:0px;
	text-align: left;
	margin: 0px;
	}
	
	p {
		padding-left: 20px;
		padding-right:20px;
	}

	a {
		font-size: 12px;
		text-decoration: none;
		font-weight: normal;
		
		}
		
	a:link, a:visited {
		color: #ffffff;
		}
		
	a:hover {
		color: #FF9000;
		}
		
	a.topNav {
		font-size: 14px;
		text-decoration: none;
		font-weight: normal;
		}

	a.topNav:link, a.topNav:visited {
		color: #E0A497;
		}

	a.topNav:hover {
		color: #ffffff;
		}
		

	a.book:link, a.book:visited {
		
		font-size: 16px;
		color: #882826;
		}

	a.book:hover {
		
		font-size: 16px;
		color: #FF9000;
		}
		
	a.footer {
		font-size: 13px;
		text-decoration: none;
		font-weight: normal;
		}

	a.footer:link, a.footer:visited {
		color: #A7541D;
		}

	a.footer:hover {
		color: #FF9000;		
		}
		
		
	a.navigation {
		text-decoration: none;
		}

	a.navigation:link, a.navigation:visited {
		color: #A7541D;
		}

	a.navigation:hover {
		color: #FF9000;		
		}
		
	.vid1 a {
		display:block;
		width: 124px;
		height: 124px;
		background: url("http://deardara.com/images/vid1.jpg") 0 0 no-repeat;
		border: 8px solid #918D84;
		margin: 5px;
		}
		
	.vid1 a:hover { 
		background-position: 0 -124px;
		}
		
	.vid1 a:active {
		background-position: 0 -248px;
		}
		
	.vid2 a {
		display:block;
		width: 124px;
		height: 124px;
		background: url("http://deardara.com/images/vid2.jpg") 0 0 no-repeat;
		border: 8px solid #918D84;
		margin: 5px;
		}

	.vid2 a:hover { 
		background-position: 0 -124px;
		}

	.vid2 a:active {
		background-position: 0 -248px;
		}
		
	.vid3 a {
		display:block;
		width: 124px;
		height: 124px;
		background: url("http://deardara.com/images/vid3.jpg") 0 0 no-repeat;
		border: 8px solid #918D84;
		margin: 5px;
		}

	.vid3 a:hover { 
		background-position: 0 -124px;
		}

	.vid3 a:active {
		background-position: 0 -248px;
		}
		
	.vid4 a {
		display:block;
		width: 124px;
		height: 124px;
		background: url("http://deardara.com/images/vid4.jpg") 0 0 no-repeat;
		border: 8px solid #918D84;
		margin: 5px;
		}

	.vid4 a:hover { 
		background-position: 0 -124px;
		}

	.vid4 a:active {
		background-position: 0 -248px;
		}

	h1 {
		font-size: 19px;
		color: #882826;
		text-transform:uppercase;
		padding-left: 20px;
		padding-right:20px;
		margin-bottom: 2px;
		
		}
		
	h2 {
		color: #C71411;
		font-size: 19px;
		font-style: none;
		text-transform:uppercase;
		margin-top:25px; 
		margin-bottom: 2px;
		}

	h3 {
		font-size: 19px;
		color: #882826;
		text-transform:uppercase;
		}
		
	h4 {
		padding:11px;
		padding-top: 45px;
		font-size: 13px;
		color: #882826;		
		}
		
	
	
	img {
		border: 0px solid #ffffff;
		}
		
	ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		color: #bbb;
		}

	ol {
		padding: 0px;			
		margin: 0px;
		}

	li {		
		padding: 0px;
		margin-bottom: 6px;
		}	
	
	img#title
		{
		position:absolute;
		left:8px;
		top:15px;
		z-index:100;
		}
		
	img#titleWords
		{
		position:absolute;
		left:10px;
		top-margin:20px;
		z-index:90;
		}	
		
	#wrapper {
		width: 1045px;
		background: url("http://deardara.com/images/blackBG.jpg");
		background-repeat: repeat-x;
		overflow: auto;
		margin: 0px;
		padding: 0px;
		
		}

	#mainArea {
		width: 1020px;
		background: url("http://deardara.com/images/brownBG.jpg");
		background-color: #302A26;
		background-repeat: repeat-x;
		border: 1px solid #5A5552;
		overflow:auto;
		margin:20px;
		padding-bottom:40px;
		}

	#stage {
		margin-left: 20px;
		width: 1000px;
		overflow:auto;
		background-color: #AFA699; 
		}
				
	#content {
		width: 35.5%;
		height: 100%;
		background-color: #DEDDDD;
		float: left;
		position: relative;
		text-align: left;
		padding-top: 130px;
		}
		
	#sell {
		width:28.5%;
		float: left;
		text-align: left;
		margin-right: 1px;
		margin-left: 2px; 
		}
	
	#books	{
		width:100%;
		height:345px;
		background-color: #8D8479; 
		margin-bottom: 2px;
		}
		
	#t-shirt {
		width:100%;
		height: 650px;
		background-color: #635B53;
	}
	
	#t-shirt2 {
		width: 80%;
		background-color: #BBB7B2; 
		border: solid 5px #D0CDC9; 
		margin-top:0px; margin: 15px;
		
		}

	#links {
		width: 35.5%;
		height: 100%;
		float: right;
		position: relative;
		text-align: left;
		background: url("images/linkBG.gif");
		background-repeat: repeat;
		background-color: #514B46;
		}
		
	#redLine {
		width: 100%;
		background-color: #B01C1A;
		text-align: right;
		margin-top:100px;
		padding-top:20px;
		padding-bottom:2px;
		border-top: 2px solid #7D7875;
		border-bottom: 2px solid #B4AEA1;
		}
	
	#sellbox {
		width:80%;
		height:145px;
		background-color: #F3F1EE;
		margin-right:10%;
		margin-left:10%;
		margin-top: -95px;
		border :5px solid #E1DBCA;
		z-index:10;
		}
	#comments {
		padding: 10px;
	}
		
	img#book
		{
		position:relative;
		left:100px;
		top:-20px;
		z-index:100;
		}
				
	img#vidLink {
		border: 8px solid #918D84;
		margin: 5px;
		}
			
	.header {
		
		}
	
	.date {
		font-size: 9px;
		text-decoration: none;
		font-weight: bold;
		padding-left: 20px;
		padding-right:20px;
		margin-top: -3px;
		}
	
	.navigation {
		font-size: 12px;
		color: #882826;
		text-transform:uppercase;
		}
		
		ul.archive {
			padding: 0px;
			margin: 5px;
			list-style-type: none;
			color: #999;
			}

		li.archive {		
			padding: 0px;
			margin-bottom: 6px;
			}
			
	.widgettitle {
		font-size: 18px;
		color: #B01C1A;
		text-transform:uppercase;
		}
		
	.entry-content {
		color:#ccc;
	}
	
	a.twitterwidget {
		color: #C71411;
		font-size: 18px;
		font-style: bold;
		text-transform:uppercase;
		margin-bottom:5px;
	}
		
	.comments-template{
		margin: 10px 0 0;
		border-top: 1px solid #ccc;
		padding: 10px 0 0;
		width: 340px;
		}

	.comments-template ol{
		margin: 0;
		padding: 15px;
		padding-top:5px;
		list-style: none;
		}

	.comments-template ol li{
		margin: 10px 0 0;
		line-height: 18px;
		padding: 0 0 10px;
		border-bottom: 1px solid #ccc;
		}

	.comments-template h2, .comments-template h3{
		color: #73171C; 
		font-size: 14px;
		font-weight: bold;
		}

	.commentmetadata{
		font-size: 12px;
		}

	.comments-template p.nocomments{
		padding: 0;
		}

		.comments-template textarea{
			font-family: Arial, Helvetica, Georgia, Sans-serif;
			font-size: 12px;
		}