/* ----- Generic elements ----- */
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #cccccc;
}
legend {
  font-weight: bold;
}

dl {
  margin: 0 0 20px;
}
dl dd,
dl dl {
  margin-left: 20px; /* LTR */
  margin-bottom: 10px;
}
blockquote {
  margin: 1em 40px;
}
address {
  font-style: italic;
}
u,
ins {
  text-decoration: underline;
}
s,
strike,
del {
  text-decoration: line-through;
}
big {
  font-size: larger;
}
small {
  font-size: smaller;
}
sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}
sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}
nobr {
  white-space: nowrap;
}
abbr,
acronym {
  border-bottom: dotted 1px;
}

quote,
code {
  margin: .5em 0;
}
code,
pre,
kbd {
  font-size: 1.231em;
}
pre {
  margin: 0.5em 0;
  white-space: pre-wrap;
}

/* ----- Drupal ul li, ol li ----- */
ul{
	margin-left:20px;
	padding:0;
}
.block ul,
.item-list ul {
  list-style-type: disc;
  list-style-image: none;
  margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
.item-list .pager li {
  padding: 0.5em;
}
.item-list ul li,
li.leaf,
ul.menu li {
  list-style-type: disc;
  list-style-image: none;
}
ul.menu li {
  margin: 0;
}
ol {
  list-style-type: decimal;
  margin: 0.25em 0 0.25em 2em; /* LTR */
}
.item-list ul li.collapsed,
ul.menu li.collapsed {
  list-style-image:url(../../misc/menu-collapsed.png);
  list-style-type:disc;
}
.item-list ul li.expanded,
ul.menu li.expanded {
  list-style-image:url(../../misc/menu-expanded.png);
  list-style-type:circle;
}



/* ----- Skip link. ----- */

#skip-link {
  margin-top: 0;
  position: absolute;
  left: 50%; /* LTR */
  margin-left: -5.25em; /* LTR */
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  display: block;
  background: #444;
  color: #fff;
  font-size: 0.94em;
  padding: 1px 10px 2px 10px; /* LTR */
  text-decoration: none;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* ----- Help ----- */

#help {
  font-size: 0.923em;
  margin-top: 1em;
}
#help p {
  margin: 0 0 10px;
}
#help div.more-help-link {
  text-align: right; /* LTR */
}


/* ----- Console ----- */

#console {
  margin: 9px 0 10px;
}

/* --------------------------------------------------------------------------
    S T R U C T U R E
--------------------------------------------------------------------------- */
#wrapper {
	padding:0;
	margin:0;
}


#left-sidebar .block {
	margin-right:12px;
}

#right-sidebar .block {
	margin-left:12px;
}

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

#sub-content {
	min-height:400px;
}

#left-sidebar,#right-sidebar {
	width:200px;
	float:left;
	position:relative;
}


/*----------- clearfix -------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear{
	clear:both;
}

/* ----- RESPONSIVE ----- */
/*
@media only screen and (min-width: 1176px) {
p{color:#f00 !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1175px) {
p{color:#fc3 !important;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
p{color:#ff0 !important;}
}
@media only screen and (max-width: 767px) {
p{color:#0f0 !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
p{color:#f0f !important;}	
}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
p{color:#0ff !important;}
}
*/
/*
@media only screen and (min-width: 990px) {
	.sub-wrapper{
		width:978px;
		margin:0px auto;
	}
}
*/
@media only screen {
	.sub-wrapper{
		width:978px;
		margin:0px auto;
	}
}

@media only screen and (max-width: 1021px) {
	.sub-wrapper {
    width:auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1021px) {
	.sub-wrapper {
    margin: 0 3% !important;
	}
}
#nav-button{
	display:none;
}
@media screen and (max-width: 600px) {
  #nav-button{
    display:block;
  }
}

@media screen and (min-width: 600px) {

}

@media screen and (max-width: 1021px) {
  #right-sidebar {
    width:36% !important;
  }
  #main {
    margin-right: -36% !important;
  }
  #squeeze {
    margin-right: 36% !important;
  }

}

/* ----- Grid ----- */
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11{
float:left;
overflow:hidden;
margin:0 .5% 2% .5%;
}

.grid-1:last-child,,
.grid-2:last-child,,
.grid-3:last-child,,
.grid-4:last-child,,
.grid-5:last-child,,
.grid-6:last-child,,
.grid-7:last-child,,
.grid-8:last-child,,
.grid-9:last-child,,
.grid-10:last-child,,
.grid-11:last-child,{
margin-right:0;
}


	.grid-1 { width: 6.5%; }
	.grid-2 { width: 15.0%; }
	.grid-3 { width: 23.5%; }
	.grid-4 { width: 32.0%; }
	.grid-5 { width: 40.5%; }
	.grid-6 { width: 49.0%; }
	.grid-7 { width: 57.5%; }
	.grid-8 { width: 66.0%; }
	.grid-9 { width: 74.5%; }
	.grid-10 { width: 83.0%; }
	.grid-11 { width: 91.5%; }
	.grid-12 { width: 100%; }
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
.grid-2 {
width:32.3%;
margin:0 0% 2% 1%;
}
.grid-3 {
width:49%;
margin:0 0% 2% 1%;
}
.grid-4 {
width:32%;
}
.grid-11,
.grid-10,
.grid-9,
.grid-8,
.grid-7,
.grid-6 {
width:100%;
}

}

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

.grid-2 {
width:49%;
margin:0 .5% 2% .5%;
}
.grid-3 {
width:100%;
}
.grid-4 {
width:100%;
}
.grid-11,
.grid-10,
.grid-9,
.grid-8,
.grid-7,
.grid-6 {
width:100%;
}
}
table{
	border-collapse:separate;
}