@import url("reset.css");


/* =cooperatingsystems.com
-----------------------------------------------------------------------------
version:				1.0
author:					kai gradert
author email:			kai.gradert_at_masutra_dot_net
author website:			http://www.masutra.net
-----------------------------------------------------------------------------*/


/* =Color Index
-----------------------------------------------------------------------------

Default Text:	White		#fff
Spot Color:		Green		#acf249
Spot Color:		Light Grey	#bfbfbf
Alert:			Pink		#ff99c3

Background:		Grey Dark	#262626
Background:		Light Grey	#333333

-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/

body {
background:url(../resources/backdrop.gif);
background-color:#333333;
background-repeat: repeat-y;
background-position:top center;
}

.alert {
color:#ff99c3;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.clear {
clear:both;
}



/* =Typography
-----------------------------------------------------------------------------*/
body {
color:#fff;
font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
font-family:Helvetica, Arial, sans-serif;
font-size:62.5%;
}							/* Reset browser default font sizes to 10px */

p, li {
font-size:1.2em;
line-height:160%;
}

q {
font-size:1.4em;
line-height:160%;
font-family:"Times New Roman", Times, serif;
font-style:normal;
color:#bfbfbf;
display:block;
margin:2.5em 0 2.5em 0;
}

q span {
color:#fff;
}



/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
margin:1em 0;
}

h1, h2, h3, h4, h5, h6 {
color:#acf249;
}

h1 {
font-size:3.2em;
}							/* 32px */

h2 {
font-size:2.4em;
}							/* 24px */

h3 {
font-size:2.0em;
}							/* 20px */

h4 {
font-size:1.6em;
}							/* 16px */

h5 {
font-size:1.2em;
}							/* 12px */



/* =Links
-----------------------------------------------------------------------------*/

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

a:hover {
text-decoration:underline;
}

a[href^="http:"] {
background-image:url(../resources/icon_external.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:12px;
}

a[href^="http://cooperatingsystems.com"],
a[href^="http://www.cooperatingsystems.com"] {
background-image:none;
padding-right:0;
}

a[href^="mailto:"] {
background-image:url(../resources/icon_mailto.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:12px;
}



/* =Logo
-----------------------------------------------------------------------------*/
#logoSayHelloToHelloWorld {
margin:5em 0 1em 0;
}

#logoHelloWorld {
position:absolute;
left:320px;
top:265px;
}



/* =Main Nav
-----------------------------------------------------------------------------*/
#navMain {
}

#navMain li {
background:url(../resources/bullet_chevron.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:15px;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/



/* =Structure
-----------------------------------------------------------------------------*/
#columnA {
position:absolute;
left:0;
top:0;
width:50%;
}

#columnA div.wrapper {
width:400px;
position:absolute;
left:50%;
margin-left:-200px;
padding-top:25px;
}

#columnB {
position:absolute;
left:50%;
top:0;
width:50%;
background:url(../resources/bevel.gif);
background-repeat:no-repeat;
height:100%;
}

#columnB div.wrapper {
width:470px;
position:absolute;
left:50%;
margin-left:-235px;
height:100%;
}



/* =Main Content
-----------------------------------------------------------------------------*/



/* =Secondary Content
-----------------------------------------------------------------------------*/
#columnA #screenshot {
margin-top:5px;
}

#columnA div.wrapper #pagination {
margin:-2em 0 1em 0;
}

#columnA div.wrapper #caption p {
color:#bfbfbf;;
}

#columnA div.wrapper #caption p em {
color:#fff;
font-weight:bold;
font-style:normal;
}

#columnA div.wrapper ul {
margin-top:32px;
padding:0 30px;
}

#columnA div.wrapper ul li {
margin-bottom:1.5em;
line-height:140%;
}

#columnA div.wrapper ul li img {
margin-right:1em;
}

#columnA div.wrapper p span {
color:#bfbfbf;
background-image:url(../resources/bullet_square.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
padding-right:10px;
}

#columnA div.wrapper p span.newWhisper {
color:#bfbfbf;
background-image:none;
padding-left:0;
}



/* =Footer
-----------------------------------------------------------------------------*/
#footer {
color:#bfbfbf;
font-size:1.1em;
position:absolute;
bottom:0;
}



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders; even on Opea 7 */
fieldset {
border:1px solid transparent;
}

.inputText {
border: 1px solid #bfbfbf;
width:75%;
display:block;
}

.inputSubmit {
margin-top:1em;
display:block;
}


/* =Tables
-----------------------------------------------------------------------------*/

table {
border-spacing:0;
border-collapse:collapse;
}

td {
font-weight:normal;
text-align:left;
}


/* =Misc
-----------------------------------------------------------------------------*/