| Current Path : /home/seto/public_html/ |
| Current File : /home/seto/public_html/style.css |
/* === General Structure === */
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
}
body {
background:#242b50 url(Images/bg.jpg) repeat;
margin:30px 0 0 0;
text-align:center;
}
p{
line-height:20px;
}
a:link {
color: #0a47b0;
}
a:visited {
color: #0a47b0;
}
a:hover {
color: #c32547;
}
a:active {
color: #0a47b0;
}
.clear{
clear:both;
}
h2 a, h3 a, h4 a, h5 a{
text-decoration:none;
}
h5{
font-size:14px;
font-weight:normal;
margin:0;
}
img{
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
img.left{
float:left;
margin:15px 15px 15px 0;
border:1px solid #ededed;
background:#fff;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
img.right{
float:right;
margin:15px 0 15px 15px;
border:1px solid #ededed;
background:#fff;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
img.styled{
border:1px solid #ededed;
background:#fff;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#wrapper{
width:990px;
margin:0 auto;
text-align:left;
background:white;
-moz-box-shadow: 0 0 5px 5px #6e4122;
-webkit-box-shadow: 0 0 5px 5px#6e4122;
box-shadow: 0 0 5px 5px #6e4122;
-moz-border-radius:5px;
-webkit-border-radius:5px
}
.padtop{
padding-top:30px;
}
blockquote{
font-size:16px;
font-style:italic;
line-height:20px;
text-shadow:1px solid white;
background:#eaeaea;
padding:15px;
-moz-border-radius:5px;
border:1px solid #bdbdbd;
-webkit-border-radius:5px
}
/* === Logo === */
#logo{
float:left;
padding:15px 0 0 30px;
position:relative;
z-index:888;
}
#logo h1{
background:url(Images/logo.png) top left no-repeat;
height:37px;
width:205px;
margin:0;;
overflow:hidden;
}
#logo h1 a{
display:block;
padding-left:205px;
}
/* === Main Navigation === */
#nav{
background:url(Images/navbg.jpg) repeat-x top;
height:68px;
position:relative;
width:100%;
}
#nav .left{
background:url(Images/nav-left.jpg) top left no-repeat;
width:100%;
height:68px;
}
#nav .right{
background:url(Images/nav-right.jpg) top right no-repeat;
width:100%;
height:68px;
}
#menu{
text-align:right;
}
#menu ul{
width:900px;
position:absolute;
top:12px;
right:30px;
}
#menu ul li {
display:inline;
margin-left:2px;
margin-right:10px;
padding-top:13px;
padding-bottom:13px;
height:12px;
}
#menu ul li a {
text-decoration:none;
font-weight:normal;
text-shadow:1px 1px #fff;
padding-top:13px;
padding-bottom:13px;
height:13px;
font-size:16px;
}
#menu .left {background:url(Images/navbutton-left.jpg) top left no-repeat;padding:8px 7px 20px 0px}
#menu .right {color:#222;background: url(Images/navbutton-right.jpg) top right no-repeat;padding:8px 10px 20px 0px}
.active span.navspan {background-image:url(Images/navbutton-hover.jpg) !important;color:#000}
#menu ul li a:hover {color:#000} /* MSIE fix */
#menu ul li a:hover span.navspan {background-image:url(Images/navbutton-hover.jpg) !important; color:#000}
/* === Dropdown Nav === */
#menu ul ul {
position:absolute;
display:none;
top:40px;
left:0;
z-index:999;
background: url(Images/top-ulul.jpg) top repeat-x #fff;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
padding:13px 5px 5px 5px;
width:130px;
text-align:left;
-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
}
#menu ul li ul li{
background:none;
position:relative;
z-index:999;
padding:0;margin:0
}
#menu ul li ul a:link, #menu ul li ul a:visited{
display:block;
padding:7px 0 7px 10px;
width:120px;
font-size:12px;
color:#444;
text-decoration:none;
font-weight:normal;
float:left;
margin:0;
position:relative;
z-index:999;
height:16px;
background:#fff;
text-shadow:1px solid white;
border-bottom:1px solid #ededed;
}
#menu ul li ul a:hover{
z-index:999;
border-bottom:1px solid #ccc;
}
#menu ul ul ul{
top:auto;z-index:999;
}
#menu ul li ul ul {
left:146px;
margin:0px 0 0 10px;
z-index:9999;
}
#menu ul li{
position:relative;
z-index:999;
}
/* === Subpage Header === */
#subbanner{
background:url(Images/subbanner.jpg) top left no-repeat;
width:990px;
position:relative;
height:114px;
border-bottom:1px solid #ccc;
}
.titlehol{
top:32px;
left:60px;
position:absolute;
}
#subbanner h2{
font-size:36px;
font-weight:bold;
color:white;
text-shadow:1px 1px #0a1f40;
font-style:italic;
margin:0;
float:left;
padding:0;
}
#subbanner h3{
font-size:18px;
color:white;
margin:0;
text-shadow:1px 1px #081b38;
float:left;
padding:10px 0 0 30px;
}
/* === Homepage Slider === */
#banner{
height:398px;
width:990px;
position:relative;
overflow:hidden;
background:url(Images/banner.jpg) top left no-repeat;
}
#banner .package{
height:398px;
width:990px;
position:absolute;
top:0;
left:0;
}
#banner .package h2{
font-size:36px;
font-weight:bold;
color:white;
text-shadow:1px 1px #0a1f40;
text-transform:uppercase;
font-style:italic;
position:absolute;
margin:0;
top:30px;
left:60px;
padding:0;
}
/* === Slider Pink Box === */
.pinkbox{
background:url(Images/pinkbox.png) top left no-repeat;
width:310px;
height:177px;
position:absolute;
left:60px;
top:128px;
}
.pinkbox ul{
margin:0;
padding:15px 0 0 15px;
text-shadow:1px 1px #a82441;
font-size:16px;
font-weight:normal;
color:white;
list-style:none;
line-height:0;
}
.pinkbox ul li{
background:url(Images/pinkbullet.png) left no-repeat;
display:block;
padding-left:15px;
padding-top:5px;
padding-bottom:4px;
height:15px;
}
#banner .package h3{
font-size:18px;
color:white;
margin:0;
text-shadow:1px 1px #081b38;
position:absolute;
top:98px;
left:60px;
}
/* === Sldier Server Image === */
.server{
position:absolute;
right:59px;
top:30px;
background:url(Images/server.png) top left;
width:315px;
height:331px;
}
/* === Slider Alt Image === */
#precision .server{
position:absolute;
right:45px;
top:30px;
background:url(Images/server2.png) top left;
width:344px;
height:361px;
}
/* === Slider Order Link === */
.orderbox{
width:340px;
text-align:left;
position:absolute;
left:60px;
bottom:30px;
font-size:30px;
color:white;
text-shadow:1px 1px #081b38;
font-weight:bold;
}
.orderbox span.button{
display:block;
text-align:center;
float:left;
padding-top:5px;
}
.orderbox span.button a{
color:#444;
text-shadow:1px 1px #fff;
font-size:14px;
background:url(Images/green-button.png) top center no-repeat;
width:102px;
height:26px;
display:block;margin:0 auto;
text-decoration:none;
padding:14px 0 0 0;
}
.orderbox em{
float:left;
padding-right:30px;
padding-top:15px;
}
.orderbox span.button a:hover{
background:url(Images/green-button.png) bottom center no-repeat;
color:#000;
}
/* === Slider Control Bar === */
#control{
width:100%;
background:url(Images/banner-controlbar.jpg) repeat-x top;
height:20px;
text-align:center;
padding-top:11px;
text-align:center;
}
#control #holder{
margin:0 auto;
width:54px;
}
#control a{
background:url(Images/controls.jpg) top left no-repeat;
height:8px;
overflow:hidden;
width:8px;
margin:0 5px 0 5px;
outline:none;
display:block;
float:left;
}
#control a span{
display:none;
}
#control a:hover,#control a.activeSlide{
background:url(Images/controls.jpg) bottom left no-repeat;
}
/* === Section With 3 Boxes - Homepage === */
#section1{
background:#eaeaea;
border-top:1px solid #cacaca;
padding:15px 0 15px 0;
}
#section1 .box{
width:258px;
height:135px;
float:left;
padding:15px;
margin-left:30px;
border:1px solid #cfcfcf;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fff;
color:#444;
position:relative;
}
/* === Arrow Controls === */
.arrows{
width:29px;
height:8px;
position:absolute;
top:15px;
right:15px;
}
.arrows a{
height:8px;
width:12px;
display:block;
float:left;
outline:none;
}
.arrows a span{
display:none;
}
.arrows a.next{
background:url(Images/arrows.jpg) top left no-repeat;
margin-right:5px;
}
.arrows a.next:hover{
background:url(Images/arrows.jpg) bottom left no-repeat;
}
.arrows a.prev{
background:url(Images/arrows.jpg) top right no-repeat;
}
.arrows a.prev:hover{
background:url(Images/arrows.jpg) bottom right no-repeat;
}
/* === Testimonial Box === */
#testimonials{
width:258px;
height:110px;
overflow:hidden;
position:relative;
}
#testimonials p{
position:absolute;
top:0;
left:0;
background:white;
}
#section1 .box p{
padding:10px 0 0 0;
margin:0;
}
#section1 .box h2{
font-size:18px;
color:#444;
font-weight:normal;
margin:0;
}
#section1 .box em{
font-size:11px;
padding-top:3px;
display:block;
}
/* === Domain Look Up Box === */
#section1 .box form{
padding:15px 0 0 0;
}
#section1 .box form .field{
background:#f6f6f6;
font:Arial, Helvetica, sans-serif 12px;
border:1px solid #d4d4d4;
padding:4px;
}
#section1 .box form .select{
background:#f6f6f6;
font:Arial, Helvetica, sans-serif 12px;
border:1px solid #d4d4d4;
padding:3px;
margin-left:7px;
}
#section1 .box form .button{
background:url(Images/check.jpg) top left no-repeat;
border:none;
width:65px;
height:26px;
cursor:pointer;
}
#section1 .box form #checker{
padding:20px 0 0 0;
}
#section1 .box form #checker span{
padding:0 0 0 30px;
}
#section1 .box form #checker span font{
color:white;
background:#eb2a2b;
}
#section1 .box form .button:hover{
background:url(Images/check.jpg) bottom left no-repeat;
cursor:pointer;
}
/* === Services Box === */
#services{
padding:15px 0 15px 0;
}
#services span a em{
display:none !important;
}
#money{
background:url(Images/money.jpg) bottom left no-repeat;
width:48px;
height:48px;
float:left;
overflow:hidden;
text-align:center;
margin-left:0px;
}
#money a{
background:url(Images/money.jpg) top left no-repeat;
height:48px;
display:block;
padding-left:48px;
}
#support{
background:url(Images/support.jpg) bottom left no-repeat;
width:48px;
height:48px;
float:left;
overflow:hidden;
text-align:center;
}
#support a{
background:url(Images/support.jpg) top left no-repeat;
height:48px;
display:block;
padding-left:48px;
}
#barchart{
background:url(Images/barchart.jpg) bottom left no-repeat;
width:48px;
height:48px;
float:left;
overflow:hidden;
text-align:center;
margin-left:15px;
margin-right:15px;
}
#barchart a{
background:url(Images/barchart.jpg) top left no-repeat;
height:48px;
display:block;
padding-left:48px;
}
#credit{
background:url(Images/credit.jpg) bottom left no-repeat;
width:48px;
height:48px;
float:left;
overflow:hidden;
text-align:center;
margin-left:15px;
margin-right:15px;
}
#credit a{
background:url(Images/credit.jpg) top left no-repeat;
height:48px;
display:block;
padding-left:48px;
}
/* === Latest News (bottom of page) === */
.latest{
padding:15px 30px 0 30px;
display:block;
background:#f9f9f9;
border-top:1px solid #cacaca;
height:27px;
}
.latest h5{
float:left;
padding-top:1px;
}
.latest #lnews{
float:left;
width:700px;
position:relative;
margin-left:7px;
}
.latest #lnews a{
position:absolute;
top:0;
left:0;
}
/* === Main Content Section === */
#content{
background:white;
padding:30px;
cursor: default;
}
#content ul{
line-height:24px;
padding:15px 0 0 15px;
margin:0;
}
#content h2{
font-size:24px;
color:#000;
font-weight:normal;
margin:0;
}
#content h2 a{
color:#000;
}
/* === Left Column (two thirds of width) === */
.twothird{
float:left;
width:612px;
padding-right:10px;
}
.twothird .half{
float:left;
width:291px;
}
.twothird .half.first{
padding-right:30px;
}
.twothird .third{
float:left;
width:184px;
border:none;
padding:0;
}
.twothird .third.middle{
padding:0 30px 0 30px;
}
.twothird ol{
margin:0;
padding:0;
}
.numbered{
height:27px;
}
#content .twothird h4{
margin-top:30px;
}
.twothird .numbered h3{
padding:6px 0 0 0;
}
.twothird .numbered em{
display:block;
float:left;
background:url(Images/numberbg.jpg) top left no-repeat;
width:27px;
height:22px;
color:white;
text-shadow:1px 1px #9b132c;
font-size:14px;
text-align:center;
padding:5px 0 0 0;
font-weight:bold;
margin-right:15px;
}
.twothird ol{
list-style:none;
margin:30px 0 0 0;
}
.twothird ol li{
padding:0 0 30px 0;
}
.twothird h3{
padding-top:30px;
}
/* === Right Column (third of width) === */
#content h3, .third h4{
font-size:18px;
margin:0;
color:#444;
font-weight:normal;
}
.third h4{
font-size:16px;
}
.third{
float:right;
width:260x;
padding-left:19px;
}
/* === Member Login === */
.members{
background:url(Images/member-bg.jpg) top left no-repeat;
width:258px;
height:110px;
padding:15px;
position:relative;
margin:0 0 30px 0;
-moz-border-radius: 5px;
border-radius: 5px;
}
.members h4{
font-size:16px;
color:white;
text-shadow:1px 1px #08204b;
margin:0;
padding-bottom:13px;
}
.members .field{
position:relative;
width:190px;
height:24px;
margin:15px 0 0 0;
}
.members .field label{
color:#ccc;
float:left;
padding:3px 0 0 0;
}
.members .field input{
float:right;
top:0;
right:0;
background:#091b3d;
border:1px solid #103678;
width:115px;
padding:4px;
color:#bccbe4;
font:Arial, Helvetica, sans-serif;
}
.members .button{
position:absolute;
right:15px;
bottom:33px;
background:url(Images/login-button.jpg) top left no-repeat;
width:49px;
height:27px;
cursor:pointer;
outline:none;
border:none;
}
.members .button:hover{
background:url(Images/login-button.jpg) bottom left no-repeat;
}
/* === Support Online Box (support page) === */
.third .sbox{
margin-bottom:30px;
padding:15px;
display:block;
background:#eee url(Images/adbox-bottom.jpg) repeat-x bottom;
border:1px solid #b9b9b9;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative;
}
.third .sbox.live a{
background:url(Images/live.png) left no-repeat;
padding-left:24px;
}
.third .sbox.offline a{
background:url(Images/offline.png) left no-repeat;
padding-left:24px;
}
.third .sbox h4 a{
color:#444;
text-decoration:none;
display:block;
}
.third .sbox h4 a:hover{
color:#000;
}
/* === Ad Box Cycle (homepage) === */
.adbox{
margin-top:30px;
padding:15px 15px 18px 15px;
display:block;
background:#eee url(Images/adbox-bottom.jpg) repeat-x bottom;
border:1px solid #b9b9b9;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative;
height:213px;
}
.adbox .arrows{
background:white;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
right:10px;
top:10px;
}
.adbox img{
-moz-border-radius: 5px;
border-radius: 5px;
position:absolute;
top:15px;
left:15px;
z-index:2
}
.adbox .arrows{
z-index:999;
}
/* === Packs (homepage) === */
.replica{
padding:15px 0 15px 30px;
border-bottom:1px solid #ccc;
border-top:1px solid white;
background:#fbfbfb;
}
ul#packs{
margin:0;
padding:0;
list-style:none;
}
ul#packs li{
width:208px;
float:left;
background:#eaeaea;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #bdbdbd;
position:relative;
margin-right:30px;
}
ul#packs li.last{
margin:0 !important;
}
ul#packs h4{
font-size:16px;
margin:0;
display:block;
text-align:center;
color:#000;
font-weight:normal;
text-shadow:1px 1px white;
padding:15px 0 15px 0;
}
ul#packs span.price{
display:block;
background:#bdbdbd;
border-top:1px solid #a2a2a2;
border-bottom:1px solid #a2a2a2;
text-shadow:1px 1px #7c7c7c;
font-size:14px;
text-align:center;
padding:7px 0 7px 0;
margin:0;
color:white;
}
ul#packs span.info{
display:block;
font-size:14px;
padding:7px 0 7px 30px;
border-bottom:1px solid #d2d2d2;
}
ul#packs span.alter{
background:#fff;
}
ul#packs span.ordernow{
display:block;
padding:7px 0 7px 0;
text-align:center;
}
ul#packs span.ordernow a{
display:block;
background:url(Images/order-now.jpg) top left no-repeat;
width:116px;
height:20px;
margin:0 auto;
}
ul#packs span.ordernow a:hover{
background:url(Images/order-now.jpg) bottom left no-repeat;
}
ul#packs span.ordernow a em{
display:none;
}
ul#packs .topbuy{
position:absolute;
background:url(Images/topbuy.png) top left no-repeat;
width:76px;
height:76px;
top:-4px;
right:-4px;
}
/* === Network Content === */
#network{
padding:30px 0 0 0;
margin-top:30px;
border-top:1px solid #ededed;
}
#network a{
width:208px;
height:140px;
position:relative;
display:block;
margin-bottom:30px;
}
#network a img{border:none;}
#network a span{
position:absolute;
top:0;
left:0;
}
.quart{
width:208px;
float:left;
margin-right:30px;
}
.quart.last{
margin:0;
}
/* === Footer === */
#footer{
background:url(Images/footer.jpg) repeat-x top;
height:109px;
width:100%;
border-top:7px solid black;
margin-bottom:30px;
color:#ccc;
text-shadow:1px 1px #000;
position:relative;
}
#footer .left{
background:url(Images/footer-left.jpg) bottom left no-repeat;
width:100%;
height:109px;
}
#footer .right{
background:url(Images/footer-right.jpg) top right no-repeat;
width:930px;
height:89px;
padding:30px;
}
#footer a{
color:#ccc;
}
#footer a:hover{
color:white;
}
#footer small{
font-size:11px;
color:#666;
}
#footer ul{
padding:15px 0 0 0;
margin:0;
list-style:none;
}
#footer ul li{
display:inline;
}
#footer #otherlinks{
position:absolute;
top:40px;
right:30px;
}
#footer #otherlinks a{
background:#040404;
border:1px solid #151515;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:14px;
padding:7px;
}
#footer #otherlinks a#facebook{
padding-left:42px;
background:url(Images/1306678804_facebook.png) left no-repeat #040404;
margin-right:30px;
}
#footer #otherlinks a#twitter{
padding-left:42px;
background:url(Images/1306678810_twitter.png) left no-repeat #040404;
}
/* === Plans Page Table === */
table{
margin:30px 0 30px 0;
cursor:default;
}
td.border{
border-right:1px solid #bdbdbd;
}
td{
color:#444;
text-align:center;
font-size:12px;
}
td.alignright{
text-align:right;
border-right:none !important;
background:#fff !important;
border-bottom:none !important;
}
th{
background:#eaeaea;
height:55px;
font-size:18px;
font-weight:normal;
color:black;
text-align:center;
border-top:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
padding:0;
color:#444;
}
th.firstone{
-moz-border-radius:5px 0 0 0;
-webkit-border-radius:5px 0 0 0;
border-left:1px solid #bdbdbd;
}
th.lastone{
-moz-border-radius:0 5px 0 0;
-webkit-border-radius:0 5px 0 0;
}
th.none{
background:none;
border-right:none;
border-bottom:none;
border-top:none;
}
.noborder{
border:none !important;
}
.firstone{
border-left:1px solid #bdbdbd;
}
td.lastend{
-moz-border-radius:0 0 5px 0;
-webkit-border-radius:0 0 5px 0;
}
td.firstend{
-moz-border-radius:0 0 0 5px;
border-left:1px solid #bdbdbd;
-webkit-border-radius:0 0 0 5px;
}
.subth td{
background:white;
height:47px;
border-right:1px solid #a2a2a2;
border-top:1px solid #a2a2a2;
border-bottom:1px solid #a2a2a2;
font-weight:bold;
font-size:14px;
text-shadow:1px 1px #7f7f7f;
color:white;
text-align:center;
padding:0;
}
.subth td strong{
font-size:18px;
}
.subth td.none{
background:none;
border-right:none;
border-bottom:none;
border-top:none;
}
tr.zebra1 td{
background:white;
border-right:1px solid #ffffff;
}
tr.zebra2 td{
background:white;
border-right:1px solid #ffffff;
}
tr.bottom td{
border-bottom:1px solid #ffffff;
}
.order-small{
background:url(Images/order-now.jpg) top left no-repeat;
width:100px;
height:28px;
display:block;
margin:0 auto;
}
.order-small:hover{
background:url(Images/order-now-hover.jpg) top left no-repeat;
width:100px;
height:28px;
display:block;
margin:0 auto;
}
.order-small span{
display:none;
}
colgroup .maintdcol{
width:40px;
}
td.betterhover{
font-weight:bold !important;
font-size:14px !important;
padding:0 10px 0 10px !important;
}
td.alignright.betterhover{
font-weight:normal !important;
font-size:12px !important;
padding:0 10px 0 10px !important;
}
tr.zebra1 td.betterhover{
background:#ffffff;
}
tr.bottom td.betterhover{
background:#ffffff !important;
}
tr.bottom td.alignright.betterhover{
background:#ffffff !important;
}
h2 strong, h3 strong, h4 strong{
color:#c32547;
font-weight:normal;
}
/* === Meet The Team === */
ul#team, ul#contact{
list-style:none;
padding:0;
margin:0;
}
ul#team h5{
display:block;
}
ul#team li{
height:168px;
padding:15px 0 15px 0;
}
ul#team div{
float:left;
display:block;
padding-top:6px;
width:110px;
}
ul#team img.left{
margin-top:0;
}
/* === Contact Form === */
ul#contact{
padding:15px 15px 18px 15px;
display:block;
background:#eee url(Images/adbox-bottom.jpg) repeat-x bottom;
border:1px solid #b9b9b9;
-moz-border-radius: 5px;
border-radius: 5px;
position:relative;
}
ul#contact li{
height:30px;
}
ul#contact li.area{
height:135px;
}
ul#contact{
margin:15px 0 0 0;
}
ul#contact .field,ul#contact .area .field{
float:right;
width:157px;
margin-right:0px;
}
ul#contact .area label{
width:60px;
}
ul#contact .area .field{
height:120px;
width:182px;
resize:none;
}
ul#contact .button{
height:40px;
padding-left:135px;
padding-top:10px;
}
ul#contact .button input{
background:url(Images/submit.jpg) top left no-repeat;
width:65px;
height:26px;
outline:none;
border:none;
cursor:pointer;
}
ul#contact .button input:hover{
background:url(Images/submit.jpg) bottom left no-repeat;
}
ul#contact label{
float:left;
width:85px;
text-align:right;
}
ul#contact #error{
height:auto !important;
}
/* === Blog === */
.blogheading{
border-bottom:1px solid #ededed;
padding-bottom:15px;
position:relative;
}
.blogheading span.date {
-moz-border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #8dc142;
border: 1px solid #6a962c;
color: #374911;
font-size: 16px;
font-weight: bold;
margin-right: 20px;
padding: 5px;
position: absolute;
right: 0;
text-shadow: 1px 1px #bddc53;
top: 0;
}
.blog{
margin-bottom:60px;
}
.blogheading h2{
padding-bottom:5px;
}
/* === Comments Section === */
.reply {
clear: both;
font-size: 12px;
margin-top: 10px;
}
.commentlist li {
border: 1px solid #DDDDDD;
}
.commentlist li .avatar {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: right;
padding: 2px !important;
}
.commentlist cite, .commentlist cite a {
font-style: normal;
}
.commentlist p {
font-weight: normal;
text-transform: none;
}
.commentmetadata {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-weight: normal;
}
#respond:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.commentlist {
margin: 0;
padding: 20px 0 0;
}
.comment-author {
color: #666666;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
.comment-author a {
color: #666666;
font-size: 14px;
font-style: normal;
text-decoration: none;
}
.commentlist ol {
margin: 0;
padding: 10px;
}
.commentlist li {
list-style: none outside none;
margin: 0 0 25px 0;
padding: 10px 5px 10px 10px;
}
.commentlist li ul li {
margin-left: 10px;
margin-right: -6px;
}
.commentlist p {
margin: 10px 5px 10px 0;
padding: 0;
}
.commentmetadata {
display: block;
font-size: 10px;
margin: 0;
}
.commentlist li{
padding:15px !important;
}
.thread-alt {
background: none repeat scroll 0 0 #FFFFFF;
}
.thread-even {
background: none repeat scroll 0 0 #F5F5F5;
}
.even, .alt {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.depth-2 {
background: none repeat scroll 0 0 #FFFFFF;
}
.depth-3 {
background: none repeat scroll 0 0 #F1F1F1;
}
.depth-4 {
background: none repeat scroll 0 0 #F1F1F1;
}
.depth-5 {
background: none repeat scroll 0 0 #FFFFFF;
}
.inputf {
-moz-border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #CCCCCC;
color: #666666;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: lighter;
height: 18px;
margin-bottom: 10px;
margin-top: 2px;
outline: medium none;
padding-left: 5px;
padding-top: 2px;
width: 200px;
}
.single {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 30px;
margin-bottom:30px;
}
.areab {
-moz-border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #CCCCCC;
color: #333333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: lighter;
height: 80px;
outline: medium none;
padding: 5px;
width: 300px;
}
.commentlist li {
-moz-border-radius: 5px 5px 5px 5px;
color: #333333;
font-size: 12px;
font-style: normal;
}
.submitcom {
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #CCCCCC;
color: #666666;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin-top: 5px;
outline: medium none;
padding: 3px 6px;
}
#commentform p {
margin: 10px 0 0;
}
#commentform {
margin: 10px 0 0;
}