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

/* GLOBAL */
* {margin: 0; padding:0;} 
body {margin:0;padding:0}
#page {max-width:100%;margin:0;}
#primary {margin-top:0;}
.page #main, .archive #main {max-width: 940px; padding: 10px; margin: 0 auto;}
.home #main, .single-format-gallery #main {width: 100%;}
#content {width: 100%;margin:0;}
a {	outline:none;}
html { overflow:auto; overflow-x:hidden; } /*IE7 Scrollbar Bug*/

/* -- TYPOGRAPHY -- CUSTOM */
h1, h2, h3, h4, h5, h6, #access li{font-family: "Gill Sans MT", "Gill Sans", "Lucida Grande", verdana, sans-serif;}
h1, h2, h3, h4, h5, h6{margin-bottom: 0;}
.imgexcerpt h6 {font-family: "Helvetica Neue", Helvetica, sans-serif;}
.entry-content p, .entry-content ul, .entry-content ol, p.tag_l {font-size: 0.875em; color: #828384;}
p strong, p em, p a, #secondary ul li a, p.tag_l a{color: #58595b;}
#secondary ul li a{text-decoration:none;}
.entry-content p a:hover, #secondary ul li a:hover,  p.tag_l a:hover {color: #f63e30; }


#secondary h3{font-size: 14px;text-transform: uppercase;}

#secondary ul{list-style: none; margin: 0; font-size: 13px;}

/* HEADER */
#branding {height: 130px; }
#branding hgroup {padding: 32px 10px 0 61px; margin-bottom: 0;}
#masthead { float: left; padding: 15px 10px;}
#masthead h1 {margin:0}
h1#logo a{width: 196px; height: 26px;}
#logo a{display: block; background: url(/px/cecilejohnsonsoliz.png) 0 0 no-repeat;text-indent: -9999px;}

#logo a:hover{background-position: 0 -29px;}



/* MENU */
/*#topaccess {padding-top:15px;}
#access {	background-color: transparent; clear: left; float: right; margin: 0 15px 6px; width: auto; /* This floats the menu top right, making it compact  }*/
/*#access {margin-bottom: 0;}
#access .menu { z-index:3; }
#access ul {clear:left; float:right; right:50%;position: relative;border:none !important;}
#access ul li {left: 50%; }
#access ul li ul.sub-menu {left:0; right:auto;}
#access ul li ul.sub-menu li {left:auto; clear:left;}
#access ul li ul.sub-menu li ul.sub-menu {left: 12em; top:-1px;}
a > .sf-sub-indicator {top:1.1em;}
#access ul li:hover ul,
#access ul li.sfHover ul {top:3em;}
#access select, #access span {
	display:none;
}*/

#access select, #access span {
	display:none;
}

#access {
   position: absolute;
   top: 36px;
   right: 0;
   margin: 0;
   padding: 0 50px 0 0;
opacity: 0.5;
width: 100%;
}

#access li {
   list-style: none;
   float: right; }
#access li a {
   display: block;
   padding: 3px 8px;
   text-decoration: none; 
   color: #58595b;
font-size: 14px; 
color: #58595b;
  }
#access li a:hover{
color: #000; 
   }
#access .current-menu-parent > a, #access .current-menu-item > a, #access .current-page-ancestor > a{color: #f63e30;}
#access li ul {
   display: none;  }
#access li:hover ul, #access li.hover ul, #access li.current-menu-parent ul {
   position: absolute;
   display: inline;
   right: 0;
   margin: 0;
   padding: 0 50px 0 0;
   background: #f9f9fa;
    width: 100%;
 z-index: 500;
}
#access li:hover ul, #access li.hover ul{
z-index: 999;  
}

#access li:hover li, #access li.hover li {
   float: right; }

#access li:hover li a, #access li.hover li a, #access li.current-menu-parent ul li a {
font-size: 13px; 
   }
#access li li a:hover {
background: #efeff0;   
}

/* -- Opacity , transition --*/
#branding > #access, #branding > hgroup {opacity: 0.5;transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out; /* Firefox 4 */
-webkit-transition:opacity 1s ease-in-out; /* Safari and Chrome */
-o-transition:opacity 1s ease-in-out; /* Opera */}
#branding:hover > #access, #access:hover, #branding:hover > hgroup{opacity: 1;
}

