/*   
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* 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');




body {
	background:#f8f8f8;
	color:#2c2c2c;
	font:.8em verdana, helvetica, sans-serif;
	margin:0;
}

a, a:link { 
	border:0;
	color:#333;
}
a:hover, a:visited { color:#b60000; }

img { border:0; }

.vc {
    clear:both;
	height:0;
	overflow:hidden;
	padding:0 auto;
} 


/*==== CONTENT ====*/

a.logo {
	background:url('imgs/logo.png') top left no-repeat;
	float:left;
	height:92px;
	width:292px;
}
a.logo:hover { background:url('imgs/logo.png') 0 -92px no-repeat; }

#header {
	border-bottom: 1px solid #ccc;
	background:none;
	height: 120px;
}

.entry-title, .slug-home #primary, .slug-home #secondary { display: none; }

.entry-title { padding: 0; }


.slug-alice #container, .slug-alice #content, .slug-tales #container, .slug-tales #content { width: 100%; }*/

#content { 
	margin: 0; 
	width: 940px;
}

#container { width: 940px; }
.slug-alice #content, .slug-tales #content { 
	margin: 0 auto; 
}
.slug-alice #container, .slug-tales #container {
	margin: 0 auto;
	float: none;
}
.slug-alice #container, .slug-tales #container {
	height:480px;
	margin:0 auto;
	text-align:center;
	width:100%;
	z-index:1; 
}

#footer {
	border-top: 1px solid #ccc;
	font-size: .9em;
	margin-top: 0;
}

.slug-home .entry-content, .slug-vision .entry-content, 
.slug-volumes .entry-content, .slug-alice .entry-content, .slug-tales .entry-content { padding: 0; }

.entry-content img { margin-bottom: 0; }

.slug-contact .entry-content {
	background: url('imgs/bg-contact.jpg') top left no-repeat;
	padding: 0 0 0 210px;
	height: 441px;
}

.slug-home #main, .slug-contact #main { 
	margin: 0 auto;
	padding: 0; 
	width: 940px;
}
.slug-vision #main, .slug-volumes #main, .slug-alice #main, .slug-tales #main {
	padding: 0;
}
.slug-alice #main, .slug-tales #main {
	width: 100%;
}
#main { 
	padding: 22px 0;
}

#branding-in {
float:left;
width:396px;
}
#branding-out {
margin:0 auto;
width:940px;
padding:15px 0;
}

#access {
height:32px;
float: right;
margin-top: 60px;
width: 410px;
}
.menu { width: 410px; }

span.overlay {
background:url('imgs/gall-overlay.png') right no-repeat;
display:block;
height:171px;
position:absolute;	
width:281px;
z-index:2;
}

.hentry { padding: 0; }
.post-edit-link { display: none; }

#siteinfo {
	text-align: center;
	font-size: 1.1em;
	padding: 25px 0;
}

.vis-txt-1st, .vis-txt-2nd {
	line-height: 160%;
	margin-left: 175px;
	position: absolute;
}
.vis-txt-1st {
	top:40px;
	width: 500px;
}
.vis-txt-2nd {
	font-weight: bold;
	top:290px;
	width: 675px;
}

a.vol-alice, a.vol-tales {
	float: left;
	height: 441px;
	width: 470px;
}
a.vol-alice { background: url('imgs/bg-alice.jpg') top left no-repeat; }
a.vol-tales { background: url('imgs/bg-tales.jpg') top left no-repeat; }
a.vol-alice:hover { background: url('imgs/bg-alice.jpg') 0 -441px no-repeat; }
a.vol-tales:hover { background: url('imgs/bg-tales.jpg') 0 -441px no-repeat; }

/*
.alert-overlay {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

	background: #000;
	color: #fff;	
	height: 440px;
	position: absolute;
	width: 100%;
}

.alert-wrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #000;
	border: 1px solid #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 150px auto 0 auto;
	padding: 20px;
	width: 500px;
}
.slug-tales .alert-wrap {
	margin-top: 65px;
}
*/

a.alert-close {
	background: url('imgs/close.png') no-repeat;
	float: left;
	height: 25px;
	left: 507px;
	position: relative;
	top: -33px;
	width: 25px;
}

.vol-nav-wrap {
	height: 40px;
	width: 100%;
}
.vol-nav-contain {
	height: 100%;
	margin: 0 auto;
	width: 940px;
}
a.btn-alice, a.btn-tales, a.btn-alice-on, a.btn-tales-on {
	float: left;
	height: 40px;
	width: 470px;
}
a.btn-alice { background: url('imgs/btn-vol-alice.jpg') top left no-repeat; }
a.btn-tales { background: url('imgs/btn-vol-tales.jpg') top left no-repeat; }
a.btn-alice:hover, a.btn-alice-on { background: url('imgs/btn-vol-alice.jpg') 0 -40px no-repeat; }
a.btn-tales:hover, a.btn-tales-on { background: url('imgs/btn-vol-tales.jpg') 0 -40px no-repeat; }

#ngg_autoviewer1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.entry-content h1 {
	padding: 14px 0;
}

.contact-col, .wpcf7 {
	float: left;
	width: 450px;
}

.wpcf7 input, .wpcf7 textarea {
	background: #fff;
	border: 1px solid #666;
	color: #2c2c2c;
	font: .95em verdana, helvetica, sans-serif;
	margin-top: 2px;
	padding: 4px;
	width: 300px;	
}
.wpcf7 textarea { height: 100px; }
.wpcf7 p { margin-bottom: 15px;}
.wpcf7 span {
	color: #c00;
}

.contact-info {
	background: #ccc;
	float: left;
	height: 440px;
	padding-left: 18px;
	width: 250px;
}
.contact-info h1 { padding-bottom: 5px; }

input[type="submit"],
input[type="button"],
button{
  background: #666;
  color:#fff;
  font-weight: normal;
  position: relative;
  height: 22px;
  overflow: hidden;
  border: 1px solid #101010;
  padding: 3px 18px;
  font-size: 10px;
  line-height: 0.75em;
  font-family: Verdana, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  width: 100px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
  background-position: 0 -22px;
  color: #ddd
}
input[type="submit"]:active,
input[type="button"]:active,
button:active{
  background-position: 0 -44px;
  padding-top: 4px;
  padding-bottom: 0
}


/*==== NAVIGATION ====*/

.skip-link {
    display:none;
}
#access {
    border-bottom:none;
    height:32px;
    font-size:1.5em;
    overflow:visible;
    z-index:100;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:none;
	float:left;
}
.sf-menu a {
	border: none;
	font-size: .65em;
	padding:9px 0 4px;
	margin: 0 13px ;
	text-decoration:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .sf-menu a { font-size: .69em; } }
html[xmlns*=""] body:last-child #seis { font-size: .69em; }

.sf-menu a:hover { border-bottom:1px solid #b60000; } 
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#b60000;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	background:		none;
}
.sf-menu li.current_page_item a {
	border-bottom:1px solid #b60000;
}
.sf-menu li li, .sf-menu li li:hover, .sf-menu li li a {
	background:		#fff;
}
.sf-menu li li a:hover {
	border-bottom: none;
}
.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     none;
	outline:		0;
    border-bottom-color:none;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}