/* General */

body {
  margin:0;
  padding:0;
  background:#333 url('background.jpg') no-repeat fixed center top;
}

div#container {
  width:700px;
  min-height:670px;
  margin:auto;
  background:#505050 url('background_text.jpg') no-repeat;
  font-family:'Trebuchet MS',sans-serif;
  font-size:11px;  
  display:block;
  margin-bottom:10px;
}

div#container:after {
  content: '';
  display:block;
  height:0; 
  clear:both;
} 

div#container.plain {
  background-image:url('background_text_plain.jpg');
}

div#container div#middle {
  float:left;
  width:400px;
  color:#F2F2F2;
  margin:90px 0 0 90px;
  min-height:488px;
}

div#container div.middle {
  width:700px;
  float:left;
}

/* Top */

div#container div.top {
  float:left;
  width:700px;
  height:81px;
}

div#container div.top a.logo {
  margin-top:5px;
  margin-left:-140px;
  position:absolute;
}

div#container div.top a.logo img {
  vertical-align:bottom;
  border:0;
}

/* Menu */

div#container ul#menu {
  width:140px;
  float:left;
  margin:90px 0 0 -140px;
  padding:0;
  list-style:none;
}

div#container ul#menu li {
  min-height:35px;  
  float:left;
  margin-bottom:2px;
  line-height:18px;
}

div#container ul#menu li a {
  background:url('menu_corner.png') no-repeat;
  color:#F2F2F2;
  float:left;
  font-size:12px;
  padding:16px 0 1px 15px;
  text-decoration:none;
  width:125px;
}

div#container ul#menu li span {
  float:left;
  color:#FFF;
  margin-left:3px;
}

div#container ul#menu li span.selected {
  color:#FF931E;
}

div#container ul#menu li.selected > a {
  background:url('menu_straight.png') no-repeat;
}

div#container ul#menu ul {
  display:none;
  margin:0;
  list-style:none;
  padding:0 0 8px;
  width:140px;
  float:left;
  background:url('menu_bottom.png') left bottom no-repeat;
}

div#container ul#menu ul li {
  line-height:16px;
}

div#container ul#menu ul ul {
  display:none;
  background:none;
  padding:0;
  width:130px;
  display:none;
}

div#container ul#menu ul ul li {
  padding:2px 0 0 10px;
}

div#container ul#menu li.selected > ul {
  display:inline;
}

div#container ul#menu ul li {
  background:url('menu_middle.png') repeat-y;
  min-height:0;
  padding:10px 10px 2px 10px;
  width:120px;
  margin:0;
}

div#container ul#menu ul li + li {
  padding-top:2px;
}

div#container ul#menu ul li a {
  background:none;
  padding:0;
  width:auto;
  float:left;
  font-size:11px;
}

div#container ul#menu ul li.selected > a {
  background:none;
  color:#FF931E;
}

/* Ads */

div#container div.ads {
  position:absolute;
  margin-left:540px;
  margin-top:5px;
}

div#container div.ads a {
  color:#505050;
}

div#container div.ads img {
  border:0;
  vertical-align:bottom;
}

/* Header & footer */

div#container div.header {
  margin-top:5px;
  margin-left:375px;
  position:absolute;
  width:142px;
}

div#container div.header p {
  margin:0;
}

div#container div.header a {
  background:url(menu_top.png) no-repeat;
  color:#F2F2F2;
  float:left;
  font-size:13px;
  line-height:18px;
  font-weight:bold;
  padding:6px 8px 5px;
  text-decoration:none;
  width:126px;
  margin-bottom:4px;
}

div#container div.social-sites {
  bottom:10px;
  float:left;
  height:24px;
  margin-top:-15px;
  position:relative;
  right:15px;
  text-align:right;
  width:700px; 
}

div#container div.social-sites a.facebook {
  display:inline-block;
  width:24px;
  height:24px;
  background:url('facebook.png') no-repeat;
  margin-right:10px;
}

div#container div.social-sites a.twitter {
  display:inline-block;
  width:24px;
  height:24px;
  background:url('twitter.png') no-repeat;
}

div#container div.footer {
  float:left;
  width:700px;
  background-color:#1A1A1A;
}

