/*   
Theme Name: seven princip7es v5
Theme URI: http://7principles.coop
Description: seven principles | the voice of seattle metropolitan credit union
Author: CJ Kipper
Author URI: http://cjkipper.com
Development Date: July 2010
*/

@media screen {


	/* RESET */

* {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
ul, ul li {list-style: none;}
em {font-style: italic;}
strong {font-weight: bold; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
ol {margin-left:20px;}
ol li {margin-bottom: 10px;}
div.sidebar-content li {list-style:none;}


	/* UTILITY */
	
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.white {color:#fff;}
.small {font-size:10px;}
.indent {margin:0 0 10px 20px;}
.imgMarginLeft {margin: 0 0 0 15px;}


	/* TYPOGRAPHY */
	
h1, h2, h3 { font-weight: normal; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000;}
h1, h3 {margin: 0 0 10px 0;}
p { margin: 0 0 20px 0; }

sup {vertical-align: 60%; font-size: 75%; line-height: 100%;}
sub {vertical-align: -10%; font-size: 75%; line-height: 100%;}
.ampersand {font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif; font-weight: normal; font-style: italic; font-size: 1.1em; line-height: 1em;}


	/* LINKAGE */
	
a {text-decoration: none; outline: none; color: #015579;}
a:hover {text-decoration: underline;}
a:visited {text-decoration: none; outline: none; color: #0172a2;}
a:visited:hover {text-decoration: underline; outline: none;}
a img {border: none; background: none;}

	
	/* STRUCTURE */

html {overflow: scroll; background: url(images/7p_header_bg_bridge_1420.png) no-repeat center top;}
html, body, #page-wrap {height: 100%;}
body > #page-wrap {height: auto; min-height: 100%;}
body { background: transparent url(images/nav_bg_single.jpg) repeat-x 0 150px; font: 13px/1.6 Segoe, "Segoe UI", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; color: #616163;}
body.category { background: transparent url(images/nav_bg.jpg) repeat-x 0 150px; font: 13px/1.6 Segoe, "Segoe UI", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; color: #616163;}
body.page-id-532 { background: transparent url(images/nav_bg.jpg) repeat-x 0 150px; font: 13px/1.6 Segoe, "Segoe UI", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; color: #616163;}
body.page-id-540 { background: transparent url(images/nav_bg.jpg) repeat-x 0 150px; font: 13px/1.6 Segoe, "Segoe UI", Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; color: #616163;}
#page-wrap {margin: 0 auto; width: 960px;}
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;/} /* Opera Fix */


	/* HEADER */
	
div#header {height:150px; padding:0px;}

div#header div.sevenprince-title {width:750px;}
div#header div.sevenprince-title h1 {float:left; text-indent:-9999px; margin:0 0 5px 0;}
div#header div.sevenprince-title h1 a { display:block; width:403px; height:64px; background:url(images/sevenprinciples_logo.png) no-repeat top; margin: 34px 0px 0 20px;}
div#header div.sevenprince-title h1 a:hover {background-position: bottom;}
div#header div.sevenprince-title div.description { color:#000; float: left; margin: 0px 0px 0 163px; font-size: 16px; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:left; width:600px;}
div#header div.sevenprince-title div.description a {color:white;}

div#header div.smcu-title {}
div#header div.smcu-title h2 {float: left;text-indent: -9999px;}
div#header div.smcu-title h2 a { display: block; width: 156px; height: 50px; background: url(images/smcu_logo.png) no-repeat bottom; margin: 45px 20px 0 0;} /*change top margin to 45px to line up with 7p logo. 72px to line up with description.*/
div#header div.smcu-title h2 a:hover {background-position: top;}


	/* NAVIGATION */

/*
div#global-nav {margin-bottom: 30px;}
body.category div#global-nav {margin-bottom:0;}
*/

ul#menu-main-nav { float:left; height: 50px; line-height: 50px; text-transform: lowercase; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}
ul#menu-main-nav li { float: left;}
ul#menu-main-nav li a { display: block; height: 50px; text-decoration: none; padding: 0 25px; color: #bbb; float: left;}
ul#menu-main-nav li a:hover,
ul#menu-main-nav li.current-menu-item a,
body.category ul#menu-main-nav li#menu-item-2444 a,
body.single ul#menu-main-nav li#menu-item-2444 a,
body.page-id-540 ul#menu-main-nav li#menu-item-2444 a,
body.page-id-532 ul#menu-main-nav li#menu-item-2444 a,
body.fraud-and-alerts ul#menu-main-nav li#menu-item-3041 a,
body.fraud-and-alerts ul#menu-main-nav li#menu-item-2444 a:hover {background: #015579 url(images/nav_bg_hover.jpg) repeat-x; text-decoration:none; color: #fff;}

body.fraud-and-alerts ul#menu-main-nav li#menu-item-2444 a {background: none; text-decoration:none; color: #bbb;}
body.home ul#menu-main-nav li#menu-item-3041 a {background: none; text-decoration:none; color: #bbb;}
body.home ul#menu-main-nav li#menu-item-3041 a:hover {background: #015579 url(images/nav_bg_hover.jpg) repeat-x; text-decoration:none; color: #fff;}


ul#menu-sub-nav {float:left; height: 30px; line-height: 30px; text-transform: lowercase; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;}
ul#menu-sub-nav li { float: left;}
ul#menu-sub-nav li a { display: block; height: 30px; text-decoration: none; padding: 0 14px; color: #fff; float: left;}
ul#menu-sub-nav li.current-menu-item a,
body.page-id-532 ul#menu-sub-nav li#menu-item-2435 a,
body.page-id-540 ul#menu-sub-nav li#menu-item-2435 a {background: #fff; color: #616163;}
ul#menu-sub-nav li.current-menu-item a:hover {text-decoration:none;}
ul#menu-sub-nav li a:hover {text-decoration:underline;}

ul#menu-tertiary-nav { text-align:right;float:right; height: 50px; line-height: 50px; text-transform: lowercase; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}

ul#menu-tertiary-nav li a { display: block; height: 50px; width:317px; text-decoration: none; padding: 0 25px; color: #bbb; float: left;}
ul#menu-tertiary-nav li.current-menu-item a {background: #015579 url(images/nav_bg_hover.jpg) repeat-x; color:#fff;}
ul#menu-tertiary-nav li a:hover {background: #015579 url(images/nav_bg_hover.jpg) repeat-x; text-decoration:none; color: #fff;}


	/* MAIN CONTENT */

div#main {overflow: auto; padding-bottom: 400px; background: url(images/main_bg.jpg) repeat-y center top;}
div#content { padding: 30px 40px 30px 20px; text-align: left; width: 533px; float: left; display:inline; position:relative;}
div#content div.prince_description {margin:0 0 40px 0;}
div#content ul {margin:0 0 0 20px;}

div#featured { padding:10px 43px 20px 19px; margin: -11px 0px 30px -20px; width:530px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f6f6f6 /*url(images/featured_logotype.png) no-repeat 370px 20px*/;}
div#featured div.post { margin:0;}

.post {margin: 0 0 20px 0;}
div.normal_posts {margin:0 0 0 -19px;}
div.normal_posts p {margin:0 0 10px 0;}
div.normal_posts div.page-head { padding:10px 43px 10px 19px; margin: -11px 0px 30px -1px; width:530px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f6f6f6;}


div.normal_posts div.post {border-bottom:1px solid #eee; margin:0 -40px 20px 0; padding:0 40px 20px 20px;}
.excerpt-description {font-size:10px; font-style:italic; color: #0172a2;}
.404-search {background-color: #900; height:100px; padding:20px;}
div#content div.entry ul li { list-style:outside disc; padding-left: 10px; margin:0 0 10px 15px;}
div#content h3 {margin:0;}
div.readmore {margin:20px 0; background:#eee; padding:2px; width:120px; text-align:center; color: #FFF;}

div.page-head { padding:10px 43px 10px 19px; margin: -11px 0px 30px -20px; width:530px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f6f6f6;}
body.page div.page-head h1,
body.archive div.page-head h1,
body.error404 div.page-head p {margin:0;}

body.archive .arc-head {margin-left: 170px;}
body.tag-weather .arc-head {margin:0;}
body.tag-weather .page-head h1 {color:#990000;}
h2.weather {float:left; text-indent:-9999px; margin:0 0 30px 0;}
h2.weather a { display:block; width:287px; height:48px; background:url(images/weather_alerts_button.jpg) no-repeat top;}
h2.weather a:hover { background-position:bottom;}


body.archive div.entry,
body.blog div.normal_posts div.entry { width:360px; float:right;}
.entry a { }
.entry a:hover { }

body.archive div.thumb,
body.blog div.normal_posts div.thumb {width:150px; margin: 0 20px 0 0; padding: 34px 0 0 0; float: left;}
.wp-post-image {}
.excerpt {}

.postmetadata {font-style:italic;}


	/* SIDEBAR */

div#sidebar { width: 287px; float: left; text-align: left; margin: 30px 40px; display:inline;}
div#sidebar div.sidebar-content {margin:0 0 30px 0;}
div#sidebar div.post {margin: 0 0 5px 0; }

.social_icons { background: #ddd; width:287px; height:75px; margin-left:-39px; padding: 30px 40px 30px 39px; color: #fff; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;}
div.social_icons p {text-indent:-9999px; margin:0;}
div.social_icons a {display:block; width: 75px; height: 75px; background: url(images/social.png) no-repeat;}
div.rss, div.facebook, div.twitter {height:75px; float:left;}

.rss {padding:0 31px 0 0;}
.rss p a {background-position: 0 -75px;}
.rss p a:hover {background-position: 0 0;}

.facebook {padding:0px 31px 0 0;}
.facebook p a {background-position: -75px -75px;}
.facebook p a:hover {background-position: -75px 0;}

.twitter {padding:0px 0px 0 0;}
.twitter p a {background-position: -150px -75px;}
.twitter p a:hover {background-position: -150px 0;}

.aktt_tweets ul li {margin-bottom:20px;}


	/* NEWSLETTER */
	
div#mc_embed_signup {background: #015579; width:287px; margin:0px 0 0 -39px; padding: 30px 40px 30px 39px; color: #fff; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;}
div#mc_embed_signup h2 {text-indent: -9999px; width: 286px; height: 81px; background: url(images/eNewsletter_logotype.png) no-repeat top; margin:0 0 20px 0;}
div#mc_embed_signup div.mc-field-group {margin:0 0 20px 0;}
div#mc_embed_signup div.mc-field-group input {float:right;}
div#mc_embed_signup div.email {height:20px; vertical-align:top;}


	/* SEARCH */
	
#cse-search-box input[type="text"] {border:1px solid #ddd; padding: 5px; width:190px; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;}
#cse-search-results iframe {width:533px;}
.search {}


	/* ARCHIVES */

#main #archives h2 {padding: 0 0 10px 0;}
#main #archives ul {list-style: none;}
#main #archives ul li {margin: 0 0 10px 0;}
#main #archives ul#smart-archives-block strong, #main #archives ul#smart-archives-block span, #main #archives ul#smart-archives-block a {margin: 0 13px 0 0;}
#main #archives ul#smart-archives-block span.empty-month {color: #dddddd;}
#main #archives ul#smart-archives-block strong {font-size:20px; font-weight:normal;}
#main #archives ul#smart-archives-block, #main #archives #smart-archives-list ul {margin:0 -40px 30px 0; border-bottom:1px solid #eee; padding:0 0 30px 0;}
body.error404 #main #archives {margin:30px 0 0 0;}


	/* FOOTER */

#footer {width: 100%; height: 400px; clear: both; margin: -400px 0 0 0; position: relative; z-index: 10; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 12px;}
#footer .primary-footer {background: #616163 url(images/footer_bg.jpg) repeat-x bottom; color: #000; height:300px;}
#f-inside {margin: 0 auto; width: 920px; padding: 30px 20px; height: 215px; text-align: left;}
div#footer a {color:#fff;}
div#f-inside div.f-box {float:left;}
.first {padding-right: 15px; width: 180px;}
.second {padding: 0 15px; width: 130px;}
.third {padding: 0 0 0 15px; width: 550px;}
.last {padding-left: 15px; width: 144px;}
div#f-inside div.f-box ul.footer-nav { padding-right: 20px;}

div#secondary-footer {height:100px; background: #eee; text-align: left;}
div#secondary-footer div#sf-inside {width: 920px; padding: 25px 20px; margin:0 auto; height:50px;}
div#secondary-footer h2 { float: right; text-indent: -9999px; margin:0;}
div#secondary-footer h2 a { display: block; width: 156px; height: 50px; background: url(images/smcu_logo.png) no-repeat top;}
div#secondary-footer h2 a:hover { background-position: bottom;}
div#secondary-footer a,
div#secondary-footer a:hover,
div#secondary-footer a:link,
div#secondary-footer a:visited {color:#616163;}
div#secondary-footer div.copyright {float: right; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:37px; font-size: 11px; text-transform: lowercase; padding-right:20px;}

div#secondary-footer p.ncua, div#secondary-footer p.equal_housing { float: left; text-indent: -9999px; margin:0 10px 0 0;}
div#secondary-footer p.ncua a {display: block; width: 51px; height: 20px; background: url(images/bugs.png) no-repeat top left; margin-top:30px;}
div#secondary-footer p.equal_housing a {display: block; width: 19px; height: 20px; background: url(images/bugs.png) no-repeat top right; margin-top:30px;}


.navgation {}
   .next-posts {padding:0 20px 0 0;}
   .prev-posts {}


	/* COMMENTS */

ol.commentlist { list-style: none; margin: 0 -40px 0 0;}
ol.commentlist li {margin:0;}
ol.commentlist li.comment { border-bottom: 1px dotted #bbb; padding: 10px 40px 10px 20px; }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #F6F6F6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
div#respond {margin:20px 0 0 0;}

/*form { background:}
input#s[type=text] { background:#eee;}
textarea { }*/


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */