/* Eric Meyer CSS Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body { text-align: center; font-family:"Liberation Sans","Bitstream Vera Sans",sans-serif}

/*Header and footer backgrounds*/

html{background: #fff; /*#d4e9f1 #c2dfec;*/
     background-image:url('../../images/kde1.jpg');
     background-repeat:no-repeat;
     background-position:top center;
}

body{background: transparent;
     background-image:url('../../images/footer1.jpg');
     background-repeat:no-repeat;
     background-position:bottom center;
}

/*Formating and setups*/

.root {	width: 850px; margin: 0px auto; text-align: left; padding-bottom: 25px; min-height: 1100px; }

.header {background-image:url('../../images/page-hr-alt.png');
	background-repeat:no-repeat;
	background-position:0 28px}
	.header .toolbox { height:32px;margin-bottom:8px; padding-left:8px; background-image:url('../../images/kde.png');
					    background-repeat:no-repeat;
					    background-position:0 4px}
.header .toolbox .toolboxtext { padding-top: 10px; }
		.header .toolbox div {float: left; width: auto;padding: 0 10px 0 10px;color: #888; text-shadow: #fff 0px 0px 3px; text-decoration:none; font-size: 12px; font-weight:normal;}
		.header .toolbox #location {min-width:370px;}
		.header .toolbox #location li {float: left; width: auto; padding: 0 0 0 10px;background-image:url('../../images/crumb.arrow.png');
					    background-repeat:no-repeat;
					    background-position:0 2px}
		  .header .toolbox #location li a{color: #666; text-shadow: #fff 0px 0px 3px; text-decoration:none; font-size: 12px; font-weight:normal;}
		  .header .toolbox #location li a:hover{text-decoration:underline}
		.header .toolbox #location li:first-child {background-image:none}
	.header .menu_box { display: table; text-align: left; width: auto; min-height:160px; margin: 0 auto; text-shadow: #fff 0px 0px 3px; }
		.header .menu_box li { float: left; margin: 3px 14px }
		.header .menu_box li a {text-decoration: none; margin: 0px 10px}
		  .header .menu_box li h2 a{color: #555; font-size: 14px; font-weight:normal; padding-left:10px; text-transform:uppercase}
		.header .menu_box li ul { padding-top:5px; padding-left: 10px;}
		.header .menu_box li a:hover h2,
		.header .menu_box li a:hover, .header .menu_box li a#current {color:#222;text-shadow: #E6F1FF 0px 0px 3px;background-image:url('../../images/underline.png');
					    background-repeat:repeat-x;
					    background-position:bottom}
			.header .menu_box li ul li { float: none; text-align: left; margin:5px 0}
				.header .menu_box li ul li a { color: #666; font-size: 12px; margin: 5px;}
                .header .menu_box li ul li ul {margin: 4px 2px 4px 10px; padding:0;}
				.header .menu_box li ul li ul li {margin:2px; padding:0;}

/*Header glow/icons*/
#cp-menu-home {background-image:url('../../images/blue.icon.png');
	background-repeat:no-repeat;
	background-position:0 0}
#cp-menu-home:hover {text-shadow: #8ed1ff 0px 0px 18px;}
#cp-menu-community {background-image:url('../../images/green.icon.png');
	background-repeat:no-repeat;
	background-position:0 0}
#cp-menu-community:hover {text-shadow: #acff08 0px 0px 18px;}
#cp-menu-workspaces {background-image:url('../../images/orange.icon.png');
	background-repeat:no-repeat;
	background-position:0 0}
#cp-menu-workspaces:hover {text-shadow: #ffae00 0px 0px 18px;}
#cp-menu-applications {background-image:url('../../images/red.icon.png');
	background-repeat:no-repeat;
	background-position:0 0}
#cp-menu-applications:hover {text-shadow: #ff96af 0px 0px 18px;}
#cp-menu-developerplatform {background-image:url('../../images/gray.icon.png');
	background-repeat:no-repeat;
	background-position:0 0}
#cp-menu-developerplatform:hover {text-shadow: #aaa 0px 0px 18px;}
#cp-menu-support {background-image:url('../../images/purple.icon.png');
	background-repeat:no-repeat;
	background-position:0 0}
#cp-menu-support:hover {text-shadow: #e285ff 0px 0px 18px;}


