/*   
Theme Name: CommandOpera Theme
Theme URI: 
Description: Theme for CommandOpera.
Author: Jory Kruspe
Author URI: http://analogue.ca.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-l-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 {
    min-width:960px;
}
#header {
    position:relative;
}
#branding {
    width:960px;
    margin:0 auto;
}
#access {
    position:relative;
    overflow:hidden;
}
.menu {
    width:960px;
    margin:0 auto;
}
#below-header {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}
#main {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
	padding-top: 15px;
}
#container {
    width:960px;
    float:right;
    margin: 0 0 0 -310px;
}
#content {
    width:620px;
    overflow:hidden;
    margin: 0 0 0 340px;
}
.hentry {
    width:630px;
}
.main-aside {
    width:300px;
    float:left;
    position:relative;
}
#primary {
    float:left;
}
#secondary {
    clear:left;
}
#footer {    
    clear:both;
}
	#siteinfo ul,
	#siteinfo li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#siteinfo ul li ul {
		float: right;
		padding-top: 3px;
	}
#subsidiary {
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 20px 0 0;
}
#subsidiary #third {
    margin:0;
}
#siteinfo {
    clear:both;
    width:960px;
    margin:0 auto;
}

.aside a:active,
.aside a:hover {
    color: #666666;
}
.aside ul ul {
    list-style:none;
    margin:0 0 22px 5px;
}

.entry-content ul ul {
    list-style:none;
    margin:0 0 22px 5px;
}



body, input, textarea {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 15px;
    line-height:20px;
    color: #666666;
}

body {
    background-color:#cecdcd;
}

.entry-meta {
    font-style:normal;
}

#respond {
    background:#cecdcd;
    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
}

.navigation {
    color:#666666;
}
.navigation a {
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}
.navigation a:active,
.navigation a:hover {
    color: #666666;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:18px;
    background-color:#cecdcd;
}


#comments-list li.bypostauthor {
    background:#dbdbdb;
}

#comments-list li {
    background:#dbdbdb;
}
#comments-list li.alt {
    background:#dbdbdb;
}

.hentry {
    width:620px;
}

a:link {
    color:#666666;
}
a:visited {
    color:#666666;
}
a:active,
a:hover {
    color: #666666;
}

.entry-meta a:active,
.entry-meta a:hover {
    color: #666666;
}

.entry-utility a:active,
.entry-utility a:hover {
    color: #666666;
}

#branding {
    padding:0 0 0 0;
}

#header {
    background-color:#c5c4b5;
    height:72px;
}

#logo1{
 width:310px;
 height:72px;
 float:left;
}

#logo2{
 width:324px;
 height:72px;
 float:right;
 display: inline;
}

#logo2 a {cursor: pointer; cursor: hand;}

#logos{
padding:0px 0px 0px 0px;
 margin-top: 0px;
 margin-right: 0px;
 height:105px;
 float:right;
}

#siteinfo {
    color:#666666;
    height: 105px;
    font-size:11px;
    line-height:18px;
    padding:0px 0px 0px 0px;
}

#copyright{
 padding:44px 0px 0px 0px;
 float: left;
}

#footer {
    background-color:#dbdbdb;
    height:105px;
}

.entry-title {
    font-family:Futura,Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    font-style:italic;
    text-transform:uppercase;
    color:#FFF;
    line-height:30px;
    margin-bottom:10px;
    margin-top:10px;
}

.entry-title a {
    color:#FFF;
    text-decoration:none;
    background-color:#afae9d;
    padding-top:5px;
    padding-right:10px;
    padding-left:5px;
}

#footer {
    border-top:1px solid #ccc;
    margin-top:22px;
}

#siteinfo a {
    color:#666666;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #666666;
}







.intermission {
	position: relative;
	overflow: hidden;
}
	.intermission ul,
	.intermission li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}
	.intermission a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
		.intermission a:img {
			display: block;
		}

#intermission-1 {
	margin-bottom: 22px;
}
#intermission-1,
#intermission-1 a,
#intermission-1 img {
	width: 300px;
	height: 208px;
}

#intermission-2,
#intermission-2 a,
#intermission-2 img {
	width: 300px;
	height: 416px;
}

#intermission-3 {
	float: right;
}
#intermission-3,
#intermission-3 a,
#intermission-3 img {
	width: 800px;
	height: 100px;
}