/*

Theme Name: * OS65.ch

Theme URI: www.os65.ch

Version: 0.1

Author: Claudio Schwarz

Author URI: http://www.claudioschwarz.com

Description: A simple theme for our officer school.

*/



/* global settings */

html { 

overflow: scroll;

background: #fff;

}



* { 

margin: 0; 

padding: 0; 

}

body { 

margin: 10px 0;

font: 100%/1.5em Sans-Serif, "Trebuchet MS", Trebuchet;

color: #666;

text-align: center;

background: url(i/title.jpg) no-repeat 8% 70px;

}



/* links */



a:link, a:visited, a:active {

text-decoration: none;

color: #006699;

}

a:hover {

color: #111111;

}



img {

	padding-right: 5px;

	padding-bottom: 5px;

}





a img {

background: none;

border: 0 none;

vertical-align: sub;

}

a:hover img {

filter: alpha(opacity=90);

opacity: .9;

}



/* hn */



h1, h2, h3, h4, h5, h6 { 

font-weight: normal; 

color: #515151;

margin: 10px 0;

}

h1 { 

margin: 0;

font-size: 4em; 

font-weight: bold; 

text-transform: uppercase;

}

h1 a { 

color: #515151;

}

h1 a:hover { 

background: none;

border-bottom: none;

color: #006699;

}

h2 { 

font-size: 1.1em; 

}

h3 { 

font-size: 1em; 

}

h4 { 

font-size: 0.9em; 

}

h5 { 

font-size: 0.8em; 

}

h6 { 

font-size: 0.7em; 

}



/* misc */



abbr, 

acronym {

font-style: normal; 

border-bottom: 1px dotted #666; 

cursor: help;

}

code, pre { 

font: 1em Monaco, "Courier New", Courier, monotype, serif; 

}

pre {

border: 1px solid #888;

background: #fafafa;

padding: 4px;

overflow: auto;

width: 95%;

max-height: 500px;

margin: 10px auto;

}

p {

margin: 10px 0;

}

td {

padding: 5px;

line-height: 18px

}

/* defination lists */



dl { 

margin: 20px 0; 

}

dt {

font-size: 0.9em;

text-transform: uppercase;

}

dd {

margin: 0 0 20px;

}



/* list styles */



ul {

margin: 10px 0; 

} 

ul li {

height: 1%;

list-style-type: none;

margin: 0 0 5px;

padding: 0 0 0 15px;

background: url(i/bullet.gif) no-repeat 0 6px;

line-height: 18px;

}

ol {

margin: 10px 0 10px 25px; 

}

ol li {

margin: 0 0 5px 0;

line-height: 18px;

}



/* blockquote */



blockquote {

background: url(i/quote.jpg) no-repeat;

margin: 10px 0;

padding: 5px 10px;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

font: 18px Georgia, "Trebuchet MS";

line-height: 22px;

font-weight: bold;

color: #006699;

}



/* infobox */



.infobox {

background: url(i/info.jpg) no-repeat;

color: #006699;

font-size: 12px;

line-height: 20px;

padding: 55px 10px 0 10px;

border: 2px solid #ddd;



}







/* image styles */



img.left {

float: left;

margin: 0 15px 10px 0;

}

img.right {

float: right;

margin: 0 0 10px 15px;

}

img.centered {

display: block;

margin: 10px auto;

}

img.border {

padding: 2px;

border: 1px solid #999;

}



/* layout */



#container {

margin: 0 auto; 

width: 760px;

font-size: 0.75em;

text-align: left;

overflow: visible;

}

#wrap {

height: 1%;

margin: 4px 0;

background: url(i/wrap.gif) repeat-y;

}

#col-left {

float: left;

width: 150px;

padding: 20px 0;

text-align: right;

}

#col-main {

width: 400px;

float: left;

overflow: visible;

}

#col-right {

float: right;

width: 190px;

padding: 22px 0 0 20px;

background: #222222;



}

/* main navigation */



#nav li {

float: right;

display: block;

list-style-type: none;

margin: 0; 

padding: 0;

background-image: none;

}

#nav a:link, #nav a:visited {

float: left;

display: block;

padding: 0 10px 8px 10px;

font-size: 12px;

font-weight: bold;

color: #515151;

text-transform: uppercase;

text-decoration: none;

}

#nav li.current_page_item, #nav a:hover {

background: url(i/tab.gif) no-repeat 50% 100%;

border-bottom: none;

color: #006699;

}

#nav li.current_page_item a, #nav li.current_page_item a:visited {

color: #006699;

}



/* latest post */



#latest {

padding: 5px 0;

}

#latest {

border-top: 1px solid #e1e1e1;

border-bottom: 1px solid #e1e1e1;

}

#latest-inner {

height: 1%;

margin: 0;

background: url(i/latest.gif) repeat-y;

}

#slide {

font-weight: bold; 

padding-left: 15px;

height: 1%;

width: 745px;

display: block;

overflow:hidden;

position: relative;

}

#slideticker { 

font-weight: normal;

float: right;

width: 620px;

position: relative;

letter-spacing: 0.1em;

}



/* post */



#post-latest {

float: left;

width: 550px;

font-size: 1.1em;

color: #333;

text-align: justify;

}

#post-latest h3 {

margin: 0;

padding: 20px 0 0 20px;

}

