/*
Theme Name: 360i
hello
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Sijan Shrestha
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
/**-- link to reset file --**/
@import "reset.css";

/**style**/
html, body {
	height: 100%;
}

body{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/bg_grad.gif) repeat-x left top;
	background-color:#001B4E;
	
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -79px; /* the bottom margin is the negative value of the footer's height */
	
}

.container{
	width:906px;
	margin:0 auto;
}

/**--header
------------------------------------------------------------------------------------------------------**/
#header{
	height:222px;
	}
#banner{ 
	height:191px;
	overflow:hidden;
	}
#logo{ 
	/*
	margin:70px 0 0 0;*/
	width:178px;
	height:106px;
	float:left;
	display:inline;
	margin:70px 0 0 10px;
}
#slogun{
	background:url(http://360i.com.au/uploads/2010/02/slogun2.jpg) no-repeat left top;
	width:347px;
	height:191px;
	float:right;
	margin-right:10px;
}

/**--navigation
------------------------------------------------------------------------------------------------------**/
#navigation{
	/*height:31px;
	background:url(images/menu_border.gif) no-repeat top center;	*/
	height:31px;
	background:url(images/menu_border.gif) no-repeat top center;
	width:906px;
	margin:0 auto;
	*margin-top:-15px;/*for ie6*/
}
#menu{	
	background:url(images/menu_bg.gif) repeat-x left bottom;
	height:31px;
}

#menu ul {
	/*list-style: none;	
	height:28px;
	position:relative;*/
	list-style: none;	
	height:28px;
	position:relative;
	width:891px;
	margin:0 auto;
}

#menu ul li {
	float: left;
	display:inline;
	margin-right:15px;
}

#menu  ul li a {
	text-decoration: none; 
	color: #FFFFFF;
	font-weight:normal;
	font-size:14px;
	line-height:31px;
	text-transform:uppercase;
	
}
#menu  ul li.date p{
	width:300px;
	font-size:14px;
	line-height:31px;
	/*font-weight:bold;*/
	text-align:right;
	position:absolute;
	top:0;
	right:0;
	
	
}
#menu  ul li a:hover{
	text-decoration:none;
	color:#07ACF0;
	
}

#content{
	padding-top:44px;
	padding-bottom:0px;
	overflow:hidden;
	
}

/**--left content
------------------------------------------------------------------------------------------------------**/
#left_content{
	width:671px;
	float:left;
	margin-right:20px;	
}

.left{
	float:left;
	display:inline;
}

#cell1, #cell2, #cell3, #cell4, #cell5, #cell6, #cell7, #cell8{
	width:319px;
	margin-right:15px;				
}
.title{
	background:url(images/header_bg.jpg) no-repeat left top;
	height:30px;
	font-weight:bold;
	font-size:14px;
}
.details, .sidebar_details{
	padding:10px 0;
	/*min-height:100px;*/
	line-height:15px;
}
.title p{
	font-weight:bold;
	font-size:14px;
	padding:5px 15px;
}

/**--sidebar
------------------------------------------------------------------------------------------------------**/
#sidebar{
	float:right;
	width:210px;
}
#sidebar_row1, sidebar_row2, sidebar_row3, sidebar_row4{
	clear:left;
	width:auto;	
}
.sidebar_title{
	background:url(images/sidebar_heade.jpg) no-repeat left top;
	height:30px;
	font-weight:bold;
	font-size:14px;
}
.sidebar_title p{
	font-weight:bold;
	font-size:14px;
	padding:5px 15px;
}

/**--footer
------------------------------------------------------------------------------------------------------**/
#footer, .push {
	height: 79px; /* .push must be the same height as .footer */
}
.push{/*for ie6*/
	*height:60px;
}

#footer{
	/*background:url(images/footer_grad.gif) repeat-x left bottom;
	*/
	background:url(images/footer_grad.gif) repeat-x left bottom;
	width:906px;
	margin:0 auto;
}
#footer_border{
	background:url(images/footer_border.gif) no-repeat top center;
	height:79px;
}
#copyright p{
	float:right;
	width:auto;
	margin-top:45px;
	margin-right:10px;	
}
#copyright img.foot_img{
	margin-top:16px;
	margin-right:10px;
	float:right;
}

/**--inside page
------------------------------------------------------------------------------------------------------**/
#insidepage{
	padding-bottom:20px;
	
}

/**--contact us page
------------------------------------------------------------------------------------------------------**/
#contactLeft{
	float:left;
	width:50%;
}
#contactLeft p{
	margin-bottom:5px;
}
#contactRight{
	float:left;
	width:50%;
}
#conForm{
	width:350px;

}
#conForm p{
	clear:left;
}
#conForm label{
	width:120px;
	float:left;
	display:block;
}
#conForm input[type=text], select, textarea{
	float:left;
	border:1px solid #333;
	color:#333;
	margin-bottom:5px;	
}
#conForm input[type=text]{
	width:200px;
	height:18px;
	
}
#conForm textarea{
	width:200px;
	height:100px;
}
#conForm .btns{

	margin:15px 0 0 120px;
}
/**--typhography
------------------------------------------------------------------------------------------------------**/
h2{
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:10px;
}
h3{
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
	color:#07ACF0;
}
h4{
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
	color:#FFF;
}
a.link1{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
a.link1:hover{
	text-decoration:none;
}
.linkName{
color: #00ccff;
}
.linkName:hover{
color: #FFF;
}
.linkName:visited{
color:#666666;
}



/**--clearfix
-------------------------------------------------------------------------------------------------------**/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*********** by shekhar ***********/
.sidebar_details li{
	list-style:none;
}
.sidebar_details li a{
	color:#fff;
}
.sidebar_details li a:hover{
	text-decoration:none;
}
.sidebar_details li a.twitterwidget img{
	vertical-align:bottom;
}
li#twitter-3 ul li{
	padding:5px 0;
}
li#twitter-3 ul li span.from-meta{
	font-style:italic;
	padding:0 0 0 5px;
}

