/* Theme Name: opendesignproject.1.0 Description: First stab at a child theme Author: Mark Randa Template: twentyten */ #mastercontainer { position:relative; margin-top:0; width:1280px; margin-left:auto; margin-right:auto; } /* ------------------------------ Banner Elements ------------------------------- */ /*Main wrapper for banner -- includes the top element of the navigation system*/ #banner { position:absolute; top:0px; left:330px; width :760px; height:180px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -0px -357px; width:760px; height:60px; background-repeat:no-repeat; z-index:2 } /*Wrapper for top bar*/ #navstrip_wrapper_top {width:760px; max-height:30px;} /*Spacers for four corners*/ /*Holds top bar contents*/ #navstrip_top {float:left; width:710px; height:24px; text-align:right; padding-top:6px; padding-right:20px} /*Wrapper for top bar*/ #navstrip_wrapper_top { width:760px; max-height:30px;} /*Spacers for four corners*/ /*Holds top bar contents*/ #navstrip_top { float:left; width:710px; height:24px; text-align:right; padding-top:6px; padding-right:20px} /*Wrapper for logo bar*/ #navstrip_wrapper_mid { width:760px; min-height:120px;} /*Logo...linked to root in banner.php*/ #logo_left {float:left; width:335px; min-height:120px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -70px -0px; width:313px; height: 100px; background-repeat:no-repeat;} /*Space to the right of the logo*/ #logo_right { float:left; width:415px; min-height:120px;} #navstrip_wrapper_bot {width:760px; height:30px;} #navstrip_bot {float:left; width:760px; height:30px; text-align:left; padding-left:40px; padding-top:6px;height:24px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: 1px -327px; background-repeat:no-repeat; } /* ------------------------------ Topnav Links ------------------------------- */ .banner {color: #B4B4B4; text-decoration: none; } .banner a:link {color: #B4B4B4; text-decoration: none; } .banner a:visited {color: #B4B4B4; text-decoration: none; } .banner a:active {color: #B4B4B4; text-decoration: none; } .banner a:hover {font-weight:bold; color: #4040ff; text-decoration: none;} #center_container { position:absolute; left:331px; top:180px; width: 760px; z-index:1; } #content_bg { top:0px; margin-top:0px; width:760px; height:100%; } #contents { width:680px; min-height:960px; padding-left:40px; padding-right:40px; float:left; clear:left; top:0px; background-image:url('http://opendesignproject.org/wp-content/images/bg_centers_sprite_06-04-10.png'); background-position: -0px -0px; background-repeat:repeat-y; z-index:0 }/*Holds all content */ #content_bottom-cap {float:left; clear:left; top:0px; width:760px; height:50px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -0px -357px; background-repeat:no-repeat;} #spacer {width:760px; height:20px; float:left; clear:left;} #footer_container {float:left; clear:left; width: 760px; height:20px; background-image: url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -0px -327px; background-repeat:no-repeat; z-index:1; } #footer_bg { top:0px; margin-top:0px; width:760px; height:100%; } #footer { width:680px; padding-left:40px; padding-right:40px; float:left; clear:left; top:0px; background-image:url('http://opendesignproject.org/wp-content/images/bg_centers_sprite_06-04-10.png'); background-position: -0px -0px; background-repeat:repeat-y; z-index:1 }/*Holds all content */ #footer_bottom-cap {float:left; clear:left; top:0px; width:760px; height:50px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -0px -367px; background-repeat:no-repeat;} /* ------------------------------ Htm Elements ------------------------------ */ html { background-color: white; font: normal 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; height: 101%;} a {font-weight:bold; color: #000080; text-decoration: none; } a:visited { font-weight:bold; color: #000080; text-decoration: none;} a:hover {color: #ff0000; text-decoration: none;} .rightfloat {float: right} .leftfloat {float: left} hr { width:80%; color:black; height:1px; noshade="noshade"} /* ------------------------------ Text Elements ------------------------------- */ p { text-align:left} h1 { font-size: 18px; text-align:left } h2 { font-size: 14px; text-align: left;} h3 { font-size: 14px; text-align: left;} h4 { font-size: 18px; text-align: center;} h5 { font-size: small; text-align: left;} .Center {text-align: center;} .Right {text-align: right;} .xsmall {font-size:x-small; font-weight:normal } .xxsmall {font-size:xx-small; font-weight:normal } img {border-width: 0;} .subtitle { font-size: xx-small; font-weight: bold;} .subsub { font-size: 12px; font-weight: bold; color: #669999; } .Highlight { background-color: #FFFFCC; } .h1_1 { font-size: 14px; text-align:left } .sidebar h2 { font-size: 14px; text-align: center;} .sidebar1 li { padding: 0; margin-left: -15px; list-style:none} .sidebar2 li { padding: 0; margin-left: -25px; list-style:none} .sidebar3 li { padding: 0; margin-left: -35px; list-style:none} .sidebar4 p { padding: 0; margin-left: -15px;} .sidebar5 { margin-left:37px} /* ------------------------------ Block Quote ------------------------------- */ blockquote { width: 300px; float: right; padding-left:10px; margin-left: 1em; margin-top: 0; border-left: solid 1px #999; font-size: 110%; padding-left: 0.25em; text-align: left; color: #2B97DA } .iLogic_Indent { text-align: left; margin-left: 10px} .iLogic_Bold { font-weight:bold; color: black} .iLogic_Red { font-weight:bold; color: #FF0000} .iLogic_Purple { font-weight:bold; color: #800080;} .iLogic_Dark_Blue { color: #000066} .iLogic_Blue { font-weight:bold; color: #0033ff} .iLogic_Teal {font-weight:bold; color: #008080;} .iLogic_Brown { color: #9E0000} .iLogic_Gray { color: #888888} /* ------------------------------ Left Stack ------------------------------- */ #left_container { float:left; clear:left; left:0px; top:30px; width: 366px; z-index:3}/*Holds the upper left column */ /*The upper leftmost spacer -- currently not used */ #Spacer_1 {float:left; clear: both; width:366px; min-height:15px} /*The upper leftmost ad right near ODP logo */ #TopLeftAd { width: 366px; min-height:200px} /* Below is the three divs for the menu ad */ #leftad_menu_wrapper {float:left; clear: both; width:346px; height:245px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -522px -0px; background-repeat:no-repeat; z-index:3} #leftad {float:left; margin-top:0px; width:186px; height:211px; cursor:hand; z-index:3} #leftad_menu { float:right; margin-right:10px; margin-top:0px; width:150px; height:211px; z-index:3} #Inventor_Reseller {float:left; clear:both; top:0px; left:0px; width:346px; min-height:375px; z-index:1; cursor:hand} /* #Spacer_2 {float:left; clear: both; width:366px; min-height:20px;} currently not used */ #NarrowLeftBottomSlot {float:left; clear: both; width:366px; height:110px;z-index:0; cursor:hand} /* Spacer below NarrowLeftBottomSlot to keep below the fold stuff where it belongs */ #Spacer_3 {float:left; clear: both; width:366px; min-height:20px} #google336x280_wrapper {float:left; clear: both; width:366px; height:310px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -156px -16px; background-repeat:no-repeat; z-index:0} #google336x280 {padding-left:0px; padding-top:0px; width:334px; height:278px; background-color:white; z-index:0} .double_button_wrapper {float:left; clear: both; width:366px; height:156px;} .double_button_spacer {float:left; width:30px; height:155px; } .double_button_container {float:left; width:155px; height:155px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -337px -141px; background-repeat:no-repeat; z-index:0} #left_survey {float:left; clear: both; display:block; width:366px; height:310px; background-image:url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -868px -0px; background-repeat:no-repeat; z-index:0; cursor:hand} /* ------------------------------ Right Stack ------------------------------- */ #right_container { position:absolute; left:1056px; top:15px; width: 230px; z-index:0; }/*Holds the right column */ #right_spacer { width: 230px; min-height:115px; } /*Background for upper right ad */ #ad_right_01 { float:right; clear: both; width: 230px; height:230px; z-index:0; cursor:hand} #ad_right_02 { float:right; clear: both; width: 230px; height:104px; z-index:0; cursor:hand} #ad_right_03 { float:right; clear: both; width:230px; height:164px; z-index:0; cursor:hand;} #ad_right_04 { float:right; clear: both; width:230px; height:174px; z-index:0; cursor:hand;} #sm_google_wrapper {float:right; clear:right; width:230px; height:230px; background-image: url('http://opendesignproject.org/wp-content/images/sprite_06-04-10.png'); background-position: -32px -36px;} #sm_google {float:right; top:0px; width:200px; height:200px; background-color:white} #retropolous{ float:right; clear:right; width:230px; height:265px; z-index:0; cursor:hand;} /* ------------------------------ Wordpress Misc ------------------------------- */ #wp_text { position:relative; max-width:200px; left:10px; top:-30px} #tagbox {clear: both; position:relative; margin-left:auto; margin-right:auto; width:90%; border:1px; border-color:black; border-style:solid} /* ------------------------------ Smooth Menu ------------------------------- */ .normal {background-color: white; font: normal 13px "Trebuchet MS", Verdana, Helvetica, sans-serif} .ddsmoothmenu{ background: #2a2a2a; /*background of menu bar (default state)*/width: 100%} .ddsmoothmenu-v ul{ margin: 0; padding: 0; width: 150px; /* Main Menu Item widths */ list-style-type: none; border-bottom: 1px black} .ddsmoothmenu-v ul li{ position: relative;} /* Top level menu links style */ .ddsmoothmenu-v ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 4px; border-bottom: 1px solid #778; border-right: 1px solid #778} .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:active{ background: #2a2a2a ; /*background of menu items (default state)*/ color: white; } .ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: black; color: white} .ddsmoothmenu-v ul li a:hover{ background: black; /*background of menu items during onmouseover (hover state)*/color: white; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;} /*Sub level menu items */ .ddsmoothmenu-v ul li ul{ position: absolute; width: 218px; /*Sub Menu Items width */ top: 0; /*font-weight: normal;*/ visibility: hidden} /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; z-index:3 } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ width: 190px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray} /* Holly Hack for IE \*/ * html .ddsmoothmenu-v ul li { float: left; height: 1%; } * html .ddsmoothmenu-v ul li a { height: 1%; } /* End */ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px} .rightarrowclass{ position: absolute; top: 6px; right: 5px} /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver} .toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8;} /* ------------------------------ Back Links ------------------------------- */ .white a:link {color: #ffffff; text-decoration: none} .white a:visited {color: #ffffff; text-decoration: none} .white a:active {color: #ffffff; text-decoration: none} .white a:hover {font-weight:bold; color: #ff0000} .white h2 {color: #ffffff; text-decoration: none} .white p {color: #ffffff; text-decoration: none} .white li {color: #ffffff; text-decoration: none; list-style:none} .white ul {color: #ffffff; text-decoration: none; list-style:none} .menuframe { width: 100%; height: 100%}/*Centers table text. Used for footer */ /* ------------------------------ Back Links ------------------------------- */ a.BackLink {color: #ff5522; text-decoration: none;} .BackLink { color: #ff5522;} a:visited.BackLink { color: #ff5522;} /* ------------------------------ Icon Hover Image ------------------------------- */ .thumbnail{ position: relative; z-index: 0; color: #2B97DA} a:visited.thumbnail { color: #0D8F63;} .thumbnail:hover{ background-color: transparent; z-index: 50} /*CSS for enlarged image*/ .thumbnail span{ position: absolute; padding: 0px; left: -1000px; visibility: hidden; color: #0D8F63; text-decoration: none;} /*CSS for enlarged image*/ .thumbnail span img{ border-width: 0;padding: 0px;} /*CSS for enlarged image on hover*/ .thumbnail:hover span{ visibility: visible; top: -80px; left: -15px; /*position where enlarged image should offset horizontally */} /* ------------------------------ preload Images ------------------------------- */ #preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px;} /* ------------------------------ Tip Box ------------------------------- */ .TipBox { position:relative; margin-left:auto; margin-right:auto; width: 60%; border: 1px solid Black; background-color: #FFFFCC; text-align: center; padding:5px; } .TipBox2 { position:relative; margin-left:auto; margin-right:auto; width: 85%; border: 1px solid Black; text-align: left; padding:15px; } .TipBox2 td {padding:15px} /* ------------------------------ Parameter Table ------------------------------- */ .ParamTable { width: 90%; border: 1px solid Black; text-align: center} .ParamTable1 { border: 1px solid Black; text-align: left} .ParamTable2 { border: 1px solid Black; text-align: center} .dropdown { width: 100%; height: 22px; text-align: center} /* ------------------------------ Smooth Menu ------------------------------- */ /* ------------------------------ Wordpress CSS ------------------------------- */ .alignright {float:right} /* ------------------------------ Video Sprite CSS ------------------------------- */ #video_wrapper_560_X_340 {position:relative; margin-left:auto; margin-right:auto; width:590px; height:382px; padding-top:0px; background-image:url('http://opendesignproject.org/wp-content/images/video_backgrounds_sprite.png'); background-position: -670px -0px; background-repeat:no-repeat; z-index:0} #video_container_1 {position:relative; margin-left:auto; margin-right:auto; top:12px; width:560px; height:340px; z-index:0} #video_wrapper_480_X_385 {position:relative; margin-left:auto; margin-right:auto; width:510px; height:427px; padding-top:0px; background-image: url('http://opendesignproject.org/wp-content/images/video_backgrounds_sprite.png');background-position: -1260px -0px; background-repeat:no-repeat;} #video_container_2 {position:relative; margin-left:auto; margin-right:auto; top:12px; width:480px; height:385px; z-index:0} #video_wrapper_640_X_385 {position:relative; margin-left:auto; margin-right:auto; width:670px; height:427px; padding-top:0px; background-image: url('http://opendesignproject.org/wp-content/images/video_backgrounds_sprite.png'); background-position: -0px -0px; background-repeat:no-repeat; z-index:0} #video_container_3 {position:relative; margin-left:auto; margin-right:auto; top:12px; width:640px; height:385px; z-index:0} .wp-smiley { float:none; width:12px; height:12px;} .img.wp-smiley { float:none; width:15px; height:15px;} #footer_youtube { background-image: url('http://opendesignproject.org/wp-content/images/youtube.png');width:63px; height:64px; top:-15px} #google_search_wrapper { float:left; clear:both; margin-left:20px; margin-top:-4px; max-height:22px} /* ------------------------------ Archive Text ------------------------------- */ .archives a:link {color: #fad529; text-decoration: none} .archives a:visited {color: #fad529; text-decoration: none} .archives a:active {color: #fad529; text-decoration: none} .archives a:hover {font-weight:bold; color: #ffffff} .archives h2 {color: #fad529; text-decoration: none} .archives p {color: #fad529; text-decoration: none} .archives li {color: #fad529; text-decoration: none; list-style:none; margin-top:-8px; margin-left:-10px } .archives ul {color: #fad529; text-decoration: none; list-style:none;} #archive_wrapper{ float:right; clear:right; width:230px; background-image: url('http://opendesignproject.org/wp-content/images/archive_sprite.png'); background-position: -0px -0px; background-repeat:no-repeat} #expando_wrapper{ position:relative;top:0px; left:58px; width:150px; } #archive_top { width:150px; height:75px; top:0px; left:0px;} /*The div below holds the archive code*/ #archive_mid { float:right; clear:right;top:0px;left:0px;width:150px; background-image: url('http://opendesignproject.org/wp-content/images/bg_centers_sprite_06-04-10.png'); background-position: -761px -0px; background-repeat:repeat-y; } #archive_bottom {float:right; clear:right; width:150px; height:37px; left:0px; background-image: url('http://opendesignproject.org/wp-content/images/archive_sprite.png'); background-position: -230px -0px; background-repeat:no-repeat} #retro_sidebar {float:right; clear:right; width:150px; background-image: url('http://opendesignproject.org/wp-content/images/bg_centers_sprite_06-04-10.png'); background-position: -761px -0px; background-repeat:repeat-y;} #sponsorformwrapper {width:480px; height:407px; position:relative; margin-top:0; margin-left:auto; margin-right:auto; background-image:url('http://opendesignproject.org/wp-content/images/sponsor_form_bg.png')} #sponsorform {width:450px; height:377px; position:relative; margin-top:0; margin-left:auto; margin-right:auto;}