css basic code

 

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#FFFFFF;}

.justify{text-align:justify;}

.bold{font-weight:bold;}

.center{text-align:center;}

.right{text-align:right;}

.nostart{margin:0; padding:0; list-style-type:none;}

.clear{clear:both;}

b.clear{clear:both; margin:15px;}

a{outline:none; text-decoration:none; color:#059BD8; background-color:#FFFFFF;}

.fl_left, .imgl{float:left;}

.fl_right, .imgr{float:right;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0; text-align:left; border-bottom:1px solid #E3E3E3;}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:normal; line-height:normal;}

.col0, .col0 a{color:#FFFFFF; background-color:#666666;}

.col2{color:#FFFFFF; background-color:#F6F6F6;}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #toplne, #topbar, .container, #hpage_cats, #adblock, #copyright{display:block; position:relative; width:960px; margin:0 auto;}

/* ----------------------------------------------Topnav ...topBar------------------------------------- */

#topnav{display:block; float:left; width:700px; margin:5px 0 0 0; padding:0; list-style:none;}

#topnav ul, #topnav li{float:left; list-style:none; margin:0; padding:0;}

#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0 35px 0 0; padding:0; font-size:14px; text-transform:uppercase; color:#059BD8; background-color:#F6F6F6;}

#topnav ul ul li a:link, #topnav ul ul li a:visited{border:none;}

#topnav li.last a{margin-right:0;}

#topnav li a:hover, #topnav ul li.active a{color:#666666; background-color:#F6F6F6;}

#topnav li li a:link, #topnav li li a:visited{width:150px; float:none; margin:0; padding:7px 10px; font-size:12px; font-weight:normal; color:#059BD8; background-color:#F6F6F6;}

#topnav li li a:hover{color:#FFFFFF; background-color:#059BD8;}

#topnav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; border-left:1px solid #059BD8; border-bottom:1px solid #059BD8;}

#topnav li ul a{width:140px;}

#topnav li ul ul{margin:-32px 0 0 0;}

#topnav li:hover ul ul{left:-999em;}

#topnav li:hover ul, #topnav li li:hover ul{left:auto;}

#topnav li:hover{position:static;}

#topnav li.last a{margin-right:0;}

#topline{padding:10px 0;}

#topline p{float:left; margin:0; padding:0;}

#topline ul{float:right; margin:0; padding:0; list-style:none;}

#topline li{display:inline; margin:0 8px 0 0; padding:0 10px 0 0; border-right:1px solid #999999;}

#topline li.last{margin-right:0; padding-right:0; border:none;}

/* ----------------------------------------------Header------------------------------------- */

#header{padding:2px 0 20px 0;}

#header .fl_left{display:block; float:left; margin-top:7px; overflow:hidden;}

#header .fl_right{display:block; float:right; width:468px; height:60px; margin-top:21px; overflow:hidden;}

#header h1, #header p, #header ul{margin:0; padding:0; list-style:none; line-height:normal;}

#header h1 a{font-size:46px; color:#999999; background-color:#FFFFFF;}

#header h1 strong{font-weight:normal; color:#059BD8; background-color:#FFFFFF;}

#header .fl_left p{text-align:right; margin-top:5px;}

/* ----------------------------------------------Topbar------------------------------------- */

#topbar{padding:20px 0; z-index:1000;}

#topbar #search{display:block; float:right; margin:0; padding:0; overflow:hidden;}

/* ----------------------------------------------Content------------------------------------- */

.container{padding:10px 0;}

.content{display:block; align:center; width:860px;}

/* ----------------------------------------------Homepage Specific------------------------------------- */

#adblock{padding:20px 0;}

#hpage_cats{padding:0 0 5px 0;}

#hpage_cats .fl_left, #hpage_cats .fl_right{display:block; width:468px; margin-bottom:15px;}

#hpage_cats .fl_left img, #hpage_cats .fl_right img{float:left; margin:0 10px 0 0; padding:4px; border:1px solid #C7C5C8; clear:left;}

#hpage_cats h2{display:block; width:100%; margin:0 0 15px 0; padding:5px 0; color:#666666; background-color:#EFEFEF; text-align:right; font-size:13px;}

#hpage_cats h2 a{margin:0 5px 0 0; color:#059BD8; background-color:#EFEFEF; font-weight:bold; text-transform:uppercase;}

#hpage_cats p{margin:0 0 8px 0; padding:0;}

/* ----------------------------------------------Copyright------------------------------------- */

div.col8{border:none;}

#copyright{padding:15px 0;}

#copyright p{margin:0; padding:0;}