body {
/*	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-size: 0.7em;
	font-family: verdana;
	color: #C3FDB8;
        background: #000000 url(http://www.otd.to/admin/files/12/92/2A-ATR-EdgeOfTheOcean_1600x1200.jpg) no-repeat;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

p, ul, ol, blockquote {
	margin-top: 0;
	padding-top: 0;
	line-height: 18px;
}

a {
        font-weight: bolder;
	color: #00FFFF;
        text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}

/* 
   CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR
*/

div#container {
   width: 100%;
}


/* Header */

#header {
	width: 100%;
	height: 200px;
	margin: 0px;
	position:relative;
}

/* Logo */

#logo {
	float:left;
}

#otdlogo {
        background: #000000 url(http://www.otd.to/news/files/1/2/otd.png) no-repeat;
        width: 100%;
        height: 100%;
}

#logo h1 {
	text-transform: lowercase;
}

#logo h2 {
	text-transform: lowercase;
	font-size: 12px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search-header {
	float: right;
	padding: 40px 0 0 0;
	color:#282828;
}

#search-header a {
    color:#FFFFFF;
}

#textfield1 {
	width: 175px;
	background: #000000;
}

#submit1 {
	height: 19px;
	background: #00fcff;
	border: none;
}

div#loader {background:url(Default_Template/images/loader.swf) center no-repeat;}
/* Content */

#content-holder {
	width: 904px;
        margin-left: 170px;
}

#splitpane-sidebar {
	float: left;
	width: 250px;
}

#splitpane-content {
	float: right;
	width: 646px;
}

#splitpane-left {
        float: left;
        width: 160px;
        margin: 0 auto;
}

/* Sidebar */

#splitpane-sidebar ul {
	margin:5px 10px 10px 5px;
	list-style: none;
}

#splitpane-sidebar ul li ul {
    background: url(Default_Template/images/img4.gif) repeat-x left bottom;
}

#splitpane-sidebar li {
	padding: 5px 0 7px 0;
	border-top: 1px solid #282828;
}

#splitpane-sidebar h2 {
	font-size: 15px;
}

div.transbox
  {
  width: 100%;
  background-color: #000000;
  border: 1px solid black;
  /* Mozilla 1.6 and below   */
  -moz-opacity:0.7;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }
div.transbox p
  {
  color: #C3FDB8;
  }

/* Footer */

#footer {
	clear: both;
	width: 904px;
	margin: 0 auto;
}

#footer p {
	text-align: center;
}

/* 
   ELGG SPECIFIC CLASSES 
*/

/*
   TABLES IN ELGG
*/

td {
  border:1px solid #282828;
  padding:3px;
  margin:0;
}

td h4, h3, h5 {
  padding:0;
  margin:0;
}

/* 
  SIDEBAR ITEMS
*/

#me #icon {
   float:left;
   margin:5px 5px 5px 0;
}

#splitpane-sidebar td {
    border:none;
    padding:4px;
background: #000000;
}

/* 
   BLOGGING ENGINE
*/

.weblog-post {
   margin:20px 0 10px 0;
   background: url(Default_Template/images/img4.gif) repeat-x left bottom;
}

.user {
  float:left;
  margin:5px 10px 10px 0;
  height:120px;
  width:210px;
}

.user img {
   border:1px solid #282828;
   padding:2px;
}

.weblog_keywords p a {
   margin:20px 0 0 0;
   padding:0;
   clear:both;
}

.weblog-title {
   margin:10px 0 10px 105px;
}

.weblog-title h3 {
   border:none;
   font-size:15px;
   color:#fff;
}

.weblog-title a {
   color: #fff;
   text-decoration:none;
   font-size: 1.2em;
}

.post {
   margin:10px 0 10px 105px;
 }

.info {
  border-top:1px solid #282828;
  margin:10px 0 10px 105px;
  clear:both;
}

.info p { 
   padding:0 0 0 10px;
   margin:0;
   color:#990000;
}

.info p a { 
   padding:0;
   margin:0;
}

.weblog_dateheader {
padding:0 0 0 15px;
text-align:right;
}

/* this is the thin line between the actual post and comments */

#comments {
  margin:0 30px 0 30px;
}

#comments h4 {
  font-size:1.5em;
  padding:0 0 0 15px;
  margin:0 0 10px 0;
}

#comments ol li {
  margin:0 30px 0 30px;
}

#comments-divide {
   height:1px;
   background:#282828;
}

.comment-owner {
    border:1px dotted #282828;
    background:#222222;
    padding:5px;
    margin:20px 0 5px 0;
    height:50px;
    width:450px;
}

.comment-owner img {
   margin:0px 5px 0px 0px;
   text-align:left;
}

.comment-owner a {
}

.comment-owner p {
  padding:0;
  margin:0;
  color:#fff;
}

/* END OF BLOGGING ENGINE */

/* 
   SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY
*/

div#sub-menu p {
  width: 90%;
  padding:3px;
  border:1px solid #282828;
  font-size: 0.8em;
  font-family: verdana;

}

div#sub-menu img {
   padding:0;
   margin:0;
   float:left;
 }

/* END OF SUB-MENU DIV */

/*
   SYSTEM MESSAGES 
*/

div#system-message{ 
    border:1px dotted #282828;
    background:#111111;
    color:#cacaca;
    width: 80%;
    margin:20px 20px 0 20px;
}

div#system-message p{
   padding:0px;
   margin:2px;
 }

.current-blogs {
       background: #999999;
}

/*
   CUSTOM LEGAL
*/

div#legal {
	clear: both;
	width: 904px;
	margin: 0 auto;
	background:#000000;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('Default_Template/images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('Default_Template/images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

select {
	background:#555555;
	color:#FFFFFF;
	border: 2px solid #282828;
	padding:3px;
}

textarea#styled {
        background:#111111;
        color:#FFFFFF;
        border: 2px solid #282828;
        padding:4px;
}

input[type="text"],input[type="password"],input[type="textare"],input.text,input.textare {
        background:#111111;
        color:#FFFFFF;
        border: 2px solid #282828;
	padding:4px;
}

input[type="submit"] {
	background: transparent url('http://www.otd.to/mod/template/templates/Default_Template/images/submit.gif') repeat-x;
	font: bold 13px Arial; /* Change 13px as desired */
	height: 30px; /* Height of button background height */
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
        border-left: 1px solid #282828;
	border-right: 1px solid #282828;
}

.ga-zone-position {
    position: relative;
    margin: auto;
}

.ga-img-border {
    border: 2px solid #282828;
    text-align: center;
}

.ga-img-border, .ga-img-border img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

object {
outline:none;
}