div#container div.footer p {
  margin:0;
  padding:5px;
}

div#container div.footer a {
  font-size:14px;
  color:#F2F2F2;
  text-decoration:none;
  font-weight:bold;
}

div#container div.partners {
  width:700px;
  float:left;
  background:#424242;
  padding:10px 0;
}

div#container div.partners a {
  margin:0 10px;
  height:33px; 
  float:left;
  color:#F2F2F2;
  background-repeat:no-repeat;
  background-position:center center;
}

div#container div.partners a.byte {
  width:65px;
  float:right;
  background-image:url('logo_byte.gif');
}

/* News */

div#container div.news div.items {
  float:left;
}

div#container div.news div.items div.item {
  float:left;
  width:400px;
  padding-bottom:20px;  
}

div#container div.news div.item h1 {
  margin:0;
  font-size:15px;
  color:#FF931E;
}

div#container div.news div.item h2 {
  margin:0;
  font-size:9px;
}

div#container div.news div.item p {
  margin:0;
}
  
div#container div.news div.sidebar {
  float:left;
  border-top:1px dotted #F2F2F2;
  width:400px;
  margin-bottom:20px;
  display:none;
}

div#container div.news div.sidebar h1 {
  font-size:15px;
  margin:20px 0 0;
}

div#container div.news div.sidebar ul {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
}

div#container div.news div.sidebar ul li {
  display:inline-block;
  width:133px;
}

div#container div.news div.sidebar ul ul {
  padding:0 0 10px 15px;
}

div#container div.news div.sidebar a {
  color:#F2F2F2;
  text-decoration:none;
}  

/* Inline news */

div#container div.inline-news {
  background:url('news.png');
  float:left;
  height:463px;
  margin:75px -102px 0 60px;
  width:252px;
}

div#container div.inline-news div.item {
  height:90px;
  padding:15px 30px;
  width:190px;
  overflow:hidden;
}

div#container div.inline-news div.item + div.item {
  background:url('news_middle.png') no-repeat;
  margin-left:30px;    
  padding:25px 30px;
}

div#container div.inline-news div.item + div.item + div.item {
  background:none;
  margin-left:0;
  padding:15px 30px;
}

div#container div.inline-news h1 {
  font-size:15px;
  margin:0;
  padding:30px 30px 0;
  white-space:nowrap;
  color:#F2F2F2;
}

div#container div.inline-news div.item h1 a {
  text-decoration:none;
}

div#container div.inline-news div.item h1 {
  padding:0;
  margin:0;
  font-size:13px;
}

div#container div.inline-news div.item h2 {
  margin:0;
  font-size:9px;
}

div#container div.inline-news div.item div {
  max-height:48px;
}

div#container div.inline-news div.item p {
  margin:0;
}

div#container div.inline-news div.item a.read-more {
  text-decoration:none;
  float:right;
}

div#container div.inline-news div.item *,
div#container div.inline-news div.item + div.item + div.item * {
  color:#333;
}

div#container div.inline-news div.item + div.item * {
  color:#F2F2F2;
}

/* Projects */

div#container div.projects {
  float:left;
}

div#container div.projects div.project {
  float:left;
  width:400px;
  padding-bottom:20px;  
}

div#container div.projects div.project h1 {
  margin:0;
  font-size:15px;
  color:#FF931E;
}

div#container div.projects div.project h2 {
  margin:0;
  font-size:9px;
}

div#container div.projects div.project p.total {
  margin:0;
}

div#container div.projects div.project p.hg {
  color:#FF931E;
}
  
/* Inline projects */

div#container div.inline-projects div.full + div.full {
  display:none;
}

div#container div.inline-projects img {
  vertical-align:bottom;
  border:0;
}

div#container div.inline-projects div.intro {
  background:#1A1A1A;
  padding:10px;
  width:405px;
  height:36px;
  overflow:hidden;
}

div#container div.inline-projects div.intro h1 {
  margin:0;
  font-size:15px;
}

div#container div.inline-projects a {
  text-decoration:none;
  color:#F2F2F2;
}

div#container div.inline-projects div.thumbs {
  margin-top:15px;
  width:425px;
}

