/*  
Theme Name: Groovy Video
Version: 2.0.0
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

/* Custom styles */
@import "custom.css";

body { 
	background: #FFFFFF url(images/bg-tile.jpg) repeat top center; 
	font-family:Verdana, Geneva, sans-serif; 
	color: #FFFFFF; 
	font-size:12px;
         text-align: center;

}
#wrap {	background: url(images/bg.jpg) repeat-x top center; }


/* Top */

#top { width: 960px; margin: 0 auto; position:relative; }

/* Top Navigation */

#top-nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight:bold;
	height: 30px;
	padding-top:2px;
	text-transform:uppercase;
}
#top-nav a {color: #fff;}
#top-nav a:hover {text-decoration: underline;}
#top-nav ul {padding: 0;}
#top-nav .col-left {margin-left: -6px;}

/* Navigation */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	display: block;
	line-height: 28px;
	padding: 5px 12px;
	z-index: 100;
	color:#000;
}

#nav a:hover, #nav .current_page_item a, #nav .current-cat a{
	color: #fff;
	background: #00A0C6;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-decoration:none;
}

#nav li { float: left; }

#nav li ul { position: absolute; width: 170px; left: -999em; }
#nav li ul li {	
	background: url(images/bg-nav.png) repeat !important;
	background: #000; 
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#nav li ul li a { line-height: 25px; font-size: 11px; color: #FFF; width: 170px; }
#nav li ul ul {	margin: -35px 0 0 194px; }
#nav li ul ul li a { line-height: 25px; }
#nav li ul li ul li a {	}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Search Top */

form#topSearch {
	background: url(images/bg-search.png) no-repeat;
	width: 178px; height: 32px;
	position: absolute;
	top: 13px; right: 0;
}
form#topSearch p.fields input {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 130px;
	background: none;
	overflow: hidden;
	border: none;
	position: absolute;
	top: 5px; left: 10px;
}
form#topSearch p.fields button {
	background: url(images/ico-search.png) no-repeat;
	width: 21px; height: 21px;
	border: none;
	position: absolute;
	top: 5px; right: 10px;
	cursor:pointer;
}

/* Header */

#header {
	width: 100%;
	height: 110px;
	padding-top: 10px;
	clear: both;
         position: relative;
	margin-bottom: 60px;
       right: 390px;
}

#htmlHeader {
	width: 100%;
	height: 110px;
	padding-top: 10px;
	clear: both;
	position: left;
	margin-bottom: 60px;
        right: -50px;
}



#googlead {
	width: 100%;
	height: 90;
	padding-top: 0px;
        padding-bottom: 0px;
	position: absolute;
	top: 38px; right: -520px;
}


#donateButton {
	width: 100%;
	height: 90;
	padding-top: 0px;
        padding-bottom: 0px;
        position: absolute;
        top: 100px; right: -2px;
}

#header h1 {
	display: none;
       
}



/* Content */

#content {width: 960px;	margin:0 auto;padding: 0; text-align: left;}
* html #content { height: 550px; }
#main {	width:460px;}
#main div { zoom: 1; }


/* Section headers */

#main h3.title-featured { background:url(images/h3-featured.png) no-repeat top center; width:265px; height:34px; color:#000A0C6; }
#archive h3.title-recent { background:url(images/h3-recent.png) no-repeat top left; width:200px; height:34px; color:#00A0C6; }
#archive h3.title-archives { background:url(images/h3-archives.png) no-repeat top left; width:216px; height:34px; color:#00A0C6; }
#archive h3.title-archives-text { padding:0 0 18px; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#00A0C6; }

/* Featured */

.box1-top { background:url(images/box1-top.png) no-repeat top left; width:460px; height:5px; font-size:1px; }
.box1-bot { background:url(images/box1-bot.png) no-repeat top left; width:460px; height:5px; font-size:1px; margin-bottom:15px; }

