/*---------------------------
		GENERAL
-----------------------------*/

@font-face {
  font-family: 'Typicons';
  src: url("fonts/typicons.eot");
  src: url("fonts/typicons.eot?iefix") format("eot"), url("fonts/typicons.woff") format("woff"), url("fonts/typicons.ttf") format("truetype"), url("fonts/typicons.svg#TypiconsRegular") format("svg");
}

/*test:reset*/
*{
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

p {
  font-size: 14px;
  line-height: 17px;
}

p.footertext {
  font-size: 12px;
  line-height: 15px;
}

section {
  display: block;
  float: left;
}

table {
  border-collapse: collapse;
}

body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: LucidaGrande,Helvetica,Arial,sans;
}

section, header, nav {
  margin: 0px;
}

body *:hover {
  text-decoration: none;
}

#main {
  width: 1200px;
  margin: 0 auto;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a:focus {
	outline:0;
}

a.minorlink {
  font-size: 12px;
}

.left.first a.minorlink { font-size:11px; }

a.minorlink:hover {
  text-decoration: underline;
}

a.button, input[type="submit"].button, .itemCommentsForm a {
	border-radius: 3px;
	border: 1px solid black;
	padding: 8px 20px;
	box-shadow:0px 1px 1px rgba(255,255,255,0.5) inset;
  
	background: #c0580b;
	background: -moz-linear-gradient(top, #d6760f 0%, #aa3a07 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6760f), color-stop(100%,#aa3a07));
	background: -webkit-linear-gradient(top, #d6760f 0%,#aa3a07 100%);
	background: -o-linear-gradient(top, #d6760f 0%,#aa3a07 100%);
	background: -ms-linear-gradient(top, #d6760f 0%,#aa3a07 100%);
	background: linear-gradient(to bottom, #d6760f 0%,#aa3a07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6760f', endColorstr='#aa3a07',GradientType=0 );

	color: white;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	font-weight: normal;
	
	behavior: url(website/static/css/PIE.htc);
}

a.button:hover {
	cursor:pointer;
}

a.button.green {
	background: #347f12;
	background: -moz-linear-gradient(top, #47ad18 0%, #22540c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47ad18), color-stop(100%,#22540c));
	background: -webkit-linear-gradient(top, #47ad18 0%,#22540c 100%);
	background: -o-linear-gradient(top, #47ad18 0%,#22540c 100%);
	background: -ms-linear-gradient(top, #47ad18 0%,#22540c 100%);
	background: linear-gradient(to bottom, #47ad18 0%,#22540c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ad18', endColorstr='#22540c',GradientType=0 );
}

a.button.silver {
	background: #686868;
	background: -moz-linear-gradient(top, #979797 0%, #464646 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#979797), color-stop(100%,#464646));
	background: -webkit-linear-gradient(top, #979797 0%,#464646 100%);
	background: -o-linear-gradient(top, #979797 0%,#464646 100%);
	background: -ms-linear-gradient(top, #979797 0%,#464646 100%);
	background: linear-gradient(to bottom, #979797 0%,#464646 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#464646',GradientType=0 );
}

/*------------------
      TOP BAR 
 -----------------*/

#top_bar {
  width: 100%;
  height: 40px;
}

#top_bar_in {
  width: 1200px;
  margin: 0 auto;
  padding-top: 4px;
  position:relative;
}

#top_bar_in img {
  position:absolute;
  right:0;
  top:0;
}

#top_bar_in img.toggle {
  display: none;
}

section.before_login {
  height: 42px;
  padding: 0px;
  float: left;
}

.login, section.before_login .login span {
	color:#f5802a;
	font-size:15px;
	font-weight:bold;
}

section.before_login span {
  position: relative;
  top: -11px;
  font-size: 12px;
  margin-left:2px;
  margin-right:9px;
}

section.before_login span a {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	display: inline-block;
	margin-bottom: 3px;
	color:#f5802a;
}

section.before_login #login_icon {
	background: url("../images/sprite.png") -4px -95px;
	width:33px;
	height:33px;
	display:inline-block;
	margin: 0;
	position: relative;
	top: 0px;
}

section.after_login {
  height: 42px;
  padding: 0px;
  float: left;
  margin-left: 15px;
  background: url("../images/member.png") no-repeat;
  padding-left: 40px;
  width: 195px;
  display: none;
}

section.after_login span {
  position: relative;
  top: 8px;
}

section.after_login a {
  font-weight: bold;
  text-decoration: underline;
}

section.after_login a:hover {
  color: #f5802a;
}

section.search {
  float:right;
  height: 33px;
}

.search #search_icon {
	background: url("../images/sprite.png") -4px -61px;
	width:33px;
	height:33px;
	display:inline-block;
	margin-left: -27px;
}

.searchForm {
	position:relative;
	top: -37px;
}

section.search input {
  margin-left: 10px;
}

section.search  input.submit{
  height: 29px;
}

input.search {
  color: #ccc;
  padding: 5px 15px 5px 15px;
  border-radius:15px;
  behavior: url(website/static/css/PIE.htc);
  position: relative;
  z-index: 5;
  top:1px;
  font-size:13px;
}

input.search:focus {
  outline: 0;
}

input.search:hover {
}

a.button_login, a.button_donate, input.submit {
	border-radius: 3px / 3px;
	background-color: #f5802a;
  
	background:  #f5802a;
	background: -moz-linear-gradient(top, #eca740 0%, #ed6a22 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eca740), color-stop(100%,#ed6a22));
	background: -webkit-linear-gradient(top, #eca740 0%,#ed6a22 100%);
	background: -o-linear-gradient(top, #eca740 0%,#ed6a22 100%);
	background: -ms-linear-gradient(top, #eca740 0%,#ed6a22 100%);
	background: linear-gradient(to bottom, #eca740 0%,#ed6a22 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eca740', endColorstr='#ed6a22',GradientType=0 );
  
	color: white;
	font-size: 13px;
	text-shadow: 1px 1px 1px #9c4012;
	border: none;
	padding: 6px 10px 8px 10px;
	font-weight: bold;
	behavior: url(website/static/css/PIE.htc);
}

a.button_logout, a.button_profile {
    display: inline;
    font-weight: bold !important;
    background: none;
    padding: 0px 0px 0px 10px;
    border-radius: 0px / 0px;
    font-size: 12px !important;
    color: #f5802a !important;
    text-shadow: none;
    border-left: 1px solid #808080;
    position:relative;
    /*top:5px;*/
		top:-12px;
}
  
a.button_profile {
	padding-right:7px;
}

input.submit {
  z-index: 2;
  position: relative;
}

a.button_login {
  position: relative;
  top: -13px;
}

a.button_login.toggle {
  display: none;
}

a.button_donate {
	position: relative;
}

a.button_donate, x:-moz-any-link, x:default {
    top: -1px !important;
}

input.submit:hover {
  text-decoration: underline;
  cursor: pointer;
}

.login_form {
  width: 220px;
  height: 147px;
  border-radius: 0px / 5px;
  z-index: 3;
  margin-top: -2px;
  behavior: url(website/static/css/PIE.htc);
  display: none;
  padding: 10px 0px 0px 10px;
  position: relative;
}

.login_form input.search {
  width: 180px;
  margin-bottom:6px;
}

.login_form input.submit {
  padding: 4px 5px 6px 5px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.login_form a {
  color: gray;
  font-size: 11px;
  position: absolute;
  bottom: 10px;
  left: 12px;
  width:60px;
}

.login_form_newpage {
  margin: auto;
  width: 180px;
  height: 110px;
}

.login_form_newpage input.submit {
  display: inline;
  position: relative;
  left: 110px;
  top: -20px;
}

.login_form_newpage input.search {
  width: 140px;
}

.login_form label {
	font-size:12px;
	margin-left:5px;
}

.login_form_newpage a {
  font-size: 12px;
  width: 80px;
  display: block;
  position: relative;
  top: 10px;
}

h2.login {
  margin-left: auto;
  margin-right: auto;
  width: 180px;
}

.change_theme{
	float:right;
	background:url('../images/changetheme.png');
	width:40px;
	height:40px;
	margin-top:-4px;
	box-shadow:-1px 0px 0px black;
}

.change_theme:hover{
	cursor:pointer;
	background:url('../images/changetheme_hover.png');
}

/*------------------
      HEADER 
 -----------------*/

#top_leaderboard_banner {
  width: 728px;
  height: 90px;
  margin-top: 27px;
  margin-left: auto;
  margin-right: auto;
}

#top_leaderboard_banner img{
  width: 728px;
  height: 90px;
}

#top_header {
  display: block;
  position: relative;
  margin-top: 33px;
  overflow: visible;
}

#top_header .nikonians_top_logo {
  color: transparent;
  position: relative;
  z-index: 2;
  text-indent: -9000px;
  height: 55px;
  width: 290px;
  background: url("../images/logo.png") no-repeat;
  float: left;
  margin-top: -15px;
}

.statement {
  position: relative;
  left: -290px;
  top: 40px;
}

.statement p {
  font-size: 11px;
  color: #707070;
}

#separator1 {
  z-index: 1;
  width: 100%;
  height: 2px;
  position: relative;
  top: 40px;
  background: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ODAyYSIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ODAyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgwMmEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245, 128, 42, 0.01)), color-stop(50%, #f5802a), color-stop(100%, rgba(245, 128, 42, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: -o-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: -ms-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: linear-gradient(to right, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03f5802a', endColorstr='#00f5802a',GradientType=1 );
  behavior: url(website/static/css/PIE.htc);
}

#separator2 {
  display: none;
}

#languages {
  position: absolute;
  right: 0px;
  top: -145px;
}

#languages a {
	border: none;
	margin: 0px 0px 0px 6px;
	position: relative;
	top: 3px;
	width: 20px;
	height: 14px;
	display: inline-block;
	background: url("../images/sprite.png");
}

#languages a.EN {background-position:-43px -115px;}
#languages a.DE {background-position:-63px -115px;}
#languages a.FR {background-position:-83px -115px;}

#languages span {
  font-size: 11px;
  margin-left:3px;
  color:#707070;
  text-shadow: 1px 1px 0px black;
}

/*------------------
		NAV 
 -----------------*/

nav {
  float: right;
  border-radius: 3px;
  padding: 1px 0px 1px 0px;
  behavior: url(website/static/css/PIE.htc);
  margin-top: -29px;
}

nav ul {
  list-style: none;
  margin-top: 0px;
}

nav li {
  padding: 8px 12px 10px 12px;
  margin: 0px;
  width: 65px;
  float: left;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 10px;
}

nav li span {
  font-family: Typicons;
  font-size: 36px;
  line-height: 32px;
  font-weight: normal;
}

nav li.first {
  border-left: none;
}

nav li.last {
  border-right: none;
}

nav a:hover {
  text-decoration: none;
}

.second_nav {
  display: none;
  position: absolute;
  top: 84px;
  right: 0px;
  z-index: 10000;
  width:140px;
}

.second_nav li {
  border: none;
  width: 100%;
  padding: 8px 0;
  line-height:14px;
}

.second_nav li:hover {
  background: #444444;
}


/*------------------
      CONTENT 
 -----------------*/
#content {
  margin-top: 65px;
  overflow: hidden;
}

#content > header {
	height:auto; 
	border:1px solid transparent; /*weird fix needed*/
}

#content h1 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 -10px 0;
	color:white;
}

.news {
  width: 76.5%;
  float: left;
  padding: 0px;
  margin: 0px;
  behavior: url(website/static/css/PIE.htc);
  border-radius: 5px / 5px;
  margin-right: 1.5%;
  margin-left: 0px;
}

.left {
  height: auto;
  float: left;
  padding: 0px;
  margin: 0px;
  behavior: url(website/static/css/PIE.htc);
  border-radius: 5px / 5px;
  margin-top: 20px;
  margin-right: 1.5%;
  margin-left: 0px;
  width: 45%;
}

.middle {
  height: auto;
  float: left;
  padding: 0px;
  margin: 0px;
  behavior: url(website/static/css/PIE.htc);
  border-radius: 5px / 5px;
  margin-top: 20px;
  margin-right: 1.5%;
  margin-left: 0px;
  width: 30%;
}

.right {
  height: auto;
  float: left;
  padding: 0px;
  margin: 0px;
  behavior: url(website/static/css/PIE.htc);
  border-radius: 5px / 5px;
  margin-top: 20px;
  margin-right: 1.5%;
  margin-left: 0px;
  width: 22%;
  margin-right: 0px;
}

.container_header, .news > a > header {
  width: 100%;
  padding-top: 12px;
  height: 37px;
}

.container_header h2, .news > a > header h2 {
  font-size: 18px;
  font-weight: normal;
  margin-left: 10px;
  margin-top: 0px;
  float: left;
  text-transform: uppercase;
}

.container_header span, .news > a > header span {
  font-family: Typicons;
  font-size: 24px;
  font-weight: normal;
  float: right;
  margin-right: 10px;
}

.container > a:hover {
  text-decoration: none;
}

.container_header:hover,.news > a > header:hover {
  color: #f5802a;
}

/*-------------------PARTNERS----------------------*/

.partners {
	width: 22%;
	float: left;
	border-radius: 5px / 5px;
    behavior: url(website/static/css/PIE.htc);
}

.partners .box_table {
	width:100%;
}

/*-------------------NEWS - SLIDER----------------------*/

.bx-wrapper .bx-prev {
	left: 0px;
	background: url("../images/sprite.png") -160px -56px;
}

.bx-wrapper .bx-next {
	right: 1px;
	background: url("../images/sprite.png") -195px -56px;
}

.bx-wrapper .bx-prev:hover {
	background-position: -230px -56px;
}

.bx-wrapper .bx-next:hover {
	background-position: -265px -56px;
}

/*-------------------NEWS----------------------*/

.news article {
  width: 98%;
  margin: 0% 2%;
  margin-bottom:30px;
  overflow:hidden;
  position:relative;
}

.news article h3 {
  font-size: 20px;
  margin-right: 1%;
  margin-bottom:-5px;
}

.news article h3 a {
	color:#F5802A;
}

.news article p {
  margin-right: 10px;
  line-height: 20px;
}

.news article img {
  float: left;
  margin: 20px 12px 2px 0px;
  width: auto;
  height: 200px;
  
}

#articleShown header {
	margin:20px 0 10px 0;
}

p.date {
  font-size: 11px;
  line-height: 0px !important;
  display:inline;
}

span.authorName {
	font-size:11px;
	display:inline;
}

article {
  display: block;
}

.readMore {
	color:#F5802A;
}

#slider {
  width: 96%;
  float: left;
  margin-left: 2%;
  position: relative;
}

