/*
Theme Name: The Inoperable theme
Theme URI: http://foxyvoxel.com
Description: A theme custom designed for inoperable.at based on Revolution Chrome.
Version: 1.0
Author: Andrew Zoechbauer / Jason Schuller
Author URI: http://www.foxyvoxel.com/
Tags: WordPress, Inoperable, Gallery

This theme was designed and built by Andrew Zoechbauer.
Revolution, the theme it is based on was designed by Jason Schuller,
whose portfolio you will find at www.jdidit.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Lets Begin */
html, body {
font-size: 12px; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF url(images/bg.jpg) top left repeat-x;
color: #333333;
margin: 0;
padding: 0;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #333333;
text-decoration: none;
}

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

.clear {
clear: both;
}

p {
margin: 0 0 10px 0;
}
/* And... Moving On */

.wrapper {
width: 960px;
margin: 0px auto;
}

/* Begin Header */
#masthead {
height: 128px;
width: 960px;
float: left;
}

#logoAnimated {
display: none;
width: 240px;
height: 90px;
float: left;
position: relative;
}

#logoStatic {
display: block;
width: 240px;
height: 90px;
float: left;
}

#headright {
padding: 5px;
float: left;
width: 500px;
height: 90px; 
}

#image_rotate {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 90px;
float: left;
}

#HeaderImage_static {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 90px;
float: left;
}

#headright li {
padding: 0px 50px 0 0;
}

#urbanGuideSticker {
	position: absolute;
	top: -1px;
	right: 140px;
	z-index: 300;
}

#uaa {
	position: absolute;
	top: -1px;
	right: -50px;
	z-index: 300;
}

/* End Header */

/* Newsletter Subscription */
#subscribeWrap {
	display:block;
	width:290px;
	height:20px;
	background-color:#CCC;
float:right;
margin: 9px 0 0 0;
padding: 4px 5px 5px 5px;
height: 20px;
}


#subscribeInput {

}

#subscribeWrap input{
position:relative;
float:left;
width:210px;
height:13px;
overflow:hidden;
vertical-align: middle;
background-color:eee;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}


#subscriptionThanksText {
	text-align:center;
	border-bottom:none;
	display:none;
	font-size:11px;
	color:black;
	height:30px;
	font-family:helvetica,arial; 
	line-height:11px;
	}

/* End Search */

/* Begin Page Navigation */
#pages {
width: 960px;
height: 38px;
float: left;
background: url(images/headerBG.gif) repeat-x right top;

}

#page {
	width:960px;
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 0px 0 0 0;
padding: 0;
}

#page li {
float: left;
margin-right: 0px;
padding-top: 0px;
font-size: 12px;

}

#page li.current {
background-position: right bottom;
}


#page li a {
	float: left;
	display: block;
	overflow: hidden;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 0px 10px;
	background: url(images/navBGnew2.gif) no-repeat top right;
	color: #333333;
	text-decoration: none;
}

#page li.current a {
	padding-left: 10px;
	background-position: right -76px;
	color: #333333;
}


#page li.current-cat a, #page li.current_page_item a {
	padding-left: 10px;
	background-position: right -76px;
	color: #333333;
}

#page li:hover, #page li.sfhover {
background-position: right top;
}

#page li.current:hover, #page li.sfhover.current {
background-position: right bottom;
}

#page li:hover a, #page li.sfhover a {
background-position: right -38px;
color: #fff;
}

#page li.current:hover a, #page li.sfhover.current a {
background-position: right -38px;
color: #fff;
}

#page li#page_home.current {
background-position: right top;
}

#page li#page_home.current a {
background-position: left top;
color: #FFFFFF;
}

#page li.current#page_home:hover, #page li.current.sfhover#page_home {
background-position: right -31px;
}

#nv li.current#page_home:hover, #page li.current.sfhover#page_home a {
background-position: left -31px;
color: #FFFFFF;
}

