body{text-align: center; margin: 0px; padding: 0px; color: #333; font-family: sans-serif; font-size: 12px; background-color: #eee;}

h1,h2,h3,h4,p{padding:0;margin:5px 0px;}
h1{font-size: 180%;}
h2{font-size: 140%;}
h3{font-size: 120%;}
h4{font-size: 110%;}

a{}
img{border: none;}
.clear{clear:both;}
table { border-collapse:collapse; border-spacing:0;}
td{vertical-align: top;}

ul{margin:5px 0px; padding:0px;}
ul li{margin:3px 0px 3px 20px; padding:0px;}

.wrap{width: 760px; text-align: left; margin: 0px auto;}

.header{ margin: 10px 0px;}
.header h1{width: 160px; float:left;background: url(../images/skyflog_logo.gif) no-repeat left top;padding:0px; margin: 0px;}
.header h1 a{ display:block; height: 60px;  overflow: hidden; text-indent: -9000px;}
.header .logo_nav{ width: 520px; float:right; text-align: right; padding:10px 0px;}
.header .logo_nav a{ border:solid 5px #ccc; padding:5px 10px; font-size: 18px; text-decoration: none; color: #666; font-weight: bold;  opacity: 0.9999; }
.header .logo_nav a:hover { border: solid 5px #c1c1c1; }
.header .nav{ background-color: #666; color: #fff; padding:3px;}
.header .nav a{  color: #fff;}

.footer{margin: 10px 0px;}

/* home page */

.main_photo_list{width: 455px; overflow: hidden; float:left;}
.main_photo_list h3{margin:0px; text-transform: uppercase;}
.main_photo_list ul{width: 140px; float: left; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; list-style: none; border-right: 1px solid #ccc;}
.main_photo_list ul li{margin: 0px 0px 5px 0px; padding: 10px 5px 5px; text-align: center; background-color: #fff;}
.main_photo_list ul li a{text-decoration: none; display: block;}

.main_sidebar{width:300px; float:left; overflow: hidden;}
.main_sidebar form{background-color: #fff; padding:5px; margin: 0px;}
.main_sidebar .ad{margin-top:10px;}


/* user panel */
.user_panel{background-color: #fff; padding: 10px;}
.user_panel .logout{margin-top:20px;}
.panel_main{padding-left: 10px;}

/* template preview box */
.template_preview {width:250px; padding:10px; background-color: #fff; color: #666;}
.template_preview .menu {width:80px; float:left; border:solid 1px #ccc; background-color: #fff; color: #666; padding:3px;}
.template_preview .content {width:120px; float:left;margin-left:10px;}
.template_preview a { color: #f66;}
.template_preview a:hover { color: #666;}
.template_preview .menu a { color: #f66;}
.template_preview .menu a:hover { color: #666;}


/* table grid */
table.grid{background-color: #ffffff;}
table.grid th{background-color: #e0e0e0; padding: 10px 3px;}
table.grid td{padding:3px; border-bottom:solid 1px #e0e0e0;}
table.grid tr.even td{background-color: #f8f8f8;}
table.grid tr:hover td{background-color: #f7f7dd;}


/* spacing */
form table td { padding-bottom: 20px; }