/*   
Theme Name: Venture
Theme URI: http://www.ventureindustriesonline.net
Description: A child theme based on Thematic leveraging the features of the Venture Control Panel and Venture Event Manager
Author: Venture Industries Online
Author URI: http://ventureindustriesonline.net/
Template: thematic
Version: 1.5.0001
Tags: Thematic, Venture, Horizontal
Thematic is © Ian Stewart http://themeshaper.com/
Horizontal is © Venture Industries Online http://ventureindustriesonline.net/
*/



/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');



/* Apply basic typography styles */

@import url('../thematic/library/styles/typography.css');



/* Apply a basic layout */

@import url('../thematic/library/layouts/2c-r-fixed.css');



/* Apply basic image styles */

@import url('../thematic/library/styles/images.css');



/* Apply default theme styles and colors */

/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */

@import url('../thematic/library/styles/default.css');



/* Prepare theme for plugins */

@import url('../thematic/library/styles/plugins.css');





/* =Global Elements

-------------------------------------------------------------- */



body {

	background:inherit;

}

body, input, textarea {

	font-family:Arial, Helvetica, sans-serif;

}

body a:link, body a:hover, body a:visited, body a:active {

	/*color:inherit;*/

}

body a {

	text-decoration:none;

}

body a:active, body a:hover {

	text-decoration:underline;

}

body hr {

	margin:10px 0;

}

body label  {

	cursor:default;

}

#wrapper {

	margin:20px 0 20px 0;

}

#header, #footer, #subsidiary {

	width:960px;

	margin:auto;

}

#buttons {

    padding:.75em 0;

}

.hidden {

	display:none;

}



/* =Header

-------------------------------------------------------------- */



#branding {

    position:relative;

    padding-top:15px;

    padding-bottom:15px;

}

#blog-title a:active, #blog-title a:hover {

	color:inherit;

	text-decoration:underline;

}

#blog-title a {

	color:inherit;

	text-decoration:none;

}

#blog-title {

    width:652px;

    margin-left:10px;

}

#blog-description {

    width:652px;

    display:none;

}

#branding #searchform {

    position:absolute;

    right:20px;

    top:40px;

}

#branding #searchform label {

    display:none;

}

#branding #searchform input {

    font-size:13px;

    line-height:18px;

}

#branding #searchform input#s {

    width:220px;

    border:1px solid #E7E7E7;

    padding:2px;

}

#branding #searchform input#searchsubmit {

	margin-left:5px;

	border:none;

	padding-top:2px;

	padding-bottom:2px;

}

#branding #searchform input#searchsubmit:hover {

	cursor:pointer;

}





/* =Menu

-------------------------------------------------------------- */



#header,

#header #access,

#header #access .menu,

#header #access .menu .sf-menu,

#header #access .menu .sf-menu .current_page_item,

#header #access .menu .sf-menu .page_item,

#header #access .menu .sf-menu .menu-item,

#header #access .menu .sf-menu .current_page_item a,

#header #access .menu .sf-menu .page_item a,

#header #access .menu .sf-menu .menu-item a {

	position:relative;

	z-index:99999;

	border:none;

}

#header #access div.menu ul.sf-menu li ul.children, #header #access div.menu ul.sf-menu li ul.sub-menu {

	border:none;

}

#header #access div.menu ul.sf-menu li ul.children li a, #header #access div.menu ul.sf-menu li ul.sub-menu li a {

	margin-top:-2px;

}

#access {

	border:none;

	height:30px;

	border-bottom:1px solid #F0F0F0;

}

.sf-menu {

	border:none;

}

.menu .sf-menu li, .menu .sf-menu a {

	background:transparent;

	border:none;

	margin:0;

}

.current_page_item a {

	text-decoration:underline;

}



/* =Content

-------------------------------------------------------------- */



#container {

	width:660px;

}

#soverlay {

	position:relative;

	z-index:999;

}

#main {

	background-color:#FFFFFF;

	padding-top:0;

	padding-bottom:0;

}

#content a {

	text-decoration:underline;

}

#content {

	width:660px;

	margin:0;

}

#content div.page,

#content div.post,

#content div#page-top,

#content div#page-bottom,

#content div#comments,

#content div.navigation,

#content h1.page-title {

	width:540px;

	margin-left:20px;

}

#content h1, #content h2 {

	padding-top:10px;

}

.search .page-title {

    /*display:none;*/
	padding-bottom:0px;

}





/* =Slider Styles

-------------------------------------------------------------- */



