/*
Theme Name: 960Base Theme SIMPLE
Theme URI: http://960basetheme.kiuz.it/
Description: Wordpress theme based on 960 Grid System. SIMPLE
Version: 1.0.0
Author: Domenico Monaco
Tags:

960 Base Theme, Version 1.0.0, 2009-06-29
Created by Domenico Monaco. See the official site for more info: http://kiuz.it
http://960basetheme.kiuz.it/
Under GPL/MIT License
Based on Fluid 960 Grid System
Use Moo Javascript tools

*/

/*
+----------------------------------------------------+

| 960 Base Theme created by Domenico Monaco          |
| This project is free be used and modified under    |
| GPL and Mit License, please read more              | 
| This note remain intact                            |
| ____________________________________________       |
| 960 Base Theme | http://960basetheme.kiuz.it       |
+----------------------------------------------------+
*/

/* Import Css of Framwork, Fluid 960 Grid System */
/*
 * 
 *
 */


/* css files of Grid System, if you want to use Fluid Grid System change:
 * @import url("css/960.css"); >>> to  >>> @import url("css/960.css");
 * note: @import url("css/960.css"); is cratede by Sthepen Bau and is included in Fluid 960 Grid System
 */
@import url("css/reset.css");

@import url("css/960.css");

@import url("css/text.css");




/* Fluid Grid System Navigation and color styling */
@import url("css/layout.css");


@import url("css/nav.css");

/* All of css files of Fluid 960 Grid System & 960 Grid System, you can copy/past this for you prject*/
/*
@import url("css/reset.css");
@import url("css/960.css");

@import url("css/text.css");
@import url("css/grid.css"); 
@import url("css/layout.css");
@import url("css/nav.css");

*/

/* Css by Domenico Monaco, this adding color and Styling to standard layout.css*/
/*
@import url("css/l-color.css");
*/


/* 960 Base Theme basic classes & ids */

#img-head {

}
#img-head p{
height:193px;
width: 100%;
background: url(img/header_bck.png) repeat-x;
}






.top {
height:79px;

background: transparent url(img/back-top.png) no-repeat;
display: block;
padding: 0;
margin-bottom: 0px;

}

.back {
height:57px;

background: url(img/back.png) repeat-y;
display: block;
padding: 0;
margin-bottom: 0px;
 position:fixed;
   left:0px;
   bottom:0px;
   height:83px;
}

.bottom {
height:64px;
width: 960px;
background: url(img/back-bottom.png) no-repeat;
display: block;
padding: 0;
margin-bottom: 0px;
 position:fixed;
   left:0px;
   bottom:0px;
   height:83px;
}

.footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:63px;
   width:100%;
background: url(http://www.wishbonetheatre.co.uk/wp-content/themes/960Base_Theme-SIMPLE/img/footer.png) repeat-x;
z-index: 1000; 
}




/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}


@media all and (max-width: 600px) and (min-width: 100px) {
  .footer {
   position:relative;
   height:63px;
   width:100%;
background: url(http://www.wishbonetheatre.co.uk/wp-content/themes/960Base_Theme-SIMPLE/img/footer.png) repeat-x;
z-index: 1000; 
}

.back {
height:57px;
   position:relative;

display: block;
padding: 0;
margin-bottom: 0px;
 position:fixed;
   left:0px;
   bottom:0px;
   height:83px;
}

.bottom {
   position:relative;

height:64px;
display: block;
padding: 0;
margin-bottom: 0px;
   left:0px;
   bottom:0px;
   height:83px;
}


}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}



.rss-head a:hover{text-decoration:underline;background:#fff;color:#000;}
.rss-head a {display:block;
text-align:right;color:#fff;margin-bottom:5px;padding:2px 3px;}

/* Several classes for aligning images and block elements (DIV, P, TABLE etc.) were introduced in WordPress 2.5  */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* =Wishbone
----------------------------------------------- */

.top-menu               { position: fixed; top: 150px; margin-left: 400px; z-index: 2000; background: #fff; }
.sub-menu               { font: bold 30px Helvetica, Sans-Serif; letter-spacing: 1px; margin: 0px 0px 0px 0px; text-align: center; }
.wishbone				{ position: fixed; top: 0px;}
.dragcontent			{ position: fixed; z-index: -100; left: -55%; top: 200px;}
.toplayer 				{ z-index: 2000; }


/* Several classes for wordpress */
.categories {}
.cat-item {}
.current-cat {}
.current-cat-parent {}
.pagenav{}
.page_item {}
.current_page_item {}
.current_page_parent {}
.widget {}
.widget_text {}
.blogroll {}
.linkcat{}





/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.foot,
ul.foot * { margin:0;padding:0;}
ul.foot {
  position:relative;
  max-width:100%;
  height:2.5em;
  	list-style-type:none;

  }
ul.foot li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.foot li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.foot li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.foot li a {
	color:#fff;
	background:#000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.4em;
	line-height:2.5em;
}
ul.foot li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#fff;
	background-position:0 50% !important;
}

ul.foot li:hover a,
ul.foot li a:hover,
ul.foot li a:focus {color:#000; background:#666;}
ul.foot li a:active {color:#666; background:#fff;}
ul.foot li:hover ul {left:0;z-index:10}
ul.foot li ul,
ul.foot li {background:#ccc !important}
ul.foot li:hover ul li a {color:#444;}
ul.foot li:hover ul li a:hover {color:#000; background:#fff;}
ul.foot li:hover ul li a:active {color:#666; background:#fff;}