body {
    background: #353365 url('../images/bg.png') repeat-x;
    font-family: arial;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}

#wrapper {
    margin: 0 auto;
    width: 856px;
}

#topbar {
    width: 856px;
    height: 36px;
    background: url('../images/topbar.png') no-repeat;
}

    #logo {
        background: url("../images/logo.png") no-repeat;
        float: left;
        height: 21px;
        width: 169px;
    }
    
    #logo a {
        display: block;
        height: 21px;
        overflow: hidden;
        text-indent: -9999px;
        width: 169px;
    }
    
      h1 {
        margin: 6px;
      }
    
    #nav {
        color: #a6a6ff;
        float: right;
    }
    
      #nav ul {
        list-style: none;
        margin: 8px 3px 0 0;
        padding: 0;
      }
      
      #nav ul li {
        margin: 0 3px 0 0;
        float: left;
      }
      
      #nav li a {
        text-decoration: none;
      }
      
      #nav li a:hover {
        text-decoration: underline;
      }

#banner {
    background: url('../images/banner.jpg') no-repeat;
    height: 316px;
    width: 856px;
}

#container {
    background: #111120;
    border: 3px solid #353365;
    color: #ffffff;
    margin: -8px 0 0;
    width: 850px;
    
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
    
    .header
    {
        background: #3b3b6f;
        font-size: 1.2em;
        font-weight: bold;
    	height: 20px;
    	margin: 10px 0px 10px 0px;
    	padding: 5px;
        width: 99%;
    }
    
    .iframe
    {
    	border: 0;
    	background: #1d1d38;
    }
    
    #message
    {
    	margin: 100px auto;
    }
    
    #main {
        padding: 8px;
        width: 98%;
    }
    
    #news {
        padding: 8px;
        float: left;
        width: 58%;
    }
    
    #sidebar {
        padding: 8px;
        float: right;
        width: 36%;
    }
    
        #gallery
        {
        	height: 100%;
        	width: 307px;
        	padding: 35px 0px 0px 5px;
        	background: #111120 no-repeat url('../images/gallery.png') top left;
        }
        
        #recent-blogs
        {
        	height: 100%;
        	width: 307px;
        	margin: 25px 0 0;
        	padding: 35px 0px 0px 5px;
        	background: #111120 no-repeat url('../images/recent-blogs.png') top left;
        }


    
#footer {
    margin: 10px 0 0;
    color: #ffffff;
    font-family: calibri;
    text-align: center;
}

#footer a {
    color: #b4b4b4;
    text-decoration: none;
}

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

a:hover {
    text-decoration: underline;
}

.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.clear {
    clear: both;
}

img {
    border: 0;
}