#previews {
  width: 100%;
  float: left;
}

.slider_left, .slider_right {
  font-family: 'Typicons';
  float: left;
  border: none;
  font-size: 30px;
  width: 30px;
  height: 120px;
}

.slider_left:hover, .slider_right:hover {
  text-decoration: none;
  cursor: pointer;
}

.slider_right {
  position: absolute;
  right: 0px;
}

.news a.button_login {
  float: right;
  margin: 10px 30px 15px 0px;
}

.news a.button_login:hover {
  text-decoration: underline;
}

.previous_article {
  width: 26%;
  float: left;
  margin: 0% 3.5%;
  margin-top:10px;
  margin-bottom:0px;
  text-align:center;
  position:relative;
}

.previous_article img {
  width: 165px;
  height: 100px;

  margin-bottom: 10px;
}

.article img.public-sticker, #suggested_articles img.public-sticker, .previous_article .public-sticker, .news article img.public-sticker  {
	border:none;
	width:50px;
	height:50px;
	position:absolute;
	top:-15px;
	left:-15px;
}

.previous_article .public-sticker {
	top:-10px;
	left:30px;
}

.previous_article h4 {
  font-size: 13px;
  display: inline-block;
  margin-top:0px;
}

.news article img.public-sticker {
	top:1px;
	left:0px;
}

/*-------------------FORUMS----------------------*/

.forums_row {
  height: 44px;
  position:relative;
}

.forums_row:last-child {
  margin-bottom: 8px;
}

.forums_row_in {
  height: 41px;
  width: 95%;
  margin-top: 3px;
  margin-left: 2.5%;
}

.forums_row_in:hover {
}

.discussion {
  padding-left: 10px;
  max-width:65%;
  height: 41px !important;
  float: left;
}

.discussion p {
	font-size: 13px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
} 

.discussion:hover {
  text-decoration: underline;
}

.forums_comments {
  float: right;
  height: 44px;
  position:relative;
  width: 150px;
}

.nick1, .nick2 {
  font-size: 10px;
  text-decoration: none;
  position: relative;
  top: -5px;
  width: 50px;
  display: inline-block;
}

.nick1 {text-align:right;}

.pic_small {
  font-family: "Typicons", sans-serif;
  font-size: 35px;
  font-weight: normal;
  z-index: 1;
  position: relative;
  top: 7px;
}

.num_of_comments {
  z-index: 2;
  position: absolute;
  font-size: 12px;
  top:13px;
  margin-left: -32px;
  letter-spacing:-1px;
  display:inline-block;
  width:20px;
  text-align:center;
}

/*-------------------POSTS----------------------*/

.middle.first {
  padding-bottom: 5px;
}

.posts_row {
  width: 88%;
  height: 85px;
  margin: 3px 0px 6px 3%;
  padding: 3px 10px 0px 10px;
}

.posts_row h3 {
  font-size: 13px;
  color: #F5802A;
  display: inline;
  top: 14px;
  position: relative;
}

.posts_row h3:hover {
  text-decoration: underline;
}

.posts_row img {
  height: 65px;
  width: 65px;
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}

.posts_row p {
	display: inline;
	top: 14px;
	position: relative;
	font-size: 12px;
}

.posts_row p.date {
	position: relative;
	top: 0px;
	font-size: 11px;
	display:block;
	margin:10px 0 -28px 0;
}

figure {
  margin: 0px;
}

/*-------------------PODCAST----------------------*/

.podcast_content {
  margin-top: -10px;
  padding: 10px 10px 10px 10px;
  position: relative;
}

.podcast_content a {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}

.podcast_content a.podcastfirst {
  font-size: 16px;
  color:#F5802A;
  margin-left:67px;
  margin-top:2px;
  display:inline-block;
}

.podcast_content a:hover {
  text-decoration: underline;
}

.podcast_content a.stream {
	position: absolute;
	left: 13px;
	top: 15px;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../images/sprite.png");
	background-position: -41px -62px;
}

.podcast_content a.stream:hover {
  background-position: -101px -62px;
} 

.podcast_content div a {
  line-height: 13px;
  display: block;
  margin-bottom: 4px;
  width: 93%;
  padding: 8px;
}

.podcast_content p.date {
  margin-left: 67px;
  margin-top: 15px;
  margin-bottom: -15px;
}

/*-------------------SHOP----------------------*/
.shop_content {
  height: 193px;
  display:table;
  text-align: center;
}

.shop_content a {
	display:table-cell;
	vertical-align:middle;
}

.shop_content img{
    width:240px !important;
	height:auto;
}

.right.second header {
  height: 22px;
  padding-top: 7px;
}

/*-------------------VIDEOS----------------------*/

.videos_content {
  height: 300px;
  width: 90% !important;
  margin-left: 5%;
}

video { width: 100%; height: auto; }
#player {width: 400px; height: 224px; margin-left: 50px;}

/*-------------------PHOTOS----------------------*/

.photos_content {
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom:15px;
}

.photos_content img {
  width: auto;
  height: 40px;
  margin: 10px 0px 50px 10px;
}

.photos_content img.photo_main {
  width: 240px;
  height: 160px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 0px;
}

.photos_slider {
  float: left;
  position: relative;
}

.photos_slider_in {
  width: 85%;
  margin: 0 auto;
}

#player a {
	color: #F5802A;
}

/*-------PHOTO GALLERY - additional styles---------*/

.rsImg {
	margin-left:auto !important; 
	margin-top:0px !important; 
	width:auto !important;
	height:200px !important;
	max-width:280px;
}

.rsOverflow{height:230px !important;}

.rsNav{
	height:60px;
	width:330px;
	margin-left:10px;
}

.rsNav.rsThumbs.rsThumbsHor {
	width:94%;
	margin-left:3%;
}	

.rsNav img {
	max-width:80px;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}

/*-------------------ADS----------------------*/

.home .ads_content {
  height: 235px;
  padding:10px 0;
}

.ads_content{
	padding:10px 0;
}

.ads_content iframe{
	width:170px;
	height:202px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.ads_content a {
	display:block;
	text-align:center;
	color:#f5802a;
}

.ads_content p {
	margin-top:12px;
	margin-bottom:10px;
}

.ads_content a img{
	width:170px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:1px solid transparent;
	margin-bottom:-3px;
}

.ads_content a img.ezineImg{
	width:170px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px; 
}


/*--------------------
      NEW FOOTER
--------------------*/

footer {
  display: block;
  margin-bottom: 0px;
  margin-top: 25px;
}

#footer_middle {
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

#footer_middle_in {
  margin-left: auto;
  margin-right: auto;
}

#footer_links  div {
  width: 20%;
  margin:0 0 10px 5%;
  float:left;
}

#footer_links {
	width:640px;
	margin:0 auto;
}

#footer_links p {
	margin:14px 0;
}


#footer_middle_in .socialmedia {
  padding-left: 0%;
  width: 100%;
}

#footer_middle_in .socialmedia div {
  width: 143px;
  margin: 0 auto;
  padding: 0px 50px 20px 50px;
  margin-bottom: 15px;
}

#footer_middle_in .socialmedia a {
	display:inline-block;
	border:none;
	width: 44px;
	height: 44px;
	opacity:0.75;
	background:url("../images/sprite.png");
}

#footer_middle_in .socialmedia a.facebook {background-position:-162px -91px;}
#footer_middle_in .socialmedia a.twitter {background-position:-209px -91px;}
#footer_middle_in .socialmedia a.google {background-position:-255px -91px;}
#footer_middle_in .socialmedia a.linkedin {background-position:-301px -91px;}

#footer_middle_in .socialmedia a:hover {
	opacity:1.0;
}

#footer_bottom {
  padding: 26px 20px 35px 20px;
  text-align: center;
}


/*-----------------------
       OLD FOOTER
------------------------

footer {
  display: block;
  margin-bottom: 0px;
  margin-top: 25px;
}

#footer_middle {
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

#footer_middle_in {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#footer_middle_in section {
  padding-left: 23%;
  width: 20%;
}

#footer_middle_in section.socialmedia {
  padding-left: 0%;
  width: 100%;
}

#footer_middle_in section.socialmedia div {
  width: 145px;
  margin: 0 auto;
  padding: 0px 50px 20px 50px;
  margin-bottom: 30px;
}

#footer_middle_in section.socialmedia a {
	display:inline-block;
	border:none;
	width: 44px;
	height: 44px;
	opacity:0.75;
	background:url("../images/sprite.png");
}

#footer_middle_in section.socialmedia a.facebook {background-position:-162px -91px;}
#footer_middle_in section.socialmedia a.twitter {background-position:-208px -91px;}
#footer_middle_in section.socialmedia a.google {background-position:-254px -91px;}

#footer_middle_in section.socialmedia a:hover {
	opacity:1.0;
}

#footer_bottom {
  padding: 20px 20px 60px 20px;
  text-align: center;
} 
/*----------------
end of old footer
-------------------*/