#page li ul {
clear: left;
position: absolute;
left: -999em;
z-index: 999;
width: 161px;
margin-top: 31px;
margin-left: 0px;
_margin-top: 0; /* IE6 only */
border: 1px solid #E7E7E7;
border-top: 0;
border-bottom: 0;
list-style: none;
line-height: 1;
padding-left: 0px;
}
/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #page li ul {
margin-top: 0;
}

#page li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: .9167em;
text-transform: none;
}

#page li ul ul {
margin: -31px 0 0 161px;
}

#page li:hover ul ul, #page li.sfhover ul ul {
left: -999em;
}

#page li:hover ul, #page li li:hover ul, #page li.sfhover ul, #page li li.sfhover ul {
left: auto;
}

#page li li li {
font-size: 1em;
}

#page li:hover li a, #page li.sfhover li a {
float: none;
width: 133px;
height: auto;
padding: 9px 14px;
border-bottom: 1px solid #E7E7E7;
background: #F8F8F8;
color: #333333;
}

#page li:hover li a:hover, #page li.sfhover li a:hover {
background: #fff;
}

#breadcrumbs {
	float: left;
	padding: 5px 0 0 10px;
	margin: 0 0 0px 0;
	font-size:10px;
	color:#999;
	}
	
#breadcrumbs a {
	color:#999;
	}
	
#breadcrumbs a:hover {
	color:#000;
	
}
	
	
/* End Page Navigation */

/* Begin Category Navigation */
#navigation {
width: 960px;
height: 22px;
float: left;
}

#nav {
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#nav li {
float: left;
margin-right: -2px;
background: url(images/navbg.gif) no-repeat right top;
font-size: 12px;
}

#nav li a {
float: left;
display: block;
height: 22px;
padding: 7px 14px 0;
background: url(images/navbg2.gif) no-repeat left top;
color: #333333;
text-decoration: none;
}

#nav li.current a {
color: #333333;
}

#nav li:hover a, #nav li.sfhover a {
color: #666666;
}

#nav li.current:hover a, #nav li.sfhover.current a {
color: #C7CBC0;
}

#nav li#nav_home.current {
background-position: right top;
}

#nav li#nav_home.current a {
background-position: left top;
color: #FFFFFF;
}

#nav li.current#nav_home:hover, #nav li.current.sfhover#nav_home {
background-position: right -31px;
}

#nv li.current#nav_home:hover, #nav li.current.sfhover#nav_home a {
background-position: left -31px;
color: #FFFFFF;
}

#nav li ul {
clear: left;
position: absolute;
left: -999em;
z-index: 999;
width: 161px;
margin-top: 29px;
margin-left: 0px;
_margin-top: 0; /* IE6 only */
border: 1px solid #E7E7E7;
border-top: 0;
border-bottom: 0;
list-style: none;
line-height: 1;
padding-left: 0px;
}
/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #nav li ul {
margin-top: 0;
}

#nav li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: .9167em;
text-transform: none;
}

#nav li ul ul {
margin: -31px 0 0 161px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}

#nav li li li {
font-size: 1em;
}

#nav li:hover li a, #nav li.sfhover li a {
float: none;
width: 133px;
height: auto;
padding: 9px 14px;
border-bottom: 1px solid #E7E7E7;
background: #F8F8F8;
color: #333333;
}

#nav li:hover li a:hover, #nav li.sfhover li a:hover {
background: #F0F0F0;
}
/* End Category Navigation */

/* Begin Home Page */
#photos {
float: left;
width: 660px;
margin: 0 0 25px 0;
}

#photos img {
width: 117px;
height: 117px;
padding: 4px;
margin: 10px -1px 0 0;
float: left;
border: 1px solid #ECECEC;
}

#frontSidePanel #homebox {
	position: absolute;
	top: 00px;
	left: 660px;
float: left;
clear:both;
display:inline-block;
width: 300px;
margin: 0px 0 10px 0;
padding: 0 0 0 0px;
color: #666666;
}

#homebox {
	margin: 30px 0 0 0;
	}

#homebox .header {
	display: block;
	height: 30px;
	background-color: #888;
	color:#fff;
	margin: 0 0 0px 0;
	padding: 20px 0px 0px 10px;
	font-size: 21px;
	font-weight: normal;
}

