/*  
Theme Name: D&K Home Products
Theme URI: http://dkhomeproducts.com/
Description: The theme for D&K Home Products--an awning manufacturer,  distributor and retailer.
Version: 1.0
Author: Melissa Garcia, Heather Greer
*/



@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
background-image:url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/background_nofence.jpg');
background-repeat:repeat-x;
text-align: center;
width: 99.7%;
border-left: 2px solid #00853E;
border-top: 2px solid #00853E;
border-bottom: 2px solid #00853E;
border-right: 2px solid #00853E;
position: absolute;
z-index: 5;
}

#main {
display: block;
	margin: 0;
	padding: 0;
}

#logo{
	background-image: url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/sun.jpg');
	background-repeat: no-repeat;
	width: 224px;
	height: 175px;
	z-index: 0;
	margin: 0;
	position: absolute;
	top:0;
	left: 0;
}


#header {
	position:absolute;
	left:170px;
	top:0px;
	width: 50%;
	height:116px;
	text-align:center;
}

#sidebar_right {
	float: right;
	width:175px;
	background-color: #B7DBC8;
	border-left: 5px solid #00853E;
	text-align: center;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	z-index: 25;
	height: 716px;
	border-bottom: 2px solid #00853E;
}
#sidebar_right img {
	margin-top: 3px;
	margin-bottom: 3px;
}

#content {
	display: block;
	padding:116px 0 0 0;
	margin: 0 20% 0 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	position: relative;
}
#content table{
width: 80%;
margin: 0 auto;
}


#sidebar_left{
float: left;
width: 200px;
display: block;
position:relative;
margin-top:0;
marign-left: 0;
z-index: 1;
margin-bottom: 5px;
}


/*#leftmenu a:link {
	background-image: url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/button_09.gif');
	background-repeat: no-repeat;
	width: 109px;
	height: 23px;
	display: block;
	margin:0 auto;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 7px 0 0 5px;
	color: #fff;
	text-decoration: none;
}
#leftmenu a:visited {
	background-image: url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/button_09.gif');
	background-repeat: no-repeat;
	width: 109px;
	height: 23px;
	margin:0 auto;
	display: block;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 7px 0 0 5px;
	color: #fff;
	text-decoration: none;
}

#leftmenu a:hover {
	background-image: url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/button_09.gif');
	background-repeat: no-repeat;
	width: 109px;
	height: 23px;
	margin:0 auto;
	display: block;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #ffcc33;
	text-decoration: none;
}*/


#leftcolumn_c {
display: block;
width: 145px;
text-align: left;
margin: -5px 0 0 23px;
padding: 0;
border: 2px solid #00853E;
border-top: none;
}

#leftcolumn_c #slideshow{
border-top: 2px solid #00853E;
height: 110px;
width: 145px;
display: block;
}

#porchcover {
display: block;
	padding: 0;
	margin: 0;
	background-image: url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/frontpagehouse2.gif');
	background-repeat: no-repeat;
	width: 425px;
	height: 342px;
	position: absolute;
	top:376px;
	right: 15%;
}
#content p {
	text-align: left;
}
h2.pagetitle {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #338445;
}

 /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #leftmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */              /* space within the list container */
        position: relative;           /* need this so that the z-index stuff works correctly */
    /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
			background-repeat: repeat-y;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 156px 0 0 23px;
	width: 145px;
	display: block;
border-top: 2px solid #00853E;
border-right: 2px solid #00853E;
border-left: 2px solid #00853E;
    }
    #leftmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
                   /* this is to allow for the horizontal main menu */
           /* border for each of the main menu items */
        background-color: #00853e;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin: 2px auto;                /* spacing between main menu items */
        padding: 3px 0;               /* padding within main menu items */
        width: 120px;               /* the width of each main menu item */
        display: block;
    }

    #leftmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
		margin-top: -1.55em;
        margin-left: 120px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 135px;               /* should be the same as #leftmenu li width */
        background-color: #00853e;     /* sub-menu default background color */
             /* the border around the sub-menu list */
        color: #fff;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #leftmenu ul li{                   /* second-level or greater menu element links */
        background-color: #00853e;     /* default background color for sub-menu container */
        color: #fff;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin:0;                /* spacing between sub-menu containers */
        padding: 3px 0;               /* This is for padding between menu items in the drop-downs */
        width: 135px;               /* (padding*2) must be subtracted from #leftmenu li width and set for this one, or borders won't display properly. */
    }

    #leftmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 120px;
	padding: 3px 0;             /* set this to #leftmenu ul width */
        display: block;
		color: #fff;
		text-decoration: none;
    }
    
    #leftmenu ul a {                   /* all the other level menu link elements */color: #fff;
        padding: 3px 0;
        margin: 0px;
        width: 135px;               /* (padding*2) must be subtracted from #leftmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		text-decoration: none;
    }

    #leftmenu a:hover,                 /* top-level hovering properties */
    #leftmenu li:hover{
       width: 120px;
        background-color: #00853e;
        color: #ffcc66;
    }
    
    #leftmenu ul li:hover,             /* higher level hovering properties */
    #leftmenu ul li a:hover{
        
        width: 135px;               /* should be set to the same value as #leftmenu ul li width */
        background-color: #00853e;
        color: #ffcc66;
		
    }

    #leftmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 135px;         /* this should be the width of #leftmenu ul li */
        margin-top: -1.55em;           /* this will push the sub-menu up to the level of it's parent */
		text-decoration: none;
	
    }

    /* only non-MSIE browsers use this */
    #leftmenu ul li>ul,
    #leftmenu ul ul li>ul{
        margin-top: -1.55em;           /* should be set to the same as #leftmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #leftmenu li:hover ul ul,              
    #leftmenu li:hover ul ul ul,
    #leftmenu li:hover ul ul ul ul,
    #leftmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #leftmenu li:hover ul,
    #leftmenu ul li:hover ul,
    #leftmenu ul ul li:hover ul,
    #leftmenu ul ul ul li:hover ul,
    #leftmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }
#content .post h2 a {
	color: #ebd730;
	display: block;
	float: left;
	margin-top: -10px;
	width: 100%;
	text-align: left;
}

h3{
width: 100%;
text-align: left;
display: block;
position: relative;
}

a{border: 0; color: #00853e;}

img{border: 0;}

#footer{
text-align: center;
font-size: 12px;
width: 100%;
margin: 0;
clear: both;
background-color: #00853e;
display: block;
height: 15px;
padding: 5px 0;
color: #ffcc66;
}

#footer a{color: white; border-right: 2px solid #00853e; border-left: 2px solid #00853e;}



#searchform{
display: block;
margin-top: 2px;
}

#searchform input#searchsubmit {
width: 50px;
}

div.ngg-galleryoverview{
clear: none;
}

#fence{
position: relative;
clear: left;
display: block;
width: 100%;
z-index: 24;
background-image: url('http://www.dkhomeproducts.com/wordpress/wp-content/themes/dkhome/images/fence_bg.jpg');
background-repeat: repeat-x;
height: 171px;
}