/*  
Theme Name: Js O4w
Description: Js O4w is a beautiful orange-white color WordPress theme without any plugins needed, widgets supported. Valid CSS & HTML. Language localization supported, zh_CN, en_US, fr_FR. Visit the <a href="http://www.saywp.com/work/js-o4w">theme released page</a> for more details. 
Theme URI: http://www.saywp.com/work/js-o4w
Version: 1.0.7
Author: Jinwen CEN
Author URI: http://www.saywp.com/
Tags: orange, light, fixed-width, two-columns, right-sidebar
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* auto clear */
.content_sidebar_container:after,
.nav_main ul:after,
.site_info_subnav_in:after,
.site_info_tools:after,
.block_tools form:after,
.site_info_nav:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	font-size:0;
	}
/* for IE */
.content_sidebar_container,
.nav_main ul,
.site_info_subnav_in,
.site_info_tools,
.block_tools form,
.site_info_nav {
	display:inline-block;
	}
* html .content_sidebar_container,
* html .nav_main ul,
* html .site_info_subnav_in,
* html .site_info_tools,
* html .block_tools form,
* html .site_info_nav {
	height:1px;
	}
.content_sidebar_container,
.nav_main ul,
.site_info_subnav_in,
.site_info_tools,
.block_tools form,
.site_info_nav {
	display:block;
	}
/* END:for IE */
/* END:auto clear */

/* LAYOUT
-----------------------------------------*/
body {
	background:#0e0d12 url(/wp-content/themes/js-o4w/images/new/bg_body.jpg) 50% 0 repeat-x;
	font:100.1% Arial, Tahoma, Verdana, sans-serif;
	}
.wrapper_container {
	background:url(/wp-content/themes/js-o4w/images/new/bg_wrapper.gif) 50% 0 repeat-y;
	}
.wrapper {
	position:relative;
	margin:0 auto;	
	width:1001px;
	text-align:left;
	}
.content {
	float:left;
	width:691px;
	}
.sidebar {
	float:left;
	width:300px;
	}
.site_info {
	clear:both;
	}
/* BRANDING
---------------------------------------------- */
.branding {
	position:relative;
	height:91px;
	background: #2170e3 url(/wp-content/themes/js-o4w/images/new/bg_branding.gif) 0 0 repeat-x;
	}
	.branding .logo {
	     position:absolute;
	     top:26px;
	     left:22px;
		}
	.branding h1 {
	     text-indent:-9999px;
		font-size:0;
		}
	.branding h2 {
	     position:absolute;
	     top:62px;
	     left:0;
	     width:263px;
	     text-align:right;
		font-size:.55em;
	     color:#fff;
		}
/* NAV_MAIN
---------------------------------------------- */
.nav_main {
	position:relative;
	padding:0 0 0 7px;
	background: #2170e3 url(/wp-content/themes/js-o4w/images/new/bg_nav_main_corner.gif) 0 0 no-repeat;
        padding-left:6px;
        height:32px;
	}
	.nav_main  ul {
		display:block;
		padding:1px 0 0;
		height:31px;
		background:url(/wp-content/themes/js-o4w/images/new/bg_nav_main.gif) 100% 0 no-repeat;
                width:995px;
                margin:0px;
		}
	.nav_main_sub {
		width:1001px;
		height:34px;
		background:url(/wp-content/themes/js-o4w/images/new/bg_nav_main_sub.gif) 0 0 no-repeat;
		display: none;
                margin:0px;
		}

		.nav_main_sub  ul {
		display:block;
		height:31px;
		float:right;
		padding:8px 0 0;
		height:34px;
		background:transparent none;
	
		}
		.nav_main_sub  li {
		     display:block;
		     float:left;
		    
		     font-weight:bold;
		     
			 font-size:1em;
			}
		
			

		.nav_main  li {
		     display:block;
		     float:left;
		     border-left:2px solid #164fa1;
		     font-weight:bold;
		     font-size:.85em;
			}

		.nav_main li.first {
		     border-left:0;
			}
		.nav_main li.current {
		     float:right;
		     border-left:0;
		     padding-right:12px;
			}
			.nav_main li.current a {
			     background:url(/wp-content/themes/js-o4w/images/new/ico_arrow_down.gif) 100% 10px no-repeat;
				}
			.nav_main li a {
			     display:block;
			     float:left;
			     padding:7px 10px 0;
			     height:24px;
				}
				.nav_main li a:link, .nav_main_sub li a:link, .nav_main_sub li a:visited,
				.nav_main li a:visited {
				     color:#fff;
				     text-decoration:none;
					}
				.nav_main li a:hover, .nav_main_sub li a:hover, .nav_main_sub li a:active,
				.nav_main li a:active {
				     color:#fff;
				     text-decoration:underline;
					}
				.nav_main_sub li a {
				     padding:9px 15px 0;
				     height:24px;
				     background:transparent none;
					}
				.nav_main_sub li a:link,
				.nav_main_sub li a:visited,
				.nav_main_sub li a:hover,
				.nav_main_sub li a:active {
				     color:#525151;
					}
