/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com)

    adapted to DotNetNuke by DNN Creative Magazine http://www.dnncreative.com
 
*/
/*
#tabs {border: 1px solid orange;}
#search {border: 1px solid purple;}
.gboxtop {border: 1px solid pink;}*/

body
{
    padding: 0;
    margin: 0;
    font: 0.7em Tahoma, Arial, sans-serif;
    line-height: 1.6em;
    background: #fff;
    color: #454545;
}

/* links */
a:link, a:visited
{
    color: #003B6E;
    background: inherit;
    text-decoration: underline;
}
a:hover
{
    color: #9EC068;
    background: inherit;
    text-decoration: underline;
}


/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6, .Head
{
    font-family: Tahoma,Arial,sans-serif;
    font-size: 100%;
    font-weight: normal;
    color: #454545;
}
.NormalDisabled
{
    color: Silver;
}
.NormalBold
{
    font-weight: bold;
}
.NormalRed
{
    font-weight: bold;
    color: #ff0000;
}
h1, h2, h3, h4, h5, h6, .Head
{
    font-weight: bold;
    font-family: "Arial" , Sans-Serif;
}

/* headings */
h1
{
    font-size: 2.5em;
    margin: 0;
    letter-spacing: -1px;
}
h2
{
    font-size: 2em;
    margin: 0;
    padding: 0;
}
h3
{
    margin: 0;
    padding: 0;
}
h1 a, h2 a
{
    color: #2b2b2b;
    background: #fff;
    text-decoration: none;
}
h1 a:hover, h2 a:hover
{
    color: #2b2b2b;
    background: #FFF;
}
.title
{
    color: #808080;
    background: #fff;
}

/* lists and form elements */

/*
form
{
    margin: 0;
}
input.search
{
    width: 279px;
    border: none;
    background: #fff url(images/input.gif) no-repeat;
    padding: 6px 10px;
    color: #1E67A8;
    font-weight: bold;
}
input.button
{
    padding: 3px;
}*/

/* content holder */
#content
{
    margin: 10px auto;
    width: 960px;
}

/* header */
#header
{
    /*height: 75px;*/
}
#logo
{
    padding: 5px 0 10px 8px;
}
#logo p
{
    margin: 0;
    padding: 0 0 0 10px;
    color: #808080;
    background: #fff;
}
#top_info
{
    float: right;
    width: 570px;
    margin: 20px 5px 0 0;
    text-align: right;
}

/* horizontal tabbed menu */
#tabs
{
    background: #fff url('images/bigbox.gif') no-repeat top left;
    color: #000;
    height: 64px;
    text-align: center;
    margin-bottom: 35px; padding-left:210px; padding-right:0; padding-top:0; padding-bottom:0
}

#tabs li
{
    display: inline;
    height: 45px;
}

#HouseMenuNav
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#HouseMenuNav a
{
    float: left;
    background: #fff url('images/barbg.gif') no-repeat;
    color: #808080;
    width: 82px;
    text-align: center;
    font-weight: bold;
    text-decoration: none; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:7px
}

#HouseMenuNav li a:hover
{
    background: #fff url('images/barcurrent.gif') no-repeat;
    color: #000
}
#HouseMenuNavCurrentItem a
{
    background: #fff url('images/barcurrent.gif') no-repeat;
    color: #2C71AE
}

/* DotNetNuke Admin Menu */
#adminmenu
{
    /* this displays the admin menu off to the right of the screen (a scroll bar will appear)
 uncomment this code if you wish to reposition the admin menu from the bottom of the page */
     /*     position: absolute;     top: 140px;     right: -80px;     padding: 0;     margin: 0;     background-color: #EFAA23; */
}
#adminmenu
{
    font-size: 1.2em;
    border: 1px solid #bbb;
    background-color: #eee;
    margin: 0 10px 20px 10px;
    padding: 10px;
}
#HouseMenuNav2 li
{
    display: inline;
}
/* end admin menu section */

.key
{
    text-decoration: underline;
}