#main .featured { background:#00A0C6; padding:10px 20px; position: relative; min-height: 22px;}

#main .featured h2 a { font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#fff; font-size:24px; float:left; }
#main .featured h3 { padding:0; float:right;}
#main .featured h3 a { font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#fff; font-size:18px; }
#main .featured .video { 
	background:#FFBF00; 
	padding: 10px; 	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top:10px;
}
#main .featured .ratings { float:right; }
#main .featured .watch { background:url(images/bg-watch.png) no-repeat top left; width:93px; height:31px; float:right;}
#main .featured .watch a { color:#fff; text-decoration:none; text-transform:lowercase; font-weight:bold; font-size:11px; padding:7px; line-height:29px;}

/* Recent Video Boxes */

.home #archive { width:473px}
#archive { width:960px }

.box2-top { background:url(images/box2-top.png) no-repeat top left; width:150px; height:6px; font-size:1px; }
.box2-bot { background:url(images/box2-bot.png) no-repeat top left; width:150px; height:6px; font-size:1px; margin-bottom:0px; }
#archive .box2 { width:145px; float:left; margin:2px 9px 10px 0px; padding:0px; }

#archive .box2.last { margin-right:20px; }
#archive .box2 .post { background:url(images/box2-bg.png) repeat top left; padding:0px 12px; }

#archive .box2 h3 { padding:0px 0px 0px; }
#archive .box2 h3 a { font-family:Arial, Helvetica; font-weight:bold; color:#fff; font-size:14px;}
#archive .box2 .post-details { font-size:8px; color:#000; }
#archive .box2 .thumbnail { 
	background:url(images/box2-bg.png) repeat top left !important;	
	background:#2a552b;
	margin-top:10px; 
	padding:2px; 
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#archive .box2 .info { height: 0px; }

#archive .box2 .ratings { margin:0px 0 0; width:100px; }
#archive .box2 .comment a { 
	background:transparent url(images/comment.png) no-repeat scroll 0 0;
	color:#fff;
	display:block;
	font-size:10px;
	height:21px;
	margin:7px -10px 0 0;
	padding:2px 1px 0;
	text-align:center;
	text-decoration:none;
	width:23px;
}
#archive .box2 p { line-height:16px; padding: 2px 0 5px 0; }

.Nav .on, .Nav a:hover {background: #000 !important;}
.Nav a, .Nav .on {background:url(images/box2-bg.png) repeat top left;color: #fff;display: block;float: left;padding: 5px 9px;margin-left: 4px;}

/* ------------------------ Main Page Recent Video Boxes --------------------------------- */



.box3-top { background:url(images/box2-top.png) no-repeat top left; width:150px; height:6px; font-size:1px; }
.box3-bot { background:url(images/box2-bot.png) no-repeat top left; width:150px; height:6px; font-size:1px; margin-bottom:0px; }
#archive .box3 { width:145px; height:171px; float:left; margin:2px 9px 10px 0px; padding:0px; }

#archive .box3.last { margin-right:10px; }
#archive .box3 .post { background:url(images/box2-bg.png) repeat top left; padding:0px 12px; }

#archive .box3 h3 { padding:0px 0px 0px; }
#archive .box3 h3 a { font-family:Arial, Helvetica; font-weight:bold; color:#fff; font-size:14px;}
#archive .box3 .post-details { font-size:8px; color:#000; }
#archive .box3 .thumbnail { 
	background:url(images/box2-bg.png) repeat top left !important;	
	background:#2a552b;
	margin-top:10px; 
	padding:2px; 
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#archive .box3 .info { height: 0px; }

#archive .box3 .ratings { margin:0px 0 0; width:100px; }
#archive .box3 .comment a { 
	background:transparent url(images/comment.png) no-repeat scroll 0 0;
	color:#fff;
	display:block;
	font-size:10px;
	height:21px;
	margin:7px -10px 0 0;
	padding:2px 1px 0;
	text-align:center;
	text-decoration:none;
	width:23px;
}
#archive .box3 p { line-height:16px; padding: 2px 0 5px 0; }

.Nav .on, .Nav a:hover {background: #000 !important;}
.Nav a, .Nav .on {background:url(images/box2-bg.png) repeat top left;color: #fff;display: block;float: left;padding: 5px 9px;margin-left: 4px;}




















/* Category dropdown */

#categorybox ul, #categorybox li{margin:0; border:0; padding:0; list-style:none;}
#categorybox{
	font-size:11px;
	background:url(images/bg-cat-dropdown2.png) no-repeat top left;	
	font-weight:bold;
	padding:0px;
	height:32px;
	width:176px;
	margin-top:5px;
}
#categorybox .menu li {
	height:30px;
	float:left;
	margin-right:10px;
}
#categorybox .menu li a{
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	padding:0 55px 0 10px;
}
#categorybox .menu li a:hover{color:#ddd;}
#categorybox ul .submenu {
	background:#fff;	
	position:relative;
	top:4px;
	padding:6px 0;
	clear:both;
	z-index:2;
	display:none;
	width:170px;
}
#categorybox ul .submenu li{
	background:none;
	display:block;
	float:none;
	margin:0 6px;
	border:0;
	height:auto;
	line-height:normal;
}
#categorybox .submenu li a{
	background:none;
	display:block;
	float:none;
	padding:6px 6px;
	margin:0;
	border:0;
	height:auto;
	color:#555;
	line-height:normal;
}
#categorybox .submenu li a:hover{
	color:#222;
	background:#ddd;
}