.content { background-image:url('../../images/page-bg-alt.png');
	   background-repeat:repeat-y;
	   background-position:top center}
	.content .teaser { height: 300px; width: 830px; display: block; margin: auto;  }
	.content a { color: #235E9A; }

.footer { text-align: left;
	  background-image: url('../../images/page-fr-alt.png');
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  width: 850px; height: 60px; padding: 40px 0 0 0}
	.footer .module { float: left; width: 25%; margin: 0 10px 30px 10px}
	.footer .module {font-size:x-small;}

#footer {color: #aaa; font-size:xx-small; width:100%; background:#333;padding:5px 0 5px 0; margin-top: -25px; height: 25px; }
	#footer a {color: #eee;}

#sidebar { color: #444; float: right; max-width:185px; min-height:200px; margin:10px 0px 10px 15px; padding: 15px; border: 1px solid #ccc; font-size:10pt; text-align: left;background-image:url('../../images/30.png');border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;-khtml-border-radius: 3px;box-shadow: 0px 1px 8px #aaa;}

a.cp-doNotDisplay { display: none; }

#main { text-align:justify; padding:10px 20px 0px 20px; font-size:10pt; line-height:120%; text-shadow: #fff 0px 0px 3px;}

#main a[href] { color: #235E9A; text-decoration:none}
#main a[href]:hover { text-decoration:underline; }

#main p { color: #444; padding: 15px }

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {font-weight:normal}
#main h1 { line-height:130%; padding-left:10px; background-image:url('../../images/30.png');  color: #335877;font-size:18pt; margin:20px 10px 10px 0px;}
#main h2 { color: #446888;font-size:16pt; padding:30px 0px 20px 0px;}
#main h3 { color: #557899;font-size:15pt; padding:25px 0px 15px 0px;}
#main h4 { color: #557899;font-size:13pt; padding:20px 0px 10px 0px;font-weight:bold;}
#main h5 { color: #557899;font-size:12pt; padding:15px 0px 10px 0px;font-weight:bold;}
#main h6 { color: #557899;font-size:11pt; padding:15px 0px 10px 0px;font-weight:bold;}

#main img {margin:10px; padding:5px; background-image:url('../../images/70.png'); border:1px solid #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;-khtml-border-radius: 3px;}

#main dl,#main ol,#main ul {padding:10px 30px;}
#main ol {list-style:decimal}
#main ul {list-style-image:url('../../images/list-circle.png');}
#main ul li:hover {list-style-image:url('../../images/list-circle-over.png');}
#main ul li ul { padding: 0px 0px 0px 30px; }
#main li { padding-top: 2.5px; }

#main form {margin:10px;padding:5px; border:1px solid #E1EAF2; box-shadow: 0px 2px 3px #888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;}
#main fieldset {}
#main legend {}
#main input {}
#main textarea {}

#main table { border:1px solid #E1EAF2; color:#444; background-image:url('../../images/30.png'); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;-khtml-border-radius: 3px;}
#main table th {color:#444;background-color:#E1EAF2; padding:5px;text-align:center}
#main table tr:nth-child(odd) {background-image:url('../../images/30.png')}
#main table tr:nth-child(even) {}
#main table tr:hover {background-image:url('../../images/30s.png')}
#main table td {padding:5px}

#main table.donations-and-sponsors td { vertical-align:middle; }

#main sup {font-size:7pt;}
#main sub {font-size:7pt;}
#main cite {}
#main pre { font-size:9pt; font-style:"monospace"; color:#555; padding: 2px 5px 2px 20px; border:1px solid #DDD; margin-left:20px;}

/* Download button */
#main a.downloadButton {
    display:block; width: 130px; height:61px; background: url('/images/buttons/download_empty.png'); text-align:center; padding: 40px 10px 15px 130px; font-size:12pt; line-height:20px;
    margin-left: auto;
    margin-right:auto; vertical-align:middle;
    color: #444;
}
#main a.downloadButton:hover {
    text-decoration: none;
}

.table-wrapper {
    padding: 15px;
}

/* Application pages */
#sidebar a {
    text-decoration: none;
}

.app-icon {
    float: left;
}

.app-screenshot {
    clear: left;
    text-align: center;
}

.infobox {
    padding-top: 15px;
}

#infobox-return img, .header-image {
    padding: 0px !important;
    border: 0px !important;
    margin: 0px 5px 0px 0px !important;
    background-image: none !important;
}

.app-category, .international-site {
    float: left;
    display: table-cell;
    max-width: 240px;
    width: 240px;
    height: 60px;
    max-height: 60px !important;
    text-align: left;
}

.app-category img, .international-site img {
    float: left;
    margin: 0px 10px 0px 0px !important;
}

.app-category a, .international-site a {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}

.international-site {
    height: auto !important;
}

/*
   OCS Stuff
*/

.info-area {
    float: right;
    max-width: 300px;
    padding-left: 10px;
    text-align: left;
}

#main table.ocs img {
    padding: 1px !important;
    margin: 0px;
}

#main table.ocs {
    border:none !important;
}

.ocs-hackergotchi img {
    height: 32px !important;
    width: 32px !important;
}

.ocs-applicationshot {
    padding: 10px 0px 10px 10px !important;
}

.ocs-latestapp {
    padding: 10px 10px 10px 10px !important;
}

.ocs-content, .ocs-linksbar, .ocs-latestapp {
    vertical-align: middle;
    text-align: left;
}

.ocs-title {
    font-weight: bold;
    padding-right: 10px;
}

.ocs-linksbar {
    text-align: right !important;
    min-width: 25px;
}

.ocs-linksbar img {
    margin: 0px 2px 2px 2px !important;
}

.screenshot {
    margin-top: 20px; margin-botton: 20px;
}

.toggle {float: right; width: auto;padding: 10px 10px 0 10px;color: #888; text-shadow: #fff 0px 0px 3px; text-decoration:none; font-size: 12px; font-weight:normal; display none; }

#hotspot {float: right;}