/* MENU */
/*#topaccess {padding-top:15px;}
#access {	background-color: transparent; clear: left; float: right; margin: 0 15px 6px; width: auto; /* This floats the menu top right, making it compact  }
#access {margin-bottom: 0;}
#access .menu { z-index:3; }
#access ul {clear:left; float:right; right:50%;position: relative;border:none !important;}
#access ul li {left: 50%; }
#access ul li ul.sub-menu {left:0; right:auto;}
#access ul li ul.sub-menu li {left:auto; clear:left;}
#access ul li ul.sub-menu li ul.sub-menu {left: 12em; top:-1px;}
a > .sf-sub-indicator {top:1.1em;}
#access ul li:hover ul,
#access ul li.sfHover ul {top:3em;}
#access select, #access span {
	display:none;
}
#access li{font-size: 14px; color: #58595b;}
#access a{font-weight: normal;line-height: 2em;}
#access ul ul li{font-size: 13px; color: #737476;}*/

/* CONTENT */
/* -- customisation --*/
#content h2.entry-title, #content .entry-meta, #content  .entry-utility, .navigation{display: none;}
#content .page h2.entry-title{display: block;}
.home #content h2.entry-title{display: none;}
.hentry {border: 0;}


#content.sidebar {
	margin: 0 34% 0 0;
  width: 70.833333%;
}
.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;}
#holder {margin: 0 auto;}
div.textcontent {margin: 0 auto;max-width: 940px;padding: 10px;clear: both;}
div.textcontent h1 {text-align: center; font-size: 18px;text-transform: uppercase;}
h2.entry-title, h3.sub {margin-bottom: 7px;font-size:16px;text-transform: uppercase;font-weight: normal;}
/*
h2.entry-title {text-align: center;}
*/
.hentry {margin:0 0 20px;overflow: hidden;}
/*
.entry-meta,.entry-utility{text-align: center; display: block; }
*/
.entry-content { margin: auto;}
.singleitem {	float: left;position:relative;z-index: 1;}
.singleitem .postlink{position: relative; right: 16px; bottom: -2px;}
/*.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: 30px;}
/* .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 {max-width: 850px;}
.single-attachment img {margin: 0 auto}
.single h2.entry-title, .single span.entry-meta, .single .entry-utility {text-align: center; display: block;}
#comments-title {padding-top: 30px;}
/*
//.page-template-page-blog-php span.entry-meta {display: inline;}
//.page-template-page-blog-php .entry-content {margin-left:55px; margin-top: 30px; overflow: hidden;}
.page-template-page-blog-php footer.entry-meta {text-align: left;}
*/