/**--JC additions
-------------------------------------------------------------------------------------------------------**/

#bar {
	width:906px;
	height:29px;
background:url(http://360i.com.au/uploads/2009/10/bar.jpg);
	background-color:#006198;
margin-bottom:50px;
}

.bar_copy{
float:left;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:6px;
margin-left:10px;
}

.team_name{
	font:bold 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00A0C6;
}

#feeds_jc {
margin-top:10px;
	width:139px;
	height:22px;
background:url(http://360i.com.au/uploads/2009/10/icons_background_2.png);
}

#feeds_icons {
float:left;
margin-top:3px;
margin-left:6px;
}

/**--content_blog
-----------------------------------------------------------------------------------------------------------**/
#content_blog{
	width:906px;
	margin:0 auto;
	background-color:#FFFFFF;	
	min-height:530px;
	height:auto !important;
	height:530px;

}
#blogPage, #blogComment{
	overflow:hidden;
	background-color:#FFFFFF;
}
#leftCol{
	/*float:left;
	width:560px;
	margin-right:28px;
	padding-bottom:25px;*/
	float:left;
	width:545px;
	display:inline;
	padding-left:15px;	
	margin-right:28px;	
	padding-bottom:25px;
}
#leftCol h5{
	color:#055198;
	display:block;
	font-size:24px;
	line-height:28px;
	margin:12px 0 20px;
	padding:0;
	text-align:left;
}
.hor_line{
	border-bottom:1px solid #DEDEDE;
	margin:1px auto;
	padding-bottom:4px;
	padding-top:4px;

}
.post {
	color:#3F464D;
	font-family:Arial,sans-serif;
	font-size:13px;
	line-height:140%;
}
.post h6 {
	color:#57A8DF;
	font-size:20px;
	line-height:24px;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:20px 0 4px;
}

.post .author {
	color:#999999;
	font-size:11px;
}
.post a{
	color:#3E9CDA;
	text-decoration:none;
}
.post a:hover{
	color:#1E5A8E;
}
.post .entry p{
	padding:10px 0;
}
.postdata{
	border-bottom:1px solid #DEDEDE;
	font-size:11px;
	line-height:15px;
	padding-bottom:15px;
}
#sidebarblog{
	/*float:left;
	width:315px;
	color:#000000;
	padding:40px 0 25px;*/
	float:left;
	width:300px;
	color:#000000;
	padding:40px 0 25px;
}
#sidebarblog h3, #respond h3, #leftCol h3{
	color:#333333;
}
#sidebarblog .borderBox{
	border:1px solid #CAD6E2;
	margin:0 0 30px;
	padding:5px;
}
#sidebarblog ul.list1 {
	list-style-type:none;
	padding:10px;
	color:#3E9CDA;
	}
#sidebarblog ul.list1 li a{
	text-decoration:none;
	color:#3E9CDA;
}
#sidebarblog ul.list1 li a:hover{
	color:#055198;
	}
	
#blogComment h6{
	color:#333333;
}
#respond{
	margin:20px 0;
}
.commentFrm p {
	font-size:12px;
	margin:5px 0;
	padding:0;
}
#respond  form{
	background-color:#E8F7FE;
	padding:10px;
	overflow:hidden;
}
#respond  form label{
	float:left;
	width:120px;
	font-size:14px;
	color:#6F747A;
	font-weight:bold;
}
#respond input[type="text"], #respond textarea{
	background:#FFFFFF url(images/bg_input_comments.png) repeat-x scroll left top;
	border:1px solid #CCCCCC;
	font-family:Helvetica,sans-serif;
	padding:6px;
	width:350px;
}
#respond textarea{
	height:150px;
}
#respond input.submitBtn{
	clear:both;
	margin-left:120px;
	margin-top:10px;
	}
	
#commentlist {
	background:#E8F7FE none repeat scroll 0 0;
	color:#3F464D;
	font-family:Helvetica,sans-serif;
	font-size:12px;
	line-height:130%;
	margin:0px;
	padding:10px 20px 10px 0;
}
.comments{
padding:0 20px;
}
.comments ul{
	list-style-type:none;
	ccolor:#3F464D;
}
.comments ul li{
	border-bottom:1px solid #DEDEDE;
	padding:10px 0;
}
.comments ul li a{
	text-decoration:none;
	color:#3E9CDA;
}
.comments ul li a.link1 {
	font-weight:bold;
	font-style:italic;
	margin-right:5px;
}
.comments ul li a:hover{
	color:#055198;
}
.comments ul li span.date{
	color:#999999;
}
.comments .tophead{
	margin-bottom:10px;
}