/*
Theme Name: Groovy Tube - Mildura
Theme URI: http://www.groovytube.com.au/
Description: Groovy Tube Digital Media Theme
Version: 1.1
Author: Karl Cohrs
Author URI: http://www.groovytube.com.au/
Tags:  clean, groovy tube, design

	Based on Kubrick v1.5

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* decides which side the sidebar is on */
@import url("layouts/sidebar_right.css"); 

/* -- just some ugly styling to make it easier to get started, can safely be removed 
.sidebar, #entry-meta-single {border:2px solid red;}*/
#respond { /*border:2px solid yellow; */}
li.depth-1 {border: 2px solid orange;}
/* .post {border:2px solid pink} */
img {
	border: 0 none;
}


/* - BASIC STUFF 
body {background:#FFF;font:9pt/11pt Verdana, Geneva, sans-serif;color:#000;margin:0 auto;padding:0 20px;}- */
a {text-decoration:none; color: #F60; }
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */


/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:25px; overflow:auto;float:none;clear:both; margin:0 auto}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}


/* -- GT -- */
body { 
 	background-color: #fff;
 	margin: 0px;
 	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
#frontdisplaybg {
 	background-image: url(images/cube_shadow.jpg);
 	background-position: center;
	position: absolute;
	height: 350px;
	margin-top: 290px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
.gtwrap { width: 960px; margin: 0 auto; }

#header {
	width: 100%;
	background-image: url(images/navbg.png); 
	margin-bottom: 30px;
}
#topheader { height: 82px; padding-top: 18px; background-image: url(images/topbg.png); background-position: center; 	background-repeat: no-repeat; }
#topnav { height:50px; overflow: hidden; padding-bottom: 23px; }
#topnav li { float: left; }
#topnav ul { list-style-type: none; padding: 0px; margin: 0;}
#topnav a { display: block; padding: 15px 20px; height: 20px; color: #CCC; text-decoration: none; font-size: 15px; }
#topnav a:hover { background-image:url(images/navover.png); background-position: center; color: #fff; background-position: top; } 
#frontdisplay { height: 300px; overflow: hidden; margin-top: 30px; margin-bottom: 60px;}
#cu3er-container {width:960px; outline:0;}
#pagebody { margin-top: 35px; }
#footer { background-color: #111; }
#footercontent { color: #aaa; padding: 10px 0px; border-top: 3px solid #333; }
#footercopyright { background-image: url(images/navbg.png); background-position: -100px -100px;  background-repeat: repeat-x; height: 30px; text-align: center; color: #999; padding-top: 15px; font-size: 10px;}
.page-title { margin-top: 0px; }