div#container div.inline-projects div.thumbs img {
  cursor:pointer;
}

div#container div.inline-projects div.thumbs img + img {
  margin-left:22px;
}

/* Newsletter */

div#container div.newsletter.overview h1 {
  margin:0;
  font-size:13px;
}

div#container div.newsletter.overview form {
  margin:0;
}

div#container div.newsletter.overview fieldset {
  border:0;
  margin:0 0 10px;
  padding:0;
}

div#container div.newsletter.overview p {
  margin:0 0 3px;
}

div#container div.newsletter.overview span.message {
  border:1px solid #F2F2F2;
  padding:5px;
  margin-bottom:5px;
}

div#container div.newsletter.overview input,
div#container div.newsletter.overview select {
  font-family:'Trebuchet MS', sans-serif;
  font-size:11px;
  margin-right:2px;
}

div#container div.newsletter h1.title {
  display:none;
}

div#container div.newsletter p.modified {
  margin:0;
  color:#AAA;
}

div#container div.newsletter code {
  display:none;
}

div#container fieldset.system.newsletter span.message {
  border:1px solid #F2F2F2;
  padding:5px;
  margin-bottom:5px;
}

/* Text */

div#container div#middle div.text {
  letter-spacing:0.5px;
  line-height:18px;
}

div#container div.text p {
  margin:0 0 10px;
}

div#container div.text a {
  color:#F2F2F2;
}

div#container div.text h1 {
  margin:0;
  font-size:13px;
}

div#container div.text h2 {
  margin:0;
  font-size:12px;
}

div#container div.text h3 {
  margin:0;
  font-size:12px;
  font-weight:normal;
}

div#container div.text h4 {
  margin:0;
  font-size:11px;
  color:#1A1A1A;
}

div#container div.text h5 {
  margin:0;
  font-size:11px;
  color:#1A1A1A;
  font-weight:normal;
}

div#container div.text h6 {
  margin:0;
  font-size:11px;
  color:#FF931E;
}

div#container div.text ul {
  padding-left:25px; 
  margin:0 0 10px
}

div#container div.text table {
  border-collapse:collapse;
  margin-bottom:10px;
  width:400px;
}

div#container div.text table td {
  border:1px solid #FF931E;
  padding:0 4px;
  vertical-align:top;
}

div#container div.text table th {
  text-align:left;
  padding:0 4px;
}

div#container div.text object {
  margin-bottom:10px;
}

/* System */

div#container fieldset.system.ads,
div#container fieldset.system.partner {
  margin-left:-60px;
}

div#container fieldset.system.project label,
div#container fieldset.system.news label,
div#container fieldset.system.page label,
div#container fieldset.system.newsletter label,
div#container fieldset.system.ads label,
div#container fieldset.system.partner label,
div#container fieldset.system.project div.help a,
div#container fieldset.system.news div.help a,
div#container fieldset.system.page div.help a,
div#container fieldset.system.newsletter div.help a {
  color:#F2F2F2;
}

div#container fieldset.system.project textarea[name=text],
div#container fieldset.system.news textarea[name=text],
div#container fieldset.system.page textarea[name=text],
div#container fieldset.system.newsletter textarea[name=text] {
  width:398px;
}

div#container fieldset.system.partner th,
div#container fieldset.system.partner td {
  padding-bottom:5px;
  padding-right:5px;
  vertical-align:top;
}

div#container fieldset.system.partner td.picture {
  width:130px;
}

div#container fieldset.system.partner td.picture img {
  vertical-align:bottom;
  border:0;
  max-width:130px;
}

div#container div.partners div.tools {
  margin:0 -105px 0 0;
  float:right;
}

div#container div.partners div.tools a {
  height:13px;
  margin-left:0;
  margin-right:4px;
}

/* Archive */

div#container ul.archive,
div#container ul.archive ul {
  padding:0 0 0 10px;
  margin:0;  
  list-style:none;
  font-weight:normal;
}

div#container ul.archive {
  margin:4px 0;
  padding:0;
  line-height:16px;
}

div#container ul.archive a {
  color:#F2F2F2;
  text-decoration:none;
}

div#container ul.archive li.open {
  font-weight:bold;
}