/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/* not ready */

*{
	margin: 0;
	padding: 0;
}

body{
    font-size: 100.01%;
    padding: 0px;
    text-align: center;
    position:relative;
}

/* ###################### general ###################### */
#all{
    margin: 0 auto;
    max-width:1170px;/*  for responsive
    width:1170px; */
    padding: 0px;
    text-align: left;
}
#header{
    display:block ;
    position:relative;
    padding:0px;
    overflow:hidden;
}
#contentarea,
#contentarea2{
	position:relative;
	/* padding: 10px 20px 15px 20px; */
	z-index:100;
	float: left;
	width: 100%;
	margin-top:10px;
}
#contentarea2 #main_left{
	float: left;
	width: 78%;
}
#breadcrumbs {
    float: left;
    padding-left: 3.7%;
    width: 40.2%;
}
#social{
	float:right;
	width:25%;
}
.breadcrumbs_no{
	margin-left: 0 !important;
}
#wrapper{
	width:53%;
	float:left;
	position:relative;
}
#contentarea2 #wrapper{
	width: 428px;
	margin-left: 29px;
}
#wrapper2{
	width:64.1%;
	margin-left:3.7%;
	float:left;
	position:relative;
	padding-bottom:20px
}

#wrapper2 .item-page{
	max-width:100%;
}
#wrapper3{
	max-width:1170px;
	/* width: 1170px; */
	margin:0 auto;
}
#main{
    position: relative;
   /*  min-height:320px; */
}

#right{
    float:right;
    width: 191px;
    position:relative;
}
#footer{
	 max-width: 1170px;/*  for responsive
    width: 1170px; */
	margin:0 auto;
}
/* ###################### header ###################### */
#banner_head{
	
}
div.mod-languages{
	height: 25px;	
}
#masthead{
	position: relative;
	float: left;
	width: 100%;
}
#header-top{
	width:100%;
	height:60px;
	border-bottom:1px solid #ededed;
}
#wrapper-top{
	height:60px;
	max-width:1170px;
	/* width: 1170px; */
	margin:0 auto;
}
.datetime_wrapper{
	max-width:1170px;
	/* width: 1170px; */
	margin:0 auto;
}
.articles_content_slider{
	max-width:1170px;
	/* width: 1170px; */
	margin:0 auto;
	height:400px;
}

.social{
	float:left;
}
.social p a{
	border-right: 1px solid #EDEDED;
    float: left;
    height: 20px;
    padding: 20px 0;
    width: 49px;
}
.social p a:last-child{
	border-right:none;
}
#langswitcher{
	float:right;
}
#wrapper-top .search{
	float: right;
	margin-bottom:1px;
}
#wrapper-top .social{
	float: left;
}
.wrapper-lang ul{
	display:none;
}
/* ++++++++++++++  nav after content  ++++++++++++++ */
.left{
	padding-top:0px;
	float:right;
	margin:10px 0px 10px 0%;
	width: 21%;
	position:relative;
}
.wrap-text-slider{
	/* margin-left: 5.5%;
    margin-top: 6%; */
    max-width: 1170px;/*  for responsive
    width: 1170px; */
    padding-left: 30px;
    text-align: left;
	margin:0 auto;
}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1{
    padding:0px 0 0 0px;
    float: left;
    width: 245px;
    position:relative;
}
#contentarea2 .left1{
	width: 245px;
}
.leftbigger{
	width:30%;
	margin-left:1.1%;
}


.skiplinks,
.skiplinks li{
    display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}
.skiplinks li a.u2{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
    z-index: 200 !important;
}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus{
    position:absolute;
    width:13em;
    top:100px;
    left:10px;
    z-index:10;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em
}

.clr{
    border: 0;
    clear: both;
    float: none;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

/* ###################### main ###################### */
#logo_sponsor{
	width: 98%;
	float: left;
	position:relative;
}
/* ++++++++++++++  position  ++++++++++++++ */
.blog-featured{
	padding: 0;
}

.items-leading{
	overflow:hidden;
	margin-bottom:10px
}

.row-separator{
	display: block;
	clear: both;
	margin: 0;
	border: 0px;
	height:1px
}

.item-separator{
	display: none;
	margin: 0px;
}

.shownocolumns{
	width:100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.shownocolumns #main .items-leading h2.title,.shownocolumns #main .item-page h2.title{

}

#share_button,#top{
	float: left;
	width: 100%;
	overflow:hidden;
	margin-top: 25px;
}
/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols-2 .column-1{
	width:46%;
	float:left;
}

.cols-2 .column-2{
	width:46%;
	float:right;
	margin:0
}

.cols-3 .column-1{
	float:left;
	width:29%;
	padding:0px 5px;
	margin-right:4%

}
.cols-3 .column-2{
	float:left;
	width:29%;
	margin-left:0;
	padding:0px 5px
}
.cols-3 .column-3{
	float:right;
	width:29%;
	padding:0px 5px
}

.items-row{
	overflow:hidden;
	margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3{
	padding:10px 5px
}

.column-2{
	width:55%;
	margin-left:40%;
}

.column-3{
	width:30%
}

.blog-more{
	padding:10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom{
	overflow:hidden
}
.box{
	width:27%;
	float:left;
	margin-right:10px;
	min-height:100px;
	position:relative
}

.box1{
	width:35%
}

.box2{
	width:32%
}

.box3{
	float:right
}
#footer-inner{
	max-width:1025px;
	margin:0 auto;
	font-size:0.8em;
	padding:10px 15px 15px 10px;
}
img { border: 0 none; max-width: 100%}