/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*-------------------------------
Comments Section
-------------------------------*/
form#comments {
	padding: 5px 10px;
	margin-bottom:20px;
}

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

ul.commentlist li {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 10px 0;
	padding:10px;
	position: relative;
	background:none;
}
	ul.commentlist li p {margin:0}
	div.comment-author {position:relative}
		div.comment-author img.avatar {
			position:absolute;
			top:-30px; left:-30px;
			padding:8px;
			border:1px solid #000;
			-moz-border-radius: 6px;
			-khtml-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			background:#000;
		}
		div.comment-author a.url {
			position:absolute;
			top:-25px; left:34px;
			padding:3px 5px 4px;
			border:1px solid #000;
			border-left:none;
			font-weight:bold;
			-moz-border-radius: 6px;
			-khtml-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			background:#000;
		}
		div.comment-author a.url:hover {text-decoration:none}
		
		ul.commentlist li .comment_text {
			margin-left:40px;
			padding:8px;
			border:1px solid #000;
			-moz-border-radius: 6px;
			-khtml-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			background:#000;
		}
		
		ul.commentlist li .comment-reply-link {
			background:url(images/ddl.png) repeat-x 0 0;
			display:block;
			float:right;
			width:60px;
			font:bold 11px/16px Tahoma, Geneva, sans-serif;
			text-align:center;
			border:1px solid #222;
			border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;
		}
		ul.commentlist li .comment-reply-link:hover {text-decoration:none;background:url(images/ddl.png) repeat-x 0 -30px}
		
	ul.commentlist li ul li {
		padding: 10px 0px 5px 10px;
		margin:0;
	}

div.comment-author a.comment_meta { margin:10px 38px; color:#333; }
ul.commentlist .children { margin:0; }

#fieldset {padding:0;margin:0;width:530px}
#fieldset .alignleft {margin-right:10px}
#fieldset #author, #fieldset #email, #fieldset #url, #fieldset #comment, form#comments #submit {
	background:#eee;
	font:normal 14px/15px Tahoma, Geneva, sans-serif;
	color:#313131; margin:5px 0;
	border:1px solid #666;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
}
 #fieldset .alignleft, #fieldset #author, #fieldset #email, #fieldset #url {width:200px}
 #fieldset #comment {width:285px}
 form#comments #submit {
	 background:url(images/ddl.png) repeat-x 0 0;
	 cursor:pointer;
	 padding:5px 15px;
	 color:#eee;
	 font-weight:bold}
 form#comments #submit:hover {background:url(images/ddl.png) repeat-x 0 -30px}

/*-------------------------------
Download Section
-------------------------------*/

#download {
	width:100%;
	display:inline-table; margin:20px auto; font:bold 16px/14px Tahoma, Geneva, sans-serif}
#download > div {display:table-cell; margin:10px; padding:0; width:50%;text-align:center}
#download > div + div {display:table-cell; margin:10px; padding:0; width:50%;text-align:center}

#download a {
	background:url(images/ddl.png) repeat-x left top;
	display:block;
	border:1px solid #E4E4E4;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:28px;
	height:28px;
	margin:10px auto;
	cursor:pointer;
	width:240px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#download a:hover {background:url(images/ddl.png) repeat-x left bottom;text-decoration:none}

/*-------------------------------
Video Page Section
-------------------------------*/

div.boxvideo {
	background: url(images/bg-box.png) repeat;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 auto;
	padding: 0px 20px;
	width:auto;
}	div.boxvideo div.vid { margin:10px 5px; text-align:center; padding: 10px }
	div.boxvideo div.vid h2 a {color:#06C} div.boxvideo div.vid h2 a:hover {text-decoration:none;color:#eee}

div.boxvideo .readmore {
	background:url(images/ddl.png) repeat-x 0 0;
	display:block;
	width:180px;
	font:bold 12px/18px Tahoma, Geneva, sans-serif;
	text-align:center;
	border:1px solid #CCC;
	margin:10px auto;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
	div.boxvideo .readmore:hover {text-decoration:none;background:url(images/ddl.png) repeat-x 0 -30px}