p {
  text-shadow: 1px 1px 0px black;
}

p.footertext {
  color: #666666;
}

p.footertext a {
	color:#666666;
	text-decoration:underline;
	margin-bottom: 13px;
	display: inline-block;
}

p.footertext a:hover {
	color:#dfdfdf;
}

#footer_links a {
	line-height:1.8em;
}

/*--------------------------
		DARK THEME
---------------------------*/

body {
  background: url("../images/bg.jpg") repeat #191919;
  color: #dfdfdf;
}

a {
  text-decoration: none;
  color: #dfdfdf;
  text-shadow: 1px 1px 0px black;
}

a.minorlink {
  color: #aaa;
}

img {
  border: 1px solid #323232;
}

/*------------------
      TOP BAR 
 -----------------*/
#top_bar {
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid black;
  box-shadow: 0px 1px 0px #323232;
}

section.after_login a:hover {
  color: #f5802a;
}

input.search {
  background-color: #404040;
  border: 1px solid #101010;
  color: #ccc;
  behavior: url(website/static/css/PIE.htc);
}

input.search:focus {
  border: 1px solid #838383;
}

input.search:hover {
  border: 1px solid #838383;
}

a.button_logout, a.button_profile {
    color: #f5802a !important;
    text-shadow: none;
    border-left: 1px solid #808080;
}

.login_form {
  background: #141414;
  border-left: 1px solid #323232;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
  border-top:1px solid #141414;
  z-index: 15;
  behavior: url(website/static/css/PIE.htc);
}

.login_form input.search {
  border: 1px solid black;
}

.login_form input.search:focus {
  border: 1px solid #838383;
}

.login_form a {
  color: gray;
}

.login_form a:focus {
	text-decoration:underline;
}

.login_form_newpage a {
  color: gray;
}

.change_theme{
	background:url('../images/changetheme.png');
	border:1px solid #323232;
	box-shadow:-1px 0px 0px black;
}

.change_theme:hover{
	cursor:pointer;
	background:url('../images/changetheme_hover.png');
}

/*------------------
      HEADER 
 -----------------*/

.statement p {
  color: #707070;
}

#separator1 {
  z-index: 1;
  width: 100%;
  height: 2px;
  position: relative;
  top: 51px;
  background: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ODAyYSIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ODAyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgwMmEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245, 128, 42, 0.01)), color-stop(50%, #f5802a), color-stop(100%, rgba(245, 128, 42, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: -o-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: -ms-linear-gradient(left, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  background: linear-gradient(to right, rgba(245, 128, 42, 0.01) 0%, #f5802a 50%, rgba(245, 128, 42, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03f5802a', endColorstr='#00f5802a',GradientType=1 );
  behavior: url(website/static/css/PIE.htc);
}

nav {
  float: right;
  border-radius: 3px;
  background: #212121;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #212121 0%, #0e0e0e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #0e0e0e));
  background: -webkit-linear-gradient(top, #212121 0%, #0e0e0e 100%);
  background: -o-linear-gradient(top, #212121 0%, #0e0e0e 100%);
  background: -ms-linear-gradient(top, #212121 0%, #0e0e0e 100%);
  background: linear-gradient(to bottom, #212121 0%, #0e0e0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#0e0e0e',GradientType=0 );
  padding: 1px 0px 1px 0px;
  behavior: url(website/static/css/PIE.htc);
  box-shadow: inset 0px 1px 0px 0px #323232;
  border: 1px solid black;
}

nav li {
  border-right: 1px solid black;
  border-left: 1px solid #323232;
  padding: 8px 12px 10px 12px;
  margin: 0px;
  width: 65px;
  float: left;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 10px;
  color: #c9c9c9;
  text-shadow: 1px 1px 4px black;
}

nav li:hover {
  background: #0e0e0e;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #0e0e0e 0%, #212121 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e0e0e), color-stop(100%, #212121));
  background: -webkit-linear-gradient(top, #0e0e0e 0%, #212121 100%);
  background: -o-linear-gradient(top, #0e0e0e 0%, #212121 100%);
  background: -ms-linear-gradient(top, #0e0e0e 0%, #212121 100%);
  background: linear-gradient(to bottom, #0e0e0e 0%, #212121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0e', endColorstr='#212121',GradientType=0 );
}

nav a:hover {
  text-decoration: none;
}

.second_nav {
  background: #333333;
  box-shadow: 1px 1px 7px black;
}

.second_nav li {
  color: #fff;
}

/*------------------
      CONTENT 
 -----------------*/

.news, .left, .middle, .right {
  background-color: #101010;
}


.container_header h2, .news > a > header h2 {
  text-shadow: 1px 2px 3px black;
}

.container_header span, .news > a > header span {
  text-shadow: 1px 2px 3px black;
}

.container_header:hover,.news > a > header:hover {
  color: #f5802a;
}

/*-------------------PARTNERS----------------------*/

.partners {
	background: #101010;
  behavior: url(website/static/css/PIE.htc);
}

/*-------------------NEWS----------------------*/
.news article h3 a {
	color:#F5802A;
}

.news article img {
  border: 1px #323232 solid;
  height: 200px;
}

p.date {
  color: #666666;
}

span.authorName {
	color: #666666;
	text-shadow:1px 1px 0px black;
}

.readMore {
	color:#F5802A;
}

#slider {
  border-top: 1px solid #1c1f1d;
  box-shadow: 0px -1px 0px black;
}

/*-------------------FORUMS----------------------*/

.forums_row_in {
  background-color: #181a19;
}

.forums_row_in:hover {
  background-color: #232323;
}

.nick1, .nick2 {
  color: #666666;
  text-shadow: 1px 1px 0px black;
}

.pic_small {
  color: #666666;
  text-shadow: 1px 1px 0px black;
}

.num_of_comments {
  color: #191919;
}

/*-------------------POSTS----------------------*/

.posts_row {
  background: #181a19;
}

.posts_row h3 {
  color: #F5802A;
}

.posts_row:hover {
  background-color: #232323;
}

/*-------------------PODCAST----------------------*/

.podcast_content a.podcastfirst {
  color:#F5802A;
}

.podcast_content div a {
  background-color: #181a19;
}

.podcast_content div a:hover {
  background-color: #232323;
}

/*-------PHOTO GALLERY - additional styles---------*/

.rsNav{
	border-left:1px solid #202020;
	border-right:1px solid #202020;
	box-shadow:1px 0px 0px black, -1px 0px 0px black;	
}

/*--------------------
       FOOTER
--------------------*/

footer {
  background-color: #0b0b0b;
}

#footer_middle {
  background-color: #2b2b2b;
  border-top: 1px solid #060606;
  border-bottom: 1px solid black;
}

#footer_middle_in .socialmedia div {
  border-bottom: 1px solid #060606;
  box-shadow: 0px 1px 0px #454545;
}

#footer_middle_in .socialmedia img {
	box-shadow: 1px 1px 3px #121212;
}

#footer_middle_in .socialmedia img:hover {
	opacity:1.0;
}
/*new changes*/

.middle.second {
    margin-right: 0;
    width: 53.5%;
}
/*-----------------------------------
			MEDIA QUERIES
			960-1280px
------------------------------------*/
@media screen and (max-width: 1280px) {

	#main {
	  width: 95%;
	  margin: 0 auto;
	}

	/*------------------
		  TOP BAR 
	 -----------------*/

	#top_bar_in {
	  width: 95%;
	  margin: 0 auto;
	  padding-top: 4px;
	}
	
	#top_bar_in img {
	  margin: -5px 0px 0px 180px;
	}
	
	#top_bar_in img.toggle {
	  display: none;
	}

	/*------------------
		  CONTENT 
	 -----------------*/
	
	.news {
	  width: 76.5%;
	}

	.left {
	  width: 45%;
	}

	.middle {
	  width: 30%;
	}

	.right {
	  width: 22%;
	  margin-right: 0px;
	}

	.partners {
	  width: 22%;
	}

	/*-------------------NEWS----------------------*/

	.news a.button_login {
	  float: right;
	  margin: 10px 15px 15px 0px;
	}

	.news a.button_login:hover {
	  text-decoration: underline;
	}

	.previous_article {
	  width: 28%;
	  float: left;
	  margin: 0% 2.5%;
	  margin-top:10px;
	}

	.previous_article.toggle {
	  display: none;
	}

	/*-------------------FORUMS----------------------*/

	.discussion {
	  padding-left: 8px;
	  max-width: 57%;
	  height: 44px;
	  float: left;
	}

	.discussion:hover {
	  text-decoration: underline;
	}

	/*-------------------POSTS----------------------*/
	
	.posts_row {
	  margin-left: 2%;
	}

	/*-------------------PODCAST----------------------*/

	.podcast_content a.podcastfirst {
	  font-size: 14px;
	  margin-left:62px;
	  margin-top:0;
	}
	
	.podcast_content a.stream {
	  position: absolute;
	  left: 10px;
	  top: 16px;
	}
	
	.podcast_content div a {
	  margin-left: -1%;
	}
	
	.podcast_content p.date {
	  margin-top: 0px;
	  margin-left:62px;
	}

	/*-------------------SHOP----------------------*/
	
	.shop_content {
		height: 140px;
		display:table;
	}
	
	.shop_content a {
		display:table-cell;
		vertical-align:middle;
	}
	
	.shop_content img{
	    width: 170px !important;
		margin-top: -20px;
	}

	/*-------------------VIDEOS----------------------*/
	.videos_content {height:260px;}
	
	video{width:90%;}
	
	player {
		width:100%;
		margin:0;
		height:auto;
	}
	
	/*-------------------PHOTOS----------------------*/
	
	.photos_content {
	  width: 100%;
	  height: 260px;
	  overflow: hidden;
	  margin: 0 auto;
	}
	
	.photos_content img {
	  width: auto;
	  height: 40px;
	  margin: 10px 0px 50px 10px;
	}
	
	.photos_content img.photo_main {
	  width: 240px;
	  height: 160px;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 10px;
	  margin-bottom: 0px;
	}

	.photos_slider {
	  float: left;
	  position: relative;
	}

	.arrow-left {
	  width: 0;
	  height: 0;
	  border-top: 10px solid transparent;
	  border-bottom: 10px solid transparent;
	  border-right: 10px solid white;
	  position: absolute;
	  left: 10px;
	  top: 20px;
	}

	.arrow-right {
	  width: 0;
	  height: 0;
	  border-top: 10px solid transparent;
	  border-bottom: 10px solid transparent;
	  border-left: 10px solid white;
	  position: absolute;
	  right: 10px;
	  top: 20px;
	}

	.photos_slider_in {
	  width: 85%;
	  margin: 0 auto;
	}

	.rsNav{
		width:260px;
		margin-left:10px;
	}	

	.rsImg {
		width:auto !important;height:180px !important;max-width:250px;
	}

	.rsOverflow {
	height: 200px !important;
	}

	/*-------------------ADS----------------------*/
	
	.ads_content, .home .ads_content {
	 height: 304px;
	}
	
	.fund .ads_content {
		height:auto;
	}

	.ads_content a img{
		width:120px;
	}

	.ads_content a img.ezineImg {
		width:170px;
		
	}
	
}

@media screen and (max-width: 1024px) {

	.previous_article .public-sticker {
		left:10px;
	}
	
	#footer_links a {
		line-height:2em;
	}
	

}

/*--------------------------------- 
			800-960px 
----------------------------------*/