#post-latest h2 {

margin: 20px 20px 0;

font: bold 1.1em Verdana, Sans-Serif;

}

#post-latest p.post-meta {

margin: 0 20px;

}

#post-latest .post-body {

padding: 10px 20px 20px;

}



/* about */



#sec-about {

float: left;

width: 210px;

padding: 0 0 20px;

background: #f7f3f3;

font-size: 0.9em;

line-height: 1.6em;

}

#sec-about p {

margin: 20px;

}

#sec-about h3 {

margin: 0;

padding: 20px 0 0 20px;

font-size: 1.1em;

}



/* main column */

/* post */

#col-main h3.sec-title, #instantsearch h3 {

padding: 20px 15px 10px;

text-transform: uppercase;

letter-spacing: 0.2em;

}

div.post {

text-align: justify;

margin: 0 15px 20px;

padding: 0 0 20px;

border-bottom: 1px solid #E1E1E1;

}

h2.post-title {

margin: 0;

font-weight: bold;

}

p.post-meta {

margin: 0;

font-size: 0.75em;

color: #999;

text-transform: uppercase;

}

.meta-name {

float: left;

width: 120px;

font-size: 1.1em;

text-transform: uppercase;

}

.meta-detail {

font-size: 1.1em;

text-transform: none;

text-align: left;

margin-left: 120px;

display: block;

}

p.more {

margin: 20px 0 0;

padding: 0 0 0 20px;

background: url(i/dashed.gif) no-repeat 0 50%;

line-height: 18px;

}



/* prev-next navigation */

div.content-navigate {

padding: 10px 15px 20px;

}

span.alignright {

float: right;

}

span.alignleft {

float: left;

}



/* comments */

#comments {

padding: 0 15px 40px;

}

#comments h3 {

margin: 0;

padding: 10px 0 0;

font-weight: bold;

}

div.comment {

height: 1%;

padding: 10px 0;

border-bottom: 1px solid #e5e5e5;

}

div.comment p {

margin: 5px 0;

}

.comment-meta {

font-size: 0.95em;

text-transform: uppercase;

}

#comments label {

display: block;

font-size: 0.9em;

}

#comment-author, 

#comment-email,

#comment-url,

#comment-text, 

#s {

width: 90%;

margin: 0 0 10px;

padding: 2px;

border: 1px solid #ccc;

font: 0.95em "Lucida Sans Unicode", "Lucida Grande", Verdana, "Trebuchet MS";

}

#comment-submit {

padding: 2px;

background: #eee;

border: 3px solid #666;

border-top-color: #ccc;

border-left-color: #ccc;

font-size: 85%;

color: #333;

text-transform: uppercase;

text-align: center;

letter-spacing: 0.1em;

}



/* side columns common */

#col-right{

background: transparent;

border-bottom: none;

color: #ffffff;

background: #111111 url(i/bg_os.jpg) no-repeat left bottom;

}

#col-right li, #col-left li {

list-style-type: none;

margin: 0;

padding: 0;

background-image: none;

line-height: 20px;

}

#col-right ul ul, #col-left ul ul {

}

#col-right li li, #col-left li li {

border-bottom: 1px solid #EEEEEE;



}

#col-right ul li ul li, #col-right ul li ul li ul li {

border-bottom: 0px !important;

}

h3.sec-title {

font-family: "Trebuchet MS", Trebuchet, Sans-Serif;

margin: 0;

text-transform: uppercase;

letter-spacing: 0.2em;

}

h3.sec-title a{

color: #515151;

}

#col-left input {

width: 130px;

}

div.left-sec, 

div.right-sec {

margin: 0 17px 42px 0;

}



/* footer */



#footer {

padding: 0;

margin: 0 0 20px 0;

text-align: center;

border-top: 1px solid #ccc;

border-bottom: 1px solid #ccc;

font-size: 0.8em;

}



/* misc */

.TagCloud {

text-align: justify;

}

#ACFLoader {

display: none;

font: 100%/1.5em Sans-Serif, "Trebuchet MS", Trebuchet;

position: absolute;

top: 3px;

left: 3px;

}

#ACFLoader p {

margin: 2px 5px 2px 5px;

}

#instantsearch ul li {

background: none;

line-height: 15px;

padding: 0 15px;

font-size: 0.90em;

}

#instantsearch ul{

margin: 0;

border-bottom: 1px solid #e5e5e5;

}

#instantsearch h3 {

padding: 0px 15px;

margin-top: 0px;

text-transform: uppercase;

letter-spacing: 0.2em;

}

.clear {

clear: both;

height: 0;

line-height: 0;

}

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



/* lists */

ul.block {

}

.block li {

	list-style: none;

}

.block a {

	color: #006699;

	display: block;

	font: normal 1.2em Verdana,sans-serif;

	border-bottom: 1px solid #EEEEEE;

	width: 92%;

	line-height: 30px;

}

.block a:hover {

	background: #222;

	color: #FFF;

}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.button {

	background: #006699;

	border: 1px solid #444;

	color: #FFFFFF;

	cursor: pointer;

	font-weight: bold;

	margin: 10px 0 0 0;

	padding: 2px 10px;

	width: 85px;

}

.button:hover {

	background: #111111 url("images/talkie-over.gif") repeat-x 0 0;

	border: 1px solid #006699;

}