/*
Theme Name: DahlinDevelopment Custom Theme
Theme URI: http://www.dahlindevelopment.com/
Description: Wordpress skin themed for custom site.
Version: 1.5
Author: James McConnell/Joel Dahlin
*/

/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body { 
 background: #2F2E2E url(images/background.gif) repeat-x;
 font-size: 75%; 
 line-height: 1.5em;
 text-align: center; 
 font-family: Arial, Sans-Serif;  
}

#content {
 width: 774px;
 margin: 0 auto;
 color: #2f2e2e;
}

#logo {
 float: left;
 background: url(images/logo.png) top left no-repeat;
 width: 389px;
 height: 97px;
 margin: 5px 0 5px 0;
}

#phone {
 margin-top: 10px;
 float: right;
 font-size: 1.3em;
 color: #fff;
 width: 120px;
 padding: 2px 15px 2px 0;
 word-spacing: 5px;
 text-align: right;
}
    #phone .orange {
     color: #f7931e;
    }
    #phone .grey {
     color: #344b85;
    }
    #phone .blue {
     font-variant: small-caps;
     color: #58b6dd;
    }
    #phone .phoneImg {
     float: left;
    }

#headerContainer {
 clear: both;
}
    #headerContainer #menu {
     background: url(images/menu-bg.gif) top left repeat-x;
     overflow: auto;
    }

        #headerContainer #menu .menu-left {
         float: left;
         background: url(images/menu-left.png) top left no-repeat;
         width: 17px;
         height: 47px;
         display: inline;
        }
        
        #headerContainer #menu .menu-right {
         float: right;
         background: url(images/menu-right.png) top left no-repeat;
         width: 15px;
         height: 47px;
         display: inline;
        }
        
        #headerContainer #menu .menu-body {
         background-color: Transparent;
         font-size: 1.5em;
         line-height: 1.6em;
         display: inline;
        }
        
        #headerContainer #menu .menu-body a{
         display: block;
         color: #2f2e2e;
         text-decoration: none;
        }
        
        #headerContainer #menu .menu-body ul{
         list-style:none;
         margin:0px; 
         padding:0px;
         display: inline;
        }
        
        #headerContainer #menu .menu-body li {
         float: left;
         margin: 0;
         padding: 12px 25px 0 35px;
         font-variant: small-caps;         
         display: inline;
        }        
        
        #headerContainer #menu .menu-body li a:hover {
         color: #2f2e2e;
         border-bottom: solid 3px #2f2e2e;
        }

    #headerContainer #header {
     background: url(images/header-background.png) top left no-repeat;
     width: 725px;
     height: 188px;
     text-align: left;
     padding: 14px 25px 0 25px;     
    }        
    
        #headerContainer #header #leftContainer {
         float: left;
         width: 550px;
        }

        #headerContainer #header h1 {
         font-size: 3.4em;
         font-weight: 200;
         color: #fff;
         text-indent: 25px;
         height: 40px;
         line-height: 1.1em; 
         margin-bottom: 10px;
        }
        #headerContainer #header h1 .blue {
         color: #58b6dd;
        }
        
        #headerContainer #header .tagcloud {
         color: #2f2e2e;
         height: 120px;
         width: 550px;
         text-align: center;
         line-height: 1.5em;
        }
        
        #headerContainer #header .tagcloud .normal {
         font-size: 1.5em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .large {
         font-size: 2em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .xlarge {
         font-size: 3em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .small {
         font-size: 1em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .xsmall {
         font-size: .7em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud a
        {
        	color: #000;
        	text-decoration: none;
        	margin-left:5px;
        }
        #headerContainer #header .tagcloud a:hover
        {
        	text-decoration: underline;
        }
        
        #headerContainer #header .icon {
         float: right;
         width: 160px;
        }
        #headerContainer #header .icon a.rssLink
        {
        	display: block;
        	margin-left: 7px;
        	margin-top: 3px;
        	font-size: 26px;
        	color: black;
        	text-decoration: none;
        }
        #headerContainer #header .icon a.rssLink:hover
        {
        	text-decoration: underline;
        }
    
    #main {
     background: url(images/main-background.gif) repeat-y;
     width: 731px;
     overflow: auto;
     text-align: left;
     padding: 20px 20px 10px 25px;
    }
        #main h2 {
         font-size: 1.5em;
         color: #fa6d0e;
         margin-bottom: 2px;
        }
        #main h3 {
         font-size: 1em;
        }
        #main .left {
         float: left;
         width: 500px;
         margin-bottom: 20px;         
        }
        #main #contact-left {
         float: left;
        }
        #main #contact-body {
         float: left;
         margin-left: 20px;
        }
        #main .redboxContainer {
         border: solid 1px #fcde9e;
         padding: 1px;
         width: 244px;
         margin-bottom: 10px;
        }
            #main .redboxContainer .redbox {
             background-color: #ffeabd;
             padding: 10px;
            }
        #main .greybox {
         background: #fff url(images/greybox-bg.png);
         border: solid 1px #e5e5e5;
         padding: 10px;
         width: 226px;
        }
        #main .greyboxfull {
         background: #fff url(images/greybox-bg.png) repeat-x;
         border: solid 1px #e5e5e5;
         padding: 10px;
        }
        #main .greenboxContainer {
         width: 440px;
        }
            #main .greenboxContainer .greenbox {
             background: transparent url(images/greenbox-bg.png) repeat-y;
             width: 400px;
             padding: 10px 20px 20px 20px;
            }
                #main .greenboxContainer .greenbox .row {
                 margin: 10px 0 0 0;
                 display: block;
                }
                    #main .greenboxContainer .greenbox .row .label {
                     float: left;
                     width: 100px;
                     text-align: right;
                    }
                    #main .greenboxContainer .greenbox .row .input {
                     float: left;
                     margin-left: 5px;
                    }
                    #main .greenboxContainer .greenbox .row .input .txtbx {
                     width: 200px;
                    }
                    #main .greenboxContainer .greenbox .row .txtarea {
                     width: 395px;
                     height: 200px;
                    }
            #main .contactbox {
             border: solid 1px #e5e5e5;
             padding: 10px;
             width: 226px;
            }
                #main .contactbox .icon {
                 float: left;
                 margin-left: 10px;
                }
        #main .siteMap {
         margin-left: 30px;
        }
        #main .siteMap li {
         list-style-type: square;
        }
        #main .siteMap .l2 {
         margin-left: 20px;
        }        
        #main .featured {
         float: right;
         width: 200px;
         /*border: dashed 2px #344b85;*/
         text-align: left;
         font-size: 1.0em;
         line-height: 1em;
         color: #58b6dd;
         padding: 5px;
         margin: 0 0 20px 15px;
        }
        	#main h2
        	{
        		font-size: 1.3em;
        		color: black;
        	}
        	
        	#main ul li
        	{
        		padding: 5px;
        		padding-left: 8px;
        	}
            #main .featured .phone {
             color: #f7931e;
            }
            #main .featured #twitter_div {
							border:solid 1px #e5e5e5; 
							background-color:#e0f9d9;
							margin-top: 20px;
							padding:5px;
						}
							#main .featured #twitter_div h2.sidebar_title {
								float:left;
								line-height:2em;
							}
							#main .featured #twitter_div .twitricon{
								float:right;
							}
							#main .featured #twitter_div #twitter_update_list li span{
								color: #2f2e2e;
							}
            #main #footer {
             clear: both;
             background: url(images/footer.png) top left no-repeat;
             width: 688px;             
             padding: 10px 15px 10px 15px;
             margin-top: 15px;
             color: #fff;
             height: 53px;
             line-height: 2em;
            }
            
            #main #footer .left {
             float: left;
            }
            
            #main #footer .left a {
             color: #fff;
             text-decoration: none;
            }
            
            #main #footer .left a:hover {
             text-decoration: underline;
            }
            
            #main #footer .right {
             float: right;
             margin-top: 15px;
             width: 180px;
            }
                #main #footer .right img {
                 float: left;
                }
            
    #bottom {
     background: url(images/bottom.png) top left no-repeat;
     width: 774px;
     height: 30px;
    }
.clear { clear: both; }
img { display: block; }

/* Wordpress Styles */
.wp_post
{
	margin-bottom: 25px;
}
.wp_post h2 a
{
	font-family: verdana;
	color: #2F2E2E;
	font-weight: normal;
	font-size: 1.4em;
	text-decoration: none;
}

	.wp_post h2 a:hover
	{
		text-decoration: underline;
	}
.wp_entry
{
	margin: 5px;
	margin-top: 10px;
	line-height: 1.6em;
}

.wp_metadata
{
	margin-top: 3px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.callout{
	border:solid 1px #e5e5e5; 
	background-color:#e0f9d9;
	padding:5px;
}

.wp_entry ol { margin-left: 50px;}
.wp_entry ol li{margin-top: 8px; list-style-type: decimal;}


	
a,a:visited{color:#344b85;}
a:hover{color:#fa700f;}
img.icon{float:left; margin-top:3px;}