#homebox img {
width: 117px;
height: 117px;
float: left;
margin: 0 8px 8px 0;
}


.boxitem {
	width: 380px;
	height: 181px;
	float: left;
	margin: 0 -1px -1px 0px;
	padding: 4px 4px 4px 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ECECEC;
	border-right-color: #ECECEC;
	border-bottom-color: #ECECEC;
	border-left-color: #ECECEC;
	
}

.descriptionText {
	width: 300px;
	
	
	}


#frontSidePanel #homebox .boxitem {
	background-color:#f9f9f9;
	width: 270px;
	height: 181px;
	float: left;
	margin: 0px 0px -1px 0px;
	padding: 12px 14px 4px 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ECECEC;
	border-right-color: #ECECEC;
	border-bottom-color: #ECECEC;
	border-left-color: #ECECEC;
}

.boxitem p {
	font-size: 24px;
	}

#homebox h5 {
font-size: 16px;
margin: 0;
padding: 0;
font-weight: normal;
}

.itemdets {
font-size: 11px;
width: 300px;
float: left;
margin: 2px 0 5px 0;
}

.morelink {
	display: inline-block;
width: 140px;
padding: 10px 0 0 0;
}

.featuredmorelink {
width: 150px;
float: left;
margin: 10px 0 0 0;
}

.morelink a:link, .morelink a:visited {
color: #0087CC;
}
/* End Home Page */

/* Begin Content Slider */
#featured {
float: left;
height: 350px;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 10px 0 25px 0;
overflow: hidden;
}

#thevideo {
width: 100%;
float: left;
background: #131313 url(images/videobgtop.jpg) top left repeat-x;
padding: 15px 0 0 0;
}

#thevideoinside {
width: 100%;
float: left;
background: url(images/videobgbottom.jpg) bottom left repeat-x;
position: static;
padding: 0 0 15px 0;
min-height: 350px;
}

#videoembed {
margin: 0px auto;
width: 980px;
text-align: center;
}

.insert {
width: 180px;
height: 330px;
background: url(images/insertbg.png) top left no-repeat;
margin: 0 0 0 360px;
color: #D8D8D8;
padding: 10px;
line-height: 1.2em;
}

.insert h2 {
line-height: 1em;
font-size: 22px;
font-weight: normal;
margin: 0 0 10px 0;
}

.insert a:link, .insert a:visited {
color: #FFFFFF;
text-decoration: none;
}

.insert a:hover {
text-decoration: underline;
}
/* End Content Slider */

/* Begin Secondary Pages */
.title {
width: 645px;
float: left;
height: 36px;
/*background: url(images/titlebg.jpg) top left no-repeat;*/
}

.singletitle {
width: 645px;
float: left;
height: 40px; 
/*background: url(images/titlebg.jpg) top left no-repeat;*/
}

.commentstitle {
width: 645px;
float: left;
height: 40px;
/*background: url(images/titlebg.jpg) top left no-repeat; */
}

#postcontent {
clear:both;
padding: 0 0 5px 5px;
}

#postcontent li {
padding: 0 0 0 16px;
background: url(images/list.gif) top left no-repeat;
}

#postcontent ul {
margin: 5px 0 15px 0;
padding: 0;
list-style: none;
}

#location {
width: 960px;
height: 65px;
float: left;
color: #FFFFFF;
font-size: 16px;
}

#location p {
margin: 22px 0 0 0;
}

#location a:link, #location a:visited {
color: #FFFFFF;
text-decoration: none;
}

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

#secondarytop {
width: 960px;
float: left;
/*height: 6px; */
/*background: url(images/sidetopbg.jpg) top right no-repeat;	*/
}

#secondary {
	position:relative;
width: 960px;
float: left;
/* background: url(images/sidebg.jpg) top right repeat-y; */
}

#content {
width: 800px;
padding: 10px 15px 12px 20px;
margin: 0 auto;
/*margin: 0 12px 0 0; */
}