@media screen and (max-width: 960px) {

	#main {
	  margin: 0 auto;
	}

	.news {
	  width: 76%;
	}

	.left {
	  width: 44.5%;
	}

	.middle {
	  width: 30%;
	}

	.right, .partners {
	  width: 22.5%;
	}

	/*-----TOP BAR-----*/

	#top_bar_in {
	}

	#top_bar_in img {
	  margin-left: 45px;
	}

	#top_bar_in span {
	  font-size: 14px;
	}

	section.before_login {
	  margin-left: 0px;
	}

	.statement {
		left:auto;
		top:6px;
		width:300px;
		margin-bottom:-60px;
	}
	
	nav {
		margin-top:-10px;
	}
	
	#separator1 {
		top:70px;
	}
	
	#content {
		margin-top:105px;
		min-width: 200px;
	}

	/*------NEWS------*/

	.previous_article {
	  width: 29%;
	  margin:0% 2%;
	  margin-top:10px;
	}

	.previous_article.toggle {
		display:none;
	}

	.previous_article img {
	  width: 130px;
	  height: 75px;
	}
	
	.previous_article .public-sticker {
		left:16px;
	}

	.slider_left > .arrow-left {
	  top: 35px;
	}
	
	.slider_right > .arrow-right {
	  top: 35px;
	}

	/*------PARTNERS------*/

	.partners img {
		width:150px;
	}

	/*------FORUMS------*/

	.discussion {
	  max-width: 48%;
	}

	/*------POSTS------*/
	
	.posts_row {
	  height: 87px;
	  width: 86%;
	  padding-top: 1px;
	  margin-left: 3%;
	  line-height:15px;
	}

	.posts_row h3 {
	  font-size: 12px;
	  position:relative;
	  top: 0px; 
	  margin: 0;
	}

	.posts_row p {
		position: relative;
		top: 0px;
	}

	.posts_row p.date {
	  margin-bottom:-10px;
	}
	
	.posts_row img {
	  margin-top: 5px;
	}

	/*------PODCAST------*/
	
	.right.first h2 {font-size:16px;}

	.podcast_content div {
		margin-top:0px;
		margin-left:-4px;
	}

	.podcast_content {
		height:310px;    
	}

	.podcast_content p.date, .podcast_content a.podcastfirst  {
	  margin-left: 0px;
	}

	.podcast_content a.stream {
	  top: auto;
	  bottom: 6px;
	  left: 35%;
	}

	/*------PHOTOS------*/

	.photos_content img.toggle {
	  display: none;
	}

	.photos_content img.photo_main {
	  width: 180px;
	  height: 120px;
	}

	.photos_slider_in {
	  width: 70%;
	}

	.photos_content {
		height:210px;
	}

	/*-------PHOTO GALLERY - additional styles---------*/
	
	#gallery{width:95% !important;}

	.rsImg {
		height:150px !important;max-width:200px;
	}

	.rsOverflow{height:160px !important;}

	.rsNav {
		height:60px;
		width:200px;
		margin-left:3px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;

	}

	/*------------------VIDEOS--------------------*/
	.videos_content {height:210px;}


	/*-------------------ADS----------------------*/
	.ads_content, .home .ads_content  {
	 height: 254px;
	}

	.ads_content a img.ezineImg{
		width:119px;
	}

	/*---------------SHOP--------------------------*/
	.shop_content img{width:125px !important;}
	.shop_content {height:110px;}

}

/*-----------------------------------
			600-800px
			TABLETS
-------------------------------------*/

@media screen and (max-width: 800px) {

	.news {
	  width: 100%;
	}

	.left {
	  width: 55%;
	}

	.left.second {
	  margin-top: -487px;
	}

	.middle.first {
	  width: 42%;
	  margin-right: 0px;
	  margin-left:1.5%;
	}

	.middle.second {
	  width: 55%;
	  margin-top: -193px;
	}

	.right.first {
	  float: right;
	  width: 42%;
	}

	.right.second {
	  width: 42%;
	  float: right;
	  margin-left: 40%;
	}

	.right.third {
	  width: 42%;
	  margin-left:1.5%;
	}

	.news article img {
	  width: 200px;
	  height: auto;
	}
	
	.news article img.public-sticker {
		width:50px;
		height:50px;
	}

	.partners {
	  display: none;
	}

	/*------TOP BAR & NAV------*/

	#top_bar_in img {
	  display: none;
	}

	#top_bar_in img.toggle {
	  display: inline;
	  position:absolute;
	  top:302px;
	}

	section.search {
	  height: 40px;
	  position:absolute;
	  right:0px;
	}

	section.before_login a.button_login {
		margin-left: -7px;
		top: -11px;
		background:none;
		text-shadow:none;
		color:#F5802A;
		border-left: 1px solid white;
		border-radius:0px;
		padding:0px 0px 0px 10px;
	}

	input.submit {
	  display: none;
	}

	nav{float:right;}
	
	/*homepage - hide My profile, My gallery, Logout*/
	.before_login a.button_profile {
		display:none;
	}
	
	/*------------------
		  HEADER 
	 -----------------*/
	 /* #top_header h1, */
	 #top_header .nikonians_top_logo {
		width: 230px;
		height: 33px;
		background-size: 85%;
		margin-top: 15px;
		margin-left:0px;
	}

	#separator1 {top: 63px;}
		
	.statement{position:relative;left:0px;top: 0px;width: 210px;}

	#top_leaderboard_banner {
	  display:none;
	}

	nav {
	  float: right;
	  margin-top: -12px;
	}

	nav li {font-size:12px; width:50px;}
	nav li span {font-size:30px;}

	.second_nav {
	  top: 94px;
	  right: 0px;
	}

	#languages {
	  top: -30px;
	}

	.login_form input.submit {
	  display: inline;
	}

	
	/*------NEWS------*/
	
	.news article {
		margin-top:-5px;
	}	
	
	#slider {
	  position: relative;
	}

	#previews {
	  width: 100%;
	  float: none;
	  margin-left: 0%;
	}

	.previous_article {
		margin-left:2%;
		margin-right:2%;
	}

	.previous_article img {
	  width: 120px;
	  height: 70px;
	  margin-bottom: 5px;
	}
	
	.previous_article .public-sticker {
		left:40px;
		top:-8px;
		width:25px;
		height:25px;
	}

	.previous_article h4 {
	  font-size: 13px;
	}

	.slider_left {
	  position: absolute;
	  left: 0px;
	  top: 0px;
	  height: 100px;
	}

	.slider_left > .arrow-left {
	  top: 20px;
	}

	.slider_right > .arrow-right {
	  top: 20px;
	}

	.slider_right {
	  position: absolute;
	  right: 0px;
	  top: 0px;
	  height: 100px;
	}

	/*------FORUMS------*/

	.nick1, .nick2 {
	  display: none;
	}

	.discussion {
	  width: 80%;
	  max-width:80%;
	}

	.forums_comments {
	  width: 9%;
	  border: none;
	}

	h2.toggle {
	  display: none;
	}

	.pic_small {
	  margin-right: -25px;
	  margin-left: -10px;
	}

	.num_of_comments {
	  margin-right: 0px;
	  left:37px;
	  margin-left: -40px;
	}

	/*------POSTS------*/

	.posts_row h3 {
	  font-weight: normal;
		
		margin: 0;
	}

	/*------PODCAST------*/

	.right.first h2 {font-size:18px;}

	.podcast_content {
	  height: 80px;
	  background: none;
	  padding-bottom: 0px;
	}

	.podcast_content p.date {
	  margin-left: 30%;
	}

	.podcast_content a.podcastfirst {
	  width: 70%;
	  float: right;
	  line-height: 18px;
	}
	.podcast_content a.stream {
	  left: 10px;
	  top: 15px;
	  float: left;
	}

	.podcast_content div {
	  display:none;
	}

	/*------PHOTOS------*/

	.photos_content {
	  height: 262px;
	}

	.photos_content img.toggle {
	  display: block;
	}

	.photos_slider_in {
	  width: 80%;
	}

	.arrow-left {
	  float: none;
	}

	/*-------PHOTO GALLERY - additional styles---------*/
	.rsImg {
		height:180px !important;max-width:250px;
	}

	.rsSlide{
		height:300px;
	}

	.rsOverflow {height:180px !important;}

	.rsNav {
		width:275px;
		margin-top:20px;
	}	

	/*------VIDEOS------*/
	.videos_content {
	  height: 210px;
	}

	/*------SHOP & ADS------*/
	.shop_content {
	  height: 160px;
	}

	.ads_content, .home .ads_content  {
	 /*height: 245px;*/
	}
	
	.shop_content img {
		width:175px !important;
	}

	/*------FOOTER------*/
	footer input.submit {
	  display: inline;
	}
	
	#footer_links div {
		width:21%;
		margin-left:4%;		
	}
}

@media screen and (max-width: 640px) {
	.previous_article .public-sticker {
		left:24px;
	}
		
	#footer_links {
		width:100%;
		/*overflow:hidden;*/
	}
	

}

/*---------------------------------
			480-600px
-----------------------------------*/
@media screen and (max-width: 599px) {

	.middle.first {margin-left:1.5%;}

	.container_header h2 {
	  font-size: 16px;
	  font-weight: bold;
	}
	
	.news article {
		margin-top:-10px;
	}
	
	.news article img.public-sticker {
		width:25px;
		height:25px;
	}

	.container_header span {
	  margin-right: 3px;
	}

	.home #content {
	  margin-top: 120px;
	}
	
	.second_nav {
		top:30px;
	}

	/*------TOP BAR & NAV------*/
	
	#top_bar_in img.toggle {
	  display: none;
	}

	.login_form {
		margin-top:17px;
	}

	nav {
	  width: 100%;
	  margin-top: 69px;
	}
	
	nav span {
	  display: none;
	}

	nav ul {
		margin-bottom:0px;
	}

	nav li {
	  width: 25%;
	  padding: 0px 0px 10px 0px;
	  -moz-box-sizing:    border-box;
      -webkit-box-sizing: border-box;
      box-sizing:        border-box;
	}

	section.search {
	  margin-left: 35px;
	}

	input.search {
	  width: 105px;
	}

	section.login button {
	  margin-left: -15px;
	}

	/*------LOGO & HEADER------*/

	/* #top_header h1, */
	#top_header .nikonians_top_logo {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	  display: block;
	  width: 230px;
	  background-position: 21px 0px;
	  margin-top: 25px;
	  margin-bottom:0px;
	}

	.statement{width:100%;}

	#separator1 {
	  position: absolute;
	  margin-top: 0px;
	  top:23px;
	  display:none;
	}

	.statement {
	  position: relative;
	  left: 0px;
	  top: 2px;
	}
	
	.statement p {
	  font-size: 11px;
	  color: #707070;
	  text-align:center;
	}

	#languages {
	  top: -30px;
	}

	#languages span{display:none;}

	#top_leaderboard_banner {
	  display:none;
	} 

	#top_leaderboard_banner iframe{
	  width: 460px;
	  height: 57px;
	}

	/*------NEWS------*/
	.news {
	  width: 100%;
	}

	.news article img {
	  width: 100px;
	  height: auto;
	}

	.previous_article {
	  width: 29%;
	}

	.previous_article img {
	  width: 100px;
	  height: 55px;
	}

	/*------FORUMS------*/

	.discussion {
	  width: 80%;
	}

	.forums_comments {
	  width: 8%;
	  border: none;
	}

	.pic_small {
		right:5px;
	}

	.num_of_comments {
		left:32px;
	}

	/*------POSTS------*/
	.posts_row{line-height:14px;}
	.posts_row p{line-height: 10px; }
	.posts_row p.date{margin-top:9px;}
	
	.posts_row img{
		width:48px;
		height:48px;
		margin-top:17px;
		margin-left:-5px;
		margin-bottom:20px;
	}

	/*------PODCAST------*/
	.podcast_content a.stream {
	  left: 10px;
	}
	
	.podcast_content p.date {
	  margin-left: 35%;
	  position:relative;
	  top:-10px;
	}
	
	.podcast_content a.podcastfirst {
	  width: 65%;
	  float: right;
	  position:relative;
	  top:-10px;
	}

	/*------VIDEOS------*/
	
	video{margin-top:-10px;}
	.videos_content{height:160px;}

	/*------PHOTOS------*/

	.middle.second{/*margin-top:-218px;*/}
	.photos_content {
	  height: auto;
	}
    .left.second {
        margin-top: -436px;
    }
	/*-------PHOTO GALLERY - additional styles---------*/
	
	#gallery{width:95% !important;}
	.photos_content{height:300px;}

	.rsNav {
		height:60px;
		margin-left:5px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;
	}

	.rsOverflow{height:205px !important; margin-top:15px}
	.rsImg{height:180px !important;max-width:230px;}

	/*------ADS------*/
	.ads_content, .home .ads_content  {
	 height: 204px;
	}
	
	.ads_content a img.ezineImg {
		width:105px;
	}

	/*------FOOTER------*/

	p.footertext {
	  line-height: 14px;
	}

	#footer_links {
		width:80%;
	}

	#footer_links div {
		width:40%;
		margin-left:10%;
		margin-bottom:20px;
	}
}

