/********************** color 1 blue #0c2245 color 2 orange #f15523 color 3 grey 1 #393939 color 4 grey 2 #626262 ***********************/ body { text-align: center; background: #0c2245 url(images/bg.jpg) repeat-x; } #wrapper { width: 1000px; margin: 0 auto; text-align: left; overflow: hidden; } #header { padding: 11px 30px 11px; float: left; display: inline; width: 940px; } #header a { color: #fff; text-shadow: #000 0 2px 1px; text-transform: uppercase; } #header ul, #header li, #header a { float: left; display: inline; } #header a { margin-right: 20px; padding: 4px 0; font-weight: bold; } #header a:hover { color: #f15523; } #header a.active { color: #f15523 !important; } #content { width: 940px; clear: left; float: left; display: inline; padding: 25px 30px 30px; } #content { background: #f6f7f9 url(images/content.jpg) repeat-y; padding: 25px 20px 30px; width: 960px; } #home #content { background-image: none; } #header form, #header fieldset, #header input, #header button { float: right; display: inline; } #header form { background-image: url(images/search.jpg); width: 201px; height: 28px; overflow: hidden; } * html #header form div { width: 322px; } #header fieldset { width: 201px; height: 28px; } #header input { float: left; padding: 5px; border: none !important; } #header input[type="hidden"] { display: none; } #header input[name="q"] { float: left; padding: 6px 6px 7px 0 !important; background-color: transparent; border: none; width: 142px; margin-left: 14px; } #header input[name="sa"] { background-color: transparent; float: right; width: 35px; height: 28px; border: none; text-indent: -10000px; cursor: pointer; } #branding { padding: 0 10px 15px; width: 940px; height: 96px; } #branding, #branding ul, #branding li, #branding a, #branding img { float: left; display: inline; } #branding ul { float: right; padding-top: 64px; } #branding li a { text-indent: -9000px; } a#feed { background: url(images/feed2.gif) no-repeat left top; width: 120px; height: 27px; } #home a#feed { background-image: url(images/feed.gif); } a#newsletter { background: url(images/newsletter2.gif) no-repeat left top; width: 122px; height: 27px; margin-left: 38px; } #home a#newsletter { background-image: url(images/newsletter.gif); } #slideshow { padding: 0 10px 25px; clear: left; width: 580px; height: 193px; } #home #slideshow { width: 940px; height: 312px; } #slideshow img { display: block; } #mainContent { text-shadow: #fff 0 1px 1px; float: left; display: inline; width: 600px; background: none repeat-y center; padding: 0; } #home #mainContent { width: 940px; background: url(images/contentDivision.gif) repeat-y center; padding: 0 10px; } #articles, .article, #posts { display: inline; float: left; width: 460px; } #articles { position: relative; } #articlesWrap { overflow: hidden; width: 460px; padding-top: 20px; } .article img { margin-bottom: 5px; } .article h1, .article h3 { font-size: 180%; letter-spacing: 0; line-height: 1.2; text-shadow: #fff 0 1px 0; } .article h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 140%; color: #626262; font-weight: normal; line-height: 1.4; } .articleContent { margin-top: 5px; padding-bottom: 10px; min-height: 45px; } * html .articleContent { height: 45px; } .articleContent ul, .articleContent ol, .articleContent table, .articleContent p { margin-bottom: 10px; } .articleContent ul, .articleContent ol { margin-left: 25px; list-style-type: disc; } .articleContent ol { list-style-type: decimal; } .articleContent li, .articleContent p, .singleEntry .articleContent li { font-size: 140%; } .entry .articleContent li { font-size: 120%; } .singleEntry h2, .singleEntry h3, .singleEntry h4, .singleEntry h5, .singleEntry h6 { margin-bottom: 10px; } .singleEntry h3 { font-size: 200%; } .singleEntry h3 { font-size: 180%; } .singleEntry h4 { font-size: 160%; } .singleEntry h5 { font-size: 140%; } .singleEntry h6 { font-size: 130%; } ul.articleInfo, ul.articleInfo li, ul.articleInfo a { float: left; display: inline; } ul.articleInfo { clear: left; } ul.articleInfo a { background-color: #fff; border: 1px solid #ccc; color: #0c2245; font-weight: bold; font-size: 11px; margin-right: 2px; padding: 2px 5px 3px; } .post ul.articleInfo a { margin-left: 180px; } ul.articleInfo li { position: relative; } ul.articleInfo ul { display: none; } ul.articleInfo li:hover ul { position: absolute; display: block; top: 0; margin-top: 20px; } ul.articleInfo li ul li { width: 200px !important; margin-bottom: -1px; } ul.articleInfo li ul li, ul.articleInfo li ul li a { float: none; display: block; width: auto; } ul.articleInfo li ul li a:hover { color: #f15523; } .readMore { float: right; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 140%; } .edit { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #posts { margin-left: 20px; } .post { clear: left; float: left; width: 460px; margin-bottom: 0; } .post img { float: left; margin: 0 20px 10px 0; } .post h3 { font-size: 140%; line-height: 1.2; margin-bottom: 3px; } p.date { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #626262; } .post .readMore { padding-bottom: 20px; } #cities { clear: both; padding: 25px 20px 10px; width: 960px; background: #ebeff4 url(images/cities.jpg) no-repeat left top; text-shadow: #fff 0 1px 0; } #cities, #cityList, #weekCity, .city { float: left; display: inline; } #cityList { width: 220px; margin: 0 10px; background: url(images/tickHover.gif) no-repeat 400px; padding-bottom: 15px; } #cityList li { font-size: 140%; } #cityList li, #cityList a { display: block; color: #0c2245; width: 220px; } #cityList a { padding: 2px 0; font-weight: bold; background: url(images/tick.gif) no-repeat 200px; } #cityList a:hover { background-image: url(images/tickHover.gif); color: #f15523; } #cityList li { background: url(images/listDivision.gif) repeat-x; } #cityList li.first { background: none; } #weekCity { width: 720px; } #weekCity h2 { margin: 0 10px; } .singlePage h1, .singleEntry h1, #mainContent h2, #cities h2 { margin-bottom: 15px; } .city { width: 220px; margin: 0 10px 20px; height: 236px; position: relative; overflow: hidden; } .city a { display: block; width: 220px; height: 236px; color: #fff; font-size: 11px; text-shadow: none; cursor: pointer; } .city a:hover { color: #fff; } .city strong { display: block; cursor: pointer; } .city span { position: absolute; bottom: 0; left: 0; padding: 10px; background: url(images/cityBg.png) repeat; width: 200px; cursor: pointer; } #guideContent { float: left; display: inline; width: 960px; } #sidebar { float: left; display: inline; width: 320px; margin-left: 24px; } #intro { padding: 0 10px; } #intro #slideshow { padding: 0; clear: left; display: block; margin-bottom: 15px; } #breadcrumb { margin: 10px 0; } #breadcrumb, #breadcrumb li, #breadcrumb a { float: left; display: inline; line-height: 1; } #breadcrumb li { font-weight: bold; letter-spacing: -1px; margin-right: 15px; color: #0c2245; } li#city a { color: #0c2245; } li#category a { color: #f15523; } li#subcategory a strong, li#category a strong { color: #0c2245; } li#city { font-size: 300%; } li#category { font-size: 300%; } li#subcategory { font-size: 240%; padding: 5px 0 0; } li#city { } #intro h1 { margin-bottom: 5px; color: #f15523; } #intro h1 strong { color: #0c2245; } #intro h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-size: 140%; letter-spacing: 0; color: #626262; } #intro .introContent { min-height: 260px; } * html #intro .introContent { height: 260px; } #intro .introContent p, #intro .introContent li { font-size: 130%; } #intro .introContent p, #intro .introContent ul, #intro .introContent ol { margin-bottom: 5px; } #intro .introContent ul, #intro .introContent ol { margin-left: 25px; list-style-type: disc; } #intro .introContent ol { list-style-type: decimal; } #mainContent #intro h2, #mainContent .entry h2 { margin-bottom: 8px; line-height: 1.2; } /* .singlePage h1, .singlePost h1 { line-height: 1.2; } */ .entryContainer { float: left; display: inline; width: 600px; border-top: 1px solid #ebebeb; margin-top: 15px; padding-top: 20px; clear: left; } .entry { float: left; display: inline; width: 280px; margin: 0 10px; } .entry h2 { font-size: 180%; } .entry img { } .entry .image { width: 280px; height: 180px; margin-bottom: 10px; position: relative; } .entry .image img{ display: block; } .entry .image span { position: absolute; top: 0; padding: 5px 10px; font-size: 100%; color: #fff; background: url(images/cityBg.png) repeat; width: 260px; display: block; text-shadow: none; } .entry .articleContent p { font-size: 120%; } .singleEntry { margin: 0 10px; clear: both; padding-top: 15px; } .ie6 .singleEntry { padding-top: 10px; } .ie7 .singleEntry { padding-top: 10px; } .singleEntry .image { clear: right; float: right; margin: 0 0 20px 20px; width: 280px; height: 180px; position: relative; } .singleEntry .image img { display: block; } .singleEntry .image span { position: absolute; top: 0; padding: 5px 10px; font-size: 100%; color: #fff; background: url(images/cityBg.png) repeat; width: 260px; display: block; text-shadow: none; } .entry .articleContent { background-repeat: no-repeat; background-position: right bottom; padding-bottom: 55px; } .entry .articleContent .readMore { font-size: 140%; margin: 0; } .number1 { background-image: url(images/numbers/1.gif); } .number2 { background-image: url(images/numbers/2.gif); } .number3 { background-image: url(images/numbers/3.gif); } .number4 { background-image: url(images/numbers/4.gif); } .number5 { background-image: url(images/numbers/5.gif); } .number6 { background-image: url(images/numbers/6.gif); } .number7 { background-image: url(images/numbers/7.gif); } .number8 { background-image: url(images/numbers/8.gif); } .number9 { background-image: url(images/numbers/9.gif); } .number10 { background-image: url(images/numbers/10.gif); } .ad, .adPage { display: block; margin: 0 10px 20px; clear: both; width: 336px; height: auto; } .adPage { display: inline; float: right; margin: 0 0 10px 10px; } .ad img { display: block; } .cityMenu { margin: 0 10px; clear: both; } .cityMenu h2 { background-image: url(images/cityMenu.gif); height: 29px; color: #fff; font-size: 140%; text-shadow: #843118 0 -1px 1px; letter-spacing: 0; padding: 11px 0 0 10px; } .cityMenu ul { background-color: #fff; border: 1px solid #97999f; border-top: none; width: 298px; margin-bottom: 20px; padding: 2px 0; } .cityMenu ul, .cityMenu li, .cityMenu li a { float: left; display: inline; } .cityMenu li, .cityMenu a { width: 149px; color: #0c2245; font-weight: bold; } .cityMenu a { padding: 2px 0 2px 10px; width: 139px; } .cityMenu li { font-size: 112%; } .cityMenu a:hover{ color: #f15523; } .menu h2 { margin-bottom: 10px; background: url(images/tickHover.gif) no-repeat 4000px; } .menu { display: inline; float: left; width: 140px; margin: 0 10px; } .menu.wide { width: 300px; } .menu p { font-family: Georgia, serif; font-style: italic; } .menu ul { margin-bottom: 20px; } .menu li { line-height: 1.2; background: url(images/listDivision.gif) repeat-x; } .menu li.first { background-image: none; } .menu li a { display: block; padding: 5px 16px 5px 0; color: #393939; background: url(images/tick.gif) no-repeat right center; width: 124px; } .menu li a:hover { background-image: url(images/tickHover.gif); color: #f15523; } .menu.wide li a { width: 284px; } #footer { clear: both; padding: 15px 30px; float: left; display: inline; width: 940px; text-shadow: #000 0 1px 1px; } #footer { color: #5a82a0; } #footer a { color: #f15523; } #footer a:hover { color: #ff6c31; } #top { float: left; width: 300px; } #credits { float: right; width: 640px; text-align: right; } #blogContent #mainContent { padding: 0 10px; width: 580px; } #blogContent #mainContent h2 { margin: 0; } #blogContent #mainContent .singlePost .postContent h2 { margin: 0 0 10px; padding-top: 5px; } #blogContent #mainContent p.date { margin-bottom: 5px; } .postContent { margin-bottom: 10px; } .postContent .image { float: right; display: inline; width: 320px; height: 190px; margin: 0 0 20px 20px; position: relative; } .postContent img { width: 320px; display: block; } .singlePost .postContent img.right { float: right; display: inline; width: 160px; height: 95px; margin: 0 0 20px 20px; } .singlePost .postContent span { position: absolute; top: 0; padding: 5px; font-size: 100%; color: #fff; background: url(images/cityBg.png) repeat; width: 310px; display: block; text-shadow: none; } .singlePage, .singlePost { padding: 20px 0; float: left; width: 580px; border-bottom: 1px solid #e7e7e7; } #blogContent .readMore { } .singlePage, .singlePost, .postContent { clear: both; } .pageContent p, .pageContent li, .postContent p, .postContent li { font-size: 140%; } .pageContent p, .pageContent ol, .postContent p, .pageContent ul, .postContent ol, .postContent ul { margin-bottom: 10px; } #blogContent #mainContent .singlePage .pageContent h2 { margin-bottom: 10px; line-height: 1.4; } #blogContent #mainContent .singlePage .pageContent h3 { margin-bottom: 10px; line-height: 1.4; } .pageContent ul, .pageContent ol { margin-left: 25px; list-style-type: disc; } .pageContent ol { list-style-type: decimal; } /* Forms */ .content h3 { margin-bottom: 10px; } #newsletterForm input, .singlePage input { } #newsletterForm label, .singlePost label, .singlePage label { display: block; float: right; width: 580px; margin-bottom: 10px; } #newsletterForm label { } #newsletterForm textarea, .singlePost textarea, #newsletterForm input, .singlePage textarea, #newsletterForm input, .singlePost input, .singlePage input { padding: 8px; border: 1px solid #ccc; float: right; width: 400px; } #newsletterForm input { } #newsletterForm label.checkContainer { border: 1px dashed #dedede; padding: 10px; width: 558px; } #newsletterForm input.checkbox { border: none; margin-top: 2px; padding: 0; width: auto; height: auto; } #newsletterForm span, .singlePost span, .singlePage span { padding: 5px 0; float: left; display: inline; } #newsletterForm button, .singlePost button, .singlePage button { width: 83px; height: 30px; padding: 0; float: right; background-image: url(images/invia2.gif); text-indent: -9000px; } .singlePost button, .singlePage button { background-image: url(images/invia2.gif); } .singlePost button:hover, #newsletterForm button:hover, .singlePage button:hover { text-indent: -9000px; background: url(images/invia2.gif) left bottom; } .singlePost button:hover, .singlePage button:hover { background-image: url(images/invia2.gif); } .singlePost p.error, .singlePost p.success, .pageContent p.error, .pageContent p.success { background-color: #0c2245; color: #fff; padding: 10px; text-shadow: none; } .singlePost p.error, .pageContent p.error { background-color: #f15523; } textarea { overflow: hidden; } .singlePost p.error, .singlePost p.success { margin-bottom: 10px; } #blogContent #mainContent .singlePost form h2 { margin: 20px 0; } /* Browser specific */ * html #header input { width: 142px !important; padding: 6px 6px 7px 0 !important; margin-left: 14px; background-color: transparent !important; margin-right: -10px; cursor: pointer; } .ff3.mac #header input { padding-top: 6px; } .ie7 #header input[name="sa"] { padding-left: 40px; } /* Slider */ /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 460px; background: #fff; overflow: scroll} .csw .loading {margin: 200px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 460px; /* Also specified in .stripViewer .panelContainer .panel below */ clear: both; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 460px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; } .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 12px; font-weight: bold; text-align: center; line-height: 24px; display: block; padding: 0 9px; color: #0c2245; border: 1px solid #bcbdbf; background: #ececec url(images/tabBg.jpg) repeat-x; width: 7px; } .stripNav li a:hover { background: #0c2245; color: #fff; border: 1px solid #0c2245; text-shadow: #0c2245 0 1px 1px; } .stripNav li a.current:hover { border: 1px solid #bcbdbf; border-bottom: 1px solid #fff; text-shadow: #fff 0 1px 1px; } .stripNav li a.current { background: transparent; color: #000; border-bottom: 1px solid #f6f7f9; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 35px; text-indent: -9000em; } .stripNavL a, .stripNavR a { display: block; height: 33px; width: 33px; } .stripNavL { left: 0; } .stripNavR { right: 0; } .stripNavL { background: url("images/left.gif") no-repeat left top; } .stripNavL a:hover { background: url("images/left.gif") no-repeat left bottom; } .stripNavR { background: url("images/right.gif") no-repeat left top; } .stripNavR a:hover { background: url("images/right.gif") no-repeat left bottom; } /* Pagination ================================================*/ ul.pagination { margin: 0; padding-top: 20px; float: left; width: 580px; text-align: center; } ul.pagination li { list-style-type: none; font-size: 1.2em; display: inline; } ul.pagination li.previous { float: left; margin-right: 115px; display: inline; } ul.pagination li.previous a, ul.pagination li.next a { display: block; height: 33px; width: 33px; padding: 0; } ul.pagination li.previous, ul.pagination li.next { height: 33px; width: 33px; text-indent: -9000px; } ul.pagination li.next { float: right; } ul.pagination li.previous { background: url("images/left.gif") no-repeat left top; } ul.pagination li.previous a:hover { background: url("images/left.gif") no-repeat left bottom; } ul.pagination li.next { background: url("images/right.gif") no-repeat left top; } ul.pagination li.next a:hover { background: url("images/right.gif") no-repeat left bottom; } ul.pagination li.previous.disabled, ul.pagination li.next.disabled { opacity: 0.2; } ul.pagination li a { display: block; float: left; padding: 2px 8px; margin-right: 3px; } ul.pagination li span { float: left; margin-right: 4px; margin-top: 10px; } ul.pagination li span.first { margin-right: 4px; margin-top: 10px; } ul.pagination li a.page { margin-top: 5px; background-color: #9FA19F; color: #0c2245; font-weight: bold; border: 1px solid #bcbdbf; background: #ececec url(images/tabBg.jpg) repeat-x; } ul.pagination li a.page:hover { text-decoration: none; color: #f15523; } ul.pagination li.selected a.page { background: transparent; color: #000; } ul.pagination li.disabled a { color: #ddd; cursor: default; } #commentContainer { clear: both; padding-top: 50px; } *:first-child+html #commentContainer { padding-top: 20px; } * html #commentContainer{ padding-top: 40px; } #blogContent #mainContent .singlePost #commentContainer h2 { padding: 20px 0 0; border-top: 1px solid #e7e7e7; } #comments { padding: 20px 0 0; } #commentContainer dl { margin-left: 40px; padding: 10px 0; border-top: 1px dashed #e7e7e7; } #commentContainer dl dt { font-weight: bold; font-style: italic; margin-bottom: 5px; } #commentContainer dl dt em { font-weight: normal; color: #626262; } #commentContainer dl dt a.edit { font-weight: normal; float: right; } #commentContainer dl p { font-size: 12px; } small { font-size: 80%; } .banner { display: block; } #banner_1 { display: inline; clear: right; float: right; margin: 0 0 10px 10px; } #banner_2 { padding-top: 15px; clear: both; display: block; }