/* search form */
#search
{
    float: left;
    clear: both;
    color: #000;
    background: #fff url('images/searchbg.gif') no-repeat;
    width: 500px;
    margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:5px; padding-right:0; padding-top:14px; padding-bottom:20px
}
/* expand width of DNN search box */
#dnn_dnnSEARCH_txtSearch
{
    width: 279px;
    border: 0px none;
    background: #fff url('images/input.gif') no-repeat;
    color: #1E67A8;
    font-weight: bold; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px
}
/* Style dnn search button */
#dnn_dnnSEARCH_cmdSearch
{
    background: #ddd url('images/search_button.gif');
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-decoration: none; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.2em; font-family:Arial, Sans-Serif; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}

#search a:hover
{
    color: #003B6E;
    background: #ddd url('images/search_button.gif');
    text-decoration: underline
}

/* grey subheader */
.gboxtop
{
    clear: both;
    height: 8px;
    background: #dedede url('images/gboxtop.gif') no-repeat;
    color: #000
}
.gbox
{
    background: #dedede url('images/gbox.gif') no-repeat bottom left;
    color: #444;
    margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px; padding-left:13px; padding-right:13px; padding-top:1px; padding-bottom:7px
}
.gbox p
{
    padding: 7px 0;
    margin: 0;
}


/* left side */
.left
{
    float: left;
    width: 650px;
    margin: 0 0 10px 0;
}
.left_articles
{
    margin: 0 20px 15px 10px;
    padding: 10px 0 0 0;
    text-align: justify;
    border-bottom: 1px dotted #ccc;
    color: #000;
    background: #fff;
}

.calendar
{
    height: 50px;
    float: left;
    background: #fff url('images/calendar.gif') no-repeat;
    width: 50px;
    color: #808080; padding-left:9px; padding-right:0; padding-top:5px; padding-bottom:0
}
.calendar p
{
    padding: 0;
    margin: 0;
}
.description
{
    padding: 0 0 2px 0;
    margin: 0 10px 5px 0;
    border-bottom: 1px dotted #ccc;
}
.thumbnail
{
    float: left;
    margin: 0 18px 8px 0;
    border: 1px solid #dedede;
}


/* bottom thirds */
.thirds
{
    float: left;
    width: 203px; /*background: #eee;*/
    margin: 0 12px 0 0;
    color: #5d5d5d;
}
.smallboxtop
{
    height: 14px;
    background: #fff url('images/smallboxtop.gif') no-repeat;
    color: #000
}
.smallbox
{
    background: #fff url('images/smallbox.gif') no-repeat bottom left;
    color: #444;
    margin-bottom: 10px; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:10px
}
.smallbox p
{
    padding: 0;
    margin: 0;
}
.smallbox img
{
    float: right;
    margin: 5px 0 3px 0px;
}

/* right side */
#right
{
    float: right;
    width: 295px;
    margin: 0 0 10px 0;
}
.boxtop
{
    height: 19px;
    background: #fff url('images/boxtop.gif') no-repeat;
    color: #000
}
.box
{
    background: #fff url('images/box.gif') no-repeat bottom left;
    color: #5b5b5b;
    margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:15px
}
.box p
{
    padding: 0;
    margin: 0;
}
.box img
{
    float: left;
    margin: 5px 9px 3px 0;
}


/* misc */
.buttons
{
    text-align: right;
    padding: 4px 3px 0 0;
}
.left_articles .buttons
{
    float: right;
    height: 20px;
}
.bluebtn
{
    background: #488EB2 url('images/bluebtn.gif') no-repeat;
    width: 100px;
    color: #fff;
    text-decoration: none; padding-left:16px; padding-right:16px; padding-top:1px; padding-bottom:5px
}
.greenbtn
{
    background: #488EB2 url('images/greenbtn.gif') no-repeat;
    color: #fff;
    text-decoration: none; padding-left:16px; padding-right:17px; padding-top:1px; padding-bottom:5px
}
.bluebtn:hover, .greenbtn:hover
{
    background: #488EB2 url('images/hoverbtn.gif') no-repeat;
    color: #fff
}

/* footer  */
.footer
{
    clear: both;
    text-align: center;
    line-height: 1.8em;
    padding: 10px 0 10px 0;
    border-top: 1px solid #ccc;
    padding-bottom:0px;
}

.clear
{
    clear: both;
}