/*-----------------------------------------------------------------------*/
/*          Skin Styles for DotNetNuke - SQLBI for www.sqlbi.com         */
/*                 Copyright SQLBI - All rights reserved                 */
/*                      developed by justaskins.com                      */
/*-----------------------------------------------------------------------*/
@import url("css/menu.css");

* {margin: 0;padding: 0;}

body 
{
    margin:0px; padding:0px;
    height:100%;
    /*font-family:arial,helvetica,clean,sans-serif;*/
    font-family: arial, helvetica, clean, sans-serif;
    font-size:14px;
    line-height:20px;
    color:#333;
}

.left { float:left }
.right { float:right }
.clear { clear:both }

a { color: #39c; }
a:hover { text-decoration:underline; }
a img { border: none; }

h1, h2, h3, h4, h5, h6 
{
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Verdana, sans-serif;
    color:#333;
    line-height:200%;
    margin:0px;
    padding:0px;
}

h1 { font-size:24px; line-height:100%; }
h2 { font-size:20px }
h3 { font-size:18px }
h4 { font-size:14px }
h5 { font-size:11px }
h6 { font-size:9px }

small { font-size:10px }

ol, ul { margin:10px 0 }
ul li, ul li li 
{
    list-style-type:none;
    list-style-position:inside;
}




#header.row,
#tagline.row  
{
    background: url(images/bg_row.gif) repeat-x bottom left;
}

.wrapper 
{
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

/* ---------------- ControlPanel ---------------- */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}

/* ------------- HEADER ------------- */
#header 
{
    height: 120px;
    margin: 0;padding: 0; 
}

#teaser 
{
    float:right;
}
#teaser a  
{
    display:block;
    text-indent:-9999px;
    width:160px;
    height:40px;
    background: url(images/bg_teaser.gif) no-repeat top right;
    float:right;
}




/* --- TAGLINE (Header Pane) --- */
#tagline { padding: 10px 0 0px; }
#tagline h1 {font-family: "Gill Sans", 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;font-size: 250%;text-transform: lowercase; line-height:120%}
#tagline h1 a {color: #39c;font-variant: small-caps;font-size: 90%;text-decoration:underline;}

/* --- CONTENT --- */
.article {width: 480px;float: left;margin: 0 0 50px 0;}
.article h1 { font-size: 200%; }
.article h2 { font-size: 100%; }
.article h1,
.article h1 a {font-weight: normal;margin: 10px 0 30px;}
.article h1.news,
.article h1.news a {border-top: 5px solid #e5e5e5;}
.article h2,
.article h2 a {font-weight: bold;color: #000;margin: 0;}
.article p.description { margin: 0 0 10px;color: #666;font-size: 80%;font-style: italic;}
.article .picture {margin: 0 -5px 10px;padding: 4px;border: 1px solid #e9e9e9;}
.article .picture p.caption { margin: 0;padding: 5px 0 0;color: #666;font-size: 80%;font-style: italic;}
.section { /* margin: 0 20px 80px 20px; */ }
.section p { font-size: 1.1em;line-height: 1.5em;margin: 0 0 10px 0;}

h1.news a img {position: absolute;top: 15px;left: 444px;}



/* --- DNN Content --- */

#content a{color: #fff;font:13px arial,helvetica,clean,sans-serif;text-decoration:underline;}

#content .leftpane div{color: #fff;font:13px arial,helvetica,clean,sans-serif;}




#content .contentpane a {color: #39c;font:13px arial,helvetica,clean,sans-serif;text-decoration:underline;}
#content .contentpane a.Head { font-size:20px; }

#content .leftpane #title_grey {padding: 0 11px 0px;color: #fff;}



/* ============= CONTENT ============= */
#content 
{
    background:url(images/bg_row.gif) repeat-x bottom left;
}
#content div, #content p , #content .contentpane div, #content .contentpane p 
{
    color: #000;
    font:14px/20px arial,helvetica,clean,sans-serif;
}
#content .leftpane div, #content .leftpane p, #content .rightpane div, #content .rightpane p 
{
    color: #fff;
    font:14px/20px arial,helvetica,clean,sans-serif;
}

    /* ------------- Left Pane ------------- */
    #content .leftpane 
    {
        width:160px;
        vertical-align:top;
        color: #fff;
        background:url(images/bg_content_right.gif) repeat-y top left;
    }
    /* ------------- Content Pane ------------- */
    #content .contentpane 
    {
        width: 780px;
        margin: 0 0 50px 0;
        vertical-align:top; 
        padding:0 10px;
    }
    
    #content .contentpane ul li
    {
        background:url(images/icon-arrow.gif) no-repeat 0px 5px;
        padding-left:15px;
    }

/* ============= FOOTER ============= */

#footer .wrapper 
{
    padding:10px 0;
}
.bold 
{
    font-weight:bold;
}

    /* Footer RightPane
    ------------------- */
    #nav-main .footerrightpane {float:right}
    #nav-main .footerrightpane ul{list-style-type: none;float:right;}
    #nav-main .footerrightpane ul li{list-style-type: none;float:left;}
    #nav-main ul.contact {list-style-type: none;float: right;}
    #nav-main ul.contact li {float: left;}
    #nav-main ul.contact .contact_us a {color: #000;}




/* --- FOOTER --- */
/*
#footer p {font-size: 90%;line-height: 1.5em;}
#footer a {color: #39c; font-weight:normal; font-size:11px; text-decoration:underline}
#footer #copyright{float:left;text-align:left;padding: 20px 0 0 0;}
#footer .copy { }
#nav-main {padding: 20px 0 0;font-family: 'Gill Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;color: #666;}
#nav-main a {text-decoration: none;font-size:13px;}
#nav-main dl { }
#nav-main dl dt {float: left;width: 100px;text-decoration: none;}
  #nav-main dl dt.company a,
  #nav-main dl dt.projects a { color: #39c; }
  #nav-main dl dt.community a { color: #9c3; }
#nav-main dl dd { }
#nav-main dl dd li {display: inline;line-height: 1.5em;}
#nav-main dl dd li a {border-bottom: none;color: #666;}
*/