/* GlobalMobileProject - 092507 - DittoDoesIt.com */
* {
margin:0;
padding:0;
}
body {
background:#000000 url(images/background.jpg) repeat-x;
text-align:center;
margin-top:40px;
margin-bottom:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#wrapper {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#header {
width:800px;
height:130px;
background: url(images/header-bkgd.gif) no-repeat;
}
#logo {
width:320px;
height:130px;
float:left;
}
#topnav {
width:480px;
height:130px;
float:left;
}
#topnav ul {
list-style:none;
width:150px;
float:left;
padding-left:10px;
}
#topnav-c1,#topnav-c2 {
margin-top:60px;
}
#topnav-c3 {
margin-top:100px;
}
#topnav li {
height: 20px;
}
#topnav a {
text-decoration:none;
color:#FFFFFF;
}
#topnav a:hover {
text-decoration:underline;
}
#topnav a.active {
color:#1AB0D3;
font-weight:bold;
}
#container {
width:800px;
background-color:#FFFFFF;
border-top:2px solid #5F396A;
}
#content {
width:640px;
float:left;
}
#content-wide {
width:800px;
float:left;
}
#intro {
background:#CCCCCC;
margin:10px;
padding:10px;
height:110px;
}
#intro h1 {
font-size:16px;
float:left;
color:#5F396A;
margin-top:50px;
width:300px;
}
#intro p {
float:left;
width:300px;
margin-top:16px;
}
#copy, #copy-fm {
margin:10px;
padding:10px;
}
#copy h2, #video-info h2, #copy-fm h2 {
color:#5F396A;
border-bottom:2px solid #CCCCCC;
clear:both;
padding:10px 0;
}
#copy h2 a, #copy-fm h2 a  {
text-decoration:none;
}
#copy p, #video-info p, #copy-fm p {
margin:10px;
line-height:16px;
}
#copy strong, #copy-fm strong {
color: #5F396A;
}
div.img {
float:left;
width:160px;
margin-right:10px;
margin-bottom:10px;
}
#copy-fm p {
margin-left:170px;
}
#ufo {
float:left;
}
#video {
margin:10px;
}
#video-info {
width:290px;
padding-left:10px;
float:left;
}
#right-sidebar {
width:160px;
float:right;
}
#footer {
width:800px;
height:100px;
background: url(images/footer-bkgd.gif) no-repeat;
border-top:2px solid #5F396A;
}
.clear {
clear:both;
}
#videos {
margin:0;
padding:0;
}
#other-videos {
text-align:center;
padding:20px 0;
margin:20px;
border-top:1px solid #999999;
}
div.other {
width:108px;
display:inline;
float:left;
margin-bottom:10px;
}
#other-videos a {
text-decoration:none;
font-size:9px;
}
#other-videos a span {
visibility:hidden;
}
#other-videos a:hover span {
visibility:visible;
}
#other-videos h2 {
text-align:left;
}
#videos img, #other-videos img {
border:0;
}
.video-listing {
width:145px;
padding-left:12px;
float:left;
margin-bottom:12px;
}
.video-listing h2 {
font-size:12px;
}
.video-listing p {
font-size:10px;
}
#comments {
border-top:1px solid #999999;
padding:20px 0;
margin:20px;
}
#comments p {
margin:10px 0;
line-height:18px;
}
#comments p.postedby {
font-size:10px;
color:#999999;
}
#sponsors {
height:60px;
}
#footer-menu {
width:800px;
margin-top:10px;
text-align:center;
}
#footer-menu a, #footer-menu span {
color:#FFFFFF;
text-decoration:none;
margin:10px;
}
div.ad {
margin: 10px 0;
}
label {
border-top:1px dotted #CCCCCC;
display:block;
float:left;
margin:5px;
width:135px;
}
fieldset {
border:1px solid #5F396A;
margin:10px 0pt;
padding:5px;
}
form#profile input, form#profile select, form#profile textarea {
margin:5px;
}
form#comment input, form#comment select, form#comment textarea {
margin:5px;
}