/*
Theme Name: Sidewinder
Theme URI: http://graphpaperpress.com
Description: A child theme for Base Theme Framework.
Author: Graph Paper Press
Author URI: http://graphpaperpress.com
Template: base
Version: 1.2.2
License:  GPL
*/
	
@import url("../base/style.css");

/* GLOBAL */
* {margin: 0; padding:0;} 
a {	outline:none;}
html { overflow:auto; overflow-x:hidden; } /*IE7 Scrollbar Bug*/

/* GRID */
.container_12 {width: 100%;}
.container_12 .grid_12 {width: 100%;margin: 15px 0 0 0;padding:0; /* position:absolute; */}
#footer .grid_6 {width:49.2% !important;}
#footer .grid_4 {width:32.2% !important;}
#footer .grid_3 {width:178px !important; margin-left: 52px;}

/* HEADER */
#masthead { float: left; padding: 15px 15px;}
#masthead h2 {margin:0}
#logo a {font-size: 16px; text-transform: uppercase; }

/* MENU */
div.menu { float: left; width: auto; margin: 20px 15px 15px 0px; }
div.menu ul a {padding: 3px 20px 3px 12px; font-weight: normal; line-height: 20px;}
a > .sf-sub-indicator {top: 0.6em;}
div.menu ul li:hover ul, div.menu ul li.sfHover ul {top:2.05em;}
div.menu, div.menu ul ul, div.menu ul a {background: none !important;}
div.menu{position:relative;z-index:10;}

/* CONTENT */
.home #mainindex {margin:0;}
#mainholder { margin: 0 0 10px 0; overflow: hidden; clear:both; position: relative;}
#mainholder.fixwidth {width:960px;margin:auto;margin-bottom: 10px; height:490px;}
#holder {margin: 0 auto;}
div.textcontent {width:960px; margin: 0 auto; margin-left: 52px; }
h2.entry-title, h3.sub {text-align: left;margin-bottom: 9px;margin-top:-19px;margin-left: 53px;font-size:10px;text-transform: uppercase;font-weight: normal; color: #b5b5b5; letter-spacing: 0.5em;}
.hentry {margin:0;}
.entry-meta,.entry-utility{text-align: center; }
.entry-content { margin: auto;}
.singleitem {	float: left;position:relative;z-index: 1;}
.singleitem .postlink {position:absolute;bottom:8px;right:8px;}
.singleitem div.postlink {cursor:default;}
.singleitem a, .singleitem a:hover{border:none;}
#holder .singleitem img {	float:left; margin:0; padding:0; }
span.imgcenter { top:250px;	position:absolute; } 
.entry-utility .entry-utility {padding-bottom: 0px;}
.page-template-page-blog-php h2.entry-title, .page-template-page-blog-php h3.sub, .page-template-page-blog-php .entry-utility, .textcontent h2.entry-title, .textcontent h3.sub, .textcontent .entry-meta, .textcontent .entry-utility {text-align: left;}
.textcontent #commentsbox {width: 600px; margin-left: 0px; rows: 4;}
.single-attachment img {margin: 0 auto;}


/*Index Slider*/
#index .ui-slider-handle { display:none; height: 48px; position: absolute; top: -3px; background: url(../images/handlebg2.png); border-radius: 0px; border-top: solid #ff7900; margin:0 -72px; z-index: 2; border-left:none; border-bottom:none; border-right:none;}
.start,.end{ margin-top:15px;width:25px;height:40px;display:block;position:absolute;cursor:pointer;	z-index: 1;background:url(../images/transparent.png); }
.start{left:0;}
#index .ui-state-hover{ border-top: solid #ff7900; border-left:none; border-bottom:none; border-right:none;!important;}
#mainindex{ overflow: hidden; clear:both; position:relative; margin-bottom:15px; }
#index { height: 50px; position: relative; margin:10px 0px; margin-top:-60px; cursor:pointer;background:url(../images/transparent.png);}
#imagediv { margin:10px 0px; position: relative; height:50px; }
#imagediv img { float:left; cursor:pointer; opacity: 0.8; }
.imgexcerpt {float:right; padding:10px 20px 15px 15px;font-weight:100;width:296px;display:none;}
.imgexcerpt h6 { margin-bottom:5px; text-transform: uppercase; }

/* Image Left/Right Nav */
a.leftnav, a.rightnav { width: 50%; display: block;  position: absolute; height: 360px;left:0; cursor: pointer;border:none;}
a.leftnav { background-image: url(images/left_arrow_round_right.png); background-position: 2% -60%; background-repeat: no-repeat; }
a.rightnav { background-image: url(images/right_arrow_round_right.png); background-position: 98% -60%; background-repeat: no-repeat;  }
a.rightnav {left: 50%;}
a.leftnav:hover { background-position: 2% 70%; }
a.rightnav:hover { background-position: 98% 70%; }
.slider-navigation {  width: 100%; height: 360px; position: absolute; z-index: 2;}

/* Index/Archive Posts Nav */
.navigation {width: 47px; margin: 0px auto; background-position: 0 -41px; background-repeat: no-repeat;}
.nav-previous a, .nav-next a {padding:0;text-indent: -99999em !important; display: block; border: none;width: 21px; height: 20px;}
.nav-previous a:hover, .nav-next a:hover {background-color:transparent;border:none;}
.nav-previous {float: right;}
.nav-next{float:left;}
.nav-previous a {background-position: -26px 0px;}
.nav-previous a:hover {background-position: -26px -20px;}
.nav-next a {background-position: 0px 0px;}
.nav-next a:hover {background-position: 0px -20px;}
.single .navigation {margin-top: 20px;}
.search h2.entry-title {padding-top: 20px;}

/* Info box */
a.imglink, div.imglink {text-indent: -999999em;z-index:1000;height:40px; width:100%;cursor:pointer; position:absolute;bottom:0;left:0; float:right;}
a.imglink {background: url(images/link2.png) 99% 8px no-repeat;}
a.imglink:hover {background-position: 99% -28px;}
div.imglink {background: url(images/i5.png) 99% 8px no-repeat;}
div.imglink:hover {background-position: 99% -28px;}

/* url link */
div.linkurl {position:absolute; bottom:3px;right:37px; z-index:1001;}
div.linkurl a {background: url(images/link2.png) 99% 3px no-repeat;font-size: 23px; text-indent:99999;color:#ffffff;display: block;text-indent: -99999px; width: 50px;}
div.linkurl a:hover {background-position:99% -33px;}

/* Comments */
#commentsbox {width:960px;  margin:0 auto; }
#commentform {position: relative;}
#commentform input {padding:3px; display: block;}
#commentform p {margin:10px 0 0;}

/*Footer*/
#footer {margin:20px 0 0;text-align: left;padding-top:20px;padding-bottom:15px;}
#footer p {margin:0 0 0 0;}
.copytext {padding: 0px; margin: auto; text-align: left;}
#footer h3.sub {text-transform:none; margin:0 0 0; text-align: left; font-size:1.0em; line-height:1.3; letter-spacing: normal; color:#ffffff; font-weight: bold;}
#footer ul {margin:0 0px 0; padding:0;list-style: none; width: 75%;}

/*Base-teeman rukkaukset */
.sisennys_52px { margin-left:52px; width:960px; align: left;  }
h2.blog-entry-title {text-align: left;margin-bottom: 9px;margin-top:-19px; padding-top: 10px;padding-left: 53px;font-size:10px;text-transform: uppercase;font-weight: normal; color: #b5b5b5; letter-spacing: 0.5em; border-top: 1px dashed #999;}