/**



 * @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%;

    padding: 0px;

    text-align: center;

    position:relative;

}



/* ###################### general ###################### */

#all

{

    margin: 0 auto;

    width:1024px;

    padding: 0px;

    text-align: left;

}



#header

{

    display:block ;

    position:relative;

    padding:0px;

    width:1024px;

    overflow: hidden;

}



#back

{

        margin: 0;

        padding:0px;

}



#contentarea,

#contentarea2,

#contentarea3

{

  position:relative;

    overflow:hidden;

    padding:0px 20px ;

    margin:0;



}



#wrapper

{

  width:53%;

  float:left;

  position:relative;



}



#wrapper2

{

  width:74%;

  float:left;

  position:relative;

  padding-bottom:20px



}





#wrapper2 .item-page

{max-width:730px}

#main

{

    padding: 10px 0px 20px 0px;

    position: relative;

    min-height:320px;

}



#right

{

    float:left;

    width: 20%;

    margin:10px 0px 10px 0%;

    padding:0px 0px 5px 0px;

    position:relative;





}



.unseen,

.hidelabeltxt

{

        display: inline;

    height: 0px;

    left: -3000px;

    position: absolute;

    top: -2000px;

    width: 0px;

}



/* ++++++++++++++  nav after content  ++++++++++++++ */

.left

{

        padding-top:0px;

        float:right;

        margin:10px 0px 10px 0%;

        width: 21%;

        position:relative;
  



}



/* ++++++++++++++  nav before content  ++++++++++++++ */

.left1

{

    padding:0px 0 0 0px;

    float: left;

    margin:8px 2% 10px 0px;

    width: 20%;

        position:relative

}



.leftbigger

{
        width:24%

}




/* ###################### header ###################### */



.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

}



.wrap

{

        border: 0;

    clear: both;

    float: none;

    font-size: 1px;

    height: 0;

    line-height: 1px;

    margin: 0;

    padding: 0;

    visibility: hidden;

}



h1#logo

{

        font-size:3.5em;

        line-height:1.0em;

}



#logo

{

}



#logo img

{

        display: block;

        }



#logo span

{

        padding-left:2px

}



#logo span.header1

{

        font-size:0.4em;

        display:block;

        top:0em;

        line-height:0.8em

}



.logoheader

{

        margin:0;

        padding:0;

        text-align:left;

        font-weight:normal;

        line-height:1.5em;





}



#line

{



}



/* ++++++++++++++  button for closing right column  ++++++++++++++ */



#close

{

        margin-right:0px;

        font-size:0.85em;

        text-transform:uppercase;

}



#close span

{

        position:absolute;

        right: 20px;

    z-index:10000;

    top:5px;

    width:7em;

    font-weight:bold;

    text-align:right;

    line-height:1.5em;

    padding:5px 2px 5px 5px

}





/* ###################### main ###################### */



/* ++++++++++++++  position  ++++++++++++++ */



.blog-featured

{

        padding: 0;

}



.items-leading

{

        padding:0px 5px 10px 5px;

        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:98% !important;

}



#top

{

        margin:0 0 5px 0;

        overflow:hidden

}



/* ++++++++++++++  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:900px;

        margin:0 auto;

        font-size:0.8em;

        padding:10px 15px 15px 10px;

}



img { border: 0 none; }