/*
Theme Name: Run2Day
Theme URI: http://run2day.nl/
Description: Child Theme for IsoTherm News Theme
Author: S. Kuil
Author URI: http://www.run2day.nl/
Template: isotherm
Version: 0.1
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url("../isotherm/style.css");

body {
	font-family: normal Helvetica,sans-serif;
}

h1, h2, h3, h4, h5 {
font-family:normal Helvetica,sans-serif;
font-weight:700;
margin:0;
}

a, h1, h2, h3, h4, h5, h6 {
font-family:normal Helvetica,sans-serif;
color:#222222;
}

#vslider a {
font-family:normal Helvetica,sans-serif;
color:#ffffff;
}

#head-section {
background:transparent url(images/header-bg.png) repeat-x scroll left top;
height:80px; /* was 160 */
padding:0px  /*7px 0 3px;*/
width:930px;
}

#header {
float:left;
margin:0 0 -13px;
width:450px;
}

#header img {
border:medium none !important;
margin-top:-14px;
}

#catnav li {
float:left;
font-family:normal Helvetica,sans-serif;
font-weight:normal;
line-height:25px;
}

#catnav li a:hover {
background:#01A8DF none repeat scroll 0 0;
text-decoration:none;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

#catnav li ul li a {
font-size:10px;
padding-top:0;
}

#catnav li ul li {
background:#FFFFFF none repeat scroll 0 0;
border-color:#D8D8D8;
border-style:solid;
border-width:0 1px 1px;
font-family:Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
font-weight:bold;
line-height:20px;
width:15em;
}

#cat-menu {
height:35px;
padding-top:6px; /*was 7px */
text-align:left;
}

#cat-menu li a {
color:#000000;
display:block;
padding:0 14px;
font-weight:bold;
}

#cat-menu li.selected-cat a, #cat-menu li.current-cat, #cat-menu li.current-cat-parent {
background:#01A8DF none repeat scroll 0 0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
font-weight:bold;
}
#cat-menu li a:hover, #cat-menu li.active a {
background:#01A8DF none repeat scroll 0 0;
color:#33332E;
text-decoration:none;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
font-weight:bold;
}

#catnav li ul {
left:-999em;
padding-top:1px;
position:absolute;
width:18em;
}



#body {
background:#FFFFFF none repeat scroll 0 0;
padding:6px;
position:relative;
width:930px;
min-height:500px;
margin-top:13px;
}

.bigad {
width:610px;
/*height:398px;*/
padding:0 0 8px;
}

.post-full {
float:left;
margin-bottom:30px;
width:930px;
}

.single-post #header-about h1 {
border-bottom:1px solid #DDDDDD;
border-top:0px solid #DDDDDD;
float:left;
font-family:normal Helvetica,sans-serif;
font-size:42px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:44px;
margin:0 0 20px;
padding:20px 0;
text-shadow:1px 1px 1px #ffffff;
text-transform:none;
width:610px;
}

.post h2 {
font-family:normal Helvetica,sans-serif;
font-weight:700;
letter-spacing:-1px;
}

#header-about h2 {
-x-system-font:none;
border-bottom:1px solid #DDDDDD;
border-top:0px solid #DDDDDD;
float:left;
font-family:normal Helvetica,sans-serif;
font-size:42px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:44px;
padding:20px 0;
text-shadow:1px 1px 1px #ffffff;
text-transform:none;
width:610px;
}

#header-about-full h2 {
-x-system-font:none;
border-bottom:1px solid #DDDDDD;
border-top:0px solid #DDDDDD;
float:left;
font-family:normal Helvetica,sans-serif;
font-size:42px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:44px;
padding:20px 0;
text-shadow:1px 1px 1px #ffffff;
text-transform:none;
width:914px;
}

h4.new_tag {
background:transparent url(images/tag_new.png) no-repeat scroll 0 0;
margin-left:2px;
margin-top:2px;
display:block;
font-size:1em;
height:42px;
position:absolute;
text-indent:-200em;
width:84px;
z-index:100;
}

img.fll, .entry img {
background:transparent none repeat scroll 0 0;
border:0 solid #DDDDDD;
margin:0 0 6px;
padding:5px;
}

img.fl:hover, img.fll:hover, .entry img:hover {
border:0 solid #666666;
}