/* Main Content (style) */

#main a { text-decoration: underline; color:#000000; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px;	padding-top:0; }
#main h3 {font-size: 18px; }
#main h4 { font-size: 12px; }
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {
	background:url(images/box3-bg.png) repeat top left;












	border-left:2px solid #222;





























	color:#fff;
	font-style:italic;
	margin:5px auto 5px;
	padding:10px 20px;
	width:90%;
}

/* Main Content (post) */

#main.single { width:700px; margin:0; padding:0px;  }
#main.single .post { background:url(images/box3-bg.png) repeat top left; padding:10px 20px; }




#main.single .box3-top { background:url(images/box3-top.png) no-repeat top left; width:700px; height:6px; font-size:1px; }
#main.single .box3-bot { background:url(images/box3-bot.png) no-repeat top left; width:700px; height:6px; font-size:1px; margin-bottom:15px; }
#main.single .box3 .post-details { font-size:11px; color:#000000; }
#main.single .video { 
	background:url(images/box2-bg.png) repeat top left !important;	
	background:#2a552b;
	margin:10px 0 20px; 
	padding:10px; 
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#main .post { padding:0 5px 15px; }
#main .post-title {	width: 100%; position: relative; }
#main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { padding-right: 50px; }
#main h2 a, #main h3 a { color: #FFFFFF; text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#main p.post-details a { color:#000000; text-decoration: underline; }
#main p.post-details a:hover { text-decoration: none; }
#main p.post-details {
	color: #000000;
	font-size: 11px;
	padding: 0 0px 0 1px
}

                                                                           /* Main Content (advert 468x60) */

#main .advert_468x60 {
	background:url(images/box3-bg.png) repeat;
	padding:12px 0;
	margin: 5px 0 25px 0;
	text-align:center;
}
#main .latest .advert_468x60 {margin-left:33px;}

#main #advert_125x125 { text-align:center; }
#main #advert_125x125 a { padding:0 5px; }
#main #advert_125x125 a img { border: 1px dashed #FFF; width:125px; height:125px; padding:2px;  }
.single #main .advert_468x60 {margin: 15px 0 0px 0;}

/* Main Content (post>single) */

#main p.tags {
         font-size: 10px;
	clear: both;
}

#main p.tags a {color:#000; text-decoration: none; }

#main p.tags a:hover {text-decoration: underline; }