/*-----------------------------
			480px
------------------------------*/

@media screen and (max-width: 480px) {

	body {
		background: none;
		background-color: #191919;
	}

	#main, #top_bar_in {
		width: 96%;
		margin: 0 auto;
	}

	.left, .middle.first, .middle.second, .right.first, .right.second, .right.third {
		width: 99%;
	}
	  
	.middle.first {
		margin-right:1%;
		margin-left:0px;
	}

	.middle.second {
		margin-top:-100px;
	}

	.right.first {
		float: left;
	}

	.container_header h2 {
		font-size: 18px;
		font-weight: normal;
	}

	.container_header span {
		margin-right: 10px;
	}

	.left.second {
		margin-top: -856px;
	}

	.middle.second {
		margin-top: -585px;
	}
	 
	.right.second {
		margin-top: 690px;
	}
	  
	.right.third{margin-top:25px;}
	
	/*------TOP BAR & NAV------*/
	
	 a.button_logout, a.button_profile {
		top:6px;
	 }

	#top_bar_in img.toggle {
		display: none;
		margin: 0px;
		position: absolute;
		right: 10px;
		top: 245px;
	}
	  
	nav span {
		display: none;
	}

	nav li {
		padding: 0px 0px 10px 0px;
	}
	  
	section.before_login #login_icon, .search #search_icon {
		display:none;
	}
	  
	section.before_login span, section.before_login a.button_login {
		top:6px;
	}
	  
	.searchForm {
		top:0px;
	}

	section.before_login, section.search {
		background: none;
	}

	section.before_login {
		margin-top: 0px;
	}
	
	section.before_login a {
		font-size: 10px;
		font-weight: normal;
	}

	section.before_login span {
		margin-left: 3px;
		margin-right: 5px;
		font-weight: bold;
	}
	
	section.before_login span:hover {
		text-decoration: underline;
	}

	section.before_login a.button_login {
		display: none;
	}

	section.before_login a.button_login.toggle {
		display: inline;
		font-weight: bold;
		background: none;
		padding: 0px 0px 0px 10px;
		border-radius: 0px / 0px;
		font-size: 12px;
		color: #f5802a;
		text-shadow: none;
		border-left: 1px solid white;
		margin-left:0px;
	}

	section.before_login a.button_login.toggle:hover {
		text-decoration: underline;
	}

	section.after_login {
		background: none;
		padding: 0;
		margin-left: 5px;
		width: auto;
	}

	#top_bar_in span {
		font-size: 12px;
	}

	section.search {
		float: right;
		margin-left: -20px;
	}

	input.search {
		width: 70px;
	}

	#languages span {
		display: none;
	}
	  
	#top_leaderboard_banner {
	  width: 97%;
	  height: 57px;
	} 

	#top_leaderboard_banner iframe{
	  width: 97%;
	}

	/*------NEWS------*/
	
	.news {
		width: 99%;
	}

	#previews {
		margin:0 auto;
		margin-top:10px;
		width: 100%;
	}

	.previous_article {
		background-color:#181a19;
		padding:7px 0px 0px 0px;
		margin-bottom:5px;
	}
	  
	.previous_article h4{margin-bottom:7px;}
	  
	.previous_article:hover{ background-color:#232323;}
	
	.previous_article.toggle2 {
		display: none;
	}
	
	.previous_article img {
		display: none;
	}
	
	.previous_article img.public-sticker {
		display:block;
		top: 9px;
		left: -7px;
		width: 15px;
		height: 15px;
	}
	 
	/*------FORUMS------*/
	 
	.pic_small {
	  margin-right: -25px;
	  margin-left: -5px;
	}

	.num_of_comments {
	  margin-right: 0px;
	  left: 32px;
	  margin-left: -35px;
	}
	  

	/*------POSTS------*/
	  
	.posts_row {
		width: 90%;
		padding-top: 5px;
		height: 70px;
	}
	  
	.posts_row h3, .posts_row p {top: -2px;}
	  
	.posts_row p.date {
		display: block;
		margin-top: 0px;
		top: 6px;
		margin-bottom: 0px;
	}
	  
	.posts_row img {
		width: 65px; 
		height: 65px; 
		margin-top: 0px; 
		margin-bottom: 0px; 
		display: block;
	}

	/*------VIDEOS------*/
	.videos_content{height:auto;margin-bottom:20px;}
		
	/*------PHOTOS------*/
	.photos_slider_in {
		width: 80%;
	}

	.photos_slider {
		width: 100%;
	}
	  
	/*-------PHOTO GALLERY - additional styles---------*/

	#gallery{width:400px !important;max-height:300px !important;}

	.rsImg {
		margin-left:auto !important;
		max-width:90%;
	}

	.rsSlide{margin-left:0px !important;}
	.rsOverflow{width:98% !important;margin-top:0px;}

	.rsNav {
		height:60px;
		width:95% !important;
		margin-left:5px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;

	}

	.rsNav {
		height:60px;
		width:200px;
	}

	.photos_content{height:auto;}
	  

	/*------PODCAST------*/
	.podcast_content {
		height: 160px;
	}
	
	.podcast_content a.stream {
		left: 10px;
		top: 10px;
		margin-left: 5px;
	}

	.podcast_content a.podcastfirst {
		float: left;
		margin-left: 70px;
	}
		
	.podcast_content p.date {
		margin-left: 70px;
	}
		
	.podcast_content div {
		display: block;
		margin: 10px 0px 10px 2%;
		width: 100%;
		float: left;
	}
	  
	/*-------------------ADS & SHOP----------------------*/
	
	.ads_content, .home .ads_content  {
	  height: auto;
	}

	.ads_content a img{
		width:170px;
	}

	.ads_content a img.ezineImg{
		width:189px;
		height:134px;
	}

	.shop_content {position: relative;}

	.shop_content img {
		width:50% !important;
		margin: 0;
	}

	/*------FOOTER------*/
	
	#footer_links {
		width:90%;
	}
}

/*-----------------------
     OTHER MEDIA QUERIES
  ------------------------*/
  
@media screen and (max-width: 400px) {

    .right.second{margin-top:710px;}
    .left.second {margin-top:-878px;}  
	.home #content {margin-top:110px;}	
	.second_nav {top:50px;}
    
	#gallery{
		height:300px !important;
		width:320px !important;
	}
	
    .rsOverflow {
           width:95% !important;
           margin-left:2.5%; 
           }
           
    .rsImg{
		height:210px !important; 
		max-width:100% !important;
	}
	
	nav li:hover, nav li:active, nav li:focus {
		background:none;
	}
	
	.shop_content img {
		width: 55% !important;
		left: 22.5%;
	}
	
	#footer_links div{
		margin:0 5% 0 5%;
	}
	
}

@media screen and (max-width: 399px) {

	.previous_article {
		margin-left: 12%;
		margin-right: -6%;
		width: 35%;
	}
		
	nav li {
		padding: 10px 0px 15px 0px;
		height: 5px;
		line-height: 3px;
	}
	
	nav.second_nav li {
		height:auto;
	}

	.second_nav {
		left: auto;
		right: 0%;
	}
	  
	/*-------PHOTO GALLERY - additional styles---------*/


	#gallery{width:330px !important;}

	.rsNav {
		height:60px;
		width:95% !important;
		margin-left:5px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;
	}

	.rsNav {
		height:60px;
		width:200px;
	}
	
	.photos_content{height:auto;}
}

@media screen and (max-width: 350px) {
	 
	.posts_row {
		width: 87.5%;
	}

	#gallery{width:310px !important;}

	.rsNav {
		height:60px;
		width:95% !important;
		margin-left:5px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;
	}

	.rsNav {
		height:60px;
		width:200px;
	}

	.photos_content{height:auto;}
  
}

@media screen and (max-width: 320px) {

	span.authorName {float:right;}
	.news p.date{float:right;}
	
	.shop_content {height: 180px;}
	
	.shop_content img {
		width: 80% !important;
		left: 10%;
	}
	
	.left.second {margin-top: -850px !important;}
	.middle.second {margin-top: -600px !important;}
	
	#footer_middle_in .socialmedia div {
		padding:0 30px 20px;
	}
	
	#footer_links {
		width:100%;
	}
	
	#footer_links div{
		width:100%;
		margin:0 0 20px 0;
		text-align:center;
	}
}

@media screen and (max-width: 319px) {

	.previous_article {
		margin-left: 5px;
		margin-right: 100px;
		margin-bottom: 20px;
		width: 100px;
	}

	.previous_article h4 {
		margin: 0px;
		margin-bottom: 10px;
	}

	#top_bar_in img.toggle {
		display: none;
	}

	h2.toggle {
		display: none;
	}

	.discussion {
		width: 80%;
	}
	  
	.posts_row {
		height: 85px;
		width: 85%;
	}

	#gallery{width:280px !important;}

	.rsNav {
		height:60px;
		width:95% !important;
		margin-left:5px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;
	}

	.rsNav {
		height:60px;
		width:200px;
	}

	.photos_content{height:auto;}
}

@media screen and (max-width: 260px) {

	.photos_content img.photo_main {
		width: 150px;
		height: 100px;
	}

	.photos_slider_in {
		width: 70%;
	}
	  
	nav li {font-size:11px;}

	.left.second {
		margin-top: -820px;
	}

	.middle.second {
		margin-top: -563px;
	}

	.right.second {
		margin-top: 650px;
	}
	 
	#gallery{width:95% !important;}

	.rsNav {
		height:60px;
		width:95% !important;
		margin-left:5px;
		border-left:1px solid #202020;
		border-right:1px solid #202020;
		box-shadow:1px 0px 0px black, -1px 0px 0px black;
	}

	.rsNav {
		height:60px;
		width:200px;
	}

	.photos_content{height:260px;}

	video{margin-top:-10px;}
}

@media screen and (max-width: 360px) {
	input.search {width:55px;}
	input.search:focus {width: 150px;}
	section.search {position:absolute; left:10px;top:45px;}
	
	/* #top_header h1, */
	#top_header .nikonians_top_logo {
		position:relative;
		top:15px;
	}
	
	#top_leaderboard_banner{margin-top:40px;}
	#languages {top:-30px;}
	#separator1 {display:none;}
	.statement {margin-top:18px;}
	.home #content {margin-top:103px;}
	.second_nav{top:59px;}
}

@media screen and (max-width: 320px) {
    .right.second{margin-top:660px;}
    .left.second {margin-top:-828px;}
    .middle.second {margin-top:-570px;}
    
	.rsOverflow {width:85% !important;margin-left:7%;}
    .rsImg {height:200px !important;}
    .rsNav{margin-top:10px;width:90% !important;margin-left:4%;}
	
    .news article img{
		width:70px;
		height:auto;
	}
	
    span.authorName{float:left;margin-top:5px;}
    .news article p{margin-top:30px;}
    .news p.date{float:left; margin:12px 0px 0px 10px;}
}

