/* 
	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;
    padding: 0 0 0 210px;
    margin-bottom: 35px; /*added to fix spacing in IE7 */
}

#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;
    padding: 7px 0;
    width: 82px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

#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;
    padding: 14px 0 20px 5px;
    width: 500px;
    margin: 5px 0 0 0;
}
/* expand width of DNN search box */
#dnn_dnnSEARCH_txtSearch
{
    width: 279px;
    border: 0;
    background: #fff url(images/input.gif) no-repeat;
    padding: 6px 10px;
    color: #1E67A8;
    font-weight: bold;
}
/* Style dnn search button */
#dnn_dnnSEARCH_cmdSearch
{
    padding: 5px 10px;
    background: #ddd url(images/search_button.gif) repeat;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    font: normal 1.2em Arial , Sans-Serif;
    text-decoration: none;
}

#search a:hover
{
    color: #003B6E;
    background: inherit;
    background: #ddd url(images/search_button.gif) repeat;
    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;
    padding: 1px 13px 7px 13px;
    margin: 0 0 20px 0;
}
.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;
    padding: 5px 0 0 9px;
    color: #808080;
}
.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;
    padding: 1px 10px 10px 10px;
    margin-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;
    padding: 0 10px 15px 10px;
    margin: 0 0 10px 0;
}
.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;
    padding: 1px 16px 5px 16px;
    color: #fff;
    text-decoration: none;
}
.greenbtn
{
    background: #488EB2 url(images/greenbtn.gif) no-repeat;
    padding: 1px 17px 5px 16px;
    color: #fff;
    text-decoration: none;
}
.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;
}

.clear
{
    clear: both;
}