/*Index Slider*/
#index .ui-slider-handle { height: 50px; position: absolute; top: -3px; background: url(images/handlebg.png);-moz-border-radius: 5px;  border-radius: 5px;margin:0 -72px; z-index: 2;}
.start, .end {width:71px;height:50px;display:block;	position:absolute;	cursor:pointer;	z-index: 1;background:url(images/transparent.png); }
.start{left:0;}
#index .ui-state-hover{-moz-border-radius: 5px; border-radius: 5px; }
#mainindex{ overflow: hidden; clear:both; position:relative; }
#index { height: 50px; position: relative; margin:10px auto; margin-top:-60px; cursor:pointer;background:url(images/transparent.png);}
#imagediv { margin:10px auto; position: relative; height:50px; }
#imagediv img { float:left; cursor:pointer;}
.imgexcerpt {padding:10px 0px 15px 15px;width:100%; text-align: right; color: #808285; font-size: 12px;}
.imgexcerpt h6 {color: #58595b}

/* Image Left/Right Nav */
a.leftnav, a.rightnav { width: 50%; display: block;  position: absolute; left:0; cursor: pointer;}
a.leftnav { background-image: url(images/leftarrow.png); background-position: 2% -60%; background-repeat: no-repeat; }
a.rightnav { background-image: url(images/rightarrow.png); background-position: 98% -60%; background-repeat: no-repeat;  }
a.rightnav {left: 50%;}
a.leftnav:hover { background-position: 2% 52%; }
a.rightnav:hover { background-position: 98% 52%; }
.slider-navigation {  width: 100%; 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: -99999em;z-index:5;height:40px; width:100%;cursor:pointer; position:absolute;bottom:0;left:0; float:right;}
a.imglink {background: url(images/link.png) 99% 8px no-repeat;}
a.imglink:hover {background-position: 99% -28px;}
div.imglink {background: url(images/i.png) 99% 8px no-repeat;}
div.imglink:hover {background-position: 99% -28px;}*/

/*Grid View*/
.box{width: 20%; margin: 0 20px 20px 0; background: #f2f2f2; padding: 10px; float: left; cursor:pointer; position: relative; height: 350px; overflow:hidden;}
.box:hover, .box:hover h4{background: #e5e5e5;}
.box h4  {
background: #f2f2f2;
    top: 30px;
    margin: 0;
    padding: 6px 10px 6px 6px;
    position: absolute;
    left: 4px;
}
.tag_wri, .tag_wri h4 {background: #c9c9c9;}
.tag_wri:hover, .tag_wri:hover h4{background: #f2f2f2;}
.h4_inl h4{position: relative; padding: 0 0 10px 0; top: 0; left: 0;}
.box h4 a{color: #58595b; text-decoration: none;}
.box h4 a:hover, p.tag a:hover{color: #f63e30;}
.box p{font-size: 12px;}
p.tag{position: absolute; bottom: -10px; right: 10px;color: gray; font-size: 11px;}

/* Home/Jump Page */
#hp-grid .box {background-color: gray; padding: 0; height: 164px; width: 210px;}
#hp-grid .box div{height: 100%; background: url(/px/blk-75pc.png) 0 0 no-repeat;padding: 0 0 20px 0;}
#hp-grid .widebox{width: 440px;}
#hp-grid .box:hover div{background-repeat: repeat;}
#hp-grid .box h4{background: 0; opacity: 0; z-index: 999; position: relative; margin: 0 0 20px;}
#hp-grid .box p{opacity: 0;padding: 10px; color: #fff;}
#hp-grid .noimg h4, #hp-grid .noimg p, #hp-grid .noimg h4 a, #hp-grid .noimg p a{opacity: 1; color: #000;} 
#hp-grid .box:hover h4, #hp-grid .box:hover p{opacity: 1;}
#hp-grid .box:hover h4 a, #hp-grid .box:hover p a, #hp-grid .noimg:hover p{ color: #fff;}

/*html #content{background: gray;}*/

/* tabbed text */
.cv h6{clear: left; padding-top: 20px;}
.cv-date{color: #b9b9ba; width: 70px; display: block; float: left;clear: left; margin: 10px 60px 0 0;}
.cv-rgt{float: left; margin-top: 10px; width: 80%;}

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

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

/*Footer*/
#footer {margin:30px ;text-align: center;}
#footer p {margin:0 15px 20px;}
.copytext {padding: 10px; margin: 0 auto; text-align: center;}
#footer h3.sub {text-align: center;}
#footer ul {padding:0;list-style: none;}
#footer-widgets {padding: 0 2%; text-align: center;}

#colophon {margin: 0 60px 30px; font-size: 13px;}
#colophon a{text-decoration: none;}
#colophon p{float: left; margin-right: 36px;}
#colophon p.right{float: right; color: gray; margin: -21px 0 0 40px;}

/* -- Forms -- CUSTOM --*/
#s {background: url("/px/search.png") no-repeat 3px -12px; padding: 2px 0 0 18px; width: 80px; border: 2px solid #cdcdce; border-width: 0 0 2px 0; font-size: 13px;}
#s:hover {background: #f9f9fa url("/px/search.png") no-repeat 3px 4px;}
#s:focus {background: #f9f9fa url("/px/search.png") no-repeat 3px 4px;}


#mainholder img, #hp-grid .box{-moz-box-shadow: 0px 0px 10px 10px #f7f7f7; -webkit-box-shadow: 0px 0px 10px 10px #f7f7f7; box-shadow: 0px 0px 10px 10px #f7f7f7;}
#singleitem img{margin: 10px 0 !important;}

/* Mobile */
@media only screen and (max-width: 768px) {
	#page {padding :0;margin:0;}
	#access div > ul, #access .menu { display: none }
	#access { background-color: transparent; float: left; position: relative; margin: -20px 0 0 60px;}
	#access select { display: block; margin-top: 8px; margin-left: 0px; width: auto; height:26px; z-index:2002; position:relative; z-index:10; width:140px !important; height:26px !important; line-height:26px;}
	#access span { display: block; position:absolute; bottom:0; float:left; left:0; width:140px; height:26px; line-height:26px; text-indent:10px; font-size: .8em; background: #ececec url(images/select.png) no-repeat 100% 0; cursor:default; z-index:1; border: 1px solid #d4d4d4; text-shadow: 1px 1px 0 #fff;  -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box;  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */ -webkit-border-radius: 0.2em;  -moz-border-radius: 0.2em;  border-radius: 0.2em; }
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0 !important;
	}
	#mainholder {
		height: 300px;
		
	}
	#below_footer {
		font-size: 9px !important;
	}
}