.widget { margin-bottom: 15px; padding: 1px 15px 15px; border-bottom: 1px solid #dbdbdb; }
.col { width: 300px; float: left; margin-bottom: 20px; border-bottom: 1px solid #e9e9e9; }
.colbg, .widget { background-image: url(images/coltop.png); background-position: top; background-repeat:no-repeat; }
.col p { padding: 0px 20px; }
.coldivider { width: 30px; float: left; overflow: hidden; display: block; visbility: hidden; color: #fff; }
.colhighlight {  background-color: #f2f2f2;  margin-bottom: 20px; padding: 15px; background-color: #f2f2f2; }
.colhighlight h2 { padding-left: 0px; margin-top: 0px; }
.col h2 { margin-top: 15px; }
.col2wide { width: 630px; float: left; margin-bottom: 10px; border-bottom: 1px dotted #ddd; position: relative; }
.rightcol { width: 298px; float: right; }
h2.wewebdesign { background-image:url(images/headings.png); background-position: 0px 0px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.weproducetvc { background-image:url(images/headings.png); background-position: 0px -35px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.weresocial { background-image:url(images/headings.png); background-position: 0px -175px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.weadvertise { background-image:url(images/headings.png); background-position: 0px -210px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.wephotograph { background-image:url(images/headings.png); background-position: 0px -70px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.wedesign { background-image:url(images/headings.png); background-position: 0px -105px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.weoptimize { background-image:url(images/headings.png); background-position: 0px -140px; display: block; height: 35px; width: 100%; text-indent: -9999px; }
h2.text { width: 300px; padding: 0px 20px; }
h2.archive-title { margin-top: 0px; }
#page-content ul li { margin-left: 20px; list-style-type: disc; }
#page-content { line-height: 1.6em; }

h3.widgettitle { font-size: 16px; padding-left: 10px; }
h3.widgettitle a { color: #333; }

.hometitles { width: 300px; float: left;}
.hometitles h2 { margin-bottom: 0px; } 
.listsubpages { border-top: 1px dotted #ddd; padding-top: 20px; }

h5.postdate { color: #666; margin-top: 0px; } 
.entry-meta { clear: both; }
#entry-title-single { margin: 0px; }
.viewmore { color: #ed7818; }
.recentworkthumb { border: 1px solid #dadada; background-color: #f5f5f5; padding: 4px; float: left; margin: 0px 20px 20px 20px; }
.archivethumb { border: 1px solid #dadada; background-color: #f5f5f5; padding: 4px; float: right; margin: 0px 0px 20px 20px; }
.menu .current_page_item a { font-weight: bold; } 
.archivepost { float: left; /* margin-bottom: 20px; */ border-bottom: 1px dotted #ddd; width: 640px; }
.latestnews { background-image: url(images/h2bg.png); background-repeat: no-repeat; margin: 0; height: 20px; width: 630px; padding: 7px 20px; color: #000; }
.latestnews a { color: #000;}

.widget li a { padding: 4px 0px; border-bottom: 1px dotted #ddd; display: block; color: #333; padding-left: 10px; }
.widget li a:hover { color: #F60; text-decoration: none; padding-left: 15px; }
.widget li ul li { margin-left: 0px; }
.widget li ul li a { padding-left: 20px; }
.widget li ul li a:hover { padding-left: 35px; }
#entry-meta-single { font-size: 10px; line-height: 1em; padding: 10px; background-color: #fafafa; border: 1px solid #eee; color: #aaa; }

.alignleft {  border: 1px solid #dadada; float: left; background-color: #f5f5f5; padding: 4px; margin: 0px 10px 10px 0px; }
.alignright {  border: 1px solid #dadada; float: left; background-color: #f5f5f5; padding: 4px; margin: 0px 0px 10px 10px; }
.aligncenter {  border: 1px solid #dadada; margin: 0px auto; background-color: #f5f5f5; padding: 4px;}
.attachment-thumbnail {  border: 1px solid #dadada; background-color: #f5f5f5; padding: 4px;}

.visitshop { padding-top: 10px; text-align: right; }
.visitshop a { display: block; padding-top: 10px; /* border: 1px solid #dbdbdb; */ }

.headersearch { float: right; }
.headersearch .search_box { margin-top: 40px; }
.search_box {
    width: 210px;
    height: 30px;
    background-image: url(http://www.groovytube.com.au/wp-content/themes/GTtheme/images/sprite1.png);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}

.search_box .s {
    float: left;
    padding: 0;
    margin: 7px 0 0 7px;
    border: 0;
    width: 170px;
    background: none;
	color: #c9c9c9;
}
.go {
    float: right;
    margin: 3px 4px 0 0;
	width: 27px;
	height: 24; 
}


#wpcf_email, #wpcf_your_name, #wpcf_website, #wpcf_message { width: 264px; }

#footercontent h3 { color: #fff; }
#footercontent li { margin-left: 0px; }
#footersearch { width: 250px; float: left; padding-right: 20px; }
/* #footersearch #s { padding: 5px; background-color: #FFF; color: #000; }
#footersearch #searchsubmit { padding: 5px; background-color: #FFF; color: #000; border: 0px; } */
#footerarchives, #footercategories { width: 180px; float: left; padding-right: 20px; }
#footerarchives a, #footercategories a { display: block; color: #ccc;  padding: 3px 10px; border-bottom: 1px solid #333;}
#footerarchives a:hover, #footercategories a:hover { color: #FFF; background-color: #222; text-decoration: none; }
#footertwitter { width: 200px; float: left; padding-right: 20px; }
#footertwitter .tweet { display: block; padding: 3px; border-bottom: 1px solid #333; }
#footercontact { width: 200px; float: left; padding-right: 20px; }
#footercategories .children { margin-left: 0px; }
#footercategories .children a { padding-left: 30px; background-image:url(images/sprite1.png); background-position: 0px 0px; background-repeat: no-repeat; } 
.widget .cat-item ul { padding-left: 0px; }
.widget .cat-item ul a { padding-left: 30px; background-image:url(images/sprite1.png); background-position: 0px 2px; background-repeat: no-repeat; }


.post-edit-link { color: #fff; display: block; background-color:#F33; border: 1px solid #F00; padding: 5px; clear: both;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.headlinetitle { margin: 0px; }
.headlinetext { font-size: 10px; line-height: 11px; margin-top: 0px;}
.headlinedate { font-weight: bold; font-size: 8px; color: #aaa; }



/* scrollable */

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 199px;	 
	width: 629px;
/*	border-top:1px solid #ddd;	*/
}

.verticalsmall {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 70px;	 
	width: 629px;
/*	border-top:1px solid #ddd;	*/
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:10px 0px;
	font-size:12px;
	height:170px;
	overflow:hidden;
	width: 630px;
}

.items div.small {
	border-bottom:1px solid #ddd;
/*	margin:10px 0; */
	padding:0px 20px;
	font-size:12px;
	height:70px;
}

/* elements inside single item 
.items img {
	float:left;
	margin-right:20px;
	height:180px;
	width:240px;
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

*/
.items h3 { margin: 0px; }
/* the action buttons above the scrollable */
#actions {
	width:200px;
	margin:7px 0 0px 0;	
	float: right;
	z-index: 10;
	top: 0px;
	position: absolute;
	right: 20px;
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}	

/* Begin Contact Form CSS */
.contactformfront {
	position: static;
	overflow: hidden;
	width: 100%;
}
.contactformfront #wpcf_msg { width: 264px; }
.contactformfront #contactsubmit { margin: 0 auto; display: block; }

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}
/* End Contact Form CSS */
.noborder { border: 0 none; }
.nomargin { margin: 0; }