/* ############################################################ # FONT SIZES # # Base font size is 13px as set in the CSS-Reset file. # # Specify all font sizes as the % below to achieve the # desired pixel size # # PIXEL PERCENTAGE # 10 77 # 11 85 # 12 93 # 13 100 # 14 108 # 15 116 # 16 123.1 # 17 131 # 18 138.5 # 19 146.5 # 20 153.9 # 21 161.6 # 22 167 # 23 174 # 24 182 # 25 189 # 26 197 ############################################################ */ /* ############################################################ # COLOURS # # Key colours for the design should be referenced below. # # WHITE FFFFFF # BLACK 000000 # BLUE 006fb7 ############################################################ */ /* ############################################################ # SECTION NAME # # Each section within the CSS should have a header and # brief description. A section will be a logical block # within the website - i.e "Main Structure", "Header" ############################################################ */ /* FRAMEWORK */ Body {text-align:center;background-color:#f5d8ae;background-image:url(images/BG.png);background-repeat:no-repeat;background-position:50% 120px;font-family:trebuchet MS, arial, sans-serif;} .SmallFont {letter-spacing: 0pt;word-spacing: 0.4pt;line-height: 1.8;Font-size:12px;} .LargeFont {font-size:15px;line-height: 1.4;} h3 {font-family:Arial, Helvetica, sans-serif; color:#f8d4b0; font-size:138.5%;margin:40px 0px 0px 10px;font-weight:bold;float:left;} /* the main ul (if list is activated) */ ul.twitter { margin:10px 0; width:100%; } /* the ul items (if list is activated)*/ li.twitter-item { width:600px; } /*each one of the paragraphs (if msgs > 1)*/ p.twitter-message { margin:12px 0; } /*the timestamp span class*/ .twitter-timestamp { display:block; border-bottom:1px solid black; width:100%; margin:8px 0 0 0; height:30px; color:#006FB7; font-family:Arial,Helvetica,sans-serif; font-size:108%; font-weight:bold; line-height:14px; } } /*the tweet link class*/ a.twitter-link { } /*the @username reply link class*/ a.twitter-user { } h1 {font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; color:#000000; font-weight:bold; font-size:440%; margin:0; padding:0;} h1 span {color:#FF0000;} h2 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:238%;margin:0; padding:0; font-weight:bold;} h2 span {color:#006fb7;} h2 span.reder {color:#FF0000;} #SiteHolder {margin:0 auto;width:910px;text-align:left;} #LeftColumn {float:left;width:224px; display:inline;} #RightColumn {float:right;width:680px;} #FullColumn {float:left;width:100%;} #RightColumnHolder {margin:50px 0 0 0; background:#fbefde; float:left; clear:both; width:680px; background-image:url(images/contentRoundTop.gif); background-position:top; background-repeat:no-repeat;overflow:hidden;} #RightColumnInnner {margin:25px 25px 0px 25px; background:#fcefdf; float:left; width:630px;display:inline;} #RightColumnHolder ul{list-style:none;width:100%;float:left;} #RightColumnHolder ul li{float:left;width:300px;margin:3px 0px 3px 10px;display:inline;clear:both;} #RightColumnHolder ul li a{color:#FF0000;text-decoration:none;font-size:14px;} #RightColumnHolder ul li a:hover{color:#343434;text-decoration:underline;font-size:14px;} .Shadow {margin-bottom:-5px;} #Logo {margin:10px 0px 0px 0px; float:left;display:inline;} #TopRightLinks{float:right;text-align:right;} #TopRightLinks ul{list-style:none;float:right;width:250px;text-align:right;} #TopRightLinks ul li{list-style:none;float:left;} #TopRightLinks ul li a{margin:5px 0px 0px 10px;display:inline;font-size:11px;color:#898989;text-decoration:none;} #TopRightLinks ul li a:hover {text-decoration:underline;} /* MAIN NAV */ #NavHolder {float:left;width:680px;height:37px;margin:20px 0px 0px 0px;display:inline;overflow:hidden;position:relative;} #NavBarBG {position:relative;z-index:1;width:1400px;height:37px;top:-37px;left:-700px;background-image:url(images/MenuGlowBar.png);background-repeat:no-repeat;overflow:hidden;background-position:0px 2px;} #NavBar {position:relative;z-index:2;width:680px;height:37px;background-image:url(images/MenuPanel.png);background-repeat:no-repeat;overflow:hidden;} #NavBar UL{list-style:none;float:left;margin:5px 0px 0px 40px;display:inline;} #NavBar UL LI {float:left;margin:0px 30px 0px 0px;font-size:18px; color:#FF0000;text-decoration:none;} #NavBar UL LI a{color:#FF0000;text-decoration:none;} #NavBar UL LI.On a{color:#FFFFFF;text-decoration:none;} #NavBar UL LI a:hover{color:#FFFFFF;text-decoration:none;} #MenuTopSwirl {width:72px;height:20px;background-image:url(images/MenuTopSwirl.png);position:relative;z-index:10;} #MenuBottomSwirl {width:41px;height:15px;background-image:url(images/MenuBottomSwirl.png);position:relative;z-index:10;background-position:0px -15px;} /* HOMEPAGE SPECIFICS */ #FlashElement {float:left;width:630px; height:420px;margin:40px 0px 0px 130px;display:inline;} #IntroText {float:left;width:570px;margin:30px 0px 0px 230px;display:inline;} #IntroText p{margin-bottom:6px;} /* SUB NAV */ #SubNav {margin:10px 0 5px 0; float:left; display:inline;} #SubNavTop {float:left;width:178px;height:71px;background-image:url(images/NavTop.gif);} #SubNavBottom{float:left;width:178px;height:47px;background-image:url(images/NavBottom.gif);} #SubNavContent{float:left;width:178px;background-color:#19171c;} #SubNavContent ul{float:left;width:178px;list-style:none;} #SubNavContent li{float:left;width:178px;height:20px;} #SubNavContent li.current_page_item{float:left;width:178px;background-image:url(images/SubNavOn.gif);height:20px;} #SubNavContent li.current_page_item a{float:left;display:inline;margin:2px 0px 0px 10px;width:158px;color:#000000;text-decoration:none;font-size:12px;font-weight:bold;} #SubNavContent li.current_page_item a:hover{color:#000000;text-decoration:none;} #SubNavContent li a{float:left;display:inline;margin:3px 0px 0px 10px;width:158px;color:#ff0000;text-decoration:none;font-size:12px;} #SubNavContent li a:hover{color:#ffffff;text-decoration:none;} /* PRESS RELEASE CONTENT */ #HenryCharacter {position:relative; top:-30px; float:right; z-index:2; width:630px;height:240px;} #HenryCharacter Img{float:right;} #ProductIntro {float:left;width:600px;margin:0px 0px 0px 15px;display:inline;} #ProductIntro p{clear:both;display:block;margin-bottom:6px;} .ReleaseHolder {float:left;width:600px;display:inline; margin:10px 0 10px 0;} .ReleaseHolder img {float:left; display:inline; margin:0px 10px 10px 0px;} .ReleaseHolder p {clear:both;display:block;margin-bottom:6px;} .ReleaseHolder p.ReadMore {clear:both;display:inline;} .ReleaseHolder p a{color:#ff0000;text-decoration:none;} .ReleaseHolder p a:hover{color:#ff0000;text-decoration:underline;} .releaseline{background-image:url(images/prLine.gif);background-repeat:no-repeat; height:3px; width:600px; float:left; clear:both; display:block; margin:10px 0 10px 0;} .ReleaseContainer {float:left;} .ReleaseHolder h4 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000000; font-weight:bold; font-size:116%; margin:0; padding:0;clear:both;} .ReleaseHolder h4 a{color:#000000;text-decoration:none;} .ReleaseHolder h4 a:hover{color:#000000;text-decoration:underline;} .ReleaseHolder h5 {font-family:Arial, Helvetica, sans-serif; color:#006fb7; font-size:108%;margin:0; padding:0; font-weight:bold;clear:both;line-height:14px;} #releaseReader {float:left;width:630px; margin:10px 0 10px 0;} #releaseReaderImg {float:left; margin:0 10px 0 0; } #releaseReader H4 {margin:0 0 12px 0; } /* PRODUCT DETAIL */ #ProductHolder {width:600px; margin:20px 0px 0px 15px;float:left;display:inline;} #productHolderBoxTop {float:left; background-image:url(images/productdetailsTop.gif);background-repeat:no-repeat; background-position:top; min-height:69px; width:600px;} #productHolderBoxBottom {float:left; background-image:url(images/productdetailsBottom.gif);background-repeat:no-repeat; background-position:bottom; min-height:36px; width:600px;} #productHolderContent {float:left;width:600px;background-color:#000000;} #productHolderContentPadded{float:left;margin:15px;display:inline;} #productHolderContentPadded p.ProductTitle {float:left;margin:0px 10px 0px 0px;display:inline;Color:#046bb8;font-size:14px;vertical-align:top;font-weight:bold;} #productHolderContentPadded .ProductDetails {float:right;margin:0px;display:inline;Color:#ffffff;font-size:12px;vertical-align:top;width:340px;text-align:left;} .ProductDivide {float:left;width:560px;height:10px;} .BackButton {float:right;width:136px;height:80px;background-image:url(images/BackButton.jpg);} .BackButton h3 a{float:left;margin:-6px 0px 0px 40px;text-decoration:none;color:#f8d4b0;} /* CONTACT FORM */ form p.label {float:left;display:block;margin:10px 20px 0px 0px;width:200px;height:20px;} form input {float:left;border:1px solid black; padding:1px;width:360px;margin:10px 0px 0px 0px;} form textarea {float:left;border:1px solid black;padding:1px;width:360px;height:100px;margin:10px 0px 0px 0px;} form p.submit {float:left;margin:30px 0px 0px 220px;max-width:200px;} form p.submit input {width:200px;} /* HACKS */ img, a, div{ behavior: url(/wp-content/themes/HenryGoodeWordPress/images/iepngfix.htc)} strong {font-weight:bold;}