/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Produced by Beard Man Productions for Master Gauge Company All rights reserved. Thank you for viewing my coding, if you like the style of this site feel free to contact me to make a site for you or help your team with a project. We're always looking to help with any website need. Thank you for viewing the code! Feel free to share just please reference Beard Man Productions! Thanks again MikeJohnson@BeardManProductions.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~Color Legend~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~Reset~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; } div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } img { margin:0; padding:0; border:0; } table, tr, th, td, tbody, tfoot, thead {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea, form, fieldset {margin: 0; padding: 0; border: 0;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block; } h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; font-style: normal; line-height: 100%; text-indent: 0; text-decoration: none; text-align: left; color: #000; } ol, ul { list-style: none; } /*~Global~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html { } body { background-color:#F0640F; background-image:url(../Images/Background/background11.png); background-repeat:no-repeat; background-attachment:fixed; background-position:center top; margin-top: 10px; } /*~Headings~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size:24px; color:#F0640F;} h2 { font-size:20px;} h3 { font-size:16px;} h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /*~Text Elements~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ p { color:#000; font-size:12px; line-height:100%; margin:15px 0; } .producthead { margin:0 ;font-family:"Times New Roman", Times, serif; font-size:20px; padding-left:5px;} .porductinfo { margin:0 ;font-family:"Times New Roman", Times, serif; font-size:14px; padding-left:5px;} p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { font-style:none; margin: 1.5em 0 1.5em 1.5em; padding: 0; } blockquote { color:#000; font-size:12px; } strong { font-weight: bold; } em { font-style: italic; } /*~Images~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .image-frame { padding:10px; border:1px #ccc solid; margin:10px; } .imglogo { width: 930px;} .imgproductnav { width: 146px} .banner { width: 930px} .imgFrame {padding:10px; border:1px #464D57 solid; margin: 10px 0 3px 21px; background-color:#F0640F; } .imgmanufacturers1 {margin-left: 100px} /*~Lists~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul { } ol { list-style-type:decimal; } ul li { color:#000; font-size:12px; } ol li { color:#000; font-size:12px; } dl { } dt { } dd { } /*~Tables~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ table { width:100%; } tr { } .odd { background-color:#eee; } .even { background-color:#fff; } th { font-weight: bold; } thead, th { background: #ccc; } tbody { } th,td,caption { } caption { } tfoot { } .tfooter { background-color:#ccc; text-align:center; font-style:italic; } caption { background: #efefef; } /*~Miscellaneous~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { } del { background:#FFCECE; color:#f00; } code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px; font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; } /*~Containers~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #outer { width:960px; margin:0 auto 0 auto; background-color:#464D57; -moz-box-shadow: 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5); box-shadow: 10px 10px rgba(0,0,0,0.5);} #wrapper { width:930px; margin:0 auto; background-color:#E8DDCA; } #logo { padding:15px 0 0 0; float:left; background-color:#464D57; } #address {clear:both; padding: 15px 0px; background-color:#464D57;} #address ul {} #address ul li { font-size:15px; font-style:normal; color:#E8DDCA; text-align:center; font-family: 'Oswald', Georgia, sans-serif; background-color: #464D57; display:inline;padding:10px 0 10px 10px;} #address ul li a { font-family: 'Oswald', Georgia, sans-serif;} #address a:link { color: #E8DDCA; } #address a:visited { color: #E8DDCA; } #address a:active { color: #E8DDCA; } #address a:focus { color: #E8DDCA; } #address a:hover { color: #F0640F; } #topnav { clear:both; padding: 7px 0px; background-color:#E8DDCA; margin-top:10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;} #topnav ul { } #topnav ul li { display:inline; } #topnav ul li a { padding:0 15px; font-family: "Sonsie One", franchise, cabin, century;color: #F0640F;} #headlinkloc { Padding: 0 0 0 15px;} #topnav ul li div {width: 255px; height: 34px; margin: 0; padding:1 15 1 0; clear:both; float:right; margin-top:-10px;} #search { margin:0;padding:0 ;float:right;} #searchbar {width: 175px; margin: 0; padding: 0; font-size: 12px; height: 32px; float: left; background-color:#FFFFFF;} #searchbtn {width: 60px; margin: 0; padding: 0; font-size: 12px; height: 32px; float: left; background-color:#464D57; color:#fff;} #searchbtn:hover {width: 60px; margin: 0; padding: 0; font-size: 12px; height: 32px; float: left; background-color:#464D57; color:#F90;} #topnav a:link { color: #F0640F; } #topnav a:visited { color: #F0640F; } #topnav a:active { color: #F0640F; } #topnav a:focus { color: #F0640F; } #topnav a:hover { color: #F0640F; } #content {background-color: #E8DDCA; padding:15px;} #content h1 {border-bottom:2px grey solid;padding:0 15px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #content h2 {color:#F0640F;text-align:center; font-size: 30px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; padding-top:5px;} #content h3 {font-size: 25px; font-family: 'Oswald', sans-serif; text-align:center;} #content h6 {font-size:75px; padding:0 15px; font-family: 'Alex Brush', 'Trebuchet MS', cursive; text-align:center;} #content p {font-size: 25px; font-family: 'Oswald', sans-serif; width: 750px; margin-left:auto; margin-right:auto; text-align:left; line-height:115%; } #heading {background-color: #E8DDCA;} #heading h6 {padding:0 0 15px 0; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #productContent h1 {border-bottom:2px grey solid;padding:0 15px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #productContent p {font-size: 25px; padding: 0 15px; font-family: 'Oswald', sans-serif; text-align:center; } #productContent h2 { border-bottom:2px grey solid;padding: 5px 15px; font-size: 40px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise; color:#F0640F; text-align:center; color: #990000;} #productContent h3 {padding: 5px 15px; font-size: 30px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise; text-align:center; color:#000;} #productnav { align: center; margin: 0 15px 30px 15px ; background-color:#E8DDCA; clear: both;} #productnav ul { margin-top:} #productnav ul li { display:inline; } #iframe {border-top: 1px solid black; border-bottom: 1px solid black; padding: 15px 0; margin: 15px 0; background-color: white;} #map {border-top: 1px solid black; border-bottom: 1px solid black; padding: 15px; margin: 15px 0; background-color: #F0640F;} #banner { margin-bottom:30px; background-color:#E8DDCA;} #slider { margin-bottom:30px; background-color:#E8DDCA;} #productsleft { width:240px; float:left; background-color:#E8DDCA ; margin-left: 15px;} #productsleft h1 {padding:10px; font-family:Quattrocento,"Sonsie One"; background-color: #F0640F; color:#E8DDCA; -moz-box-shadow: 3px 3px 0 3px #000; -webkit-box-shadow: 3px 3px 0 3px#000; box-shadow: 3px 3px 0 3px #000;} #productsLeft h2 {padding: 9px 0 0 10px; font-family:Quattrocento,"Sonsie One"; color: #F0640F; font-weight: bold;} #productsLeft h3 {padding: 9px 0 0 10px; font-family:Quattrocento,"Sonsie One";} #productsLeft p {padding-left: 20px; font-family:Quattrocento,"Sonsie One"; font-size:15px;margin:5px 0;} #ProductsLeft a #ProductsLeft a:link { } #ProductsLeft a:visited { } #ProductsLeft a:active { } #ProductsLeft a:focus { } #ProductsLeft a:hover { color: #F0640F; font-weight: 700;} .main {font-family:Quattrocento; font-size: 20px; padding-left: 10px; font-weight: 700; border-bottom: 1px #666666 solid; color: #F0640F;} .main a:link { color: #F0640F; } .main a:visited { color: #F0640F; } .main a:active { color: #F0640F; } .main a:focus { color: #F0640F; } .main a:hover { color: #F0640F; font-weight: 700;} .under {font-family:Quattrocento; font-size: 20px; padding-left: 10px; font-weight: 700; border-bottom: 1px #666666 solid;} .under :link { color: #000; } .under :visited { color: #000; } .under :active { color: #000; } .under :focus { color: #000; } .under :hover { color: #F0640F; font-weight: 700;} #select {padding-left: 20px; margin:5px 0 15px 0;} #select a:link { } #select a:visited { } #select a:active { } #select a:focus { } #select a:hover { color: #F0640F; font-weight: 700;} .select {color: #F0640F; font-weight:700; font-family:Quattrocento; font-size:18px;} .select a:link { } .select a:visited { } .select a:active { } .select a:focus { } .select a:hover { color: #F0640F; font-weight: 700;} .down {color: #000; font-family:Quattrocento,"Sonsie One"; font-size:18px; line-height:135%;} .down link { color: #000; } .down visited { color: #000; } .down active { color: #000; } .down focus { color: #000; } .down a:hover { color: #F0640F; font-weight: 700;} #productsRight { width:600px; float: right; background-color:#E8DDCA ;} #productsRight h1 {border-bottom:2px grey solid; font-size: 40px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center; padding-bottom:5px; margin-bottom:10px; margin-right: 15px;} #productsRight h2 {font-size: 30px; font-weight: bold; font-family: 'Oswald', sans-serif; color:#464D57; text-align:center; padding-bottom:5px; margin-bottom:10px; margin-right: 15px;} #productsRight2 { width:600px; float: right; background-color:#E8DDCA ;} #productsRight2 h1 {border-bottom:2px grey solid; font-size: 40px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center; padding-bottom:5px; margin-bottom:10px} #productTable #productTable tr #productTable tr td {} #productTable tr td p { font-family: 'Oswald', sans-serif; color:#000000; font-size:16px;} #productTable tr td a { font-family: 'Oswald', sans-serif;} #productTable tr td a:link { text-decoration: none; color:#FFF; } #productTable tr td a:visited { color: #fff; } #productTable tr td a:active { color: #fff; } #productTable tr td a:focus { color: #fff; } #productTable tr td a:hover { color: #F0640F; font-weight: bold; } #detail {background-color: #006; float: left; padding: 5px; margin: 5px 0 0 0; border-radius: 7px;} #quote {background-color: #006; float: right; padding: 5px; margin: 5px 0 0 0; border-radius: 7px;} #quote2 {background-color: #006; float: left; padding: 5px; margin: 5px 0 0 0; border-radius: 7px;} #productTableCat #productTableCat tr #productTableCat tr td {} #productTableCat tr td p { font-family: 'Oswald', sans-serif; color:#000000; font-size:16px;} #productTableCat tr td a { font-family: 'Oswald', sans-serif;} #productTableCat tr td a:link { text-decoration: none; color:#000; } #productTableCat tr td a:visited { color: #000; } #productTableCat tr td a:active { color: #000; } #productTableCat tr td a:focus { color: #000; } #productTableCat tr td a:hover { color: #F0640F; font-weight: bold; } #productTableDisco { } #productTableDisco tr { } #productTableDisco tr td { } #productTableDisco tr td p { font-family: 'Oswald', sans-serif; color:#000000; font-size:16px; margin-bottom:0; padding-bottom: 4px; border-bottom:solid 1px;} #productTableDisco tr td a { font-family: 'Oswald', sans-serif;} #line {border-bottom:solid 1px;} #productTableDisco tr td a:link { text-decoration: none; color:#FFF; } #productTableDisco tr td a:visited { color: #fff; } #productTableDisco tr td a:active { color: #fff; } #productTableDisco tr td a:focus { color: #fff; } #productTableDisco tr td a:hover { color: #F0640F; font-weight: bold; } #content2 { width:650px; float:left; background-color:#E8DDCA;} #content2 h1 { padding:0 15px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #content2 h2 { color:#F0640F; text-align:center; font-size: 30px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century;} #content2 h3 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #content2 h4 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #content2 h5 {font-size: 30px; padding: 0 15px; font-family: 'Economica', sans-serif,; text-align:center;} #content2 h6 {font-size:75px; padding:0 15px; font-family: 'Alex Brush', 'Trebuchet MS', cursive;} #content2 p {font-size: 25px; padding: 0 15px; font-family: 'Economica', sans-serif, 'Roboto', sans-serif;} #discoC { float:left; background-color:#E8DDCA;} #discoC h1 { padding:0 15px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #discoC h2 { color:#F0640F; text-align:center; font-size: 30px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century;} #discoC h3 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #discoC h4 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #discoC h5 {font-size: 30px; padding: 0 15px; font-family: 'Economica', sans-serif,; text-align:center;} #discoC h6 {font-size:75px; padding:0 15px; font-family: 'Alex Brush', 'Trebuchet MS', cursive;} #discoC p {font-size: 25px; font-family: 'Oswald', sans-serif; text-align:left; line-height:115%; } #content-fullwidth { width:100%; } #lin {margin-left: 150px; font-size: 20px; list-style-type: circle;} #rightside { width:235px; float:right; background-color:#E8DDCA ;padding:0 15px;} #rightside h2 { font-size:20px; font-family: "Sonsie One", franchise, cabin, century; border-bottom:2px black solid;padding:0 5px; } #rightside li { padding:0 15px; margin:15px 0} #rightsideMan { width:900px; float:right; background-color:#E8DDCA ;padding:0 15px;} #rightsideMan h2 { border-bottom:2px grey solid;padding: 5px 15px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center; color: #990000;} #rightsideMan li { padding:0 15px; margin:15px 0} #rightsideMan ul li { display:inline; } #footer { clear:both; margin:20px 0; border-top:1px #ccc solid; padding:15px 0px; background-color:#464D57; color:#CCC;} #box1 { width:250px; float:left; margin:25px; border-top:15px #A45200 solid; background-color:#eee; } #box2 { width:250px; float:left; margin:25px; border-top:15px #978353 solid; background-color:#eee; } #box3 { width:250px; float:left; margin:25px; border-top:15px #6A6A00 solid; background-color:#eee; } #box1 h3, #box2 h3, #box3 h3 { margin:20px 10px 10px 10px; } #box1 p, #box2 p, #box3 p { margin:5px 10px 10px 10px; } #box4 { } #box5 { } #box6 { } #php1 { font-size: 25px; font-family: 'Oswald', sans-serif; width: 750px; margin-left:auto; margin-right:auto; text-align:left; line-height:115%; } #php1e { font-size: 25px; font-family: 'Oswald', sans-serif; width: 750px; margin-left:auto; margin-right:auto; text-align:left; line-height:115%; color:#F00; } #phph1 { border-bottom:2px grey solid;padding:0 15px; margin: 0 55px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #phph1e { border-bottom:2px grey solid;padding:0 15px; margin: 0 55px; font-size: 55px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F00; text-align:center;} #blue { color: #00F; font-size: 25px; font-family: 'Oswald', sans-serif; width: 750px; margin-left:auto; margin-right:auto; text-align:left; line-height:115%;} #blue :link { color: #00F; } #blue :visited { color: #00F; } #blue :active { color: #00F; } #blue :focus { color: #00F; } #blue :hover { color: #F0640F; font-weight: 700;} /*~Layout Extra~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~Navigation Dropdown~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#dropdown,ul#dropdown ul{ margin: 0; list-style:none;padding:10px; background-color:#383E45; border-width:1px; border-style:solid; border-color:#383E45; } ul#dropdown ul{ display:none; position:absolute; left:0; top:100%; background-color:#383E45; border-width:2px; border-color:#383E45; padding:0; } ul#dropdown li:hover>*{ display:block;} ul#dropdown li{ position:relative;display:block;white-space:nowrap;font-size:0;float:left;} ul#dropdown li:hover{ z-index:1;} ul#dropdown ul ul{ position:absolute;left:100%;top:0;} ul#dropdown{ font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0; *display:inline;} * html ul#dropdown li a{ display:inline-block;} ul#dropdown>li{ margin:0;} ul#dropdown a:active, ul#dropdown a:focus{ outline-style:none;} ul#dropdown a{ display:block; vertical-align:middle; text-align:left; text-decoration:none; font:bold 14px "Sonsie One","Fjalla One" ,"Trebuchet MS","sans-serif"; color:#F0640F; cursor:pointer; padding:50px; background-color:#464d57; border-width:0 0 0 1px; border-style:solid; border-color:#383E45;} ul#dropdown ul li{ float:none;margin:0;} ul#dropdown ul a{ text-align:left;padding:8px 15px;background-color:#464d57;background-image:none;border-width:0;font:bold 12px "Sonsie One","Fjalla One" ,"Trebuchet MS","sans-serif"f;color:#F0640F;text-decoration:none;border-width:1px 0 0 0;border-style:solid;border-color:#383E45;} ul#dropdown li:hover>a,ul#dropdown li a.pressed{ background-color:#939ba8;border-color:#C0C0C0;border-style:solid;color:#F8B48B;background-position:0 100px;text-decoration:none;} ul#dropdown span{ display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} ul#dropdown ul span{ background-image:url("arrowsub.png");padding-right:8px;} ul#dropdown ul li:hover>a,ul#dropdown ul li a.pressed{ background-color:#939BA8;background-image:none;color:#F8B48B;text-decoration:none;font:bold 12px "Sonsie One","Fjalla One" ,"Trebuchet MS","sans-serif";} ul#dropdown li.topfirst>a{ padding-right:42px; } ul#dropdown li.topmenu>a{ padding-right:35px; } ul#dropdown li.toplast>a{ padding-right:42px; } /*~Forms~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ label { float: left; width: 150px; margin-top:5px; text-align:right; display:block; background:none; font-weight:bold; } submit { background:none; } input { width: 290px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; } input:focus, textarea:focus { background-color:#F49459;} textarea { width: 250px; height: 150px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; } select { margin-bottom:20px; } .month { margin-left:155px; } .submit { width:120px; height:25px; margin-left:170px; font-size:12px; } br { clear: left; } .clear { clear:both; } /*~Contact info~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contactformleft {width:200px; padding-top: 15px; float:left;} #contactformleft h1 {font-size: 30px; font-family: 'Economica', sans-serif, 'Roboto', sans-serif; color:#F0640F; font-weight:bold;} #contactformleft p {font-size: 20px; font-family: 'Economica', sans-serif, 'Roboto', sans-serif; margin-bottom:-7px; text-align:left;} #contactformleft a {font-size: 20px; font-family: 'Economica', sans-serif, 'Roboto', sans-serif;} #contactformleft a:link { color: #000; } #contactformleft a:visited { color: #000; } #contactformleft a:active { color: #000; } #contactformleft a:focus { color: #000; } #contactformleft a:hover { color: #F0640F; font-weight: 700;} #contactform { width:700px; margin:0; padding:0; background-color:#e8ddca; float: right;} #contactform h1 { padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #contactform h2 { color:#F0640F; text-align:center; font-size: 30px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century;} #contactform h3 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #contactform h4 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #contactform h5 { font-size: 30px; padding: 0 15px; font-family: 'Economica', sans-serif,; text-align:center;} #contactform h6 { font-size:75px; padding:0 15px; font-family: 'Alex Brush', 'Trebuchet MS', cursive;} #contactform p { font-size: 25px; padding: 0 15px 0 15px; font-family: 'Economica', sans-serif, 'Roboto', sans-serif; width: 450px; margin-left:auto; margin-right:auto; text-align:left;} #contactform ul {padding-left:130px;} #contactform ul li {list-style-type: circle solid #000; padding-left:10px;font-size:14px;} #contactform fieldset { padding:20px 0 0 55px !important; padding:0; margin:0 0 20px 0; background-color:#E8DDCA; width:600px; alignment-adjust:central; } #contactform input.field { width:250px; padding:2px; float: left; border:solid 1px ; border-color: #5E6775; font-family: 'Economica', sans-serif; font-weight:bold; font-size:16px; } #contactform textarea { width:510px; padding:2px; border:solid 1px rgb(200,200,200); font-family: 'Economica', sans-serif; font-weight:bold; font-size:16px; border-color: #5E6775; } #contactform input.button { float:right; width:9.0em; margin-right:19px; margin-bottom:12px; padding:1px !important; padding:0; background:rgb(225,225,225); border:solid 1px; border-color: #5E6775; text-align:center; font-family: 'Economica', sans-serif; font-weight:bold; color:#464D57; font-size:16px; } #contactform input.button:hover { cursor: pointer; border:solid 1px rgb(80,80,80); background: #56B340; color:rgb(80,80,80); } #contactformbox { width:700px; margin:0; padding:0; background-color:#e8ddca; float: right; position:fixed; margin:auto; border:solid 10px; border-color: #FFF;} #contactformbox h1 { padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century; color:#F0640F; text-align:center;} #contactformbox h2 { color:#F0640F; text-align:center; font-size: 30px; font-style: italic; font-weight: bold; font-family: "Sonsie One", franchise, cabin, century;} #contactformbox h3 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #contactformbox h4 { border-bottom:2px grey solid;padding:0 15px; font-size: 45px; font-style: italic; font-weight: bold; font-family:'Chau Philomene One', franchise, cabin, century; color:#F0640F;} #contactformbox h5 { font-size: 30px; padding: 0 15px; font-family: 'Economica', sans-serif,; text-align:center;} #contactformbox h6 { font-size:75px; padding:0 15px; font-family: 'Alex Brush', 'Trebuchet MS', cursive;} #contactformbox p { font-size: 25px; padding: 0 15px 0 15px; font-family: 'Economica', sans-serif, 'Roboto', sans-serif; width: 450px; margin-left:auto; margin-right:auto; text-align:left;} #contactformbox ul {padding-left:130px;} #contactformbox ul li {list-style-type: circle solid #000; padding-left:10px;font-size:14px;} #contactformbox fieldset { padding:20px 0 0 0 !important; padding:0; margin:0 0 20px 95px; background-color:#E8DDCA; width:600px; alignment-adjust:central; } #contactformbox input.field { width:250px; padding:2px; float: left; border:solid 1px; border-color: #5E6775; font-family: 'Economica', sans-serif; font-weight:bold; font-size:16px; } #contactformbox textarea { width:510px; padding:2px; border:solid 1px; font-family: 'Economica', sans-serif; font-weight:bold; font-size:16px; border-color: #5E6775; } #contactformbox input.button { float:right; width:9.0em; margin-right: 50px; margin-bottom:12px; padding:1px !important; padding:0; background:rgb(225,225,225); border:solid 1px; border-color: #5E6775; text-align:center; font-family: 'Economica', sans-serif; font-weight:bold; color:#464D57; font-size:16px; } #contactformbox input.button:hover { cursor: pointer; border:solid 1px rgb(80,80,80); background: #56B340; color:rgb(80,80,80); } /*--------------------------------------- LEAN MODAL -----------------------------------------*/ #lean_overlay { position: fixed; z-index: 10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } /*--------------------------------------- EXAMPLES -----------------------------------------*/ #signup { width: 700px; display:none; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); margin-top:-110px; } p.error { position: absolute; bottom: 48px; right: 20px; width: 262px; color: #FFF; font-size: 1.1em; padding-bottom: 5px; background: url(../img/error-arw.png) 20px bottom no-repeat; text-align: left; margin: 0; text-shadow: none; } p.error span { display: inline-block; background: #D43636; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; } /*~Miscellaneous~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .popup-link { font-size:12px; margin:5px 10px; display:block; } .date { font-weight:bold; color:#BF6000; margin-bottom:3px; } .footer-copyright { font-size:15px; font-style:normal; color:#fff; text-align:center; } .footer-text { font-size:15px; font-style:normal; color:#fff; text-align:center; font-family: 'Oswald', sans-serif;} .footer-text a { font-family: 'Oswald', sans-serif;} .footer-text a:link { color: #fff; } .footer-text a:visited { color: #fff; } .footer-text a:active { color: #fff; } .footer-text a:focus { color: #fff; } .footer-text a:hover { color: #F0640F; } .title { font-size:18px; font-weight:bold; color:#333; } .subtitle { font-size:14px; font-style:italic; color:#333; } .artist { font-size:16px; font-weight:bold; color:#333; } .author { font-size:14px font-weight:bold; color:#555; } .editor { font-size:14px font-style:italic; color:#555; } .pub-date { font-size:10px font-style:italic; color:#555; } .article-date { font-size:10px font-style:italic; color:#555; } .location { font-size:10px font-style:italic; color:#555; } .float-right { float:right; } .float-left { float:left; } .clear { clear:both; } .hide { display:none; } .block { display:block; } .inline { display:inline; } .first { font-weight:bold; } .last { font-weight:bold; } .left { font-weight:bold; text-align:left; } .right { font-weight:bold; text-align:right; } .added { background:#D7D7FF; } .removed { background:#FFCECE; color:#f00; } .changed { background:#FFB; } /*~Success, info, notice and error/alert boxes - from Blueprint CSS Framework~~~~~~~~~~~~~~~~~~~~*/ .error, .alert, .notice, .success, .info {padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } .notice { background: #fff6bf; color: #514721; border-color: #ffd324; } .success { background: #e6efc2; color: #264409; border-color: #c6d880; } .info { background: #d5edf8; color: #205791; border-color: #92cae4; } .error a { color: #8a1f11; } .alert a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .info a { color: #205791; }