/*
Theme Name: Duwamish TMA
Description: Custom theme for Duwamish Transportation Management Association
Author: Web Programming Solutions
Author URI: http://www.webprogrammingsolutions.com
*/

/* =Reset default browser CSS. 
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1;
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	color:#155761;
}

h1 { font-size: 25px; margin-bottom:1em; }
h2 { font-size: 23px; margin-bottom:.25em; }
h3 { font-size: 21px; margin-bottom:.25em; }
h4 { font-size: 19px; margin-bottom:.25em; }
h5 { font-size: 17px; margin-bottom:.25em; }
h6 { font-size: 15px; margin-bottom:.25em; }

h2.block {
	background: #387F89;
	width:605px;
	font-size:24px;
	color:#FFFFFF;
	padding-left:10px;
	line-height:25px;
	margin-bottom:20px;
}
a { color:#0018FF; }
a img { border: none; }
a.read_more { color: #155761; }
.clearFix { clear:both; }
iframe { width:100%; }



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper {
}

#full_width {
	background:green;
	width:100%;
	left:0;
	z-index:99999;
}

#header { 
	height:285px;
	width:881px;
	margin:0 auto;
}

#header_right {
	float:left;
}

#container {
	background:url(images/container_bg.jpg);
	background-repeat:repeat-x;
	min-height:168px;
}

#main {
	margin:0 auto;
	width:881px;
	min-height:200px;
	background:url(images/main_bg.gif);
	background-repeat:repeat-y;
}

#sidebar {
	width:222px;
	float:left;
	padding:17px 10px;
}

#content {
	float:right;
	width:615px;
	color:#373636;
	font-size:14px;	
	line-height:143%;
	padding-top:35px;
}

#content ul, #content ol {
	list-style-position:outside;
	margin-left:20px;
	margin-bottom:1em;
}

#content ul ul {
	margin-bottom:0;
}

#content ul#bookmarks {
	list-style-type:none;
}

#content p {
	margin-bottom:1em;
}

#content .featured_image, #content .category {
	margin-top:-35px;
}

.entry {
	float:left;
}

.post { 
	width:615px;
	margin-bottom:20px;
}

.post-multiple {
	background:url(images/horizontal-line.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:12px;
	padding-bottom:12px;
}

.post-multiple .entry {
	float:left;
	width:400px;
}

#footer {
	height:100px;
	width:881px;
	margin:0 auto;
	text-align:center;
	height:85px;
}

#footer_1 {
	margin:20px 0 10px 0;
}


#header_graphic {
	margin-top:44px;
	height:201px;
	overflow:hidden;
}

#header_graphic_fader {
	display:none;
}

#logo {
	float:left;
	height:198px;
	width:314px;
	padding-top:87px;
}

#icons {
	width:235px;
	float:right;
}

#icons img {
	float:left;
}

/* =Widgets
-------------------------------------------------------------- */
/*
#sidebar
#page-sidebar
.widget 
.widget_nav_menu
.menu-sidebar-container
ul#menu-sidebar .menu
*/

.widget { 
	color:#FFFFFF;
	font-size:14px;
	line-height:143%;
}

.widget h4 {
	color:#FFFFFF;
	font-size:22px;
	font-weight:normal;
	line-height:87%;
	padding-bottom:5px;
}

.widget .menu li {
	background:url(images/menu-divider-horizontal.gif);
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	padding:13px 0 5px 0;
	line-height:.9em;
}

.menu-sidebar-container{
	background:url(images/menu-divider-horizontal.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:3px;
	margin-bottom:10px;
}

.widget .menu li a {
	color:#FFFFFF;
}

.widget .menu li a .cufon { border-bottom: solid 1px #3E828B; } 
.widget .menu li a:hover .cufon { border-bottom: solid 1px #FFFFFF; } 

.dtma_homepage_youtube_widget h4 {
	margin-top:8px;
}

.dtma_homepage_youtube_widget a {
	color: #FDEC7B;
	font-size:12px;
}


/* =Menu
-------------------------------------------------------------- */
ul.menu {
	list-style:none;
}

ul.menu li {
	display: inline;
	list-style-type: none;
}

#header .current-menu-item { font-weight:bold; }
#header .menu-divider { padding-left:13px; background:url(images/menu-divider.gif); background-repeat:none; }
#footer .menu-divider { padding-left:12px; background:url(images/menu-divider_footer.gif); background-repeat:none; }
.no_seperator span { display: none; }

#n1_links {
	float:left;
	overflow:hidden;
	width:332px;
	font-size:18px;
	padding:19px 0 0 0;
	height:21px;
	margin-left:-7px;
}
#n1_links li { padding-left:7px; }
#n1_links a { color:#477B82; }
#navigation_1 #n1_links a .cufon { border-bottom: solid 1px #FFFFFF; } 
#navigation_1 #n1_links a:hover .cufon { border-bottom: solid 1px #477B82; } 

#navigation_2 {
	overflow:hidden;
	font-size:16px;
	height:40px;
	line-height:40px;
	overflow:hidden;
}
#navigation_2 li { padding-right:15px; }
#navigation_2 a { color:#3F3E3E; }
#navigation_2 a .cufon { border-bottom: solid 1px #FFFFFF; } 
#navigation_2 a:hover .cufon { border-bottom: solid 1px #3F3E3E; } 

#footer li { padding-right:6px;  }
#footer a {
	color: #858484;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/* =Content
-------------------------------------------------------------- */
h1.entry-title { }
.entry-content { }


/* =Links
-------------------------------------------------------------- */
#navigation a:link, #navigation a:visited, #navigation a:active { 
	color:#FFFFFF;
	text-decoration:none;
}

#navigation a:hover { 
	color:#FFFFFF;
	text-decoration:underline;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 21px;
	margin-top: 21px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 21px;
	margin-top: 21px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 21px;
}
.post-multiple img.alignright, .post-multiple img.alignleft, .post-multiple img.aligncenter {
	margin-top:0px;
	margin-bottom: 0px;
	padding-top:0px;
	padding-bottom: 0px;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
}