/*
Theme Name: Silver Light
Theme URI: http://www.blogohblog.com/
Description: Silver Light is a 2 columns Wordpress theme. A part of my previous theme (simple la bob). I love to hear of my work being used :). This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 0.1
This theme was designed and built by Bob of Blog Oh Blog based on the famous Kubrick.
*/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;margin:0;padding:0;}
h2{font-size:16px;line-height:20px;color:#00749E;margin:0;padding:0;}
h3{font-size:12px;line-height:20px;color:#4f88c1;;margin:0;padding:0;}
.h2{font-family:Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;color:#312E2E;font-weight:700;}
a:link,a:visited,a:active{color:#00749E;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
fieldset,img { border: 0; }
.clear {clear:both;}
.top{
background: #90A5C7;height: 18px;width: 980px; margin-left:auto; margin-right:auto; *margin: 0 auto; color: #fff; text-align: left; text-indent: 10px;margin-left:auto;
}
.top h1{
font-size: 11px;color: #fff; float:left; padding:0px; margin:0px;
}
.top h1 a{
font-size: 11px;color: #fff; float:left; padding:0px; margin:0px;text-decoration:none;
}
.header{
height: 107px;width: 980px; background: url(images/bg.gif) repeat-x; *margin: 0 auto; margin-bottom: 8px; margin-right:auto;margin-left:auto;
}
.header #menu{
float: left; HEIGHT:107px;
}
.header #menu #l{
float: left; width: 142px;height: 107px;border:0px;
}
.header #menu #l img{ border:0px;
}
.header #menu #title{
height: 62px;text-align: left;line-height: 75px;float: left;
}
.header #menu #title a{
color: #0D4986;height: 62px;text-align: left;line-height: 75px;float: left;
}
.header #menu #title h2{
font-size: 26px;color: #0d4986; font-family: arial; padding-top:10px;padding-bottom:20px;
}
.header #menu #list{
height: 32px;float:left;width:838px;
}
.header #menu #list li{
float: left;margin-left: -1px;height: 32px;list-style:none;
}
.header #menu #list li a,.header #menu #list li a:visited {
padding: 0 12px;background: url(images/bg.gif) repeat-x 0 -321px;height: 27px; margin-top: 4px; border: 1px solid #949ea4; color: #002141;font-weight: 700;line-height: 27px; display: block; border-bottom: none;float: left;
}
.header #menu #list li a:hover {
background: url(images/bg.gif) repeat-x 0 -348px;height: 31px;margin-top: 0;color: #f77c31;line-height: 30px;
}
#main{width:980px; margin:0 auto; margin-left:auto;margin-right:auto;}
#content{float:left;width:700px;
margin:0 auto;margin-left:auto;margin-right:20px!important;margin-right:0px;padding:0;display:inline;}
.entry{float:left; width:100%;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;padding:10px;display:inline;}
#sidebar{float:left;width:220px;margin-left:40px!important;margin-left:0px;padding:0;display:inline;}
.rsidebar{float:right;width:220px;border:1px solid #dadada;background:#fff url(images/box.gif) repeat-x left top;margin:0 0 10px;padding:10px;display:inline;}
.rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
.rsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
.rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.navigation{width:600px;float:left;color:#666;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.next{background:transparent url(images/next.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.prev{background:transparent url(images/prev.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.postmetadata{border-top:1px #eee solid;font-size:10px;margin:0;padding:5px;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:620px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#eee;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
#footer{background-image:url(images/footerbck.gif);background-repeat:repeat-x;clear:both;height:10px;margin:0;padding:0;}
#footerbox{background-image:url(http://www.spytech-monitoring-software.com/images/bottom_float.gif);color:#333;height:33px;line-height:30px !important;margin:0;padding:0;}
.footer{width:980px;color:#333;background-image:url(http://www.spytech-monitoring-software.com/images/bottom_float.gif);height:33px;line-height:33px; !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#06C;border:none; border-bottom:1px #06C solid;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#000;border:none;}
.footer li{
float: left;margin-left: 5px;height: 28px; list-style:none;
}
.footer li a:hover{ color:#06C; text-decoration: none; border-bottom:1px #06C solid;}
/* -----------------------------Index CSS---------------------------------- */
#leibie{
margin: 0 auto;width: 720px;
}
#banner{clear:both;
margin: 4px auto 7px;width:690px;*width:690px; background: url(/images/10years.gif) no-repeat; height: 50px;text-align: left;padding-left: 218px;padding-top:6px;
}
.th2{
background: url(/images/titlebar.gif) repeat-x;height: 26px; width: 700px; border: 1px solid #436399; margin: 0 auto 8px;line-height: 26px; clear: both;
}
.th2 h2{
font-size:12px; text-align:left; text-indent: 8px; color:#0D4986; padding-top:2px;
}
.box{
margin:10px auto; width:700px; clear: both;
}
.boxll{
margin-right: 10px;
}
.boxl{
width: 343px; float: left; border: 1px solid #949ea4; margin:5px 0 15px 0;
}
.boxl .t,.boxl .b{
width: 345px; height: 4px; font-size: 0; line-height: 0;background: url(/css/images/indexboxtb.gif) no-repeat;
}
.boxl .b{
background: url(/css/images/indexboxtb.gif) no-repeat 0 -5px;
}
.boxl .c{
width: 343px; padding:10px; height:550px;
}
.boxl .wz{
clear:both; width:320px; text-align: left; padding-left:5px;
}
.boxl .wz h2,.box2 .wz h2{
font-size: 18px;font-weight: 700;line-height: 25px;
}
.boxl .wz h3,.box2 .wz h3{
font-size:11px;color:#5A7DBA;font-weight: 400;margin-bottom: 8px;
}
.boxl .pic{
width: 162px ;float: left; text-align: right;
}
.boxl .bt,.box2 .bt{
clear: both; height:32px; margin-bottom:20px;
}
.enforcer{
background:url(/images/enforcer/nav_r2_c1.gif) no-repeat;width:690px;*width:690px; text-align:left;
}
.enforcer p{
padding: 2px 0 8px;
}
.enforcer .t{
font-size: 14px;padding: 2px 0 2px;
}
.box2 .t,.box2 .b{
width: 700px; height: 8px; font-size: 0; line-height: 0;background: url(/images/indexbox2tb.gif) no-repeat;
}
.box2 .b{
background: url(/css/images/indexbox2tb.gif) no-repeat 0 -8px; margin-bottom: 8px;
}
.box2 .c{
border-left: 1px solid #949ea4; border-right: 1px solid #949ea4; width: 700px;*width: 700px;
}
.box2 .pic{
width: 195px;float: left;
}
.box2 .wz{
width: 515px;float: left; text-align: left;
}
/* -----------------------------Index CSS--------------------------------------------------- */
.ctt{padding:25px 20px 20px;clear:both;border:1px solid #93adc8;border-top:0;text-align:left;}
.tableC{margin:0 auto 20px auto;clear:both;width:588px; line-height:1.5em;}
.tb{background: url(/images/barbg_tab.gif) repeat-x;height: 31px;}
.tb ul{height:31px; margin-left: 13px;}
.tb li{list-style:none;float:left;height: 31px;line-height:1.9em;width: 121px;cursor:pointer;line-height: 31px; margin-left:0px; text-align: center;}
.normaltab{background: url(/images/normal_tab.gif) no-repeat; color:#444;font-weight:bold;font-size: 1.1em;}
.hovertab{background: url(/images/hover_tab.gif) no-repeat; color:#fff; font-weight:bold;font-size: 1.1em;}
.dis{display:block;}
.undis{display:none;}
.tbListA{
clear:both;
}
.tbListA ul{
float: left;width: 273px;margin-left: 0;
}
.tbListA ul li{
background: url(../images/arrow.gif) no-repeat 0 3px; padding-left: 12px;
}
.tbDiv{
clear: both;margin: 0 auto;padding:16px 0;
}
.tbDiv img{
float: left;
}
/*------------------------------Page CSS--------------------------------------------- */
.page{
width: 980px;margin: 0 auto;height: 50px; text-align: left;
}
.pageL{
width: 680px;*width: 690px; float:left; padding:10px; border-right: 0px ; margin:0px auto;
}
.pageL h2{
font-size: 12px; padding: 5px 0 10px; color: #4f88c1;
}
.pageL p a,.pageL p a:visited {
text-decoration: underline;color: #069;
}
.tableheader{
background: url(/images/tableheaderbg1.gif) repeat-x;height: 31px;line-height: 30px;width: 588px;border: 1px solid #a5aeb5;text-align: center; margin: 0px auto;
}
.softwareTable{
background: url(/images/softwaretablebg.jpg) repeat-y;width: 590px;margin-bottom: 0px;}
.softwareTable .nr .pic{
width: 174px;float: left; text-align: center;
}
.softwareTable .nr .wz{
width: 400px;float: left;
}
.softwareTable .nr .wz .bt{
}
.softwareTable em{
color: #5A7DBA;font-size: 10px;
}
.pageR{
width: 210px;float: left; margin-left: 10px;text-align: center;
}
.pageR .box{
background: url(/images/sidetable-bg.gif) repeat-y; width: 170px; clear: both;text-align: left;margin: -2px auto 0;
}
.pageR .box ul{
margin: 0;
}
.pageR .box ul li{
padding:6px 0 4px 21px;background: url(../images/arrow-gray.gif) no-repeat 11px 6px;
}
.pageR p{
width: 170px;text-align: left;
}
.pageR .box p{
width: 160px;text-align: left; margin: 0 5px;
}
/*------------------------------Page CSS--------------------------------------------- */
#top-right{ float:right; margin-right:5px;}
.boxl .pics{width: 162px ; margin:0 auto; height:194px;}
p{ text-align:left; line-height:22px; margin:5px 0 13px 0;}
.box10{ margin-left:10px;}
.boxl .c2{width: 343px; padding:10px; height:635px;}
.box3{width: 678px; border: 1px solid #949ea4; margin:5px 0 15px 0; padding:10px;}
.box3 .yi{width: 668px; height:250px; margin:10px auto; }
.box3 .yi-1{ float:left; width:150px; margin:11px 0 0 9px;}
.box3 .yi-2{ float:right; width:500px; margin:0;}
.box3 h3{ font-weight:normal;}
.box3 .bt{clear: both; height:32px; margin:20px 0; margin-left:260px;}
.blocku{ clear:both; width:590px; margin:15px 0; padding:0;}
.blocku1{background:url(/images/softwaretabletop.jpg) no-repeat; width:590px; height:17px; margin:0; padding:0; }
.blocku2{ background:url(/images/softwaretablebg.jpg) repeat-y; width:590px; height:390px; margin-top:-13px; padding:0;}
.blocku3{background:url(/images/softwaretablebottom.jpg) no-repeat; width:590px; height:13px;margin:0; padding:0;}
.kuleft{ float:left; width:180px; padding-left:5px;}
.kuleft a img{margin:0; padding:0; }
.kuright{float:left; width:390px;}
.kuright h2{ padding-bottom:10px; }
.kur{ color:#333;}
.kubotton{ margin:20px 0 20px 130px;}
.kubotton img { margin-left:25px;}
.post-tbl table{border-top:1px solid #ACB7BD; border-left:1px solid #ACB7BD; }
.post-tbl td{ font-size:12px; border-bottom:1px solid #ACB7BD; border-right:1px solid #ACB7BD; background-color:#ffffff; height:30px;}
.title-gray h3{height:28px; font-size:18px; color:#666; margin-top:30px;}
.helpdesk{ width:650px; margin:20px 0 15px 5px; clear:both;}
.heskl{ width:310px; float:left; margin:0;}
.heskr{ width:310px; float:left; margin-left:20px;}
.hesk-text p{ padding-left:10px;}
.hesk-img{float:left; width:50px; padding-top:12px;}
.hesk-text{float:left; width:250px;}
.nothing{height:25px; background-color:#FFF;clear:both;}