/*
Theme Name: A Design Garden
Theme URI: http://adesigngarden.com/
Description: Wordpress Integration
Version: 1.0
Author: Henry Duclos for Sophia Daly Design

*/





body {

	color:#333333;

	background-color:#cccc99;

	background-image:url(images/page_bgfill.png);

	background-repeat:repeat-x;

	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;

	font-size:11px;

	line-height:1.5em;

	margin:0;

	padding:0;

	text-align:center; /* to center content. will be overwritten in the page_wrapper */

}

body#splashpage {

	background-image:url(images/splashpage_bgfill.png);

}

.clear_both {

	clear:both;

	height:0;

	overflow:hidden;

}



ul, li {

	list-style-type:none;

}



a:link, a:visited, a:hover {

	text-decoration:none;

        color:#993300;

}


hr {
border:0px solid #ffffff;
border-bottom:1px solid #CACA96;
color:#CACA96;
}


h3 a:link, h3 a:visited, .pagetitle a:link, .pagetitle a:visited, blogtitle a:link, blogtitle a:visited{

	font-weight:normal;

	color:#993300;

        font-family:"Georgia",Times New Roman,Times,serif;

	font-size:22px;

	line-height:1.2em;

	padding:15px 0 3px;

}





h4 {

	margin:0px;

        padding:0px;

}



.section_header {
	font-weight:bold;
	font-size:1.1em;	
}


#page_wrapper {

	background-image:url(images/page_wrapper_bg.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	margin:0 auto; /* to center this container */

}



#page_inner_wrapper {

	margin:0 auto; /* to center this container */

	text-align:left;

	width:680px;

}



#banner_nav_wrapper {

	height:128px;

}



#content_container {

	border:12px solid #fff;

	clear:both;

	min-height:530px;

	height:auto !important;

	height:530px;

        background:#fff url(images/sidebar_bg.png)454px 0 repeat-y;

}



#main_content {

	float:left;

	width:443px;

}



#project_nav, #pdf_link {

	margin-top:30px;

	float:left;

	padding-left:10px;

}

#project_nav a, #project_nav a:link, #project_nav a:visited {

	color:#666633;

	padding:0px 10px;

	text-decoration:none;

}

#project_nav a:hover {

	color:#333300;

	text-decoration:underline;

}











#sidebar {

	float:right;

	width:202px;

}

/* Styles related to the main splash page */



#splashpage_wrapper {

	margin:0 auto; /* to center content */

	text-align:left;

}

/* Page top */



#page_top {

	background-image:url(images/page_top_bgfill.png);

	background-position:center top;

	background-repeat:no-repeat;

	height:108px;

	margin:0 auto;

	padding:0 170px;

	text-align:center;

	width:680px;

}

#page_banner {

	background-color:#cccc99;

	background-image:url(images/adg_pagebanner.png);

	background-repeat:no-repeat;

	border:0;

	height:87px;

	line-height:1em;

	margin:0;

	outline:none;

	text-indent:-9999px;

}

#splashpage_banner {

	background-color:#cccc99;

	background-image:url(images/adg_banner.png);

	background-repeat:no-repeat;

	border:0;

	height:67px;

	line-height:1em;

	margin:0;

	outline:none;

	text-indent:-9999px;

}

/* Page middle */



#page_middle {

	background-color:#fefefd;

	clear:both;

	text-align:center;

}

#page_middle_content {

	background-image:url(images/page_middle_bgfill.png);

	background-position:center top;

	background-repeat:repeat-y;

	margin:0 auto;

	padding:0 170px;

	width:680px;

}

#slideshow_container {

	background-color:#fff;

	line-height:0; /* To remove the 2px gap in FireFox */

	margin:0 auto;

	padding:12px;

	width:656px;

}

/* Page bottom */



#page_bottom {

	background-image:url(images/page_bottom_bgfill.png);

	background-repeat:repeat-x;

	text-align:center;

}

#page_bottom_content {

	background-image:url(images/page_bottom_centerfill.png);

	background-position:center top;

	background-repeat:no-repeat;

	height:250px;

	margin:0 auto;

	padding:30px 205px;

	text-align:left;

	width:610px;

}

.contact_block {

	float:right;

	margin-left:36px;

	margin-bottom:25px;

}

.introtext {

	color:#993300;

        font-family:"Georgia",Times New Roman,Times,serif;

	font-size:22px;

	line-height:1.1em;

}