#sidebar {

	float:right;

}

#slidernav, #slider, #slider div.slide, #soverlay {

	width:960px;

	margin:auto;

}

#slidernav {

	width:940px;

	text-align:right;

	padding-right:20px;

	font-size:12px;

	line-height:12px;

	overflow:auto;
	
	position:relative;

}

#slidernav a {

	display:inline-block;

	text-decoration:none;

	padding:2px 5px;

	margin:1px 5px 1px 0;

}

#slider div.slide div.swrapper {

	width:360px;

	float:right;

	background:url(images/slide-content-bg.png);

}

#slider div.slide div.swrapper, #slider div.slide div.sinner, #slider div.slide div.scontent {

	height:100%;

	background-position:right bottom;

}

#slidernav a.activeSlide {

	text-decoration:underline;

}

#slider div.slide div.scontent div {

	padding-top:20px;

	padding-left:20px;
	
	padding-right:65px;

	padding-bottom:45px;

}

#slider h2 {

	padding:0 0 5px 0;

}

#slider h1 {

	padding:0 0 10px 0;

}

#slider a, #slider a:visited {

	text-decoration:underline;

}

#slider a.sliderbutton {

	display:inline-block;

	padding:5px 10px;

	margin:2px;

	text-decoration: none;

	font-weight:bold;

	line-height:1;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border:1px solid #000000;

	position:relative;

	cursor:pointer;

}

#slider a.sliderbutton:hover {

	margin:1px;

	padding:6px 11px;

}

#slider a.sliderbutton:active {

	border:1px solid #ffffff;

}



/* =Sidebar Styles

-------------------------------------------------------------- */



#primary {

	border:none;

	padding-top:0;

}

#secondary {

	margin-bottom:22px;

}

.main-aside {

	right:0;

}

.main-aside ul {

	padding:0;

	/*overflow:hidden;*/

}

.aside h3 {

	font-style:normal;

}

.aside ul ul {

	list-style:none;

}

.aside, .aside a, .aside a:visited, .aside a:active, .aside a:hover {

	color:inherit;

}

#events-calendar a {

	text-decoration:underline;

}

	



/* =Widget Styles

-------------------------------------------------------------- */



#venture-social li, #venture-rss li {

	list-style:none;

	margin-top:5px;

	float:left;

}

#venture-social a, #venture-rss a {

	display:block;

	padding-left:25px;

	width:105px;

}

.widgetcontainer div, .widgetcontainer p {

	padding:10px 25px 0 25px;

}

.widgetcontainer div p {

	padding:0;

}

#calendar_wrap a {

	text-decoration:underline;

}

.widget_pages {

	text-align:left;

}



/* =Footer Styles

-------------------------------------------------------------- */



#footer {

	margin-top:0;

}

#footer #siteinfo a {

	color:inherit;

}

#subsidiary {

	padding-bottom:33px;

}

#subsidiary .sub-aside, #subsidiary #third {

	width:293px;

	margin-left:20px;

	margin-right:0;

	/* padding-top:18px; */

}

#subsidiary #first {

	margin-right:0;

}

#siteinfo {

	text-align:center;

	padding:15px;

	color:inherit;

}

.aside h3
{
	padding:0px 10px;
}

/*
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical {
	width:	100%;
	overflow:visible;
	text-align:left;
}

.sf-vertical li {
	width:	100%;
}


/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* Causes grandparents not to show for some reason
.xoxo
{
	overflow:inherit !important;
}*/

.sf-vertical a
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-bottom-color:#CCC !important;
}

.sf-vertical ul
{
	border-right:0px;
}

.widget_nav_menu .sf-vertical
{
	margin-left:0px;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
	margin-left:0px;
}

.sf-vertical li a
{
	border-bottom: 1px solid #CCC;
	border-bottom-color:#CCC !important;
}

#primary
{
	margin-bottom:0px;
}

#left-arrow
{
	background:url("images/arrow-left-2.png") no-repeat;
	position:absolute;

	left:25px;
	width:30px;
	height:40px;
	z-index:9999;
	background-position: top left;
}

#right-arrow
{
	background:url("images/arrow-right-2.png") no-repeat;
	position:absolute;
	
	right:25px;
	width:30px;
	height:40px;
	z-index:9999;
	background-position: top right;
}

#left-arrow a, #right-arrow a
{
	display:block;
	height:40px;
	width:30px;
}

.button_link span
{
	padding:5px 10px;
	
}