/* homepage content */
#homeContent {
width: 615px;
float: left;
padding: 10px 15px 12px 20px;
margin: 0 12px 0 0;
}

#homeContent h3  {
font-size: 21px;
font-weight: normal;
margin: 8px 0 0 -10px;
}


#content h3 {
display: block;
font-size: 24px;
font-weight: normal;
margin: 8px 0 0 -10px;
padding: 0 0 50px 0;
}

#postimage {
float: left;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 15px 0;
text-align: center;
overflow: hidden;
}

* + html #postimage {
padding: 4px 4px 1px 4px;
}

#postimage img {
width: 621px;
}

#postvideo {
float: left;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 15px 0;
text-align: center;
overflow: hidden;
}

* + html #postvideo {
float: left;
width: auto;
border: 0;
text-align: center;
margin: 0 0 15px 0;
}

.alignnone {
padding: 5px 5px 5px 5px;
	
	}

/* End Secondary Pages */

/* Begin Comment Styles */
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

.commentmetadata a {
font-size:11px;
color:#333333;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
width: 592px;
}

ol.commentlist li.alt {
padding: 18px 18px 5px 18px !important;
background:#F8F8F4;
border:1px solid #DEDBD1;	
}

#commentform input {
background: #FFFFFF;
border: 1px solid #E7E7E7;
}

#commentform textarea {
background: #FFFFFF;
border: 1px solid #E7E7E7;
width: 628px;
}

input#submit {
color:#333333;
padding:7px;
margin: 0 0 7px 0;
text-align: center;
border: 1px solid #E7E7E7;
background:#FFFFFF;
}
/* End Comment Styles */

/* Begin Sidebar */
#sidebar {
width: 300px;
float: left;
padding: 7px 0 0 16px;
}

.block {
width: 280px;
float: left;
padding: 7px 0 0 10px;
background: url(images/blockbg.jpg) top left no-repeat;
}

.block h3 {
border-bottom: 1px solid #E7E7E7;
padding: 0 0 2px 0;
margin: 0 0 5px 0;
font-size: 15px;
}

.block ul {
margin: 0;
padding: 0;
list-style: none;
width: 280px;
}

.block li {
width: 265px;
height: 20px;
padding: 5px 0 0 20px;
background: url(images/blockunder.gif) top left no-repeat;
}

.block li:hover {
width: 265px;
height: 20px;
padding: 5px 0 0 20px;
background: url(images/blockover.gif) top left no-repeat;
}

.blockfooter {
width: 300px;
height: 20px;
float: left;
/*background: url(images/blockfooterbg.jpg) top left no-repeat; */
}

#homevideo {
	margin: 0 0 10px 0;
}
/* End Sidebar */

/* Begin Footer */
#footerwrap {
width: 100%;
/* background: url(images/footerbg.jpg) top left repeat-x; */
float: left;
padding: 0 0 10px 0;
}

#footer {
width: 600px;
/* background: url(images/sidefooterbg.jpg) top right no-repeat; */
margin: 0px auto;
color: #333333;
padding: 70px 0 0 330px;
}

#footer a:link, #footer a:visited {
color: #333333;
text-decoration: none;
}

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

#footertext {
/*width: 860px;*/
float: left;
}

#linkage {
display:none;
color: #666666;
font-size: 10px;
margin: 5px 0 0 0;
float: left;
}

#linkage  a:link, #linkage  a:visited {
color: #666666;
text-decoration: none;
}

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

#pagination{
float: right;
text-align: right;
}

#pagination a:hover{
border:none;
}

#pagination img{
border:none;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/back.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/forward.gif) top right no-repeat;
cursor:pointer;
}
/* End Footer */

/* Begin Defaults */
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

p img {
padding: 0;
max-width: 100%;
}

a img {
border: none;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 8px 8px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 8px 8px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.center {
text-align: center;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.hidden {
display: none;
}

blockquote {
margin: 15px 30px 0 0;
padding-left: 30px;
background: url(images/blockquote.jpg) top left no-repeat;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-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;
}
/* End Defaults */