/***** CSS for the Boots'N Saddles website - Suzanne Parr 11-19-08 *****/ /***** HTML Body style *****/ BODY { background: #f3f2f2; padding:0; margin:0; text-align: center; } /***** Structural styles *****/ .template_border { BACKGROUND: transparent; WIDTH: 880px; BORDER-TOP: #171515 1px solid; BORDER-RIGHT: #171515 1px solid; BORDER-LEFT: #171515 1px solid; BORDER-BOTTOM: #171515 1px solid; POSITION:relative; top:20px; left:0px; padding: 0px; margin: 0 auto; } /********* container for middle section = left sidebar + white 'content' section **********/ .main { WIDTH: 880px; padding: 0px; MARGIN: 0px; POSITION:relative; top:0px; left:0px; BACKGROUND: #433a36; } /********* 1st column = left-hand coloured sidebar **********/ .sidebar { background:#433a36; background-image:url('UserFiles/Image/boots_sidebar.jpg'); background-repeat:no-repeat; width:235px; height:417px;min-height:417px; FONT: normal 13px Myriad Web Pro,Verdana,Arial,Helvetica; text-align:left; COLOR:#ffffff; padding: 0px; margin: 0px; POSITION:relative; top:0px; left:0px; float: left; } /***** sidebar styles *****/ .inside_sidebar { WIDTH: 205px; padding: 20px 0px 0px 20px; float:left; } .margin_sidebar { WIDTH: 30px; padding: 0px; float:left; } /********* container for content (2nd or 2nd AND 3rd columns) **********/ .content { background:#abcae3; width:645px; font-size:13px; font-family: Myriad Pro,Myriad Web Pro,Verdana,Arial,Helvetica; color:#171515; text-align:left; margin:0; padding:0; position:relative; top:0px; left:0px; float:left; } .splash { background-image:url('UserFiles/Image/boots_splashimage.jpg'); background-repeat:no-repeat; } /***** 2nd column for 2-column format ******/ .inside_content { padding: 20px 20px 0px 20px; } /***** 2nd column for (200-500-180) 3-column format ******/ .inside_left { width: 320px; padding:0; margin:0; float:left; } .inside_inside_left { padding: 20px 20px 0px 25px; } /***** 3rd column for (200-500-180) 3-column format ******/ .inside_right { width: 325px; margin:0; padding: 0px 0px 0px 0px; float:left; } .inside_inside_right { padding: 20px 10px 0px 15px; } /********* div for centring text ***************************/ .centertext { text-align: center; } /***** clear left alignment that permits inline divs or columns ******/ .clear { clear: left; } /***** Nav bar styles *****/ .nav_main { background:#171515; width: 880px; height: 21 px; min-height: 21px; padding: 0; MARGIN: 0; border: 0px none; POSITION:relative; top:0px; left:0px } .horizontalnav { background:transparent; padding:0; margin:0; white-space:nowrap; list-style-type:none; } .horizontalnav li {display:inline;} .horizontalnav li a { padding:0em; text-decoration:none; float:left; border:0px none; } /***** list styles *****/ ul { list-style-type: disc; list-style-position: outside; line-height: 2em; margin-left: 0; margin-top: 5; padding-left: 15; text-indent: 0; } .list_nobullet { list-style-type:none; margin-left: 10; margin-top: 0; padding: 0; } .list_nobullet li { display:block; } /***** header styles - titlebar & page name banner *****/ .titlebar { BACKGROUND: transparent; height: 162px; min-height:162px; width:880px; padding: 0px; MARGIN: 0px } /***** quote block styles *****/ .quote { BACKGROUND: #e3d7d7; margin:0; padding: 6px 6px 8px 6px; } p {FONT: normal 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#171515; TEXT-ALIGN: left;} h1 { FONT: bold 19px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#302d2d;} h2 { FONT: bold 19px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#ffffff;} h3 { FONT: bold 18px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#036cd7;} h4 { FONT: bold 17px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;} li {FONT: normal 13px Myriad Web Pro, Verdana,arial, helvetica, sans-serif; COLOR: #171515;} .bold_brown {FONT: bold 13px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #433f3f;} .bold_brown_small {FONT: bold 11px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #433f3f;} .bold_brown_tiny {FONT: bold 9px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #433f3f;} .bold_brown_medium {Font: bold 16px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;} .bold_brown_big {Font: bold 18px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;} .bold_white {FONT: bold 13px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;} .bold_white_medium {FONT: bold 16px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;} .bold_white_big {FONT: bold 19px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;} .bold_white_small {FONT: bold 12px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;} .bold_blue_small {FONT: bold 11px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #2f95fe;} .blue {font-size:13px; COLOR: #2f95fe;} .bold_white_tiny {FONT: bold 9px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #ffffff;} .bold_blue_big {FONT: bold 18px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #036cd7;} .boots_brown {FONT: normal 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#171515;} .boots_white {FONT: normal 13px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #ffffff;} .italic_brown {FONT: italic 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#171515;} .boots_light { FONT: normal 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;} /***** main content link styles *****/ .main a:link { COLOR: #171515; TEXT-DECORATION: underline } .main a:hover { COLOR: #171515; TEXT-DECORATION: underline } .main a:active { COLOR: #171515; TEXT-DECORATION: underline } .main a:visited { COLOR: #171515; TEXT-DECORATION: underline } /***** image styles *****/ .content IMG { border: 3px solid #90b3cf;} .no_border IMG { border:none;} /***** coloured lines & spacers *****/ .space { BACKGROUND: transparent; } .whiteline { BACKGROUND: #ffffff; } .line_1px{ height: 1px; min-height: 1px; width: 880px; padding: 0; margin: 0; } .line_6px{ height:6px; min-height: 6px; width:100px; padding: 0; margin: 0; } /***** center aligned div styles *****/ .view { text-align:center; } /***** footer styles *****/ .bottom_stripe { POSITION:relative; left:0px; top:0px; BACKGROUND: #f0eaea; height: 3px; min-height: 3px; width:880px; padding: 0; margin: 0; border: 0px none; } .inside_bottom_stripe { padding: 0px 0px 0px 0px; } .footer { BACKGROUND: #171515; height: 40px; min-height: 40px; width:880px; POSITION:relative; left:0px; top:0px; FONT: bold 9px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #ffffff; text-align: center; padding: 0; margin: 0; } .inside_footer { padding: 15px 0px 0px 0px; } /***** display or hide styles *******/ .visible {display:block;} .invisible {display:none;}