/************************************************************************
/*
/*    NatesDawgs.com primary styling rules
/*     
/*    Rules on this page will govern the styling for the page layout,
/*    the color scheme, the header, the footer, the headings, 
/*    dividers and default link displays.
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


/************************************************************************
/*
/*    end VARIABLES
/*
/************************************************************************/


/*
/************************************************************************/

/************************************************************************
/*
/*    Load any HTML5 fonts or other formatting elements, as needed
/*
/************************************************************************/

@font-face {
 font-family: 'Molengo';
 font-style: normal;
 font-weight: normal;
 src: local('Molengo'), url('http://playground.html5rocks.com/samples/html5_misc/Molengo.ttf') format('truetype');
}

@font-face {
 font-family: 'Vollkorn';
 font-style: normal;
 font-weight: normal;
 src: local('Vollkorn'), url('http://playground.html5rocks.com/samples/html5_misc/Vollkorn.ttf') format('truetype');
}
    
/************************************************************************
/*
/*    End styling imports
/*
/************************************************************************/


/************************************************************************
/*
/*   begin PAGE LAYOUT styling
/*
/************************************************************************/

* {
 padding: 0;
 margin: 0;
}

body {
 background: #000000 url('css_images/bg1.jpg');
 padding: 35px 0px 35px 0px;
 text-align:center;
}

body,input {
 font: 11pt 'Molengo', Verdana, sans-serif;
 color: #333333;
}

p {
 line-height: 1.5em;
 margin-bottom: 1.0em;
 text-align: justify;
}

#outer {
 position: relative;
 width: 95%;
 border: solid 10px #ffffff;
 background-color: #ffffff;
 margin: 0 auto;
 text-align:left;
}

#content {
 width: 100%;
 text-align:left;
 clear:both;
}

.contentarea {
 padding-top: 0em;
 text-align:left;
}

#primarycontainer {
 text-align:left;
 width: 100%;
}

#primarycontent {
 float: left;
 width: 100%;
 text-align:left;
}

#secondarycontent {
 margin-top: 10px;
 float: left;
 width: 0em;
 text-align:left;
}

.cleardiv { 
 clear:both;
}

.clearleft { 
 clear:left;
}

/************************************************************************
/*
/*   end PAGE LAYOUT styling
/*
/************************************************************************/


/************************************************************************
/*
/*   begin HEADER styling
/*
/************************************************************************/

#header {
 position: relative;
 width: 100%;
 height: 120px;
 background: #2B2B2B url('css_images/topbg.gif') repeat-x;
 margin-bottom: 2px;
 text-align:left;
}

#headercontent {
 position: absolute;
 bottom: 0em;
 padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent img {
 border:0px;
 padding-right:1.0em;
}

#site_title, #site_title a, #site_title a:visited, #site_title a:hover {
 font: 26pt 'Molengo', Verdana, sans-serif;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 1.0px;
 line-height: 1.5em;
 color: #ffffff;
}

#site_sub_title {
 font: 10pt 'Molengo', Verdana, sans-serif;
 font-weight: normal;
 color: #aaaaaa;
}

#headerpic {
 position: relative;
 height: 109px;
 background: #ffffff url('css_images/hdrpic.jpg') no-repeat top left;
 margin-bottom: 2px;
}

#social_sharing {
 float:right;
 border-collapse:collapse;
 margin:29px 10px;
}

#social_sharing td img {
 width:50px;
 height:50px;
 border:0px;
 margin:0px 10px;
}

#social_sharing td a img:hover{
 position: relative; 
 top: -5px;
}

/************************************************************************
/*
/*   end HEADER styling
/*
/************************************************************************/


/************************************************************************
/*
/*   begin FOOTER styling
/*
/************************************************************************/

#footer {
 position: relative;
 clear: both;
 padding: 4.0em 0em 1.5em 0em;
 background: #ffffff url('css_images/border2.gif') repeat-x 0em 2.5em;
 font: 8pt 'Molengo', Verdana, sans-serif;
}

.footer_text {
 width:100%;
 text-align:center;
 letter-spacing:1px;
 margin:0;
}

#footer .left {
 position: absolute;
 left: 2.0em;
 bottom: 1.2em;
}

#footer .right {
 position: absolute;
 right: 2.0em;
 bottom: 1.2em;
}

#footer a, #footer a:hover, #footer a:visited {
 text-decoration:none;
 color:red;
}

a.login_link, a.login_link:visited {
 font-size:10px;
 text-decoration:none;
}

/************************************************************************
/*
/*   end FOOTER styling
/*
/************************************************************************/


/************************************************************************
/*
/*   begin LINK styling
/*
/************************************************************************/

a, a:visited {
 color: #ff0000;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

/************************************************************************
/*
/*   end LINK styling
/*
/************************************************************************/


/************************************************************************
/*
/*   begin HEADING styling
/*
/************************************************************************/

h1,h2,h3,h4 {
 font: 11pt 'Molengo', Verdana, sans-serif;
 display: inline;
 background-repeat: no-repeat;
 background-position: left;
 color: #000000;
}

h1 a,h2 a,h3 a,h4 a {
 color: #000000;
 text-decoration: none;
}

h1 {
 font-size: 1.3em;
 padding-left: 25px;
 font-style:italic;
 text-decoration:underline;
}

h3 {
 font-size: 1.6em;
 padding-left: 34px;
 background-image: url('css_images/db1.gif');
}

h4 {
 font-size: 1.2em;
 padding-left: 28px;
 background-image: url('css_images/db2.gif');
}

h3 span {
 font-weight: normal;
}

/************************************************************************
/*
/*   end HEADING styling
/*
/************************************************************************/


/************************************************************************
/*
/*   begin DIVIDERS styling
/*
/************************************************************************/

.divider1 {
 position: relative;
 background: #ffffff url('css_images/border2.gif') repeat-x;
 height: 14px;
 margin: 2.0em 0em 1.5em 0em;
 clear: both;
}

.divider2 {
 position: relative;
 height: 1px;
 border-bottom: solid 1px #eaeaea;
 margin: 2.0em 0em 2.0em 0em;
}

/************************************************************************
/*
/*   end DIVIDERS styling
/*
/************************************************************************/


/************************************************************************
/*
/*   begin SHARETHIS styling
/*
/************************************************************************/

#shareDiv {
 float:right;
 clear:both;
 margin:10px 10px 0px 0px;
}

/************************************************************************
/*
/*   end SHARETHIS styling
/*
/************************************************************************/