#body-resized { background: #eaeaea url( ../images/background.gif ) top left repeat-x; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; line-height: 170%; color: #555; width: 90%; min-width: 960px; max-width: 960px; margin: 0 auto; padding-top: 0 !important; /* Remove the top padding space for the admin bar in this theme */ } /* Navigation - custom menu suppost - thanks to modemlooper: http://modemloop.wordpress.com/ ————————————————————– */ ul#nav li.selected:hover > a, ul#nav li.current_page_item:hover > a, ul#nav li.current_menu_item:hover > a { background: #333; color: #fff; } #nav ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 30px; float: left; width: 180px; z-index: 99999; } #nav ul li { min-width: 180px; position: relative; } #nav ul a { background: #333; padding: 10px; width: 160px; height: auto; } #nav ul li a { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; } #nav ul.sub-menu li a { background: #333; color: #fff; } #nav li.current_page_item a:hover, #nav li.current_menu_item a:hover, #nav ul.sub-menu li a:hover { background: #222; } #nav li:hover > a, #nav ul ul :hover > a { background: #333; color: #fff; } #nav li:hover > ul { display: block; } #nav ul ul { position: absolute; top: 0; left: 100%; width: 100%; } /* > Static Sidebar - the one on the left -------------------------------------------------------------- */ div#static-sidebar { float: left; width: 224px; margin-right: -225px; margin-top: 1px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; position:relative; background: url( ../images/sidebar_back.gif ) top left repeat-x; } div#static-sidebar div#static-sidebar-me img.avatar { float: left; margin: 0 10px 15px 0; border:10px solid #EEEEEE; } div#static-sidebar div#static-sidebar-me h4 { font-size: 16px; margin: 0 0 8px 0; font-weight: normal; } /*added the rule below to fix sidebar margin due to the zebra styling of the activity*/ div#static-sidebar ul.item-list { margin-left: 0px; width: 105%; } div#static-sidebar ul#bp-nav { clear: left; margin: 15px -16px; } div#static-sidebar ul#bp-nav li { padding: 10px 15px; } div#static-sidebar h3.widgettitle { margin: 25px -20px 10px -19px; background: #eaeaea; padding: 5px 15px; font-size: 12px; clear: left; } div#static-sidebar .widget_search { margin-top: 20px; } div#static-sidebar .widget_search input[type=text] { width: 110px; padding: 2px; } div#static-sidebar ul#recentcomments li, div#static-sidebar .widget_recent_entries ul li { margin-bottom: 15px; } div#static-sidebar ul.item-list img.avatar { width: 20px; height: 20px; margin-right: 10px; } div#static-sidebar div.item-avatar img { width: 40px; height: 40px; margin: 1px; } div#static-sidebar .avatar-block { overflow: hidden; } div#static-sidebar ul.item-list div.item-title { font-size: 12px; } div#static-sidebar div.item-options { margin: -10px -20px 0 -19px; background: #f8f8f8; padding: 5px 15px; font-size: 11px; } div#static-sidebar div.item-meta, div#static-sidebar div.item-content { margin-left: 38px; font-size: 11px; } div#static-sidebar div.tags div#tag-text { font-size: 1.4em; line-height: 140%; padding-top: 10px; } /* > Sidebar -------------------------------------------------------------- */ div#sidebar { float: left; width: 224px; margin-left: -226px; margin-top: -44px; border-left: 1px solid #ddd; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; background: url( ../images/sidebar_back.gif ) top left repeat-x; } div#sidebar div#sidebar-me img.avatar { float: left; margin: 0 10px 15px 0; } div#sidebar div#sidebar-me h4 { font-size: 16px; margin: 0 0 8px 0; font-weight: normal; } /*added the rule below to fix sidebar margin due to the zebra styling of the activity*/ div#sidebar ul.item-list { margin-left: 0px; width: 105%; } div#sidebar ul#bp-nav { clear: left; margin: 15px -16px; } div#sidebar ul#bp-nav li { padding: 10px 15px; } div#sidebar h3.widgettitle { margin: 25px -20px 10px -19px; background: #eaeaea; padding: 5px 15px; font-size: 12px; clear: left; } div#sidebar .widget_search { margin-top: 20px; } div#sidebar .widget_search input[type=text] { width: 110px; padding: 2px; } div#sidebar ul#recentcomments li, div#sidebar .widget_recent_entries ul li { margin-bottom: 15px; } div#sidebar ul.item-list img.avatar { width: 20px; height: 20px; margin-right: 10px; } div#sidebar div.item-avatar img { width: 40px; height: 40px; margin: 1px; } div#sidebar .avatar-block { overflow: hidden; } div#sidebar ul.item-list div.item-title { font-size: 12px; } div#sidebar div.item-options { margin: -10px -20px 0 -19px; background: #f8f8f8; padding: 5px 15px; font-size: 11px; } div#sidebar div.item-meta, div#sidebar div.item-content { margin-left: 38px; font-size: 11px; } div#sidebar div.tags div#tag-text { font-size: 1.4em; line-height: 140%; padding-top: 10px; } /* > Content -------------------------------------------------------------- */ div#content { float: left; width: 100%; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } div#content .padder { margin-left: 225px; margin-right: 225px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } div#content .padder-resized { padding:20px 19px 20px 19px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } /* these next two rule are to style your login page */ div#content .login-index { float:left; width: 180px; padding:19px; } div#content .intro-index { float:left; padding-left: 19px; margin-left:19px; border-left: 1px solid #ddd; } div#content .left-menu { float: left; width: 170px; } div#content .main-column { margin-left: 190px; } /* BuddyBar Widget Styling */ #bbw-community, #bbw-personal { margin-bottom: .5em; } #bbw-community, #bbw-personal { float: left; margin-left: 0px; list-style: none; } #bbw-community, #bbw-personal { width: 90px; } /*> Activity Stream Listing - zebra styling --------------------------------------------------------------*/ /*need to find a fix for IE*/ div.activity ul.item-list li:nth-child(odd) { background: #F4F4F4; } /* > Item Lists (Activity, Friend, Group lists) - fix for the content padder's padding -------------------------------------------------------------- */ ul.item-list { width: 105%; margin-left:-19px; } ul.item-list li img.avatar { float: left; margin: 0 10px 10px 10px; } /*styling for the activity update form*/ form#whats-new-form { background:none; margin-bottom:30px; padding:15px; } form#whats-new-form #whats-new-content { -moz-border-radius:0 0 0 0; background:url("../images/whatsnewspeech.gif") no-repeat scroll left top transparent; border:medium none; padding:0 0 0 20px; } form#whats-new-form #whats-new-textarea { padding: 10px; border: none; background:none repeat scroll 0 0 #F4F4F4; margin-bottom: 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } form#whats-new-form textarea { background:none repeat scroll 0 0 #F4F4F4; } form#whats-new-form h5 { color: #555555; } /* > Activity Stream Listing - fix for zebra styling -------------------------------------------------------------- */ .activity-list li.mini div.activity-meta { padding-right: 10px; } /* > Item Lists (Activity, Friend, Group lists) - fix for zebra styling -------------------------------------------------------------- */ ul.item-list li div.action { padding-right: 10px; }