/*
Theme Name: IDS Portland
Theme URI: http://idsportland.org/
Description: Custom theme for the Interior Design Society of Portland
Version: 1.0
Author: Steve Johnson
Author URI: http://sawtoothid.com/
*/

/* Clear fix for floated elements for compliant browsers */
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/* affects only IE7 */
.clearfix {min-width: 0;}

/* targets only IE5-6 and hidden from lowly IEmac \*/
 * html .clearfix {height: 1%;} 


* {margin: 0; padding: 0;}
body {font: 64%/140% Verdana, Tahoma, Arial, sans-serif; color: #555;}
img {border: none;}
a {text-decoration: none; color: #777; font-weight: bold;}
a:hover {color: #007c84;}
ul, ol {list-style: none; margin: 0; padding: 0;}

/* general classes */
.alignright {float: right; margin-left: 5px; margin-bottom: 5px;}
.alignleft {float: left; margin-right: 5px; margin-bottom: 5px;}

#container {width: 960px; margin: 20px auto 0; background: #fff;}
#header {height: 370px; width: 100%; margin-bottom: 20px;}

.topnav {width: 75px; font-size: 1.1em;}
.topnav ul li {border: 1px solid #ccc; margin-bottom: 2px;}
.topnav ul li:hover {background-color: beige;}
.topnav ul li a {display: block; padding: 55px 0 5px;}

#leftnav {text-align: right; float: left;}
#rightnav {text-align: left; float: right;}

#leftnav ul li a {margin-right: 5px;}
#rightnav ul li a {margin-left: 5px;}

#headergraphics {float: left;}
#headergraphics img {margin-left: 5px;}

/* content area */
.home #content {padding-top: 40px; background: url(images/welcome.jpg) top left no-repeat;}
#content p {margin-bottom: 15px; }

/* footer */
#footer {text-align: center; background: #eff7f6; padding: 10px 0; margin-top: 25px;}

#content-wrapper{float:left; width:100%}
#content{margin: 10px 245px 0;}
.full #content { margin: 10px 5px 0 245px; }
#right{float:left; width:240px; margin-left:-240px;}
#left{float:left; width:240px; margin-left:-960px;}
#footer{clear:left; width:100%}


/* sidebars */
.widget {width: 240px; margin-bottom: 25px; background: url(images/widget-repeat.jpg) top center repeat-y;}
.widget .widget-title {font-family: "Century Gothic", Verdana, Arial, sans-serif; background: transparent url(images/widget-top.jpg) top center no-repeat; color: #fff; font-weight: bold; font-size: 1.6em; text-align: center; padding-top: 20px; padding-bottom: 14px;}
.widget .widget-body {margin: 0 15px;}
.widget .widget-bottom {height: 29px; background: url(images/widget-bottom.jpg) bottom center no-repeat;}
.widget .widget-body ul li {margin-bottom: 5px;}
/* portland chapter box */
.widget-portland {padding-top: 50px; height: 270px; width: 240px; background: url(images/portland-chapter-box.jpg) top center no-repeat;}
.widget-portland ul {margin: 0 0 0 30px; width: 170px;}
.widget-portland ul li {margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 2px;}

/* inspiration (categories) */
.widget_categories ul {margin: 0 0 0 15px; width: 180px;}
.widget_categories ul li {margin: 15px auto; border-bottom: 1px solid #ddd; padding-bottom: 4px;}

/* featured member widget*/
.widget-featured img {float: left; margin: 2px 8px 8px 2px; border: 1px solid gray;}
.widget-featured .featured-name {font-weight: bold; clear: both; font-size: 1.2em;}
.widget-featured #whatilove { border-top: 1px solid #ddd; margin-top: 25px;}
.widget-featured #whatilove a {display: block; background: url(images/whatilove.jpg) top center no-repeat; height: 102px; width: 186px; margin: 20px auto -20px; padding-top: 15px; text-align: center;}

/* next meeting */
.widget-nextmeeting p {margin: 5px 0 0 15px; font-size: 1.0em; line-height: 2.0;}
.widget-nextmeeting p.more {margin: 25px 0; text-align: center;}


/* home page */
/* #welcome {height: 250px;} */
#welcome {padding-top: 25px;}
#presmessage {text-align: right; margin: 15px auto; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
#presmessage a {font-weight: bold;}
#blog {padding-bottom: 20px;}
#blog .title {font-size: 1.8em; margin: 10px auto 30px; text-align: center;}
#blog .post .title {font-size: 1.4em; margin: 0 0 10px 0; text-align: left;}

/* calendar page */
#calendar_wrapLarge {margin-bottom: 25px;}

/* member list page */
.member {border: 1px dashed #ddd; padding: 0.5em; background-color: #f8fff8; margin-bottom: 1em;}
#content .member h3.name {margin-bottom: 5px;}
#content .member p {margin: 0 0 3px; padding: 0; line-height: 1.4;}
.member .thumb-img {float: right; margin-left: 10px; margin-bottom: 10px;}
.member .site, .member .email, .member .phone, .member .link {font-weight: bold;}

.member-detail .contact {padding-bottom: 10px; border-bottom: 2px solid #ddd; margin-bottom: 20px;}
.member-detail .contact a {font-weight: normal;}
.member-detail .contact .member-img {float: right;}
#content .member-detail .contact p.company {margin-bottom: 8px;}
.member-detail .contact .company a {font-size: 2.0em;}
#content .member-detail .contact p.name,
#content .member-detail .contact p.phone,
#content .member-detail .contact p.url {font-size: 1.8em; margin-bottom: 5px;}
#content .member-detail .contact p.url {margin-top: -3px;}
.member-detail .mem-description {width: 70%; text-align: justify; margin: 10px auto 20px; font-size: 1.3em;}


/* blog styles */
.navigation {margin-bottom: 20px;}
.post {margin-bottom: 25px; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.post h2.title {margin-bottom: 20px; font-size: 1.8em; line-height: 1.4; }
.entry p, .entry li {font-size: 1.2em; line-height: 140%;}
.entry ul, .entry ol {margin: 20px;}
.entry ul li {list-style: square outside;}
.entry ol li {list-style: decimal;}

.postmetadata {width: 90%; padding: 5px; background-color: #eee; border: 1px dashed #ccc; margin: 20px auto; clear: both;}
.post p.metatop {margin-top: -10px; margin-bottom: 12px; font-size: 0.8em;}

/* comments */
.commentlist li {margin-bottom: 15px; border: 1px solid #ddd; padding-bottom: 10px;}
.commentlist li.odd {background-color: #f9f9f9;}
.commentlist li div {margin: 10px;}