@import "http://dev.managingmankind.com/wp-content/plugins/tinymce-advanced/css/tadv-mce.css"; /* this impot points to the inline styles accesse by the text editor for WSIWYG editing in the backend */ /* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ * v1.0 | 20080212 */ 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } body { background: url(images/BG-Top.gif) repeat-x top; background-color:#03335E; margin:0; padding-top:0; } .custom .page { padding-top:0; margin-top:0; background:none; } #header_area .page{ padding-top:0; margin-top:0; } div #content_box { margin-top:0; padding-top:0; background: url(images/BG-ContentwithShadow.png) top repeat-y; width:1050px; } .full_width { background:none; } .post_box, .teasers_box, .full_width #content_box .page { margin:0 4em 0 3.1em; } .custom #content { float:left; padding-left:10px; width:580px; } .custom #header { background: url(images/Header.jpg) top center no-repeat; height:200px; border-bottom:none; padding-top:0; padding-bottom:0; position:relative; width:1050px; } h2 a { color:#3D6283; } .headline_area h1, .headline_area h2 { border-bottom:1px dashed #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size:3.2em; line-height:1em; border-bottom: 1px dotted #000066; } .custom .format_text { font-size:1.3em; line-height:1.7em; } .custom .format_text h2, .format_text h3 { font-family: Helvetica, Arial, sans-serif; /*border-bottom:1px dotted #000000;*/ font-size:1.9em; line-height:1.1em; } .format_text h3 { font-size:1.2em; border:none; font-weight:bold; } p a .tt {width: 200px; float:right;} p .to_comments { width: 300px; float:left; background:url(images/BG-Coments.png); background-color:#00CC00; position:relative; } /* Archive Text styles */ #archive_info { color:#666666; border: none;} /* teaser styles */ .teasers_box { width:51em; } .teaser { width:24.1em; } .teaser h2 {font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; } .custom .teaser .format_teaser { font-size:1.3em; line-height:1.6em; } .custom .prev_next { margin: 0 2.2em 0 1.1em; } /* Add background and border styling to images */ .format_text img.right, .format_text img.alignright, .format_text img.left, .format_text img.alignleft { padding: 5px; border: #999999 1px solid; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /*---:[ make the banner a home link and position the top right global nav links ]:---*/ #bannerLink { position:absolute; top: 26px; left:0px; width:1005px; height:160px; z-index:100;} #topLinks { position:absolute; top:4px; right:45px; width:375px; height:15px; } #topLinks p { text-align: right; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #topLinks a { line-height: 1em; color: #FFF; text-decoration: underline; padding-left: 15px; } #topLinks a:hover { color: #99CCFF; text-decoration: none; } /*---:[ nav menu styles ]:---*/ .menu { list-style: none; border:none; width:1050px; margin-left:10px; } .menu li { margin:0; padding:0; margin-bottom: -0.1em; vertical-align:middle; float: left; height:59px; width:172px; text-align:center; background:url(images/BG-NavGradient-Off.png) top left repeat-x; cursor:pointer; } /*-- change the width if number of categories/links changes --*/ .menu .home-item { background:url(images/BG-NavGradient-Home-Off.png) top left; } .menu .current_page_item, .menu .current-cat { padding-bottom: 0.1em; background: #fff; background:url(images/BG-NavGradient-On.png) top left repeat-x; } .menu li .home-item .current_page_item {background:url(images/BG-NavGradient-Home-On.png) top left; } .menu li:hover { background:url(images/BG-NavGradient-On.png) top repeat-x; } .custom .menu a { display: block; line-height: 1.25em; color: #FFF; font-size:1.2em; text-decoration:none; background:none; }!important .menu a:hover { color: #FFF; text-decoration: none; background:none; } .menu .current_page_item a, .menu .current-cat a { cursor: pointer; color:#FFF; text-decoration:none; background:none; } .menu .current_page_item a:hover, .menu .current-cat a:hover { text-decoration: none; background:none; } .custom .menu, .custom .menu li { border-style: none; } .custom ul.menu li a { text-transform: none; } /*---:[ Customer footer styles ]:---*/ .custom #footer_1 {text-align:left; color:#333; } .custom #footer_1 ul.sidebar_list li.widget {width:23%; margin-right:2%; float:left;} .custom #footer_1 ul.sidebar_list li.widget h3 {color:#222;} .custom #footer_1 ul.sidebar_list li.widget a {color:#444; border-bottom:0;} .custom #footer_1 ul.sidebar_list li.widget a:hover {color:#111;} .Footer3 ul { color: #CCCCCC; } #footer .Footer3 a:link, #footer .Footer3 a:visited { text-decoration:underline; color: #CCCCCC; }!important /*---:[ sidebar styles ]:---*/ li.widget .widget_box {background:none; border:none; } .custom #sidebars { margin-top:18px; float:left; margin-top:-12px;} /* .custom .sidebar h3 { font-weight:bold; color:#3D6283; text-transform:none; font-family:georgia, times; border-bottom: 1px dotted #000066; }!important */ .custom ul .sidebar_list h3 {text-transform:none; }!important li.widget { padding-bottom: 1.9em; } .custom .widget {margin-bottom:2em; } .sidebar li a { text-decoration: none; color:#333333; }!important .sidebar a:hover { text-decoration: underline; color: #003366; } .sidebar li a { text-decoration: none; color:#333333; }!important /*.custom .widget { background:url(images/BG-SideBar-Gradient.png) top repeat-x; }*/ .widget h3 {text-transform:none; } /*---:[ Widget Custom Background/Headers ]:---*/ /*#twitter-3 { background:url(/wp-includes/images/header-twitter.png) top left no-repeat; }*/ #popular-posts h3 { background:transparent url(/wp-includes/images/WidgeHead-MostPopular.png) no-repeat bottom left; height:48px; margin-left:-3px; /*width:215px; margin-left:-30px;*/} #sm_links { background:transparent url(/wp-includes/images/WidgeHead-SMlinks.png) no-repeat top left; height:120px; width:205px; margin-bottom:40px; margin-left:-8px; position:relative; /*margin-left:-25px;*/} /* all the hover functionality for this widget is beolow */ #sm_links ul { margin-left:4px; } #tag_cloud-3 h3 { background:transparent url(/wp-includes/images/WidgeHead-tags.png) no-repeat bottom left; height:28px; margin-left:-3px; /*width:215px;*/} #recent-posts-3 h3 { background:transparent url(/wp-includes/images/WidgeHead-RecentPosts.png) no-repeat bottom left; height:48px; margin-left:-3px; /*width:215px; margin-left:-30px;*/} #linkcat-2 h3 { background:transparent url(/wp-includes/images/WidgeHead-BlogRoll.png) no-repeat bottom left; height:48px; width:215px; margin-left:-30px;} #twitter-3 h3 { background:transparent url(/wp-includes/images/WidgeHead-twitter.png) no-repeat bottom left; height:48px; width:215px; margin-left:-30px; overflow:visible;} ul .tweets a { color:#3D6283; } /* Right Sidebar ==================================== */ #sidebar_2 { margin-top:5px ; } #about_profiles { background:transparent url(/wp-includes/images/WidgeHead-AboutProfiles.png) no-repeat top left; margin-bottom:.5em; } /* About Profiles widget */ #about_profiles p {padding-top:38px; padding-bottom:0px; font-size:1.3em; line-height:1.385em;} #editorial_team { background:transparent url(/wp-includes/images/WidgeHead-editorial.png) no-repeat -3px 0; padding-top:0; margin-bottom:1.4em; padding-top:47px; } #editorial_team img { float:right; margin: 0; margin-right:3px; left:0 3px; padding:2px; border:1px solid #666666; } #editorial_team p { font-size:1.3em; line-height:1.385em; } #featured { position:relative; } #featured h3 { background: url(/wp-content/uploads/2010/07/WidgeHead-Featured.png) no-repeat top left; padding:40px; padding-bottom:10px; width:220px; margin-left:-6px; } #featured p {font-size:1.3em; line-height:1.385em; text-align:center; } #featured img { border:0; } #featuredReport { position:relative; } #featuredReport h3 { background: url(/wp-includes/images/WidgeHead-FeaturedReport.png) no-repeat top left; padding:40px; padding-bottom:10px; width:220px; margin-left:-6px; } #featuredReport p {font-size:1.3em; line-height:1.385em; text-align:center; } #featuredReport img { border:0; } #characters { position:relative; padding-top:60px; background:transparent url(/wp-includes/images/WidgeHead-Characters.png) no-repeat -2px 0; width:210px; } #characters p {font-size:1.3em; line-height:1.385em; text-align:left; } #recent-comments-3 h3 { background:transparent url(/wp-includes/images/WidgeHead-RecentComments.png) no-repeat top left; margin: 5px; margin-left:-15px; padding:40px; padding-bottom:8px; } #recent-comments-3 a { color:#3D6283; } #search { padding-top:25px; } #search p { margin-right:1em; } #flickr_badge_uber_wrapper #flickr_badge_uber_wrapper table { border:none; } #flickr_badge_uber_wrapper img { border: #666666 1px solid; } #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { color:#CCCCCC; } .Footer1.ul { padding-left:35px; } /*---:[ social media widget hover functionality ]:---*/ #sm_links { margin: 0; padding: 0; height: 61px; list-style: none; overflow: hidden; position:relative; padding-top:60px; margin-left:-7px; } #sm_links ul { padding: 0 0 0 15px;} #sm_links li { margin: 0; padding: 0; list-style: none; display: inline; } #sm_links a { float: left; padding: 40px 0 0 0; /* This pading is what makes the graphics visible, should be equal to the height of the button */ overflow: hidden; height: 0px !important; height /**/:20px; /* for IE5/Win only */ } #sm_links a:hover { background-position: 0 -40px; } #sm_links a:active, #sm_links a.selected { background-position: bottom; } #linkedin_link a { width: 40px; background: url(/wp-includes/images/SM-linkedin.png) top left no-repeat; } #twitter_link a { width: 40px; background: url(/wp-includes/images/SM-twitter.png) top left no-repeat; } #facebook_link a { width: 40px; background: url(/wp-includes/images/SM-facebook.png) top left no-repeat; } #youtube_link a { width: 40px; background: url(/wp-includes/images/SM-youtube.png) top left no-repeat; } /*---:[ post footer styles ]:---*/ /* AUTHOR BOX */ .custom #comments { clear: both; } .postauthor { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#F5F5F5 none repeat scroll 0 0; border-bottom:1px solid #E1E1E0; border-top:1px solid #E1E1E0; margin:10px 15px 10px 10px; overflow:hidden; padding:1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; } .postauthor p.hlight { font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } /* BOXES */ #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; } #similar { float: left; width: 42%; padding-left:30px;} #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; } #similar ul, ol { font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; } #similar li { padding-bottom:12px; } #similar a { font-size: 1.4em; line-height: 1.3em; font-style:italic; } #similar a:hover { color:#999999; } #similar h3 { padding-left: 0; margin-bottom:12px; } #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; } /* Right Column */ #rightcol { float: right; width: 50%; margin-right:10px; } #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; } #rightcol h3 { padding: 0; } #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; } #rightcol ul a { border-bottom: 1px solid #000033; font-size: 14px; } #rightcol ul a:hover { border: 0; } #rightcol li { margin-bottom: 10px; } #subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*---:[ page footer styles ]:---*/ .custom #footer { height:380px; padding-top:60px; background: url(/wp-includes/images/FooterTop.png) no-repeat -456px 0; } #footer a { border:none; } .col { width:320px; height:320px; margin-right:35px; float:left; text-align:left; position:relative; } .custom .Footer1 { width: 200px; } .custom #flickr_badge_wrapper { background:none; padding: 5px; border: none; } .custom .Footer1 { background:transparent url(/wp-includes/images/WidgeHead-flickr.png) no-repeat top left; padding-top:40px; } .custom #wp-calendar { background:#FFFFFF; width: 80%; } .widget_calendar { padding-left:30px; } .custom .Footer2 { background:transparent url(/wp-includes/images/WidgeHead-Calendar.png) no-repeat top left; padding-top:45px; margin-left:50px; } .custom .Footer3 { background:transparent url(/wp-includes/images/WidgeHead-FinePrint.png) no-repeat top left; padding-top:40px; padding-left:20px; }!important /*---:[ the follinwg junk is the old footer styles ]:---*/ /* follow me on twitter box */ .custom #twitter_div { padding:0.425em; border:none; } .custom #twitter_div img { float:right; } /* other footer box styles .custom #footer { padding-bottom:0em; padding-top:2em; padding-left:0em; padding-right:0em; } .custom #footer p { font-size:1.0em; line-height:1.3em; } .custom #footer li.widget p { margin-bottom:1em; } .custom #footer_1 { text-align:left; } .custom #footer_1 ul.sidebar_list li.widget { width:30%; margin-right:3%; float:left; } .custom #footer_1 ul.sidebar_list li.widget h3 { color:#ffffff; } .custom #footer_1 ul.sidebar_list li.widget a { color:#ffffff; border-bottom:0; } .custom #footer_1 ul.sidebar_list li.widget a:hover { color:#b20c0c; } */ /* copyright info in footer */ .custom .copyright_div { padding:0.425em; border:none; width:30%; float:right; height:305px; } .custom .copyright_div img { float:right; } /* Flickr info in footer */ .custom .sidebar_3 { padding:0.425em; border:none; width:30%; height:305px; } .custom #copyright_div img { float:right; } /* calendar info in footer */ .custom .sidebar_4 { padding:0.425em; border:none; width:30%; float:right; height:305px; } .custom #copyright_div img { float:right; } /* about me box in footer */ .custom #about_div { padding:0.425em; border:none; background:#888888; } .custom #about_div img { float:left; padding-right:1em; } .custom #footer_area { background: url(/wp-includes/images/FooterBackgroundRepeat.png) top; } .custom #footer { border-top:0; } .custom #footer_1 ul.sidebar_list li.widget h3 { color:#FFFFFF; font-family:Arial; font-size:1.8em; text-transform:uppercase; font-variant:none; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif } .custom #footer_1 ul.sidebar_list li.widget h4 { color:#FFFFFF; font-family:Arial; font-size:1em; text-transform:uppercase; font-variant:none; letter-spacing:0px; font-weight:normal; float:right; } .custom #footer_1 ul.sidebar_list li.widget a:hover h4 { color:#b20c0c; text-transform:underline; } /* this is the end of old footer styles --------------------- */ /*---:[ inline markup styles ]:---*/ /*-- oogy boogy boo! --*/ /* Add css class names below and they will show in all "Style" drop-downs. They must be here AND in tadv-mce.css*/ /*---:[ inline markup styles ]:---*/ .simplePullQuote { display: block; float: right; padding: 0 0 0 10px; margin: 0 0 10px 10px; width: 170px; font-size: 1.4em; line-height: 1.4em; text-align: right; color: #666; border:none; font-family:Georgia, "Times New Roman", Times, serif; } .PullQuote{ display: block; float: right; padding: 0 0 0 10px; margin: 0 0 10px 10px; width: 170px; font-size: 1.4em; line-height: 1.4em; text-align: right; color: #C17700; border-left: #000033 thin dotted; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(/wp-includes/images/quote.png) top left no-repeat; } .PullQuoteRight{ display: block; float: right; /*padding: 0 0 0 10px;*/ margin: 0 0 20px 20px; width: 170px; font-style:italic; font-size:1.4em; line-height: 1.6em; text-align: left; color: #C17700; /*border-left: #000033 thin dotted;*/ font-family: Georgia, "Times New Roman", Times, serif; /*background:url(/wp-includes/images/quote.png) top left no-repeat;*/ } .PullQuoteLeft { border:medium none; color:#C17700; display:block; float:left; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.4em; font-style:italic; line-height:1.6em; margin:20px 20px 0 0; text-align:right; width:170px; } .PullQuoteCenter { padding:10px; text-align:center; color: #666666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:2em; } .bigQuestion { font-size: 1.4em; line-height: 1.2em; text-align: center; color: #C17700; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(/wp-includes/images/quote.png) top left no-repeat; } .paragraphUnderline { border-bottom:#000099 1px dashed; } .custom .dropcap { font-family:Georgia, "Times New Roman", Times, serif; color: #3D6283; float: left; font-size:4.8em; line-height:60px; padding-top:0; padding-right:8px;}