@media screen and (max-width: 270px) {
	.left.first h2{font-size:17px;}
}
 
@media screen and (max-width: 240px) {
  
  .right.second{margin-top:560px;}
  .left.second {margin-top:-728px;}
  .middle.second {margin-top:-510px;}
    
  .photos_content{height:230px;}
  .rsOverflow {width:85% !important;margin-left:7%;height:170px !important;}
  .rsImg {height:140px !important;}
  .rsNav{margin-top:0px;width:90% !important;margin-left:4%;}
  
  .home #content {margin-top:60px;}
	
  .shop_content img {
		width: 80% !important;
		left: 10%;
	}
	
	.shop_content {height: 160px;}
	.left.second {margin-top: -730px !important;}
	.middle.second {margin-top: -510px !important;}
}


/*--------------------------------------------
			ARTICLE SECTION STYLES
----------------------------------------------*/

#sidebar {
	float:left;
}

#articles_wrapper {
	width:59%;
	padding:1%;
	background:#101010;
	border-radius:5px;
	margin-right:1.5%;
}

.back_to_top {
	display:block;
	margin:7px 0 0 5px;
	font-size:12px;
}

.articles_list .back_to_top {
	margin-left:15.5%;
}


/*HEADER ------------------------------*/

#content header h1 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 2px;
	color: white;
}

#breadcrumb {
	font-size:11px;
}

#breadcrumb a {
	text-decoration:underline;
}

p.smaller {
	font-size:12px;
	position:relative;
	top:-2px;
}

/* CATEGORY SELECTION ---------------------*/

#category_selector {
	width:15.5%;
}

#category_selector h3 {
	font-weight:normal;
	font-size:18px;
	margin:30px 0px 12px 0px;
}

#category_selector ul {
	margin-left:-40px;
	width:95%;
	margin-top:0;
}

#category_selector ul li {
	list-style-type:none;
	line-height:2em;
	font-size:14px;
	border-top:1px solid #222222;
	border-bottom:1px solid #0c0c0c;
}

#category_selector ul li:hover {
	cursor:pointer;
}

#category_selector ul li:first-child {
	box-shadow:0px -1px 0px #0c0c0c,0px 1px 0px #222222;;
}

.category_id {
	display:inline-block;
	width:5px;
	margin-right:15px;
}

/* CONTROLS -------------------------------------------- */

#newest_highrank_switch {
	position:relative;
	top:-38px;
	width:300px;
}

#newest_highrank_switch a {
	font-size:12px;
	padding:4px 10px;
	color:#ccc;
}

#newest_highrank_switch a:hover {
	color:#dfdfdf;
}

#newest_highrank_switch a.active {
	font-weight:bold;
	color:#dfdfdf;
	background:#444;
	border-radius:1px;
}

/* Pagination */

.pagination {
	float:right;
	font-size:12px;
	margin-top:-77px;
}

.pagination.bottom {
	margin:0;
}

.disabled {
	opacity:0.5;
	margin:0px 6px;
}

.paginationControl {
	position:relative;
	right:-5px;
	text-align:right;
}

.paginationControl a, .paginationControl strong, .ppswitch a {
	padding:2px 6px;
	text-shadow:1px 1px 0px black;
	border-radius:1px;
}

.ppswitch a {
	padding:3px 5px;
}

.paginationControl strong, .ppswitch a.active, .ppswitch a.active:hover {
	background:#444;
}

.paginationControl a:hover, .ppswitch a:hover {
	background:#333;
}

.paginationControl a.next:hover, .paginationControl a.previous:hover {
	background:none;
}

.ppswitch {
	position:relative;
	top:-5px;
	float:right;
}

.ppswitch div {
	display:inline-block;
	margin:0px 6px;
}


/* ARTICLE ------------------------------*/

.article {
	width:100%;
	margin:-10px 0 50px 0;
	position:relative;
}

.article img {
	width:100px;
	height:100px;
	border: 1px #323232 solid;
	float:left;
	margin-right:10px;
}

#suggested_articles img.public-sticker {
	left:8px;
}

.article img.public-sticker:hover, #suggested_articles img.public-sticker:hover  {
	border:none;
}

.article img:hover, #sidebar_top_articles img:hover, #suggested_articles img:hover, .ads_content a img:hover {
	border: 1px #f5802a solid;
}

span.category {
	padding:2px 3px;
	font-size:11px;
	margin-right:5px;
}

.article h3 {
	margin:4px 0px -3px 0px;
}

.article h3 a {
	color:#f5802a;
}

.article p {
	margin:12px 0px 0px 112px;
}

.article p.date {
	margin-left:0;	
}

.rating {
	position:absolute;
	left:5px;
	top:105px;
}

.rating span {
	margin-right:8px;
	font-size:13px;
}

.rating span span {
	font-family:Typicons;
	font-size:22px;
	position:relative;
	top:5px;
	margin:0;
}

.rating a:hover {
	text-decoration:none;
	color:#f5802a;
}

.video_article video {
	width:480px;
	height:272px;
	border:1px solid #323232;
}

.video_article .rating{
	top:330px;
	left:0px;
}

.video_article p {
	margin:0;
	margin-top:35px;
}

/*SIDEBAR --------------------------------*/

#sidebar {
	width:22%;
}

.article_page #sidebar {
	margin-top:5px;
}

#sidebar section {
	background:#101010;
	padding:0px 5%;
	border-radius:5px;
	width:90%;
	margin-bottom:20px;
	box-sizing:border-box;
}

#sidebar section h4 {
	text-transform:uppercase;
	font-size:15px;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:normal;
}

#sidebar_latest_comments a {
	font-size:13px;
	display:block;
	margin:5px 0px 25px 0px;
}

#sidebar_latest_comments p a {
	color:#f5802a;
	font-size:11px;
	margin:0;
	display:inline;
}

#sidebar_latest_comments p {
	font-size:12px;
	margin:5px 0px 20px 0px
}

#sidebar_latest_comments p.date {
	font-size:11px;
	line-height:1.5em !important;
	margin:0;	
	margin-bottom:7px;
	display:block;
}

#sidebar_top_articles img {
	width:50px;
	height:50px;
	float:left;
	border:1px solid #323232;
	margin-right:10px;
}

#sidebar_top_articles div {
	margin-bottom:20px;
	position:relative;
}

#sidebar_top_articles h5 {
	margin: 0px 0px 3px 62px;
}

#sidebar_top_articles h5 a {
	color:#f5802a;
}

#sidebar_top_articles .date {
	display: block;
	margin: 0px 0px 0px 62px;
	line-height: 13px !important;
}

#sidebar section#sidebar-extra-links {
	padding-bottom:10px;
}

#sidebar-extra-links p {
	margin:0 0 6px 0;
}

#sidebar-extra-links a{
	display:block;
	color:#f5802a;
	padding:2px 0 0 27px;
	background:url(/website/static/images/link-arrow.png) no-repeat ;
}

#sidebar_wiki p {
	width:100%;
	text-align:center;
	font-size:24px;
	margin:25px 0 5px 0;
}

#sidebar_wiki a{
	color:#f5802a;
	display:inline-block;
	width:100%;
	font-size:14px;
	margin:-18px 0px 20px 0px;
	text-align:center;
}

/*ARTICLE PAGE ----------------------*/

#article_page_wrapper {
	width:76.5%;
	margin-right:1.5%;
	margin-top:40px;
	float:left;
}

.article_page #article_page_wrapper {
	margin-top:5px;
	background: #101010;
	border-radius: 5px;
}

.article_page #breadcrumb {
	margin-bottom:5px;
}

#article_in {
	width:97%;
	padding:10px 1.5%;
	/* border-radius:5px; */
	/* background:rgba(0,0,0,0.4); */
	overflow:hidden;
	position:relative;
}

/*article header*/

#article_in header {
}

#article_in header > div {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	box-shadow: 0px 1px 0px #333,0px 1px 0px #333 inset;
	padding-bottom:6px;
	overflow:hidden;
}

#article_in h2 {
	margin:5px 0 5px 0;
	font-size:30px;
	font-weight:normal;
	color:white;
}

#article_in h3 {
	color:white;
}

#article_in p.date {
	line-height:10px !important;
	position:relative;
	top:-5px;
}

#article_in p.date a {
	color:#666;
	text-decoration:underline;
}

#article_in p.date a:hover {
	color:#F5802A;
}

#article_in p.keywords {
	position:relative;
	top:-8px;
}

#article_in .rating {
	position:static;
	float:left;
}

#article_in .rating a{
	color:white;
}

#article_in .rating a:hover{
	color:#F5802A;
}

#article_in .rating span {
	font-size:16px;
	position:relative;
}

#article_in .rating span span {
	font-size:24px;
	top:6px;
}

#article_in .rating a:hover{
	text-decoration:none;
}

#article_in .article_pagination {
	position:static;
	text-align:center;
	display:inline-block;
	float:right;
	margin-top:6px;
}

#article_in .article_pagination.bottom {
	position:absolute;
	right:10px;
	top:auto;
	bottom:10px;
	margin:0;
}

#article_in .article_pagination a {
	text-decoration:underline;
	color:#aaa;
	font-size:12px;
}

.show_all {
	padding-left:7px;
	margin:0 3px;
	border-left:1px solid #666;
}

#article_in .article_pagination span {
	margin:0px 10px 10px 10px;
	font-size:12px;
	color:white;
}

#article_in img{
	margin-top:5px;
	margin-bottom:5px;
}

#article_in p {
	line-height:1.3em;
}

#article_body {
	overflow:hidden;
}

#rating_container {
	margin-top:50px;
}

#rating_container span {
	font-size:18px;
	font-weight:bold;
	margin:0px 3px;
	color:white;
}

#rating_container .stars_big {
	font-family:Typicons; /*replace this with images*/
}

/*Author Bio ----------------------------------*/

#author_bio {
	width:97%;
	padding: 10px 0;
	margin-left: 1.5%;
	/* border-radius:5px; */
	/* background:rgba(0,0,0,0.4); */
	overflow:hidden;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	box-shadow:0px 1px 0px #333, 0px 1px 0px #333 inset;
}

#author_bio img {
	width:100px;
	height:100px;
	border:1px solid #323232;
	float:left;
	margin-right:10px;
}

#author_bio a{
	color:#F5802A;
	font-size:18px;
	display:block;
}

#author_bio p {
	margin-top:5px;
}

/*Suggestions ---------------------------*/

#suggested_articles {
	overflow:hidden;
	width:100%;
	margin-bottom:30px;
}

#suggestions h2 {
	font-size:18px;
	margin:30px 0 20px 1.5%;
	text-shadow:1px 1px 3px black;
}

#suggested_articles div {
	width:23%;
	margin-right:2%;
	float:left;
	position:relative;
}

#suggested_articles img {
	width:130px;
	height:130px;
	display:block;
	margin:0 auto;
	border:1px solid #323232;
	margin-bottom:10px;
}

#suggested_articles a{
	color:#F5802A;
	font-size:13px;
	display:block;
	width:100%;
	text-align:center;
}

/*Comments -------------------------*/

#comments {
	margin:40px 0 20px 0;
}

#comments div {
	background: #181a19;
	border-radius: 5px;
	margin-bottom: 7px;
	width: 600px;
	padding: 10px 20px 10px 10px;
	overflow: hidden;
	margin-left: 1.5%;
	border: 1px solid black;
	box-shadow: 0px 1px 0px #222 inset;
}

#comments h4 {
	text-shadow:1px 1px 3px black;
	margin-left:1.5%;
}