.top-featured {
background:#F4F4F4 none repeat scroll 0 0;
border:0 solid #DDDDDD;
padding:0px;/* was 6px */
width:930px;
}

.top-featured-box1 span.title_bg a, .top-featured-box2345 span.title_bg a, .top-featured-box6 span.title_bg a {
color:#fff;
font-size:18px;
}

.blog .post h2 {
font-family:normal Helvetica,sans-serif;
font-size:20px;
font-weight:400;
margin-bottom:5px;
}

#more-news {
background-color:#191919;
height:26px;
padding:0 0 8px;
}

#more-news h2 {
border:0 none;
color:#FFFFFF;
float:left;
font-family:normal Helvetica,sans-serif;
font-size:20px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:5px 15px 0px;
width:95%;
}

.boxed_posts .post {
display:inline;
float:left;
margin:4px 15px 0 10px !important;
padding:0 !important;
position:relative;
width:280px;
}

.widget a, .widget h2, .widget li, .widget p {
color:#FFFFFF !important;
font-weight:normal;
}

.widget h3 {
color:#01A8DF !important;
font-weight:bold;
}

.widget h3 {
font-family:normal Helvetica,sans-serif;
font-size:18px;
margin-bottom:5px;
padding:0 0 10px;
}

.sidebar_right {
border-left:0 solid #DDDDDD;
float:right;
padding-left:30px;
}

.entry h3 {
font-size:20px;
line-height:28px;
}

.entry p {
font-size:14px;
line-height:20px !important;
padding:8px 0;
text-align:left;
}

.entry a {
background:#ffffff none repeat scroll 0 0;
}

.footer .widget h3 {style.css (line 319)
background:#191919 none repeat scroll 0 0;
color:#FFFFFF !important;
font-family:normal Helvetica,sans-serif;
font-size:16px;
margin:0 0 20px;
padding:5px 15px 7px;
}

.content .calendar {
float:left;
margin-bottom:30px;
width:930px;
}

#big_banner img {
background:transparent none repeat scroll 0 0;
border:0 solid #DDDDDD;
margin:0 0 0 2px;
}

.last-updated {
color:#FFFFFF;
font-size:11px;
text-align:right;
}

/* tabber */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #fff;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #fff;
 border-bottom: none;
 background: #000;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #000;
 border-color: #fff;
}

ul.tabbernav li.tabberactive a
{
 background-color: #000;
 border-bottom: 1px solid #000;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #fff;
 background: black;
 border-bottom: 1px solid black;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.footer {
background:#FFFFFF none repeat scroll 0 0;
border-top:0 solid #DDDDDD;
color:#000000 !important;
margin:20px 0 0;
padding:25px 0 0;
width:610px;
}

.nocomments {
color: #fff;
}

/*--------------------------------------------------
  SHOWROOM CSS
  --------------------------------------------------*/
#featured {
width:925px;
height:500px;
margin-top:110px;
}

.content-showroom {
left:320px;
width:925px;
}
  
.content-showroom .post-showroom {
float:left;
margin-bottom:30px;
width:925px;
}

#header-about-showroom {
width:925px;
}

#header-about-showroom h2 {
border-bottom:1px solid #DDDDDD;
border-top:0 solid #DDDDDD;
float:left;
font-family:normal Helvetica,sans-serif;
font-size:42px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:44px;
padding:20px 0;
text-shadow:1px 1px 1px #FFFFFF;
text-transform:none;
width:925px;
}

/*--------------------------------------------------
  SHOP CSS
  --------------------------------------------------*/
#info-description {
display:block;
float:right;
padding:8px 0x;
position:relative;
width:290px
}

/*--------------------------------------------------
  GALLERIFFIC CSS
  --------------------------------------------------*/
 div.content-showroom {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 620px; 
}
div.content-showroom a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content-showroom a:focus, div.content-showroom a:hover, div.content-showroom a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 620px;
	height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 620px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 0px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	border: 0px solid #ccc;
	line-height:0;
}
ul.thumbs li.selected a.thumb {
	background: #000;
	line-height:0;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.content-showroom img {
background:none repeat scroll 0 0 transparent;
border:0 solid #DDDDDD;
margin:0 0 0;
padding:5px;
}