/* Theme Name: Northern Classics Theme URI: http://www.we-design.it Description: Gestaltet von we-design nach Template-Vorlage von Hashi http://hashi.mediengeneration.com/ Version: 1 deutsch Author: Tobias Rehermann Author URI: http://www.we-design.it */ body { background: #7b0005 url(images/bp.jpg) repeat-y center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d; background-position: center -174px;} html { padding: 0; margin: 0;} a:link { text-decoration: none; color : #cc0000; border: 0px; } a:active { text-decoration: underline; color : #cc0000; border: 0px;} a:visited { text-decoration: none; color : #cc0000; border: 0px;} a:hover { text-decoration: underline; color : #ff6600; border: 0px;} a:focus { outline: none;} html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; } p { margin:0; padding:0; } h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#660000;} h5 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color:#762427; background: url(images/schild.jpg) no-repeat; padding: 13px 0 0 18px; height: 37px; position:relative; left:250px;} img { padding: 0px; margin: 0px; border: none; text-align: center;} hr { height:28px; background-image: url(images/hr_2bg.jpg); background-repeat:no-repeat; border:0px; border-style:none; margin:0; padding:0; color:#FFFFFF; background-color:#FFFFFF;} form { padding: 0px; margin: 0;} input { font-family: 'Verdana'; color: #282b31; font-size: 11px;} textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;} select { font-family: 'Verdana'; color: #282b31; font-size: 11px;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #bgcontainer { width: 800px; margin: -77px auto 0px auto; } /**/ * html .Header { height: 259px;} /* */ .Header { width: 100%; margin: 0 auto; position:relative; height: 259px; background: url(images/header_bg.jpg) no-repeat top center;} .Logo { float: right; width: 510px;} .Header .LogoText h1 { font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 48px;} .Header .LogoText a { color:#660000; text-decoration: none; } .Header .LogoText a:visited { color:#660000; text-decoration: none; } .Header .LogoText a:hover { color:#660000; text-decoration: none; } .Header .Desc { position: absolute; top: 100px; color:#cc0000; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px; } .nc-radio {position:relative; top:87px; left:15px; width:149px; height:49px; z-index:100;} .pinup-girl {position:relative; top:48px; left:652px; width:129px; height:84px; z-index:99;} /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Menu { width: 470px; padding: 0px 0px 0px 30px; float: left; position: absolute; top: 100px; } .Menu em { display: none} .Menu ul { list-style: none; margin: 0px; padding: 0px;} .Menu ul li { padding: 0px; margin: 0px; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; } .Menu ul li a { padding: 0px 0px 0px 9px; background: url(./images/menuleft.gif) no-repeat left top; float: left;} .Menu ul li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/menuright.gif) no-repeat right top; float: right; } .Menu ul li a span { float: none; color: #cc0000;} .Menu ul li a:hover span { color: #cc0000;} .Menu ul li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;} .Menu ul li a:hover span { background-position: 100% -27px; color:#ffff99;} .Menu ul li ul { display: none;} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CON { width: 800px; height:520px; background-color: #fff; background: url(images/burning-stripes.jpg) no-repeat; background-position: center 50px; margin: -50px auto 0px auto; position:relative; z-index:5;} .SCS { width: 330px; float: left; padding: 0px 15px 0px 15px;} /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width: 330px; float: left; padding: 0px 15px 0px 17px; } .pagetitle { font-size: 24px; line-height: 24px; font-weight: bold; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1;padding: 15px 0px; margin-top: 0px; color:#660000;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding: 15px 0px; position: relative; clear: left;} .PostHead { margin-left: 0px; margin-right: 60px; } .PostHead h2 { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#000000;} .PostHead h2 a { color: #660000; text-decoration: none;} .PostHead h2 a:visited { color: #660000; text-decoration: none;} .PostHead h2 a:hover { color:#000; text-decoration: none;} .PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;} .PostTime { padding: 0px; margin: 0px; position: absolute; left: 260px; top: -10px; background: url(images/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; } .PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';} .PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 18px; font-family: 'Arial';} .PostTime .month { font-size: 10px; text-transform: lowercase;} .PostTime .year { padding-top: 4px; font-weight: normal; } .PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block} .PostAuthor { color:#999; } .PostCat { color:#ff6600; } .PostCat a { color:#ff6600; text-decoration: none; } .PostCat a:visited { color:#ff6600; text-decoration: none; } .PostCat a:hover { color:#ff6600; text-decoration: none; } .PostContent { padding: 8px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:#63565f;} .PostContent p { font-size: 13px; line-height: 1.4em; color:#63565f; margin-top:8px;} .PostContent p strong {} .PostContent img {} .PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; } .PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; } .PostContent ul { padding: 5px 0px; margin: 0px; } .PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; } .PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #fffbea;} .PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;} .PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;} .PostContent blockquote a { color:#989898;} .PostContent blockquote a:visited { color:#989898;} .PostContent blockquote a:hover { color:#000033;} /**/ * html .PostContent p img {} /* */ .PostContent p img { max-width: 420px;} .PostContent img { } .PostContent .alignnone { margin: 0px 10px 10px 0px; border:dashed 1px #c7c6c4;} .PostContent .aligncenter { margin: 0px 10px 10px 0px; border:dashed 1px #c7c6c4;} .PostContent .alignleft { margin: 0px 10px 10px 0px; border:dashed 1px #c7c6c4;} .PostContent .alignright { margin: 0px 10px 10px 0px; border:dashed 1px #c7c6c4;} .PostCom { padding-top: 18px; background: url(images/hr_2bg.jpg) no-repeat top;} .PostCom ul { padding: 0px; margin: 0px;} .PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#989898; font-size: 12px; } .PostCom li a { font-weight: bold; text-decoration: none; color:#ff6600;} .PostCom li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;} .PostCom li a:hover { font-weight: bold; text-decoration: none; color:#cc0000;} .PostCom .Com { background: url(images/PostCom.png) no-repeat left center; } .PostCom .Tags { padding-left: 0px;} .catthumb {position:relative; float:left; margin: 0px 10px 0px 0px; border:dashed 1px #c7c6c4;} /* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Note { padding: 0px; margin: 0px;} .Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;} .NoteRss { background: url(images/NoteRss.png) no-repeat left top;} .NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;} /* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;} .TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; } .TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;} .TrackList ul { padding: 0px; margin: 0px;} .TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;} .TrackList li a { color:#cc3366; } /* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';} .Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;} .Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;} .Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;} .Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; } .Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;} /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin: 20px 0px 0px 0px; position: relative;} .Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#660000; border-bottom: solid 2px #660000;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .List ol { padding: 0px; margin: 0px;} .List li { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; } /**/ * html .List .LGrav { right: 30px;} /* */ .List .LGrav { position: absolute; right: 0px; top: 10px;} .List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;} .List .LUsr { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#999;} .List .LUsr a { color:#999; text-decoration: none;} .List .LUsr strong { font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;} .List .LUsr strong a { color:#cc0000; text-decoration: none;} .List .LCon { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;} .List .LCon p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;} .List .Author { background:#ffffff; } /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Form .Email { background: url(images/FooterEmail.png) no-repeat left top;} .Form { padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana'; width:400px; background: url(images/form-bg.gif) top center no-repeat;} .Form form { margin: 0px; padding: 20px;} .Form a { text-decoration: underline;} .Form p { padding: 0px 0px 0px 0px; margin: 0px; color:#666; } .Form p small strong { font-weight: bold; color:#FF3300;} .Form p small { font-size: 11px; display: block; padding: 6px 30px; color:#000;} .Form .TextField { color:#000000; border: solid 0px #d5e7f0; padding: 5px 5px 5px 29px; font-size: 12px; display: block;} .Form .TextArea { color:#000000; background-color:#fbe6dc; border: solid 0px #d5e7f0; padding: 5px; margin-left:40px; font-size: 12px;} .Form input.SubmitComment { width: 100px; height: 29px; background: url(images/SubmitComment.gif) no-repeat; margin-top: 4px; margin-left:250px;} .Form input.SubmitComment:hover { background: url(images/SubmitComment.gif) no-repeat 0 -29px; margin-top: 4px;margin-left:250px;} .Form input.SubmitCommentIE { width: 100px; height: 29px; background: url(images/SubmitComment.gif) no-repeat 0 -29px; margin-top: 4px;margin-left:250px;} /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width: 355px; height:1210px; float: right; position: relative; padding: 0px; } /* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRL { width: 200px; float: left; position: relative; z-index:59;} .SRL .widget { padding: 10px; margin-bottom: 10px;} .SRL .widget h2 { color:#660000; font-size: 14px; border-bottom: solid 0px #dcdcdc; padding: 3px 0px 3px 0px; margin: 0px;} .SRL .widget ul { margin: 0px; padding: 0px;} .SRL .widget li { margin: 0px; padding: 0px; list-style-type: none; } .SRL .widget a { color:#cc0000;} .SRL .widget a:visited { color:#cc0000;} .SRL .widget a:hover { color:#ff6600; text-decoration: none;} .SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 22px; background:url(images/tagcloud.gif) no-repeat left top; padding-top: 25px;} .SRL .widget_calendar table { width: 100%;} .SRL .widget_calendar table td { text-align: center; padding: 3px; } .SRL .widget_calendar caption { padding: 5px 15px 5px 0;} .SRL .widget_calendar #today { background: #dcdcdc;} .SRL .widget_search #s { width: 120px; border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;} .SRL .widget_flickrrss { height: auto; float: left; width: 300px; border-bottom: 10px solid #fff;} .SRL .widget_flickrrss h2 { margin-bottom: 10px;} .SRL .widget_flickrrss ul { padding: 0px; margin: 0px; clear: left;} .SRL .widget_flickrrss li { background: url(images/SRL-widgetflickrbkg.gif) no-repeat left top; list-style-type: none; display: inline; padding: 7px; float: left;} .SRL .widget_flickrrss li a img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 48px; height: 48px;} .SRL .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 48px; height: 48px;} .SRL .widget_flickrrss li a:hover img { background: #660000; padding: 3px; border: solid 1px #660000;} #shoutbox { position:relative; z-index:60;} /* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #search { background: url(images/search.gif) no-repeat left 10px; right: 0px; padding: 55px 20px 20px 0px; z-index:55;} .Search { right: 0px; padding: 0px 0px 0px 20px;} .Search form { background: url(images/SearchForm.gif) no-repeat left top; padding: 0px; margin: 0px; z-index:56;} .Search input { color: #330033; font-size: 12px; z-index:7;} .Search input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; width: 130px; z-index:58; } .Search input.search { width: 27px; height: 24px; background: url(./images/SearchButton.gif) no-repeat;} .Search .bt { padding: 0px; margin: -24px 0px 0px 0px; background: none; position: relative; right: -140px; z-index:50; width:27px; height:24px;} .Syn ul { margin: 0px; padding: 5px 0px;} .Syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 14px; color:#ffcc66; display: inline; font-weight: bold;} .Syn li a {color:#fff; } .Syn li a:visited {color:#fff; } .Syn li a:hover {color:#fff; } /* Images - Sidebarroller ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .sidebarroller { position: absolute; left: 100px; padding:0; border:0; margin:0; z-index:2; top:160px; } img.sidebarroller { background-image:url(images/img.sidebarroller.gif); padding: 30px 20px 30px 20px; border:0; position:relative; margin-top:-20px; } #sideblog- { padding:40px 5px 15px 10px; border:0; margin:0; } #calendar { background:url(images/kalender.gif) no-repeat left 10px; border:0; margin:0; } #shoutbox { background:url(images/shoutbox.gif) no-repeat left top; border:0; margin:0; } .bg-sidebar { background:url(images/bg_sidebar.jpg) no-repeat left top; border:0; margin:0; } img.alignleft { background-image:url(images/img.alignleft.jpg); padding: 30px 20px 30px 20px; border:0; } /* About Blog ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .About { background: #ff6600 url(images/AboutBkg.gif) no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;} .About h2 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal;} .About p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;} /* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Recent { background: #dcdcdc url(images/RecentBkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;} .TabMenu { float: left; margin: 0px; padding: 0px; } .TabMenu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; text-transform: lowercase;} .TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(./images/mleft.gif) no-repeat left top; float: left;} .TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/mright.gif) no-repeat right top; float: right; } .TabMenu li a span { float: none; color: #cc0000;} .TabMenu li a:hover span { color: #cc0000;} .TabMenu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;} .TabMenu li a:hover span { background-position: 100% -27px; color:#ffff99;} .TabLink a:link.active { background-position: 0% -27px; color:#ffff99; text-decoration: none;} .TabLink a:link.active span { background-position: 0% -27px; color:#ffff99; text-decoration: none;} .TabLink a:visited.active { background-position: left bottom; color:#ffff99;} .TabLink a:visited.active span { background-position: right bottom; color:#ffff99;} .TabContent { clear: left; padding-top: 10px;} .TabContent ul { padding: 0px; margin: 0px;} .TabContent li { color:#000033; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #ecc9a5; font-size: 13px;} .TabContent li a { color:#989898; text-decoration: none;} .TabContent li a:visited { color:#989898; text-decoration: none;} .TabContent li a:hover { color:#000033; text-decoration: none;} /* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR { width: 140px; float: right; padding: 0px 0px 0px 0px;} .SRR h2 { color:#660000; font-size: 16px; border-bottom: solid 1px #eeede4; letter-spacing: -1px; padding: 5px 0px; margin: 0px;} .SRR ul { margin: 0px; padding: 0px;} .SRR li { margin: 0px; padding: 0px; list-style-type: none; } .SRR a { color:#cc0000;} .SRR a:visited { color:#cc0000;} .SRR a:hover { color:#ff6600; text-decoration: none;} /* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR .categories { position: absolute; left: 202px; border:0; margin:0; z-index:8; width:184px; height:314px; background:url(images/sidebar-navigation.gif) no-repeat; padding:28px 0 0 17px; } .SRR .categories img{ padding:0; margin:0; border:0; } .SRR .widget { margin: 0px 0px 10px 0px; padding: 0px;} .SRR .widget ul { margin: 0px; padding: 0px;} .SRR .widget li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999;} .SRR .widget li a { color:#cc0000;} .SRR .widget li a:visited { color:#cc0000;} .SRR .widget li a:hover { color:#ff6600; text-decoration: none;} .SRR .widget_categories ul { margin: 0px; padding: 0px;} .SRR .widget_categories ul li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999; font-weight: bold;} .SRR .widget_categories ul li a { color:#cc0000;} .SRR .widget_categories ul li a:visited { color:#cc0000;} .SRR .widget_categories ul li a:hover { color:#ff6600; text-decoration: none;} .SRR .widget_categories ul ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; background: none; border-bottom: none;} .SRR .widget_categories ul li li { margin: 0px; padding: 1px 0px; list-style-type: none; background: none; border-bottom: none; font-size: 12px; font-weight: normal;} .SRR .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 22px;} .SRR .widget_calendar table { width: 100%;} .SRR .widget_calendar table td { text-align: center; padding: 3px; } .SRR .widget_calendar caption { background: #f0f0f0; padding: 5px 0px;} .SRR .widget_calendar #today { background: #f0f0f0;} .SRR .widget_search #s { border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;} .SRR .widget_flickrrss h2 { margin-bottom: 10px;} .SRR .widget_flickrrss ul { padding: 0px; margin: 0px; clear: left;} .SRR .widget_flickrrss li { list-style-type: none; display: inline; padding: 0px; margin: 0px 10px 10px 0px; border-bottom: none;} .SRR .widget_flickrrss li a img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 58px; height: 58px;} .SRR .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 58px; height: 58px;} .SRR .widget_flickrrss li a:hover img { background: #660000; padding: 3px; border: solid 1px #660000;} /* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Flickr { margin-bottom: 10px;} .Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px; color:#ff3366; letter-spacing: -1px; font-size: 14px; font-weight: bold;} .Flickr ul { padding: 10px 0px; margin: 0px;} .Flickr li { background: none; padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline; border-bottom: none;} .Flickr li a img { background: #fff; padding: 1px; border: solid 4px #d4e7f2; width: 53px; height: 53px; margin-bottom: 5px;} .Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #ff3366; margin-bottom: 5px;} /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .FBG { width: 100%; float: left; padding: 0px; background: url(images/footer_bg.jpg) no-repeat bottom center;} .Footer { width: 880px; height:332px; margin: 0 auto; padding: 0px;} .Footer p { font-size: 10px; line-height: 12px; color:#c6c6c6; padding: 0px; margin:3px 405px 0 50px; font-family: 'Verdana'; } .Footer a { color:#999; text-decoration: underline;} #notice { position: relative; left: 580px; width: 280px; height: 184px; }