#comments img {
	width:70px;
	height:70px;
	border:1px solid #323232;
	float:left;
	margin-right:10px;
}

#comments p {
	margin-left:82px;
}

#comments p.date {
	margin:6px 0px 16px 0px;
	display:block;
	text-shadow:none;
}

#comments p.date  a {
	color:#666;
	text-decoration:underline;
	text-shadow:none;
}

#comments p.date  a:hover {
	color:#F5802A;
}


/*Add comment -------------------------*/

.itemCommentsForm {
	margin-left:1.5%;
}

.itemCommentsForm h3 {
	font-size:18px;
}

.itemCommentsForm label {
	display:block;
	margin-bottom:5px;
	font-size:13px;
}

.itemCommentsForm textarea {
	width:500px;
	height:200px;
}

.itemCommentsForm textarea:focus {
	border:2px solid #F5802A;
	outline:0;
}

.itemCommentsForm input[type="submit"].button, .itemCommentsForm a {
	padding: 8px 20px;
	font-size: 14px;
	margin-left:0;
}

.itemCommentsForm a { /* "register to comment" button */
	display:inline-block;
	margin-top:20px;
}

/*Video -------------------------------*/

#article_in video {
	width:640px;
	height:360px;
	border:1px solid #323232;
	display:block;
	margin:0 auto;
	margin-top:20px;
}

/*Not logged in -----------------------*/

#not_logged_in {
	margin:20px 0px;
}

#not_logged_in div {
	text-align:center;
	margin-top:30px;
}

#not_logged_in .button {
	margin-right:10px;
}

#not_logged_in .green, #not_logged_in .silver {
	padding: 8px 35px;
} 

/* --- SOCIAL SHARING --- */

#sharing_buttons {
	margin-top:10px;
	float:left;
}

#sharing_buttons li {
	list-style-type:none;
	display:inline;
}

.itemSocialLinks {
	margin:5px 0 5px -40px;
}

#sharing_buttons a {
	width:24px;
	height:24px;
	display:inline-block;
	text-indent:-9000px;
	background:url(/website/static/images/social-icons-articles.png) 0px 0px ;
}

#sharing_buttons a:hover {
	background:url(/website/static/images/social-icons-articles-hover.png) 0px 0px ;
}


#sharing_buttons a.twitter {background-position:-26px 0px;}
#sharing_buttons a.linkedin {background-position:-52px 0px;}
#sharing_buttons a.delicious {background-position:-78px 0px;}
#sharing_buttons a.digg {background-position:-106px 0px;}
#sharing_buttons a.reddit {background-position:-133px 0px;}
#sharing_buttons a.stumble {background-position:-160px 0px;}


/* --- Article Rating --- */
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
.itemRatingLog {margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(/resources/components/com_k2/images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:url(/resources/components/com_k2/images/system/transparent_star.png) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background-image:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}

.itemRatingList li.itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:text;}
.itemRatingList li.one-star {width:20%;z-index:6;}
.itemRatingList li.two-stars {width:40%;z-index:5;}
.itemRatingList li.three-stars {width:60%;z-index:4;}
.itemRatingList li.four-stars {width:80%;z-index:3;}
.itemRatingList li.five-stars {width:100%;z-index:2;}


.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}

div.itemRatingBlock {padding:8px 0;overflow:hidden;margin-top:20px;}
div.itemRatingBlock span {display:block;font-style:normal;padding:0 4px 0 0;margin:0 0 5px 0;}


/*style for teampage*/
#team {
	width:76.5%;
	margin-right:1.5%;
	float:left;
}

#team p a, #team h3 a {
	color:#F5802A;
}

#team div {
	width:98%;
	padding:10px 1% 0 1%;
	border-radius:5px;
	margin-bottom:22px;
	background: #121312;
	behavior: url(website/static/css/PIE.htc);
	box-shadow: inset 0px 1px 0px 0px #323232;
	border: 1px solid black;
	position:relative;
}

#sidebar_top_articles img.public-sticker{
	width:25px;
	height:25px;
	border:none;
	position:absolute;
	top:-8px;
	left:-8px;
}

.ribbons {
	float:right;
}

.ribbons img {
	border:none;
}

#team header {
	overflow:hidden;
	margin: -10px 0 -1px -10px;
	padding: 10px;
	width: 100%;
}

#team div header p, #team .details p {
	font-size:12px;
	margin:1px 0 0 0;
}

#team h3 {
	margin:0 15px 0 0;
	color:#F5802A;
	font-size:18px;
	font-weight:normal;
	display:inline;
}

#team h4 {
	font-weight:normal;
	margin:2px 0 8px 0;
	text-shadow: 1px 1px 0px black;
	font-weight:normal;
	font-size:16px;
}

#team .avatar {
	float:left;
	border:1px solid #242424;
	margin-right:10px;
	width:100px;
	height:100px;
}

#team .avatar:hover {
	border:1px solid #F5802A;
}

#team .links {
	display:inline-block;
	height:20px;
	margin-top:3px;
}

#team .links img {
	border:none;
}

#team .commentShort {
	display:none;
}

#team .comment span, #team .commentShort span {
	color:#F5802A;
}

#team .comment span:hover, #team .commentShort span:hover {
	cursor:pointer;
	text-decoration:underline;
}

#team .comment, #team .commentShort, #team .details {
	width:90%;
	padding:10px 0;
}

#team .details {
	display:none;
	padding:0 0 10px 0 ;
	border:none;
	box-shadow:none;
	background:none;
	margin:20px 0 0 0;
}

#team .links a {
	font-size:11px;
	margin:0 3px;
}

#team .expand {
	display:inline-block;
	width:18px;
	height:18px;
	background: url("../images/sprite.png") -0px -37px;
	position:absolute;
	right:5px;
	top:97px;
	opacity:0.6;
	z-index:10;
}

#team .expand.open {
	background-position:-24px -37px;
}

#team .expand:hover {
	cursor:pointer;
	opacity:1.0;
}

#team hr {
	border:none;
	border-bottom:1px solid black;
	box-shadow:0px 1px 0px #323232;
	margin:0;
}

@media screen and (max-width:1024px) {
	#team .expand {
		width:25px;
		height:25px;
		background-position: -1px -1px;
		top:90px;
	}

	#team .expand.open {
		background-position:-34px -1px;
	}
}

@media screen and (max-width:800px) {
	#team {
		width:100%;
		margin:0;
	}
	
	#team div {
		width:100%;
		padding:10px 1.5% 0 1.5%;
		box-sizing:border-box;
	}
	
	#team header {
		margin: -10px 0 -1px -2%;
	}
	
	#sidebar {display:none;}

	#team .expand {
		padding:5px;
		background-position:5px -1px;
		right:1px;
	}
	
	#team .expand.open {
	background-position:-28px -1px;
}
	
}

@media screen and (max-width:600px) {
	.ribbons {
		float:none;
		position: absolute;
		bottom: 5px;
		left: 1.5%;
		display:none;
	}
	
	.links {
		float:right;
	}
	
	.forums p {
		line-height:21px;
	}
	
}

@media screen and (max-width:480px) {
	#team h3, #team h4 {
		font-size:14px;
		position:relative;
		top:-2px;
	}
	
	#team .avatar {
		width:92px;
		height:92px;
	}
	
	#team.loggedIn .expand {
		top:100px;
	}
	
	.links {
		float:none;
		position:absolute;
		left:2%;
		top:105px;
	}
	
	#team.loggedIn header {
		height:112px;
	}
	
}

@media screen and (max-width:400px) {
	#team .avatar {
		width:50px;
		height:50px;
		margin-right:5px;
	}
	
	#team div {
		padding-top:1.5%;
	}
	
	#team header {
		margin-top: -2%;
		margin-left:-2.5%;
	}
	
	#team.loggedIn header {
		height:auto;
	}
	
	#team .basic_info {
		display:inline-block;
		width:100%;
		margin-top:3px;
	}
	
	#team.loggedIn .basic_info {
		margin-top:33px;
	}
	
	.links {
		top:62px;
		left:1%;
	}
	
	#team .comment, #team .commentShort, #team .details {
		width:97%;
		margin-left:1.5%;
	}
	
	.ribbons{
		left:3%;
	}
	
	#team .expand, #team.loggedIn .expand {
		bottom:auto;
		top:7px;
	}
}


/*---- FUNDRAISING & Payment form ----*/
#content .fundraiser h1 {
	font-size:36px;
	text-align:left;
	max-width:100%;
	color:#f5802a;
	margin-bottom:20px;
	margin-left: 5px;
}

.fundraiser img {
	border:0;
	float:left;
	margin-right:10px;
}

.fundraiser img.bannerimg {
	margin:0 auto;
	margin-top:10px;
	display:block;
	float:none;
}

.fundraiser img.fundraising-icon {
	margin-top:22px;
}

.fundraiser > p, .payment_form > p {
	width:640px;
	text-align:center;
	margin:20px auto;
}

.payment_form  div {
	background:#2B2E2C;
	padding:1%;
	width:570px;
	margin:0 auto;
	margin-bottom:20px;
	overflow:hidden;
	border-radius:5px;
	border:1px solid black;
}

.payment_form div.errors {
	background:none;
	border:none;
	margin-bottom:0;
	color:rgb(226, 62, 62);
	margin:0 auto;
	padding:0 1%;
	overflow:visible;
}

.payment_form div.errors p {
	margin-top:0;
}

.payment_form div.errors ul {
	margin-bottom:10px;
}

.payment_form div.errors li {
	font-size:14px;
}

.payment_form .controls {
	display: inline;
}

.payment_form .controls input {
	float:right;
}

.payment_form label {
	width:285px; 
	margin-right:20px;
	display:inline-block;
	font-size:14px;
}

.form-first label {
	margin:5px 3px 5px 0;
}

.form-first select {
	position:relative;
	top:8px;
}

.payment_form select[name="pay_method"], .payment_form select[name="country"] {
	width:258px;
}

.payment_form select[name="cc_expdate_month"] {
	width:115px;
}

.payment_form select[name="cc_expdate_year"] {
	width:140px;
}

.payment_form  div  div {
	margin:5px 0;
	padding:0;
	width:auto;
	height:35px;
	background:none;
	border:none;
	overflow:visible;
}

.jqTransformSelectWrapper div span {
	padding-left:4px !important;
}

.jqTransformSelectWrapper div span,
.jqTransformSelectWrapper a.jqTransformSelectOpen {
	border-radius:3px;
}

.payment_form  div  div  div  {
	margin:0;
}

.payment_form input[type="text"], .payment_form select {
	border-radius: 3px;
	border: none;
}

.payment_form input[type="text"] {
	padding: 5px;
	box-shadow: 0px 1px 4px #aaa inset;
	border-top: 1px solid white;
	width:250px;
}

.payment_form select {
	padding:5px 0;
}

.payment_form input[type="submit"] {
	float:right;
	margin:20px 0 0 0;
}

.payment_form input[type="submit"]:hover{
	text-decoration:underline;
	cursor:pointer;
}

#supporters_name label {
	top:-4px;
	height:auto;
}

/*supporters*/

#thermometer{
	width:410px;
	margin:15px 30px 0 0;
	float:left;
	height:660px;
	position:relative;
}

#rectangle_gray, #rectangle_out, #rectangle_in {
	width:130px;
	height:660px;
	margin-left:180px;
}

#rectangle_gray {
	background: url("../images/fundraiser/thermometer-empty.png") 138px -2px;
}

#rectangle_in {
	margin:0;
	position:absolute;
	bottom:0;
	
	background: url("../images/fundraiser/thermometer-full.png") 138px -2px;
}

#rectangle_out {
	height:130px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
}

#goal, #raised {
	background:#101010;
	padding:10px 20px;
	border-radius:5px;
	display:block;
	text-align:center !important;
	position:absolute;
}

