body {
background: #fff;
color: #1a4782;
text-align:left;
background: #ffffff url('../images/bg3.png') repeat-x;
}

a {
color: #5b98e9;
text-decoration:none;
}

a:hover {
color: #a2d0f2;
text-decoration:underline;
}

img {
border:0;
}

#container {
font: 15px 'HelveticaNeue-Light', "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Arial, sans-serif;
width:950px;
color: #606060;
margin:5px auto;
text-align:left;
}

#header {
width:950px;
height:120px;
/* background: #ffffff url('../images/header.jpg'); */
color: #343434;
margin-bottom:10px;
}

h1 {
font-size:30px;
margin-left:50px;
margin-top:10px;
padding-top:20px;
color: #ffffff;
}

h2 {
font-size:16px;
margin-bottom: 10px;
color: #606060;
}

#logo {
float: left;
}

#logo a:hover{
	display: block;
	opacity: 0.5;
}

#nav {
float: right;
}



#left {
float:left;
width:680px;
margin:0 15px 0 15px;
padding-bottom: 25px;
}

#left p{
margin-bottom:5px;
}

#right {
float:right;
width:220px;
border-left: 1px solid #dae2e9;
}

#right p{
margin:0 10px 0 5px;
margin-bottom:10px;
padding:3px;
color: #1a4782;
}

#right a{
text-decoration:none;
border:0px;
}

#right a:hover{
text-decoration:none;
border:0px;
}

#right img{
border:0px;
}

#side {
margin-left: 10px;
}

#footer {
clear:both;
font-size:12px;
text-align:center;
padding-top:10px;
padding-bottom:5px;
}


.feedResult {
font-size:16px;
margin-bottom: 10px;
padding-bottom: 10px; padding-top: 5px; padding-left: 10px; 
height: 30px;
background: #5b98e9;
border-bottom: 1px solid #5b98e9;
}
.infoResult { font-size: 11px; color:#fff; }

.itemResult { color: #fff; }
.itemResult a { color: #fff; text-decoration:none; }
.itemResult a:hover { color: #fff; text-decoration:underline; }

.infoResult { color: #fff; }
.infoResult a { color: #fff; text-decoration:none; }
.infoResult a:hover { color: #fff; text-decoration:underline; }

.feedPost {
margin-bottom: 10px;
padding-bottom: 10px;
height: 50px;
border-bottom: 1px solid #dae2e9;
}
.infoPost { color: #606060; font-size: 10px; }
.infoPost a { color: #606060; text-decoration:none; }
.infoPost a:hover { color: #606060; text-decoration:underline; }

.avatarPost{ float:left; margin-right:10px; }
img.avatarPost, a img.avatarPost { padding: 2px; border: 1px solid #a2d0f2; }
a:hover img.avatarPost { padding: 2px; border: 1px solid #5b98e9; }


/* 	SEARCH BOX
	----------------------------------------------------- */

#box {
	
	padding: 30px 10px;
	position: relative;
}

#input {
	background: rgba(255,255,255,0.5);
	padding: 1px; margin-top: 0; margin-bottom: 0; 
}

#input input {
	outline: 0;
	border: 0px solid #dae2e9;
	background: white url('../style/field.png') left top repeat-x;
	font: 19px 'HelveticaNeue-Light', "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight: 300;
	color: #363d42;
	width: 343px;
	padding: 6px 38px 6px 35px;
}

#input input:focus {
	border-color: #cdd6de;
	
}

#checkbox { font-size: 13px; font-weight: bold; color: #5b98e9; padding: 1px; margin-top: 0; margin-bottom: 0; }

#checkbox checkbox { outline: 0; border: 0px solid #dae2e9; background: #fff;
	font: 19px 'HelveticaNeue-Light', "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight: 300; width: 10px; padding: 1px; }

#checkbox checkbox:focus { border-color: #cdd6de; }

#lang {
	position: absolute;
	right: 49px;
	top: 39px;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 5px;
	
	color: #5b98e9;
	cursor: pointer;
}

#lang:hover {
	background: #5b98e9;
	color: white;
}

#lang:active {
	background: #939fad;
}

.method {
	text-align: center;
	margin-top: 30px;
}

.method a {
	padding: 0px 1px;
/*	margin: 0 2px; */
	cursor: pointer;
	color: #939fad;
	
}

.method a.active,
.method a:hover {
	background: #5b98e9;
	color: white;
}

.method a:active {
	background: #939fad;
}


/* 	PAGNATION
	----------------------------------------------------- */


ul{border:0; margin:0; padding:0;}

	#pagination li{
		border:0; margin:0; padding:0;
		font-size:11px;
		list-style:none;
		
	}
	#pagination a{
		border:solid 1px #5b98e9;
		margin-right:2px;
		font-size:11px;
	}
	#pagination .previous-off,
	#pagination .next-off {
		
		color:#888888;
		display:inline;
		float:left;
		font-weight:bold;
		margin-left:2px;
		padding:0px 4px;
		font-size:11px;
	}
	#pagination .next a,
	#pagination .previous a {
	 font-weight:bold;
	}	
	#pagination .active{
		background:#5b98e9;
		color:#FFFFFF;
		font-weight:bold;
		display:block;
		float:left;
		padding:4px 6px;
		font-size:11px;
	}
	#pagination a:link, 
	#pagination a:visited {
		color:#5b98e9;
		display:block;
		float:left;
		padding:3px 6px;
		text-decoration:none;
		font-size:11px;
	}
	#pagination a:hover{
		border:solid 1px #a2d0f2;
		font-size:11px;
	}

/* SEARCHING CSS */

  /*this is what we want the div to look like
    when it is not showing*/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like
    when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;
	z-index:100000;
    /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#ffffff;
    _background:none; /*this line removes the background in IE*/
    opacity:.75;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
	color: #333333;

    /*set the padding, so that the content
      of the div is centered vertically*/
    padding-top:25%;
  }