.notetext {

	color: #993300;

	font-style: italic;

        font-family:"Georgia",Times New Roman,Times,serif;

	font-size: 12px;

}

/* Footer styling */



#footer, #credits {

	clear:both;

	color:#666633;

	float:left;

	font-size:9px;

	padding:10px 25px;

}

#splashpage #footer {

	border-top:1px solid #e6e6b3;

	float:none;

	margin-top:15px;

	padding:10px 0;

}

#footer span {

	padding-right:5px;

}

#credits {

	clear:none;

	float:right;

}

#credits a, #credits a:link, #credits a:visited {

	color:#666633;

	font-weight:bold;

	text-decoration:none;

}

#credits a:hover {

	text-decoration:underline;

}



/* Main navigation */





#main_nav {

	display:inline;

	float:left;

	height:30px;

	line-height:1em;

	list-style-type:none;

	margin:1px 0 0 9px;

	padding:0;

}

#main_nav li {

	float:left;

	margin:0 24px;

	padding:7px 0;

}

#main_nav li a {

	background-position:center 0;

	background-repeat:no-repeat;

	display:block;

	height:16px;

	text-indent:-9999px;

	cursor:default; /* REMOVE THIS WHEN LINKS BECOME ACTIVE */

}

/* reposition background image on hover */	

#main_nav li a:hover {

background-position:left -16px;

}

#nav_home {

	background-image:url(images/nav/nav_home.png);

	width:33px;

}

#nav_portfolio {

	background-image:url(images/nav/nav_portfolio.png);

	width:53px;

}

#nav_about {

	background-image:url(images/nav/nav_about.png);

	width:32px;

}

#nav_whatsnew {

	background-image:url(images/nav/nav_whatsnew.png);

	width:68px;

}

/*#nav_casestudies {

	background-image:url(images/nav/nav_casestudies.png);

	width:97px;

}*/

#nav_contact {

	background-image:url(images/nav/nav_contact.png);

	width:45px;

}

/*#nav_blog {

	background-image:url(images/nav/nav_blog.png);

	width:66px;

}*/


#down_state_whatsnew{
background-position:left -16px!important;
background-image:url(images/nav/nav_whatsnew.png);
width:68px;
}



/* Sidebar navigation styling */

#sidebar_content {

         float:right;

         width:202px;

}



ul.sidebar_nav {

	list-style-type:none;

	margin:15px 16px 5px 16px;

	padding:0;

}

ul.sidebar_nav li {

	border-bottom:1px solid #cccc99;

	color:#666633;

	font-weight:bold;

	padding:7px 0 7px 8px; 

}

ul.sidebar_nav li.sidebar_last_item {

	border-bottom:0;	

}

ul.sidebar_nav li ul {

	list-style-type:none;

	margin:0 0 5px -8px;

	padding:0;	

}

ul.sidebar_nav li ul li {

	background-image:url(images/sidebar_arrow.png);

	background-position:left 5px;

	background-repeat:no-repeat;

	color:#8c8c59;

	border-bottom:0;

	font-weight:normal;

	padding:0 0 0 8px; 

}



ul.sidebar_nav a:link, ul.sidebar_nav a:visited {

	text-decoration:none;

        color:#8c8c59;



}



.linkcat h2 {
display:none;
}



/* Form Styling */



#comment {

	width:420px;

}



#comments {

	font-size:14px;

}



#postcomment {

	font-size:14px;

}



.post{

	float:left;

        width:413px;

        margin-bottom:20px;
        
        padding:0px 20px 10px 10px;

}



.readmore a:link, .readmore a:visited {

	background: transparent url(images/sidebar_arrow.png) 66px 5px no-repeat;

        font-style:italic;

        font-family:"Georgia",Times New Roman,Times,serif;

        float:left;

        width:90px;

        clear:both;

}





.feedback{

	float:left;

        width:443px;

        clear:both;

        margin-top:10px;

        padding-bottom:10px;

        border-bottom:1px solid #CCCC99;

}



.hr {

	float:left;

        width:443px;

        clear:both;

        border-bottom:1px solid #CCCC99;

}









img.aligncenter {

	display: block;

        padding: 5px;

        margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 5px;

	display: inline;

	}



img.alignleft {

	padding: 5px;

	display: inline;

	}



.alignright {

	float: right;
        padding-right:10px;

	}



.alignleft {

	float: left;
        padding-left:10px;

	}