/* SITE_INFO
---------------------------------------------- */
/*site_info_subnav*/
.site_info_subnav {
	position:relative;
	margin:0 0 19px;
	background:url(/wp-content/themes/js-o4w/images/new/bg_site_info_subnav.gif) 0 0 no-repeat;
	}
.site_info_subnav_in {
     background:url(/wp-content/themes/js-o4w/images/new/bg_site_info_subnav_in.gif) 0 100% no-repeat;
	}
	.site_info_subnav p {
	     float:left;
		padding:14px 0 10px 10px;
		width:250px;
		color:#3a3a3a;
		}
		.site_info_subnav .itproportal {
		     display:block;
		     float:left;
		     margin:-4px 6px 0 0;
		     width:144px;
		     height:24px;
		     background:url(/wp-content/themes/js-o4w/images/new/bg_itproportal.gif) 0 0 no-repeat;
		     font-size:0;
		     text-indent:-9999px;
			}
	.site_info_subnav ul {
	     float:right;
	     width:650px;
	     padding:10px 60px 0 0;
		}
		.site_info_subnav li {
		     display:inline;
		     float:right;
		     padding:0 0 0 30px;
			}
			.site_info_subnav li a {
				display:block;
				float:left;
				padding:3px 0 0 30px;
				min-height:24px;
				background-position:0 0;
			     background-repeat:no-repeat;
				}
				* html .site_info_subnav li a {
				     height:24px;
					}
			.site_info_subnav li a:link,
			.site_info_subnav li a:visited,
			.site_info_subnav li a:hover,
			.site_info_subnav li a:active {
			     text-decoration:none;
				}
			.site_info_subnav .subnav_wavety a {
				background-image:url(/wp-content/themes/js-o4w/images/new/ico_wavety.gif);
				color:#777;
				}
			.site_info_subnav .subnav_windows7 a {
				background-image:url(/wp-content/themes/js-o4w/images/new/ico_windows7.gif);
				color:#007fab;
				}
			.site_info_subnav .subnav_virtualisationhub a {
				background-image:url(/wp-content/themes/js-o4w/images/new/ico_virtualisationhub.gif);
				color:#001848;
				}
			.site_info_subnav .subnav_techgovernment a {
				background-image:url(/wp-content/themes/js-o4w/images/new/ico_techgovernment.gif);
				color:#005fa8;
				}