#goal span, #raised span {
	font-size:20px;
	display:block;
	margin:10px 0 5px 0;
	font-weight:bold;
	color:white;
}

#goal:before, #raised:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
}

#goal:before {
	border-right:10px solid #101010;
	top: 23px;
	left: -10px;
}

#raised:before {
	border-left:10px solid #101010;
	top: 33px;
	right: -10px;
}

#goal {
	top:-15px;
	/*left:295px;*/
	left:5px;
}

#raised {
	bottom:72px;
	left:0;
	width:135px !important;
	z-index:-1;
}

#supporters .fundraiser div p {
	width:auto;
	margin-left:5px;
	margin-bottom:10px;
	text-align:justify;
}

#supporters .fundraiser div p span.heading {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block; 
}

.fundraiser a {
	color:#f5802a;
}

.fundraiser a.button {
	color:white;
}

.supporters-table {
	border:1px solid black;
	margin:30px auto 0 auto;
}

.supporters-table div {
	background: #181a19;
	overflow:hidden;
}

.supporters-table div:nth-child(even) {
	background:#2B2E2C;
}

.supporters-table .head  {
	background:#101010;
}

.supporters-table .head p {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 17px;
}

.supporters-table .name {
	background: rgba(0,0,0,0.2);
	margin: 0;
	width:42%;
	behavior: url(website/static/css/PIE.htc);
}

.supporters-table .head .name {
	/* height:33px; */
	/* padding-top:16px; */
}

.supporters-table p {
	width:26%;
	padding:14px 2%;
	float:left;
	line-height:10px;
	box-sizing:border-box;
}

.supporters-table .amount {
	float:right;
	padding-right:2%;
	padding-top:14px;
	text-align:right;
}

#supporters .fundraiser div p.counter {
	padding:20px;
	background:#101010;
	font-size:13px;
	margin-left:0;
	margin-bottom:20px;
	text-align:center;
}

#supporters .counter span {
	font-size:24px;
	display:block;
	margin-top:10px;
	font-weight:bold;
	color:white;
}

.mandatory label:after {
	content:"*";
	color:rgb(226, 62, 62);
	font-size:14px;
	margin-left:-3px;
}

.fund #sidebar {
	margin-top:1249px;
}

#campaign_info {
	/* width: 760px; */
	width: 62%;
	float: left;
}

#campaign_info h3 {
	font-weight:normal;
	text-transform:uppercase;
	margin:30px 0 5px 0;
}

#campaign_info .odrazka {
	margin-left:116px !important;
}

#fund_donate_top, #fund_donate_top_center {
	margin:0 auto; 
	width:100px; 
	display:block; 
	text-align:center;
}

#fund_donate_top {
	float: left;
}

#fund_donate_top_center {
	float: center;
}

#fund_donate_bottom {
	margin:0 auto; 
	width:100px; 
	display:block; 
	text-align:center;
}

#fund_boandjrp_img {
	/* width: 400px; */
	height: auto;
	margin: 0 15px 0 5px;
	box-shadow: 1px 1px 5px rgb(15,15,15);
	box-sizing: border-box;
	max-width: 100%;
}

@media screen and (max-width:1024px) {
	#thermometer {
		width: 360px;
	}

	#campaign_info {
		width: 57%;
	}
}

@media screen and (max-width:960px) {
	/*
	#supporters .fundraiser div {
		width:740px;
	}
	*/
	
	#campaign_info {
		width: 100%;
	}
	
	#supporters .fundraiser div img.bannerimg {
		width:100%;
		height:auto;
	}
	
	.supporters-table {
		width:100%;
		box-sizing:border-box;
	}
	
	.fund #sidebar {
		margin-top:1233px;
	}
	
	.fund #sidebar section {
		height:auto !important;
	}
	
	#supporters .fundraiser div p.odrazka {
		margin-left:115px;
	} 

	#goal {
		top:-15px;
		left:5px;
	}

	#raised {
		bottom:72px;
		left:0;
		width:135px !important;
		z-index:-1;
	}
	
	#supporters .fundraiser #thermometer div {
		width:120px; /* zkemeny 2015-08-11 fix thermometer */
	}
	
}

@media screen and (max-width:800px) {
	#supporters {
		width:100%;
		margin:0;
	}
	
	#supporters .fundraiser div {
		width:100%;
	}
	
	.supporters-table {
		box-sizing:border-box;
	}
	
	#supporters .fundraiser {
		width:100%;
	}
	
	.fundraiser > p, .payment_form > p {
		width:100%;
	}
	
	#supporters .counter {
		padding:20px 0;
		box-sizing:border-box;
	}
	
	#supporters .fundraiser #thermometer div {
		width:120px; /* zkemeny 2015-08-11 fix thermometer */
	}
	
}

/* zkemeny 2015-08-11 fix thermometer */
@media screen and (max-width:750px) {
	#campaign_info {
		width: 100% !important;
	}
	
	#supporters .fundraiser div {
		/* width: 520px; */
		width: 100%;
	}	
	
	#supporters .fundraiser #campaign-info div {
		width:520px;
	}	
	
	#supporters .fundraiser #thermometer div {
		width:120px;
	}
	
}

@media screen and (max-width:640px) {
	#campaign_info {
		width: 100% !important;
	}
	
	.supporters-table p {
		width: 22%;
		line-height: 1.2em;
		font-size: 13px;
		height: 58px;
		vertical-align: middle;
	}
	
	.supporters-table .head p {
		height: 45px;
	}
	
	.supporters-table p.name {
		width:50%;
	}
	
	.supporters-table p.name, .supporters-table p.amount {
		/* padding:22px 2%; */
	}
	
	.payment_form div {
		width:100%;
		box-sizing:border-box;
		padding:1% 2%;
	}
	
	.payment_form input[type="text"]{
		float:right;
		width:200px;
	}
	
	.payment_form select {
		float:right;
	}
	
	.payment_form input[name="supporters_name"] {
		width:250px;
		float:none;
	}
	
	.payment_form select[name="pay_method"], .payment_form select[name="country"] {
		width:210px;
	}
	
	.payment_form select[name="cc_expdate_month"] { 
		float:none;
		width:91px;
	}
	
	.payment_form select[name="cc_expdate_year"]  {
		float:none;
		width:116px;
	}
	
	.payment_form label {
		width:auto;
	}
	
	#supporters .counter {
		padding:15px 0;
	}
	
	#supporters .counter span {
		font-size:18px;
		margin-top:5px;
	}
	
	.payment_form #supporters_list_amount div div div {
		/* margin-left: 5px; */
	}

	#content .fundraiser h1 {
		font-size: 1.25em;
	}
}

@media screen and (max-width:600px) {
	#campaign_info {
		width: 100% !important;
	}
	
	.payment_form div.form-first {
		padding-bottom: 40px;
	}
	
	.payment_form .form-first input[type="text"], .payment_form .form-first  select {
		/* top: 0 !important; */
		float:left !important;
	}
	
	.payment_form .form-first div div {
		height:45px;
	}
	
	.payment_form .form-first label {
		width:250px !important;
	}
	
	.payment_form #country, .payment_form  #cc_exp_date {
		margin-bottom:50px;
	}
	
	#supporters .fundraiser div p {
		/* text-align: left; */
		float: left !important;
		margin-top: 5px !important;
	}
	
	#supporters .fundraiser div p span.heading {
		display: inline; 
		position:relative;
		top:-8px;
	}
	
	.fundraiser img.fundraising-icon {
		margin-top:18px;
		width:63px;
		height:41px;
	}
	
	#supporters .fundraiser div p.odrazka {
		margin-left:73px;
	} 
}

@media screen and (max-width:480px) {
	#content .fundraiser h1 {
		height:65px;
		margin-top:5px;
	}
	
	.supporters-table p.name {
		/* margin-top:-10px; */
	}
	
	.supporters-table p.name, .supporters-table p.amount {
		/* padding:0px 2% 10px 2%; */
	}
}

@media screen and (max-width:479px) {
	.payment_form input[type="text"] {
		width:150px;
	}
	
	.payment_form input[name="supporters_name"] {
		width:250px;
	}
	
	.payment_form select[name="pay_method"], .payment_form select[name="country"] {
		width:160px;
	}
	
	.payment_form select[name="cc_expdate_month"] { 
		width:65px;
	}
	
	.payment_form select[name="cc_expdate_year"]  {
		width:92px;
	}

	.supporters-table p, .supporters-table p.name  {
		width:auto;
		height:auto;
		display:block;
		background:none;
		float:none;
		padding-top:0;
		font-size:12px;
		opacity:0.8;
	}
	
	.supporters-table p {
		padding-top:10px;
	}
	
	.supporters-table p.name {
		font-size:14px;
		font-weight:bold;
		opacity:1.0;
	}
	
	.supporters-table .head {
		display:none;
	}
	
	/*.supporters-table p:nth-of-type(1):before { content: "DATE";}
	.supporters-table p:nth-of-type(2):before { content: "NAME";}
	.supporters-table p:nth-of-type(3):before { content: "AMOUNT";}
	
	.supporters-table p:nth-of-type(1):before , .supporters-table p:nth-of-type(2):before,
	.supporters-table p:nth-of-type(3):before {
		display:inline-block;
		width:90px;
	} 	*/
}

@media screen and (max-width:400px) {
	/*.payment_form label {
		display:none;
	}
	
	.payment_form #cc_exp_date label {
		display:block;
	}
	
	.payment_form .form-first label {
		display:block;
	}*/
	
	.payment_form #cc_exp_date label {
		top:0 !important;
	}
	
	.payment_form #cc_exp_date .controls {
		width:100%;
	}
	
	.payment_form select, .payment_form input {
		width:100% !important;
		box-sizing:border-box;
	}
	
	.payment_form select[name="cc_expdate_month"] { 
		width:40% !important;
	}
	
	.payment_form select[name="cc_expdate_year"]  {
		width:58% !important;
		float:right;
	}
}

@media screen and (max-width:320px) {
	#content .fundraiser h1 {
		height:44px;
	}
}


/*TOP BAR FOR FUNDRAISING*/
#fundraising_notification {
	height:30px;
	padding:5px 0;
	width:100%;
	background:#ba5350;
}

#fundraising_notification div {
	width:1200px;
	margin:0 auto;
	margin-top:6px;
}

#fundraising_notification p {
	text-shadow:none;
	color:#f1f1f1;
	display:inline;
}

#fundraising_notification a {
	font-weight:bold;
	text-shadow:none;
	color:#f1f1f1;
	text-decoration:underline;
}

#fundraising_notification .closeDialog {
	float:right;
	width:30px;
	height:30px;
	background:url("../images/closeDialog.png");
	opacity:0.75;
	margin-top:-6px;
}

#fundraising_notification .closeDialog:hover {
	cursor:pointer;
	opacity:1.0;
}

@media screen and (max-width: 1280px) {

	#fundraising_notification div {
	  width: 95%;
	  margin-left:auto;
	  margin-right:auto;
	}
	
}
	
@media screen and (max-width: 599px) {
	#fundraising_notification  {
		height:35px;
	}
	
	#fundraising_notification div {
		margin-top:0;
	}
	
	#fundraising_notification a{
		display:inline-block;
	}
	
	#fundraising_notification .closeDialog  {
		margin-top:1px;
	}
}

@media screen and (max-width: 567px) {
	.payment_form div div {
		width:100% !important;
		padding:0;
		margin:0;
		box-sizing:border-box;
	}
	
	.payment_form input[type="text"]{
		width:100%;
		box-sizing:border-box;
	}
	
	.jqTransformSelectWrapper div span {
		width:98% !important;
	}
	
	button.jqTransformButton {
		margin-bottom:25px;
	}
	
	.payment_form .form-first label {
		width:auto !important;
	}
}