/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#252525; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/* Red bar for user pending promotion */
div.warning { background: #cf0e0f; position: relative; margin-top:-10px; margin-bottom: 10px;}
div.warning div.middle { margin: 0px auto; color: #FFF; width: 870px; padding:15px 10px 15px 10px; }
div.warning div.middle p { font-size: 140%; line-height: 150%; font-weight: bold; }
div.warning div.middle p span.featured { color: #fffab6;font-size:13px }
div.warning div.middle p a {  color: #fffab6; font-size:13px}

/*---- Container ----*/
div#container { }

/*---Wrapper---*/
div.wrapper{width:1024px; margin:0 auto;}

/*---- Header ----*/
div#header { background:url(/img/header/header-bg.gif) repeat-x 0 0; height:88px;}
div#header div.wrapper{padding-top:13px;}

/*---- Main Navigation ----*/
div.navigation { background:url(/img/navigation/navigation-bg.gif) repeat-x 0 0; height:82px; margin-bottom:4px; }

/*---- Content ----*/
div#content {margin-bottom:18px;}

/*---- Main ----*/
div#main { float:left; width:714px;  }

/*---- Sidebar ----*/
div#sidebar { float:right; width:300px;   }

/*---- Footer ----*/
div#footer { background:url(/img/fooer-bg.gif) repeat-x 0 0; height:92px; padding-top:18px; }

/*--two-column-layout1--*/
div.two-column-layout1 div.column1{width:275px;}
div.two-column-layout1 div.column2{width:429px;}

/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{float:left; width:358px;}
div#header div.logo h1 a { position:relative; width:358px; height:62px; display:block; }

div#header div#search-form{float:right; width:494px; position:relative; padding-top:5px; position:relative;}
div#search-form div.left{background:url(/img/header/search-form-left.png) no-repeat 0 0; padding-left:10px;}
div#search-form div.left div.right{background:url(/img/header/search-form-right.png) no-repeat right 0; padding-right:10px;}
div#search-form div.left div.right div.middle{background:url(/img/header/search-form-middle.png) repeat-x 0 0; height:46px;}

div#header div#search-form img.software{position:absolute; z-index:5; left:-12px; top:0;}

div#search-form p{padding:9px 0 0 38px;}
div#search-form p span.textbox{display:block; background:url(/img/header/text-box-bg.gif) no-repeat 0 0; padding:0 5px 0 23px; height:26px; width:153px; float:left; margin-right:2px;}
div#search-form p span.textbox input.textbox{border:0; background:none;  display:block; height:20px; padding-top:4px; color:#939393; font-size:120%;}
div#search-form p select{width:180px; float:left; display:block; padding:4px 0; margin-right:2px;}
div#search-form p input.submit{display:block; float:left;}

/*---- Main Navigation ----*/
div.navigation div.main-navigation{padding-left:18px; }
div.navigation div.main-navigation ul li{ float:left; margin-right:18px; }
div.navigation div.main-navigation ul li.last{margin:0;}
div.navigation div.main-navigation ul li.divider{background:#54a7e5; width:1px; height:23px; margin-top:8px;}
div.navigation div.main-navigation ul li a{display:block; float:left; line-height:38px; font-size:140%; color:#fff; font-weight:bold;}
div.navigation div.main-navigation ul li a:hover, div.navigation div.main-navigation ul li a.active{text-decoration:none; color:#fee865;}

div.navigation div.main-navigation ul li a.login, div.navigation div.main-navigation ul li a.register{color:#c6e7ff;}

div.navigation div.sub-navigation{padding-left:7px;}
div.navigation div.sub-navigation ul li{float:left; margin-right:20px; }
div.navigation div.sub-navigation ul li a{display:block; float:left; line-height:20px; font-size:120%; color:#277dbf; font-weight:bold;margin-top:7px;}


/*---- Post ---*/
div.post h1 { font-size:180%; margin-bottom:10px;}
div.post h2 { font-size:160%; margin-bottom:10px;}
div.post h3 { font-size:130%; margin-bottom:10px; line-height:16px;}
div.post h4 { font-size:120%; margin-bottom:10px;}
div.post h5 { font-size:120%; margin-bottom:10px;}
div.post h5 { font-size:120%; margin-bottom:10px;}

div.post p {  line-height:16px; font-size:120%; margin-bottom:20px; display:block; }
div.post p a { color:#277dbf; }
div.post a{color:#277dbf;}
div.post h3 a:hover{text-decoration:none;}

div.post span.date{display:block; color:#959595; font-size:120%; line-height:16px;}

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 15px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 15px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; }
div.post li ul, div.post li ol { margin-bottom:10px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---More-lnk1---*/
p.more-lnk1 {background:#ebebeb; line-height:30px; padding:0 10px; margin-bottom:16px;}
p.more-lnk1 a{color:#277dbf; font-size:120%; font-weight:bold;}

/*---ADS-----*/
div.ads {margin-bottom:10px;}

/*---imagestyle---*/
img.imagestyle{border:1px solid #cccccc; padding:2px;}

/*---Widget---*/
div.widget h3{background:url(/img/content/widget-h3-bg.gif) repeat-x 0 0; font-size:120%; padding-left:16px; line-height:30px; margin-bottom:8px;}

/*--section1--*/
div.section1 h3{color:#499a46; font-size:160%; border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin-bottom:15px;}
div.section1 h3 span{color:#252525; font-size:80%; font-weight:bold;}


/*---- Footer - Navigation ---*/
div#footer div#footer-navigation { width:732px; float:right; margin-bottom:7px;}
div#footer div#footer-navigation ul li { display:inline; font-size:110%; color:#7d9c7c; }
div#footer div#footer-navigation ul li a{color:#d1f563;}
div#footer div#footer-navigation ul li.divider { margin:0 3px; }

div#footer div.logo{float:left; width:262px;}
div#footer p.note{width:732px; float:right; font-size:110%; color:#fff; line-height:14px;}

/*---- Common Boxes & Containers ----*/
/*---Box1--*/
div.box1{background:url(/img/boxes/box1-bg.gif) repeat-y 0 0; text-align:center; }
div.box1 div.bottom{background:url(/img/boxes/box1-bottom.gif) no-repeat 0 bottom; padding-bottom:9px;}
div.box1 div.bottom div.top{background:url(/img/boxes/box1-top.jpg) no-repeat 0 0; padding:30px 5px 0; }

/*---Box1--*/
div.box2 div.top-left{background:url(/img/boxes/box2-top-left.gif) no-repeat 0 bottom; padding-left:10px; height:41px; line-height:41px;}
div.box2 div.top-left div.top-right{background:url(/img/boxes/box1-top-right.gif) no-repeat right bottom; padding-right:10px; height:41px; line-height:41px;}
div.box2 div.top-left div.top-right div.top-middle{background:url(/img/boxes/box1-top-middle.gif) repeat-x 0 bottom; height:41px;  padding-left:5px;}

div.box2 div.middle{border:1px solid #cecece; border-width:0 1px 0 1px; padding-bottom:1px;}

div.box2 div.bottom-left{background:url(/img/boxes/box2-bottom-left.gif) no-repeat 0 0; padding-left:10px; height:10px; line-height:10px;}
div.box2 div.bottom-left div.bottom-right{background:url(/img/boxes/box2-bottom-right.gif) no-repeat right 0; padding-right:10px; height:10px; line-height:10px; }
div.box2 div.bottom-left div.bottom-right div.bottom-middle{background:url(/img/boxes/box2-bottom-middle.gif) repeat-x 0 0;  height:10px; line-height:10px; }

div.box2 div.top-left div.top-right div.top-middle h2 img {display:inline; margin-right:5px; vertical-align:middle;}
div.box2 div.top-left div.top-right div.top-middle h2{font-size:140%; color:#fff; line-height:41px; text-transform:uppercase; height:41px; }

/*---- Buttons ----*/
/*--Preview--*/
a.preview{display:block; background:url(/img/buttons/preview-btn.gif) no-repeat 0 0; width:61px; height:45px;}

/*--Button1--*/
a.button1{background:url(/img/buttons/button1.gif) no-repeat 0 0; padding-left:35px; display:block;}
a.button1 span{background:url(/img/buttons/button1.gif) no-repeat right 0; padding:12px 12px 0 0; height:33px; display:block; float:left; color:#fff; font-size:110%; font-weight:bold; line-height:12px;width:85%}
a.button1:hover, a.button2:hover{text-decoration:none;}

/*--Button2--*/
/*a.button2{background:url(/img/buttons/button2.png) no-repeat 0 0; padding-left:15px; display:block; margin-right:10px;}*/
a.button2 span{background:url(/img/buttons/button2.png) no-repeat; display:block; color:#fff; font-size:130%; font-weight:bold; width:108px;  line-height:29px;position:relative;}

/*---- Lists ----*/
/*---- List3 ----*/
ul.list3 li{list-style:none; margin-bottom:4px; padding-left:16px;}
ul.list3 li div.image{float:left; width:71px; margin-right:13px;}
ul.list3 li div.description{width:170px; float:left; padding-top:3px;}
ul.list3 li div.description h4{color:#277dbf; font-size:120%; line-height:16px; font-weight:bold; margin-bottom:3px;}
ul.list3 li div.description h4 a{color:#277dbf; font-size:100%; line-height:16px; font-weight:bold; }
ul.list3 li div.description  p{font-size:120%;}

/*---- List4 ----*/
ul.list4{padding-top:10px;}
ul.list4 li{padding:0 14px 15px; list-style:none; border-bottom:1px solid #cecece;  margin-bottom:10px;}
ul.list4 li h2 {float:left; width:93px; margin-right:2px; margin-bottom:7px;}
ul.list4 li a.preview{float:right; margin-right:2px;}
ul.list4 li a.button1{float:right; width:74px;}
ul.list4 li.last{border-bottom:0; margin-bottom:0;}

ul.list4 li h3{font-size:120%; color:#277dbf; font-weight:bold; margin-bottom:2px;}
ul.list4 li h3 a{font-size:100%; color:#277dbf; font-weight:bold; margin-bottom:7px;}
ul.list4 li p{font-size:120%; line-height:16px;}
ul.list4 li p a{color:#277dbf; text-decoration:underline;}

/*---- List5 ----*/
ul.list5{margin-bottom:18px;}
ul.list5 li{list-style:none; background:url(/img/content/list5-li-bg.jpg) no-repeat left 2px; padding-left:11px; margin-bottom:10px;}
ul.list5 li a{color:#277dbf; font-size:120%; }
ul.list5 li a span.date{color:#959595; font-size:100%;}

/*---- List6 ----*/
ul.list6 li{list-style:none; background:url(/img/content/list5-li-bg.jpg) no-repeat left 2px; padding-left:11px; margin-bottom:17px;}
ul.list6 li h4 a{color:#277dbf; font-size:120%; font-weight:bold; margin-bottom:5px; display:block;}
ul.list6 li p{color:#898989; font-size:110%;}

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/
body.home div.post h3{margin-bottom:3px;}

div#free-software{margin-bottom:10px;}
div#free-software h1{background:url(/img/content/free-software.jpg) no-repeat 0 0; width:505px; margin:0 auto 12px; height:0; padding-top:55px; overflow:hidden;}

div#sidebar div.box2{margin-bottom:10px;}

div#free-software p{font-size:160%; font-weight:bold; text-align:center; color:#fff; line-height:20px; margin-bottom:27px;}
div#free-software p a{color:#a5d8ff;}

div#free-software .top{ background-color:#0f5285;}

div#software-news.box2 div.middle{padding:11px 15px 1px;}
div#software-news div.post p{margin-bottom:15px;}

/*---Featured-software----*/
div#featured-software{background:url(/img/home/sitngo-bg.jpg) no-repeat 0 0; height:215px; width:300px; margin-bottom:10px; padding:10px 5px 0;}
div#featured-software h3{background:url(/img/content/featured-software.png) no-repeat 0 0; height:0; width:193px; padding-top:29px; margin:0 0 9px 10px; overflow:hidden;}
div#featured-software h4{background:url(/img/home/pokeredge.jpg) no-repeat 0 0; width:290px; padding-top:33px; height:0; overflow:hidden; margin-bottom:7px;}
div#featured-software img{float:right; margin:0 30px 0 0;}
div#featured-software p.price{background:url(/img/home/3months.gif) no-repeat 0 0; width:108px; padding-top:66px; float:left; margin:15px 0 10px 10px; height:0; overflow:hidden;}
div#featured-software a.button2{margin-left: 140px;margin-top: 137px;}

/*---- Drop down menus ----*/

div.navigation div.sub-navigation ul li a.rec { color:#e1ff16;}
div.navigation div.sub-navigation ul li a.rec:hover{ color:#d0f30c;}

div.navigation div.sub-navigation ul li ul {
    position: absolute;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    display: none;
    margin-top: 27px;
    z-index: 1000;

}

div.navigation div.sub-navigation ul li ul li {
 
  text-align:left;
  line-height:30px;
  /*height: auto;*/
  font-size:11px;
  background: none;
  padding: 0;
  border-right: 0px;
  
}
div.navigation div.sub-navigation ul li ul li a {
    position: relative;
    display: block;
    background: transparent url(/img/icon.gif) no-repeat center left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:auto;*/
    line-height:13px;
    margin: 0 10px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-size:11px;

    }

div.navigation div.sub-navigation ul li ul li a.recommended {
    position: relative;
    display: block;
    background: transparent url(/img/icon-recommended.gif) no-repeat center left;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 10px;
    color: #b81a1a;
    font-weight: bold;
    /*height:auto;*/
    line-height:13px;
    border-bottom: 1px solid #ccc;

    }

div.navigation div.sub-navigation ul li ul li a:hover {
    color: #000;
    }

div.navigation div.sub-navigation ul li:hover ul {
    display: block;
    position: absolute;
    left: 0px;
    width: 180px;
    background: #f1f1f1;
    }

.menu_div {
   /*display: none;*/
   position: absolute;
   margin-top: 0px;
   width: 180px;
   z-index: 1000;
   /* Hacks for IE 7 and 6: */
   *margin-top: -27px;
   *clear: left;	
   
}

div.navigation div.sub-navigation ul li:hover .menu_div {
    display: block;
}

/* Fixes for free software front page graph */
img.table_img1 {
 vertical-align:middle;
 margin-bottom:-40px;
 margin-left:5px;
 margin-right:10px;
}

img.table_img2 {
 vertical-align:middle;
 margin-bottom:-40px;
 margin-left:10px;
 margin-right:10px;
  
}

td.free_soft_center {
  width: 480px;
}

/* Facebook widget custom header style*/
div span.fb_header {

  background-color: #edeff4;
  border-bottom-color: #d8dfea;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: #cecece;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #cecece;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #315c99;
  border-top-style: solid;
  border-top-width: 1px;
  color: #1c2a47;
  display: block;
  font-family: Arial,Verdana;
  font-size: 11px;
  font-weight: 700;
  height: 25px;
  line-height:1.2em;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  text-align: left;
  width: 278px;
}

div span.fb_header a {color:#000000}