#main .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 15px;	font-weight: normal;padding: 10px 0 0px 0;}
#comments h3.comm { padding: 10px 0 20px 0;}


#comments #comments_wrap {padding: 0; position: relative; margin-top:20px;}
#comments ol.commentlist li { list-style-type:none; }

#comments .comment a { text-decoration: underline; color:#f7dd04; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 11px;	margin-top: -2px; }

#comments .comment span.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment span.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 25px; padding:0; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	color: #fff;
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-weight:bold;
}
#comments .commentlist {padding:0;}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}
#comments ol.commentlist li  {
	background:url(images/box3-bg.png) repeat;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 10px;
	padding: 18px 20px 18px 20px;
	position: relative;
}

#comments ol.commentlist li img.avatar {float:right;}
#comments ol.commentlist li ul li {	margin:10px 0 0;}
#comments ol.commentlist .comment-meta a { color:#00a0c6; padding-bottom:5px; }
#comments ol.commentlist .children { margin:0; }
#respond p.submit input {padding:5px 10px; cursor:pointer; font-weight:bold; }
#respond ol {padding:20px 0 0; list-style-type:none;}
#respond ol li { list-style-type:none;}
.cancel-comment-reply { padding: 10px 0; }
ol.commentlist #respond { margin-top:10px; }
#respond textarea, #respond input{ border:0px; background:url(images/box3-bg.png) repeat; padding:7px; color:#fff;

	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* Sidebar */



#sidebar {
        
	width: 230px;
	overflow: hidden;
}

#sidebar h3{
	font-weight:bold;
        background: none;
	padding: 0px;
	margin: 0 0 10px 0px;
	font-size:17px;
        color: #00A0C6;
}

#sidebar ul {
	clear: both;
        
}
#sidebar ul li a {
	display:block;
        color: #7a8455;
}

#sidebar  {
        
        font-size:13px;
}


#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {

	color: #000;
}


/* Sidebar (block) */

#sidebar .block {
	width: 230px;
	overflow:hidden;
}

/* Sidebar (widgetized)*/

#sidebar ul, #sidebar .textwidget {
	clear:both;
	padding:0;
}

#sidebar .widget {
	margin-bottom:25px;
}
#sidebar li {
	background:url(images/dot.png) repeat-x bottom left;
	line-height: 18px;
	overflow: hidden;
	padding:10px 0 10px;
}

/* Sidebar (widgetized>list>inside)*/

#sidebar ul ul {
	padding: 0;
	margin: 3px 0 0 0;
	border:0;
}

#sidebar ul ul li {
	border: 0;
	padding:0 0 3px 15px;
	background:none;
}

/* Sidebar (widgets)*/

.textwidget {clear: both;padding: 5px 2px;line-height:20px;}
#wp-calendar {
	width: 95%;
	padding: 0 0 0px 0;
	margin-bottom: 15px;
	clear: both;
}
#wp-calendar caption {padding: 10px;}
#wp-calendar th {color: #fff;}
#wp-calendar th, #wp-calendar td {
	padding: 5px;
	text-align: center;
	background: url(images/box3-bg.png) repeat top left;
	color: #fff;
}
#wp-calendar td {background: transparent;}
#wp-calendar td, table#wp-calendar th {padding: 3px 0;}
#wp-calendar a {text-decoration: underline;}
#wp-calendar a:hover {text-decoration: none;}

/* Sidebar (Search)*/

#sidebar #search_main form div {
	position: relative;
	height: 33px;
	background: #ccc;
	margin-bottom:25px;
}

#sidebar #search_main input.field {
	width: 163px;
	position: absolute;
	left: 12px;
	top: 7px;
	padding-top: 2px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 0;
	background: transparent;
	z-index: 1;
}

#sidebar #search_main input.submit {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}



/* Sidebar (flickr) */

