/*
Theme Name: Rockets
Theme URI: http://www.andrewkingham.co.uk
Description: Especially for the Inclusive Arts By Practice. With help from Jay (http://elliotjaystocks.com), and Julia (http://www.we3.co.uk)
Version: 1
Author: Andrew Kingham
Author URI: http://www.andrewkingham.co.uk
Tags: Simple, clean, with sidebar to left.
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* =remove default styling of common browser-------------------------------- */
:link, :visited { text-decoration:none }

ul, ol { list-style:none }

h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0
}

a img, :link img, :visited img { border:none }

address { font-style:normal }

/* =Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#a6006b;
	clear:both;
}

h3 { padding-bottom:0.4em; }

h4 {
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	color:#888888;
	font-weight:500;
	clear:both;
}

h1 { font-size: 3em; }

h2 { font-size: 1.6em; }

h3 {
	font-size: 1.4em;
	line-height:0.9;
}

h4 {
	font-size: 1.2em;
	line-height:2;
}

h5 {
	font-size: 1em;
	font-weight:bold;
}

h6 { font-size: 1.1em; }

/* Text elements-------------------------------------------------------------- */
body {
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	line-height: 1.4; /* Unitless for proper inheritance */
	background: url(rocketImages/geometric-pattern.gif) repeat;
}

/* This is where you set your desired font size. The line-height 
and vertical margins are automatically calculated from this. 
You have to add an extra calculation here because of IE, so that 
all users may resize text manually in their browsers.
The top one is for IE: The percentage is of 16px (default IE text size)
10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
The second value is what all other browsers see (the wanted font size). */
body { font-size: 87.5%; }   /* IE */

html > body { font-size: 14px; }  /* Other browsers */

p { margin: 0 0 1.5em 0; /*text-align:justify;*/ }

p.last { margin-bottom:0; }

/*p img {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding:0;
}*/

p img.top { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a {
	color: #125AA7;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

html { overflow-y:scroll; }

/*end*/
	
body { background-color:#CCC; }

.container {
	padding:20px;
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}

.contentMain {
	float:right;
	width:75%;
	background-color:#fff;
}

.contentMain .post li {
	list-style-type:disc;
}

.contentMain .post ul {
	padding:0 12px;
}

#sideBar {
	margin:0;
	padding:0;
	float:left;
	background-color:#fff;
	width:20%;
	border-right:solid #cccccc 1px;
}

#rocketsLogo {
	display:block;
	/*=march08width*/
	width:180px;
	height:80px;
	margin:0;
	padding:0 0 0 0;
	/*width:20%;*/
	background:url(rocketImages/Rocketslogo_loop_v1.jpg) top left no-repeat;
	text-indent: -9999px;
}

#maLogo {
	margin:19px 0 27px 0;
	height:32px;
	background:url(rocketImages/MAInclusiveartsbypractice_logo.gif) no-repeat top left;
	text-indent: -9999px;
}
#maLogo a{
display:block;
height:38px;
}

#maLogo a:hover{
background:url(rocketImages/MAInclusivearts_hover.gif) no-repeat top left;
}

/*= nonDisplay elements.......................*/
	.nonDisplay { display:none; }

/*=sideNav.................................................................*/

#nav_main {
	position: relative;
	width: 160px;
	height: auto;
	list-style: none;
	text-align: left;
	float: left;
}

ul.sideNav li {
	position: relative;
	font-size: 1em;
}

.sideNav em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.sideNav li {
	/*height: 75px;
width: 50px;*/
float: left;
	padding-bottom: 0;
	margin-right: 10px;
}

.sideNav li, .sideNav li em {
	width: 70px;
	height: 110px;
}

.nav_home em, .nav_artists em, .nav_projects em, .nav_films em, .nav_news em, .nav_contact em, .community_about em, .nav_working em { background:url(rocketImages/rocketsButtons4.png) no-repeat;/*cursor: pointer;*/ }

/*The cursor: pointer; is needed for IE which won’t show the normal ‘hand’ cursor when hovering over the links with this IR method. (For IE5+ you need to use cursor: hand; which, unfortunately, doesn’t validate, so you may want to move it to an IE5-only stylesheet accessed by conditional comments.)
*/

nav_home { left: 0; }

.nav_home em { background-position: 0 0; }

.nav_home:hover em { background-position: 0 -110px; }

/**/
nav_artists { left: 0; }

.nav_artists em { background-position: -70px 0px; }

.nav_artists:hover em { background-position: -70px -110px; }

/**/
nav_projects { left: 0; }

.nav_projects em { background-position: -420px 0; }

.nav_projects:hover em { background-position: -420px -110px; }

/**/
nav_films { left: 0; }

.nav_films em { background-position: -280px 0; }

.nav_films:hover em { background-position: -280px -110px; }

/**/ 
nav_news { left: 0; }

.nav_news em { background-position: -140px 0; }

.nav_news:hover em { background-position: -140px -110px; }

/**/
nav_contact { left: 0; }

.nav_contact em { background-position: -210px 0; }

.nav_contact:hover em { background-position: -210px -110px; }

/**/
community_about { left: 0; }

.community_about em { background-position: -350px 0; }

.community_about:hover em { background-position: -350px -110px; }

/**/
nav_working { left: 0; }

.nav_working em { background-position: -490px 0; }

.nav_working:hover em { background-position: -490px -110px; }

/**/
/*IE doesn’t accept :hover on any elements other than pseudo elements. To get it to work for other elements, we need something like the whatever:hover and attach it to the body like so:*/
body { behavior: url(hover.htc); }

/*end sideNav */


/*POST.........................................*/
.post {
	border-top: solid #ccc 1px;
	padding:20px 0;
}

.post p { clear:both; }

.footer {
	margin:0 auto;
	padding:40px 0;
	text-align:center;
}

/*.categories */#sideBar h2 {
	text-transform:uppercase;
	margin:20px 0 0 0;
	font-weight:bold;
	font-size:1em;
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	color:#a6006b;
	font-weight:500;
}

.categories a, .categories li {
	font-size:1em;
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	color:#888888;
	font-weight:500;
	text-decoration:none;
}

.categories a:hover {
	color:#a6006b;
	text-decoration:underline;
}

#logInOut a {
	display:block;
	width:60px;
	padding:1px 20px 1px 20px;
	margin:20px 0 0 0;
	font-size:1em;
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	background-color:#fff;
	color:#888;
	border: 1px solid #888;
	font-weight:bold;
	text-decoration:none;
}

#logInOut a:hover {
	background-color:#888;
	color:#000000;
}

input#s {
	margin:20px 0 0 0;
	width:100px;
}