/*site_info_tools*/
.site_info_tools {
	padding:10px 5px 10px 20px;
	background:#e6e5e6 url(/wp-content/themes/js-o4w/images/new/bg_site_info_tools.gif) 0 0 no-repeat;
	}
	.site_info_tools .block {
	     float:left;
	     color:#5e5e5e;
	     font-size:.7em;
		}
		.site_info_tools .block a:link,
		.site_info_tools .block a:visited {
		     color:#5e5e5e;
		     text-decoration:none;
			}
		.site_info_tools .block a:hover,
		.site_info_tools .block a:active {
		     color:#5e5e5e;
		     text-decoration:underline;
			}
		.site_info_tools .block h4 {
		     padding:0 0 .5em;
			font-size:1.5em;
			}
		.block_related {
		     border-right:1px solid #9b9b9b;
		     width:235px;
                     height:100px;
		     padding:0 10px 0 0;
			}
		.block_hottopics {
		     border-right:1px solid #9b9b9b;
			padding:0 10px;
			width:175px;
			}
		.block_rss {
			padding:0 30px;
			width:90px;
			}
		.site_info_tools .block.block_tools {
		     float:right;
		     width:270px;
			}
			.block_tools .stayconnected_buttons {
			     float:right;
			     padding:0 28px 0 0;
				}
				.block_tools .stayconnected_buttons img {
				     margin:0 0 0 10px;
					}
			.block_tools form {
			     width:258px;
			     padding:10px 0 0 23px;
				}
				.block_tools input {
				     font:1.1em Arial;
					}
				.block_tools .textfield {
					display:block;
				     float:left;
					border:1px solid #dadada;
					padding:3px 4px;
					width:210px;
					color:#959595;
					}
				.block_tools .submit {
				     display:block;
				     float:left;
				     border:0;
				     background:transparent none;
				     margin:8px 0 0 6px;
				     width:9px;
				     height:10px;
				     background:url(/wp-content/themes/js-o4w/images/new/ico_submit.gif) 0 0 no-repeat;
				     cursor:pointer;
					}
			.block_tools .search {
			     clear:both;
			     background:url(/wp-content/themes/js-o4w/images/new/ico_search.gif) 0 15px no-repeat;
                             height:35px;
				}
				.block_tools .search .textfield {
				     font-size:1.25em;
					}
			.block_tools .subscribe {
			     clear:both;
			     background:url(/wp-content/themes/js-o4w/images/new/ico_subscribe.gif) 0 16px no-repeat;
                             height:35px;
				}
			.block_tools .site_owned {
				margin:10px 25px 0 0;
				color:#000;
				text-align:right;
				}
				.block_tools .site_owned .site_owned_logo {
				     display:block;
				     float:right;
				     clear:both;
				     border:0;
				     width:119px;
				     height:22px;
				     background:url(/wp-content/themes/js-o4w/images/new/logo_net_communities.gif) 0 0 no-repeat;
				     font-size:0;
				     text-align:left;
				     text-indent:-9999px;
					}
/*site_info_nav*/
.site_info_nav {
	clear:both;
	background:#247cfb url(/wp-content/themes/js-o4w/images/new/bg_site_info_nav.gif) 0 0 no-repeat;
	font-size:12px;
	}
	.site_info_nav_main {
	     padding:10px 0;
	     text-align:center;
	     font-weight:bold;
		}
		.site_info_nav_main li {
			display:inline;
			margin:0 10px;
			}
			.site_info_nav_main li a:link,
			.site_info_nav_main li a:visited {
				color:#fff;
				text-decoration:none;
				}
			.site_info_nav_main li a:hover,
			.site_info_nav_main li a:active {
				color:#fff;
				text-decoration:underline;
				}
	.site_info_nav_additional {
	     display:block;
		float:left;
		padding:0 0 5px 40px;
		}
		.site_info_nav_additional li {
		     display:inline;
		     margin:0 25px 0 0;
			}
			.site_info_nav_additional li a:link,
			.site_info_nav_additional li a:visited {
				color:#000;
				text-decoration:none;
				}
			.site_info_nav_additional li a:hover,
			.site_info_nav_additional li a:active {
				color:#000;
				text-decoration:underline;
				}
	.copyright {
	     display:block;
	     float:right;
	     padding: 10px 20px 0 0;
		}