#flickr h3 span {color: #0061D8;}
#flickr h3 span span {color: #FF1183;}
#flickr .wrap {
	margin-left: -5px;
	padding: 0;
	position: relative;
	margin-bottom:25px;
}
#flickr a img {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;








	display: block;
	padding: 3px;
	border: #fff 1px dashed;
}
#flickr a:hover img {border: #000 1px dashed;}

/* Bottom */

#bottom-tile {
	background: url(images/bg-bottom-top.png) repeat-x top center;
	width: 100%;
	height:8px;
	margin-top:25px;
	font-size:1px;
}

#bottom-out {
	background: #a8a8a8;
	width: 100%;
	padding: 15px 0 14px 0;
}
#bottom {
	width: 960px;
	margin: 0 auto;
	font-size: 11px;
	color: #fff;
}
#bottom a{ color:#fff; }
#bottom a:hover{ text-decoration:underline; }

/* Bottom Tabs */

#features-tabs {
	margin:20px 0 0 20px; padding:0;
	width:auto; height:auto;
	list-style:none;
}
#features-tabs li {
	margin:0 10px 0 0;
	width:auto; height:auto;
	float:left; display:block;
}
#features-tabs li a { 
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
	padding:10px 15px; display:block; 
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;	
	-khtml-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
} 
#features-top {	margin:0; padding:0; width:941px; height:11px; }
#features {
	margin:0 0 30px; padding:20px 25px;
	width:881px; height:auto;
	overflow:hidden;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear:both;
}
#features, #features-tabs li a:hover, #features-tabs li.active a { background:#1a1d1c; }

#features a img { padding:5px; background:#fff; margin:0 4px 4px 0; }

/* Bottom Widget area */

#bottom .block { float:left;margin:0 15px 20px 0;}
#bottom .block.left { width: 450px; }
#bottom .block.middle { width: 250px; }
#bottom .block.right { width: 200px; margin-right:0;}


































#bottom .block h3 { font-size:26px; font-family:Arial, Helvetica, sans-serif; padding:0; }
#bottom .block ul {  }
#bottom .block li { padding:3px 0; }

#bottom #recentcomments a.url { color: #15a65d; font-weight:bold; }
#bottom #recentcomments li { background:url(images/ico-comment.png) no-repeat center left; height:30px; padding-left:35px; }

#bottom .subscribe form { background: url(images/bg-search.png) no-repeat; width: 178px; height: 32px; position: relative; }

#bottom .subscribe input { color: #fff;	font-size: 14px; font-weight: bold;	width: 130px; background: none;	overflow: hidden;border: none;position: absolute;top: 5px; left: 10px; }
#bottom .subscribe button {	background: url(images/ico-search.png) no-repeat; width: 21px; height: 21px; border: none;	position: absolute;	top: 5px; right: 10px; cursor:pointer; }
#bottom .subscribe .rss { background: url(images/ico-subscribe.png) no-repeat center left; padding-left:25px; margin:10px 0 0; height:16px; line-height: 16px; }

/* Footer */

#footer-out {
	background: #a8a8a8 url(images/bg-footer-top.png) repeat-x top;
	width: 100%;
	padding: 15px 0 14px 0;
}
#footer {
	width: 960px;
	margin: 0 auto;
	font-size: 11px;
	color: #fff;
}
#footer a{ color:#777; }
#footer .col-right img {vertical-align: middle;}
#footer .col-right span {display: none;}


/* Misc.*/

------------------------- Stand Alone HTML Pages -----------------

body .htmlPage  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(http://atlah.org/atlahworldwide/wp-content/themes/groovyvideo/images/bg.jpg);
	background-position: center;
	background-position:top;
	background-repeat:repeat-x;
}

#htmlPageContainer {
	margin-top:500px;
	position: inherit; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: center; /* this overrides the text-align: center on the body element. */
	color:#000000;
	left: 545px;
	padding-top: 150px;
	clear:both;
} 

#mainContent {
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 10px; 
/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
	margin-top: 40px;
}