W3C CSS Validator results for http://www.destak.pt/ (CSS level 3 + SVG)

Congratulations! No Error Found.

This document validates as CSS level 3 + SVG !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http://www.destak.pt/
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (3)

URI : http://www.destak.pt/css/iehacks-0.1.min.css

1 zoom is an unknown vendor extension
1 *display is a CSS hack

URI : http://www.destak.pt/css/yui.reset-3.10.3.min.css

8 *font-size is a CSS hack

↑ Top

Valid CSS information

html {
color : #000;
background : #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
font-variant : normal;
}
sup {
vertical-align : text-top;
}
sub {
vertical-align : text-bottom;
}
input, textarea, select {
font-family : inherit;
font-size : inherit;
font-weight : inherit;
}
legend {
color : #000;
}
#yui3-css-stamp.cssreset {
display : none;
}
body {
color : #222;
text-align : center;
font-size : 13px;
font-family : arial, "trebuchet ms", sans-serif;
}
a, a:link, a:active, a:visited {
color : black;
text-decoration : none;
}
a:hover {
color : #777;
}
h2 {
color : black;
font-weight : bold;
font-size : 1.1em;
}
strong, b {
font-weight : bold;
}
em, i {
font-style : italic;
}
.clear {
clear : both;
font-size : 0;
height : 0;
display : block;
}
.note {
font-size : 0.9em;
}
#page {
background : url(/images/shadow.gif) top left repeat-y white;
position : relative;
}
#page, #footer {
width : 984px;
padding : 0 9px;
margin : 0 auto;
text-align : left;
clear : both;
}
#footer {
font-size : 0.85em;
background : url(/images/footer_shadow.gif) top left no-repeat white;
padding : 10px 40px;
width : 920px;
text-align : center;
line-height : 1.6em;
}
#footer ul.first-child {
font-weight : bold;
text-transform : uppercase;
}
#footer li {
display : inline;
}
#cofina_bar {
background-color : #999;
height : 19px;
padding-top : 3px;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
}
#cofina_bar div {
color : #fff;
margin : 0 auto;
width : 793px;
}
#cofina_bar a, #cofina_bar a:hover {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
color : #fff;
}
#cofina_bar img {
display : inline;
width : 43px;
vertical-align : top;
}
#cofina_bar_v2 a, #cofina_bar_v2 a:link, #cofina_bar_v2 a:visited, #cofina_bar_v2 a:active, #cofina_bar_v2 a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
color : #fff;
}
#cofina_bar_v2 .greybar {
width : 100%;
height : 30px;
margin : auto;
text-align : center;
background : url(../images/topGrey.gif) center top repeat-x #999;
}
#header {
background : url("/images/header_shadow.jpg") top left repeat-x #f41919;
height : 100px;
position : relative;
}
#header_logo, #header_editorial, #header_opinion, #header_weather, #header_forms {
float : left;
height : 100px;
}
#header_logo {
width : 400px;
text-align : left;
}
#header_logo a {
float : left;
}
#header_logo a img {
margin : 20px 15px 15px;
margin-right : 2px;
display : inline;
}
#header_logo p {
margin-top : 40px;
font-size : 12px;
font-weight : bold;
color : #fff;
}
#header_editorial {
background : url("/images/header_editorial.gif") bottom left no-repeat;
color : #fff;
font-size : 0.9em;
height : 70px;
margin-left : 20px;
padding-left : 85px;
padding-top : 30px;
width : 130px;
}
#header_opinion {
background : bottom right no-repeat;
color : #fff;
font-size : 0.9em;
height : 60px;
margin-left : 40px;
margin-right : 20px;
padding-right : 110px;
padding-top : 40px;
text-align : right;
width : 130px;
}
#header_editorial h3, #header_opinion h4, #header_editorial h4 {
font-size : 0.85em;
}
#header_opinion h4, #header_editorial h4 {
color : #000;
font-weight : bold;
text-transform : uppercase;
}
#header_opinion h3 a, #header_editorial h3 a {
color : #fff;
}
#header_opinion h3 a:hover, #header_editorial h3 a:hover {
color : #ddd;
}
#header_weather {
color : #fff;
font-size : 1.1em;
font-weight : bold;
height : 90px;
margin-left : 50px;
padding-top : 10px;
}
#header_weather li {
height : 32px;
width : 110px;
padding-top : 8px;
background : url(/images/weather_icons.gif) 200px 200px no-repeat;
}
#header_weather li h4 {
font-size : 0.55em;
font-weight : bold;
letter-spacing : 1px;
text-transform : uppercase;
}
#header_weather li.type1 {
background-position : 50px 0;
}
#header_weather li.type2 {
background-position : 50px -40px;
}
#header_weather li.type3 {
background-position : 50px -80px;
}
#header_weather li.type4 {
background-position : 50px -120px;
}
#header_weather li.type5 {
background-position : 50px -160px;
}
#header_weather li.type6 {
background-position : 50px -200px;
}
#header_weather li.type7 {
background-position : 50px -240px;
}
#header_weather li.type8 {
background-position : 50px -280px;
}
#header_weather li.type9 {
background-position : 50px -320px;
}
#header_forms {
color : #fff;
float : right;
height : 60px;
margin-top : 35px;
padding : 0 10px 0 0;
position : relative;
width : 155px;
z-index : 5;
}
#header_forms form {
display : block;
font-size : 1em;
margin-bottom : 5px;
position : relative;
text-align : left;
}
#header_forms label {
display : block;
font-size : 0.7em;
font-weight : bold;
line-height : 1em;
text-transform : uppercase;
}
#header_forms input, #header_forms button {
background-color : transparent;
letter-spacing : 0;
color : #fff;
border : 0;
}
#header_forms input {
background-color : #fff;
width : 120px;
height : 15px;
font-size : 0.85em;
color : #aaa;
margin : 2px 0 0 0;
padding-left : 2px;
}
#header_forms button, #header_forms a {
cursor : pointer;
font-size : 0.7em;
font-weight : bold;
text-transform : uppercase;
}
#header_forms button {
float : right;
margin : 3px 10px 0 0;
width : 20px;
}
#header_forms a {
color : #fff;
display : block;
margin-bottom : 5px;
text-align : center;
vertical-align : middle;
white-space : nowrap;
width : 150px;
}
#header_forms a:hover {
color : #ddd;
}
#login {
background-color : #ddd;
font-size : 0.9em;
height : 20px;
overflow : hidden;
padding : 0 30px;
position : absolute;
right : 20px;
top : 0;
width : 90px;
z-index : 10;
}
#login a.first-child {
color : #f00;
display : inline-block;
font-weight : bold;
height : 20px;
line-height : 20px;
position : absolute;
right : 0;
text-align : center;
top : 0;
vertical-align : middle;
width : 150px;
}
#login a.first-child:hover {
color : #555;
}
#login a {
display : block;
font-size : 0.8em;
margin-bottom : 0.5em;
text-transform : uppercase;
}
#login form {
display : block;
margin-top : 30px;
width : 270px;
}
#login form input, #login form button {
background-color : transparent;
border : 0;
color : #222;
height : 20px;
line-height : 20px;
letter-spacing : 0;
}
#login form input {
background-color : #fff;
color : #777;
width : 110px;
margin : 0 10px 0 0;
padding : 2px;
}
#login form button {
cursor : pointer;
font-size : 0.8em;
text-transform : uppercase;
}
#login a.facebook {
line-height : 14px;
margin : 25px 0 15px;
vertical-align : middle;
}
#login a.facebook img {
vertical-align : middle;
}
#menu {
background : url("/images/header_shadow.jpg") 0 -125px repeat-x #eee;
font-family : "trebuchet ms", helvetica, freesans, sans-serif;
font-size : 10px;
font-weight : bold;
padding : 0;
text-align : center;
width : 100%;
}
#menu ul {
height : 25px;
margin : 0 auto;
}
#menu li {
display : inline-block;
margin : 0 13px;
height : 25px;
line-height : 25px;
}
#menu ul.first-child li {
margin : 0 7px;
}
#menu a {
background : url("/images/menu_balls.gif") top left no-repeat transparent;
color : #333;
display : block;
height : 13px;
line-height : 13px;
padding-left : 16px;
margin-top : 6px;
text-align : left;
text-transform : uppercase;
vertical-align : middle;
}
#menu ul.first-child a {
background : 0;
color : #fff;
padding : 0 10px;
height : 25px;
line-height : 25px;
margin : 0;
}
#menu ul.first-child a.active, #menu ul.first-child a:hover {
background : url("/images/header_shadow.jpg") 0 -100px repeat-x white;
color : #fe0000;
}
.section_blue .section {
color : #09C;
}
.section_red .section, #menu li.section_red a.active, #menu li.section_red a:hover {
color : #f41919;
}
.section_yellow .section, #menu li.section_yellow a.active, #menu li.section_yellow a:hover {
color : #fab816;
}
.section_purple .section, #menu li.section_purple a.active, #menu li.section_purple a:hover {
color : #c799c6;
}
.section_green .section, #menu li.section_green a.active, #menu li.section_green a:hover {
color : #bfce35;
}
.section_gold .section, #menu li.section_gold a.active, #menu li.section_gold a:hover {
color : #715c40;
}
.section_orange .section, #menu li.section_orange a.active, #menu li.section_orange a:hover {
color : #ff6d00;
}
.section_pink .section, #menu li.section_pink a.active, #menu li.section_pink a:hover {
color : #f8007f;
}
#col2 .related_links {
margin-top : 1.5em;
}
#col2 .related_links h3 {
font-weight : bold;
}
#col2 .related_links h3.section {
text-transform : uppercase;
}
#col2 .related_links ul .img {
margin-top : 5px;
}
#col2 .related_links ul .img li {
display : inline;
margin-left : 10px;
}
#col2 .related_links .related_links {
margin-bottom : 2.5em;
}
#col2 .related_links .related_links li {
list-style-position : outside;
list-style-type : disc;
margin : 0 0 0 10px;
}
#col2 .related_links ul a {
color : #555;
}
#col2 .related_links ul a:hover {
color : #000;
}
#col3 {
float : right;
width : 306px;
padding-top : 5px;
padding-right : 15px;
text-align : right;
}
#col3 .box {
background : url(/images/col3_shadow_tops.gif) top left no-repeat #fff;
padding-top : 6px;
}
#col3 .box .content {
background : url(/images/col3_shadow_lat.gif) top left repeat-y #fff;
padding-left : 6px;
text-align : left;
position : relative;
width : 300px;
font-size : 0.9em;
}
#col3 .box .clear {
background : url(/images/col3_shadow_tops.gif) bottom left no-repeat transparent;
height : 6px;
}
#col3 .box .content .logo {
display : block;
}
#col3 .box .content li {
padding-bottom : 10px;
}
#col3 .box .content .box_left, #col3 .box .content .box_right {
padding : 5px 0 0;
}
#col3 .box .content .box_left {
float : left;
width : 120px;
}
#col3 .box .content .box_right {
margin-left : 130px;
}
#col3 .box .content .clear {
background : 0;
height : 0;
}
#col3 .box .content img.box_right {
height : 160px;
width : 140px;
padding : 0;
}
#col3 .box .content .box_left ul {
padding : 0;
}
#col3 .box .content .section {
margin : 0;
font-size : 0.75em;
text-transform : uppercase;
font-weight : bold;
}
#col3 h5.info {
margin-top : 1em;
text-align : right;
text-transform : uppercase;
font-weight : bold;
font-size : 0.82em;
}
#col3 h5.info a {
color : #f41919;
}
#col3 h5.info a:hover {
color : #000;
}
#col3 .box #opinion {
padding : 10px 0 0 6px;
background : bottom left no-repeat #fff;
}
#col3 .box #opinion a.logo {
background : url(/images/col3_box_logo_opinion.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 125px;
}
#col3 .box #opinion a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #opinion li.first-child {
padding : 0 20px 100px 30px;
margin : 0;
float : left;
width : 100px;
clear : left;
text-align : right;
}
#col3 .box #opinion .box_right {
clear : right;
margin-left : 150px;
padding : 0 0 10px;
}
#col3 .box #yours_opinion {
clear : both;
padding : 10px 0 0 6px;
}
#col3 .box #yours_opinion a.logo {
background : url(/images/col3_box_logo_yours_opinion.gif) 0 0 no-repeat;
height : 56px;
margin-left : 10px;
width : 125px;
}
#col3 .box #yours_opinion a.logo:hover {
background-position : 0 -56px;
}
#col3 .box #yours_opinion .box_right {
padding : 20px 5px 20px 20px;
}
#col3 .box #yours_opinion .logo {
position : relative;
float : left;
}
#col3 .box #yours_opinion .box_right h3 a {
font-weight : bold;
}
#col3 .box #yours_opinion .box_right .info a {
font-family : arial, "trebuchet ms", sans-serif;
font-size : 0.8em;
}
#col3 #contests {
width : 300px;
margin-left : 5px;
}
#col3 #contests a, #col3 #contests img {
display : block;
}
#col3 #contests ul {
background-color : #ccc;
height : 25px;
margin : 0 auto;
}
#col3 #contests li {
display : inline-block;
margin : 0 13px;
height : 25px;
line-height : 25px;
}
#col3 .box #weekend {
padding : 10px 0 0 6px;
}
#col3 .box #weekend a.logo {
background : url(/images/col3_box_logo_weekend.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 210px;
}
#col3 .box #weekend a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #trips {
padding : 10px 0 0 6px;
}
#col3 .box #trips a.logo {
background : url(/images/col3_box_logo_trips.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 210px;
}
#col3 .box #trips a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #automobile {
padding : 10px 0 0 6px;
}
#col3 .box #automobile a.logo {
background : url(/images/col3_box_logo_automobile.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 150px;
}
#col3 .box #automobile a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #brands {
padding : 10px 0 0 6px;
}
#col3 .box #brands a.logo {
background : url(/images/col3_box_logo_brands.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 255px;
}
#col3 .box #brands a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #favorites {
padding : 10px 0 0 6px;
}
#col3 .box #favorites a.logo {
background : url(/images/col3_box_logo_favorites.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 140px;
}
#col3 .box #favorites a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #interview {
padding : 10px 0 0 6px;
}
#col3 .box #interview a.logo {
background : url(/images/col3_box_logo_interview.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 160px;
}
#col3 .box #interview a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #interview h3 a {
font-weight : bold;
}
#col3 .box #interview .box_left {
margin-left : 15px;
padding-bottom : 1em;
text-align : center;
width : 120px;
}
#col3 .box #interview .box_right {
margin-left : 160px;
margin-right : 10px;
padding-bottom : 1em;
}
#col3 .box #horoscope {
color : #555;
padding : 10px 10px 0 6px;
width : 290px;
}
#col3 .box #horoscope a.logo {
background : url(/images/col3_box_logo_horoscope.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 155px;
}
#col3 .box #horoscope a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #horoscope .info a {
color : #ff6d00;
text-transform : uppercase;
font-weight : bold;
font-size : 0.8em;
}
#col3 .box #horoscope .info a:hover {
color : #000;
}
#col3 .box #horoscope h3 {
padding-left : 60px;
font-weight : bold;
}
#horoscope ul li h3 {
color : #000;
font-weight : bold;
}
#col3 .box #horoscope .section {
text-transform : capitalize;
font-size : 1em;
color : #555;
}
#col3 .box #horoscope ul {
padding : 15px 5px 0;
}
#col3 .box #horoscope .info {
font-size : 1em;
margin-right : 5px;
padding-bottom : 5px;
}
#horoscope ul li {
background-position : 0 5px;
background-repeat : no-repeat;
padding-left : 55px;
}
#horoscope ul li#aries {
background-image : url(/images/horoscope_aries.gif);
}
#horoscope ul li#taurus {
background-image : url(/images/horoscope_taurus.gif);
}
#horoscope ul li#gemini {
background-image : url(/images/horoscope_gemini.gif);
}
#horoscope ul li#cancer {
background-image : url(/images/horoscope_cancer.gif);
}
#horoscope ul li#leo {
background-image : url(/images/horoscope_leo.gif);
}
#horoscope ul li#virgo {
background-image : url(/images/horoscope_virgo.gif);
}
#horoscope ul li#libra {
background-image : url(/images/horoscope_libra.gif);
}
#horoscope ul li#scorpio {
background-image : url(/images/horoscope_scorpio.gif);
}
#horoscope ul li#sagittarius {
background-image : url(/images/horoscope_sagittarius.gif);
}
#horoscope ul li#capricorn {
background-image : url(/images/horoscope_capricorn.gif);
}
#horoscope ul li#aquarius {
background-image : url(/images/horoscope_aquarius.gif);
}
#horoscope ul li#pisces {
background-image : url(/images/horoscope_pisces.gif);
}
#horoscopes ul li a {
font-family : georgia, norasi, serif;
font-size : 1em;
line-height : 1.5em;
margin-left : 10px;
}
#horoscopes ul li.first-child {
background-color : #eee;
font-family : georgia, norasi, serif;
margin-bottom : 10px;
padding : 10px 5px;
}
#horoscopes ul li.first-child .description {
margin-left : 20px;
}
#horoscopes ul li.first-child .description .section {
font-size : 1.1em;
text-transform : capitalize;
}
#horoscopes ul li.first-child .description br {
margin-bottom : 2px;
}
#horoscopes ul li.first-child a {
font-size : 1.85em;
}
#horoscopes .pagination {
margin-top : 20px;
}
#col3 .box #gallery a.logo {
background : url(/images/col3_box_logo_gallery.gif) 0 0 no-repeat;
height : 32px;
width : 260px;
}
#col3 .box #gallery a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #gallery {
padding : 10px 0 10px 14px;
font-size : 1.1em;
width : 292px;
}
#col3 .box #gallery ul {
margin-top : 1em;
}
#col3 .box #gallery ul li {
display : inline;
margin-left : 2px;
}
#col3 .box #gallery ul li.first-child {
margin-left : 0;
}
#col3 .box #gallery h5.info {
font-size : 0.62em;
text-align : right;
}
#col3 .box #destaktv {
padding : 0 0 5px 16px;
width : auto;
}
#col3 .box #destaktv li.first-child {
text-align : center;
}
#col3 .box #destaktv li.first-child h3 {
margin : 0.5em 0;
}
#col3 .box #destaktv li h3 {
text-align : left;
font-weight : bold;
}
#col3 .box #destaktv li img {
float : left;
margin-right : 15px;
}
#col3 .box #destaktv object {
margin : 0 auto;
}
#col3 .box #classifieds {
padding : 10px 0 0 6px;
}
#col3 .box #classifieds a.logo {
background : url(/images/col3_box_logo_classifieds.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 180px;
}
#col3 .box #classifieds a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #classifieds ul {
padding : 10px 0 0 10px;
}
#col3 .box #classifieds ul li {
float : left;
width : 290px;
}
#col3 .box #classifieds ul li img {
border : #aaa solid 1px;
float : left;
height : 53px;
width : 68px;
}
#col3 .box #classifieds ul li .box_right {
margin-left : 80px;
overflow : hidden;
}
#col3 .box #festivals {
padding : 10px 0 0 6px;
}
#col3 .box #festivals a.logo {
background : url(/images/col3_box_logo_festivals.gif) 0 0 no-repeat;
height : 32px;
margin-left : 10px;
width : 230px;
}
#col3 .box #festivals a.logo:hover {
background-position : 0 -32px;
}
#col3 .box #zerocost {
background : url(/images/col3_box_bck_zerocost.jpg) bottom left no-repeat #fff;
height : 185px;
padding : 10px 0 0 6px;
}
#col3 .box #zerocost a.logo {
background : url(/images/col3_box_logo_zerocost.gif) 0 0 no-repeat;
float : left;
height : 60px;
margin-left : 21px;
margin-top : 115px;
width : 80px;
}
#col3 .box #zerocost .box_right {
text-align : center;
padding : 10px 20px;
}
#col3 .box #zerocost .box_right img {
margin : 10px 0;
}
#col3 #secretstory {
background-image : none;
height : 170px;
padding-top : 15px;
}
#col3 #secretstory .clear {
height : 0;
}
#col3 #secretstory .content {
background : url(/images/col3_box_bck_secretstory.jpg) 6px 0 no-repeat;
height : 100px;
padding : 60px 10px 10px 6px;
}
#col3 #secretstory .content a.logo {
background : url(/images/col3_box_logo_secretstory2.png) 0 0 no-repeat;
height : 90px;
position : absolute;
right : 12px;
top : -10px;
width : 110px;
}
#col3 #secretstory .content .box_right {
margin-top : 15px;
}
#col3 #youngindestak .content {
padding : 80px 0 10px;
}
#col3 #youngindestak .content .box_right {
margin : 0 10px 0 122px;
}
#col3 #youngindestak .content h4 a {
font-weight : bold;
}
#col3 #youngindestak .content a.logo {
background : url(/images/col3_box_logo_youngindestak.jpg) 0 0 no-repeat;
height : 118px;
left : -13px;
position : absolute;
top : 10px;
width : 111px;
}
#col3 #youngindestak .content a.title {
background : url(/images/col3_box_title_youngindestak.gif) 0 0 no-repeat;
height : 60px;
left : 100px;
position : absolute;
top : 10px;
width : 140px;
}
#col3 .box #backtoschool {
background : url(/images/col3_box_bck_backtoschool.jpg?1) 0 0 no-repeat;
padding : 10px 0 0 16px;
height : 239px;
}
#col3 .box #backtoschool .box_right {
text-align : center;
padding : 10px 20px 0;
}
#col3 .box #backtoschool .box_right h4 a {
font-weight : bold;
}
#col3 .box #backtoschool a.logo {
background : url(/images/col3_box_logo_backtoschool.png) 0 0 no-repeat;
height : 32px;
width : 238px;
}
#col3 .box #backtoschool a.logo:hover {
background-position : 0 -32px;
}
#col3 #biggestloser {
height : 230px;
}
#col3 #biggestloser .clear {
height : 0;
}
#col3 #biggestloser .content {
background : url(/images/col3_box_bck_biggestloser.jpg) -3px 0 no-repeat;
height : 185px;
padding : 35px 10px 10px 0;
}
#col3 #biggestloser .content a.logo {
background : url(/images/col3_box_logo_biggestloser.png) 0 0 no-repeat;
height : 127px;
left : 16px;
position : absolute;
top : 30px;
width : 138px;
}
#col3 #biggestloser .content .box_right {
margin-left : 170px;
margin-top : 0;
}
#col3 #lost {
height : 227px;
}
#col3 #lost .clear {
height : 0;
}
#col3 #lost .content {
background : url(/images/col3_box_bck_lost.jpg) 0 0 no-repeat;
height : 167px;
padding : 50px 10px 10px 6px;
}
#col3 #lost .content a.logo {
background : url(/images/col3_box_logo_lost.jpg) 0 0 no-repeat;
height : 42px;
left : 25px;
position : absolute;
top : 80px;
width : 119px;
}
#col3 #lost .content .box_right {
margin-left : 170px;
margin-top : 0;
}
#col3 #mccann img {
display : block;
}
#col3 #box_goodlife {
background-color : #ea0001;
background-image : none;
border : 0;
font-size : 12px;
padding : 0;
}
#col3 #box_goodlife a {
color : #fff;
font-weight : bold;
}
#col3 #box_goodlife a:hover {
color : #000;
}
#col3 #box_goodlife .clear {
height : 0;
}
#col3 #box_goodlife .content {
background : url(/images/col3_box_bck_goodlife.jpg) 0 0 no-repeat;
border : #ccc solid 1px;
padding : 80px 0 0;
}
#col3 #box_goodlife .content .logo {
color : #000;
font-size : 22px;
font-weight : bold;
position : absolute;
right : 30px;
text-align : center;
top : 35px;
width : 50px;
}
#col3 #box_goodlife .content .box_left {
padding-bottom : 10px;
}
#col3 #box_goodlife .content .box_right {
font-family : "trebuchet MS", arial, sans-serif;
margin-right : 15px;
margin-top : 10px;
}
#col3 #box_goodlife .content .link a {
color : yellow;
font-size : 0.8em;
text-transform : uppercase;
}
#col2 #box_goodlife2 {
margin : 0 2px;
padding : 0;
text-align : center;
width : 230px;
}
#col2 #box_goodlife2 img {
float : none;
margin : 0;
}
#col2 #box_goodlife2 .image {
position : relative;
}
#col2 #box_goodlife2 .image span {
background : url("/images/col2_box_gl_triangle.gif") top left no-repeat transparent;
color : #fff;
font-size : 2.25em;
height : 47px;
padding : 10px 5px 30px 35px;
position : absolute;
right : 0;
top : 0;
width : 48px;
}
#col2 #box_goodlife2 h4 {
background-color : #ffba33;
font-size : 1.5em;
font-weight : bold;
padding : 15px;
}
#col2 #box_goodlife2 .button {
background-color : #f8ae00;
color : #000;
font-size : 6em;
font-weight : bold;
padding : 7px 0;
}
#col2 #box_goodlife2 .button a {
background : url("/images/col2_box_gl_button.gif") top left repeat-x blue;
color : #fff;
font-size : 0.3em;
height : 16px;
width : 153px;
margin : 0 auto;
padding : 15px;
text-transform : uppercase;
}
#col2 #box_goodlife2 .button a:hover {
background-position : bottom left;
}
#col2 #box_goodlife2 ul {
background-color : #f8ae00;
margin : 0;
}
#col2 #box_goodlife2 ul li {
color : #000;
font-size : 1.75em;
list-style : none;
display : inline-block;
margin : 0;
padding : 3px 0;
width : 33%;
}
#col2 #box_goodlife2 ul li span {
font-weight : bold;
font-size : 1.25em;
}
#articles_footer {
clear : both;
font-size : 0.85em;
padding : 2em 4em 1em;
background : url(/images/articles_footer_shadow.gif) bottom left repeat-x #f7f7f7;
}
#articles_footer ul {
width : 185px;
float : left;
padding-left : 2em;
}
#articles_footer ul.first-child {
padding : 0 20px 5px 15px;
}
#articles_footer li {
list-style : disc outside;
padding-bottom : 5px;
}
#articles_footer li.first-child {
text-indent : -1.5em;
list-style-type : none;
text-transform : uppercase;
font-family : "trebuchet ms", helvetica, sans-serif;
}
#articles_footer li.first-child a {
padding-left : 16px;
background : url(/images/menu_balls.gif) no-repeat transparent;
line-height : 16px;
height : 16px;
font-weight : bold;
}
#articles_footer li.first-child a:hover {
color : #000;
}
#articles_footer div.articles_footer_right {
width : 650px;
float : right;
padding-bottom : 8px;
}
#articles_footer .section_red li.first-child a {
background-position : 0 0;
}
#articles_footer .section_yellow li.first-child a {
background-position : 0 -16px;
}
#articles_footer .section_purple li.first-child a {
background-position : 0 -32px;
}
#articles_footer .section_green li.first-child a {
background-position : 0 -48px;
}
#articles_footer .section_gold li.first-child a {
background-position : 0 -64px;
}
#articles_footer .section_orange li.first-child a {
background-position : 0 -96px;
}
.pub {
margin : 2px 0 8px 5px;
text-align : left;
font-size : 8px;
color : #555;
}
#col2 .pub {
margin-left : 0;
padding-left : 2px;
}
.pub .container {
cursor : pointer;
overflow : hidden;
text-align : center;
}
.pub .container object {
display : block;
}
#col3 .pub .container {
width : 300px;
}
#col2 .pub .container {
width : 230px;
}
.pub > div {
border : #BBB solid 1px;
}
.pub > div a, .pub > div a * {
display : block;
}
#leaderboard, #footer .pub {
background : url(/images/pub_vertical.gif) 0 0 no-repeat;
margin : 0 auto 10px;
padding-left : 12px;
text-align : right;
width : 730px;
}
#leaderboard {
margin : 0 auto;
}
#billboard {
margin : 0;
width : 984px;
}
.skyscraper {
margin : 0;
position : absolute;
width : 130px;
}
#skyscraper_l {
left : -121px;
}
#skyscraper_r {
right : -121px;
}
#billboard .container, .skyscraper .container {
border : 0;
}
#billboard .container * {
margin : 0 auto;
}
#dialog {
display : none;
}
#dialog a {
margin : 10px auto;
}
.ui-widget-header {
background : #f41919;
border-color : #f41919;
}
#menu a {
background-position : 0 -80px;
}
#menu li.section_red a.active, #menu li.section_red a:hover {
background-position : 0 0;
}
#menu li.section_yellow a.active, #menu li.section_yellow a:hover {
background-position : 0 -16px;
}
#menu li.section_purple a.active, #menu li.section_purple a:hover {
background-position : 0 -32px;
}
#menu li.section_green a.active, #menu li.section_green a:hover {
background-position : 0 -48px;
}
#menu li.section_gold a.active, #menu li.section_gold a:hover {
background-position : 0 -64px;
}
#menu li.section_orange a.active, #menu li.section_orange a:hover {
background-position : 0 -96px;
}
#col1 {
float : left;
line-height : 1.25em;
padding-top : 5px;
width : 380px;
}
#col2 {
float : right;
width : 240px;
padding-top : 5px;
}
#articles .wide {
width : 100%;
background-color : #eee;
padding-top : 6px;
}
#articles li {
padding-bottom : 1px;
margin-bottom : 10px;
}
#articles .wide_photo {
padding-top : 6px;
background-color : #eee;
}
#articles .wide_photo img {
width : 100%;
margin : 0;
}
#articles h3 {
font-size : 1.5em;
}
#articles .wide h3 {
font-size : 1.85em;
}
#articles #col1 .first-child {
background-color : #eee;
padding-top : 4px;
}
#articles #col1 .first-child h3 {
font-size : 1.85em;
}
#articles #col2 h3 {
font-size : 1.4em;
line-height : 1.2em;
}
#articles .wide ul {
font-size : 0.85em;
}
#articles img {
float : left;
margin-right : 10px;
}
#articles .wide_photo img {
float : none;
}
#articles .section {
margin : 6px 0 3px;
font-size : 0.7em;
text-transform : uppercase;
letter-spacing : 1px;
font-weight : bold;
}
#articles .wide_photo ul {
margin-bottom : 5px;
}
#articles h3 a, #articles ul ul li a {
font-family : georgia, norasi, serif;
}
#articles h3 a {
line-height : 1em;
}
#articles h3 a:hover {
color : #777;
}
#articles .photo .section, #articles .photo h3, #articles .photo .text {
line-height : 1.2em;
margin-left : 130px;
}
#articles .info {
margin : 0 20px 5px 0;
font-size : 0.85em;
text-align : right;
}
#articles ul ul {
margin-top : 5px;
}
#articles ul ul, #articles ul ul a, #articles .info a {
color : #555;
}
#articles ul ul a:hover, #articles .info a:hover {
color : #000;
}
#articles .info img {
display : inline;
margin-right : 5px;
}
#articles ul ul li {
border : 0;
font-size : 0.9em;
list-style-position : outside;
list-style-type : disc;
margin : 0 0 0 10px;
vertical-align : top;
width : 100%;
}
#articles ul li.wide ul li {
font-size : 0.95em;
}
#articles ul .section, #articles ul h3, #articles ul .text, #articles ul ul, #col2 .section, #col2 h3, #col2 .text, #col2 ul ul {
margin-left : 15px;
margin-right : 15px;
}
#col2 .section, #col2 h3, #col2 .text, #col2 ul ul {
margin-left : 20px;
margin-right : 15px;
}
#col1 .wide_photo img {
margin-bottom : 4px;
}
#col1 ul ul, #col2 ul ul {
font-size : 0.85em;
}
#col1 ul ul {
margin : 0;
padding : 0 15px;
width : 340px;
}
#col1 li {
width : 380px;
clear : left;
border-bottom : 1px solid #eee;
}
#col2 {
background : url(/images/col3_shadow_lat.gif) 8px 0 repeat-y transparent;
padding-left : 20px;
}
#col2 .box {
margin-bottom : 1em;
padding : 0 5px;
}
#col2 .wide_photo {
background-color : transparent;
}
#col2 .wide_photo img {
margin-bottom : 6px;
}
#col2 h2 a {
background : 0 0 no-repeat transparent;
color : #fff;
display : block;
height : 17px;
line-height : 17px;
padding-left : 20px;
}
#col2 h2 a:hover {
color : #222;
}
#col2 h2 {
background-repeat : repeat-x;
color : #fff;
font-family : "trebuchet ms", helvetica, sans-serif;
font-size : 0.85em;
margin : 0;
padding : 3px 10px;
text-transform : uppercase;
}
#col2 .section_red h2 {
background : url(/images/col2_box_shadow.gif) 0 0 #f41919;
}
#col2 .section_red h2 a {
background-image : url(/images/ball_red.gif);
}
#col2 .section_yellow h2 {
background : url(/images/col2_box_shadow.gif) 0 -50px #fab816;
}
#col2 .section_yellow h2 a {
background-image : url(/images/ball_yellow.gif);
}
#col2 .section_purple h2 {
background : url(/images/col2_box_shadow.gif) 0 -75px #c799c6;
}
#col2 .section_purple h2 a {
background-image : url(/images/ball_purple.gif);
}
#col2 .section_green h2 {
background : url(/images/col2_box_shadow.gif) 0 -100px #bfce35;
}
#col2 .section_green h2 a {
background-image : url(/images/ball_green.gif);
}
#col2 .section_gold h2 {
background : url(/images/col2_box_shadow.gif) 0 -25px #715c40;
}
#col2 .section_gold h2 a {
background-image : url(/images/ball_gold.gif);
}
#col2 .section_blue h2 {
background : url(/images/col2_box_shadow.gif) 0 -125px #09c;
}
#col2 .section_blue h2 a {
background-image : url(/images/ball_blue.gif);
}
#col2 .section_pink h2 {
background : url(/images/col2_box_shadow.gif) 0 -150px #f8007f;
}
#col2 .section_pink h2 a {
background-image : url(/images/ball_pink.gif);
}
#col2 .secretstory h2 {
background : url(/images/col2_box_shadow_secretstory.jpg) top left #c799c6;
}
.listing {
width : 640px;
float : left;
padding : 10px 0 0 15px;
}
.listing h2 {
margin : 1em 0.5em;
text-transform : uppercase;
}
.listing h3 {
margin : 0;
}
.listing h3 a {
font-family : georgia, norasi, serif;
line-height : 1.2em;
}
.listing .info a {
font-family : arial, "trebuchet ms", sans-serif;
font-size : 0.8em;
}
#opinions h2.section {
padding-left : 16px;
background : url(/images/menu_balls.gif) no-repeat transparent;
line-height : 16px;
height : 16px;
background-position : 0 0;
}
#opinions.listing h3 a {
font-size : 1.4em;
}
#opinions li {
clear : both;
}
#opinions ul {
margin-right : 0;
}
#opinions ul li {
list-style-position : inside;
list-style-type : none;
margin : 0 0 8px;
clear : none;
}
#opinions .opinion_tr {
margin-bottom : 3em;
}
#opinions .opinion_tr img {
float : left;
}
#opinions h2.section, #opinions .opinion_tr .text {
margin-left : 200px;
}
#opinions .opinion_tr .section {
font-size : 0.7em;
font-weight : bold;
text-transform : uppercase;
margin-bottom : 0.5em;
}
#opinions .opinion_tr .more {
text-transform : uppercase;
font-weight : bold;
}
#videos li {
clear : both;
margin-bottom : 1.5em;
}
#videos img {
float : left;
margin-right : 10px;
}
#tops.tabs, #side_videos.tabs {
position : relative;
font-size : 11px;
}
#side_videos.tabs {
margin : 5px 0 10px 5px;
}
#tops.tabs h3.first-child, #side_videos.tabs h3.first-child {
margin : 0;
}
#tops.tabs h3, #side_videos.tabs h3 {
display : inline;
width : 113px;
margin : 0 0 0 4px;
text-align : center;
float : left;
}
#tops.tabs h3 a, #side_videos.tabs h3 a {
font-family : "trebuchet ms", helvetica, freesans, sans-serif;
font-weight : bold;
font-size : 10px;
letter-spacing : 1px;
text-transform : uppercase;
line-height : 26px;
height : 26px;
width : 113px;
display : block;
background : url(/images/tabs_shadow.gif) top left repeat-x #f5f5f5;
}
#side_videos.tabs h3, #side_videos.tabs h3 a {
width : 148px;
}
#tops.tabs h3.active a, #side_videos.tabs h3.active a, #tops.tabs h3 a:hover, #side_videos.tabs h3 a:hover {
background-image : none;
}
#tops.tabs ol, #side_videos.tabs div {
font-family : arial, helvetica, sans-serif;
top : 26px;
left : 0;
background-color : #f5f5f5;
position : absolute;
width : 200px;
padding : 15px 5px 0 25px;
}
#tops.tabs ol {
width : 190px;
padding : 15px 10px 0 30px;
}
#side_videos.tabs div {
width : 240px;
padding : 15px 30px;
}
#side_videos.tabs div.clear {
position : relative;
padding : 0;
width : 100%;
}
#tops.tabs ol li {
list-style : decimal;
list-style-position : outside;
margin-bottom : 5px;
font-weight : bold;
}
#tops.tabs ol li.section_red {
color : #f41919;
}
#tops.tabs ol li.section_yellow {
color : #ffb300;
}
#tops.tabs ol li.section_green {
color : #bfe300;
}
#tops.tabs ol li.section_purple {
color : #c6c;
}
#tops.tabs ol li.section_gold {
color : #715c40;
}
#tops.tabs ol li h4 {
font-weight : bold;
color : #000;
}
#tops.tabs ol li .info {
text-align : left;
font-weight : normal;
color : #000;
}
#side_videos.tabs div h4 {
margin-top : 5px;
font-weight : bold;
text-align : left;
}
#col3 #pdf .content {
padding : 10px 6px;
width : 294px;
}
#col3 #pdf .box_left h4 a {
font-weight : bold;
}
#col3 #pdf .box_left {
font-weight : bold;
margin-left : 10px;
text-align : right;
width : 180px;
}
#col3 #pdf .box_left .section {
margin-top : 5px;
}
#col3 #pdf .box_left h3 a {
font-size : 1.1em;
font-weight : bold;
}
#col3 #pdf .box_left ul {
margin-top : 10px;
}
#col3 #pdf .box_left li {
display : inline;
}
#col3 #pdf .box_left li a {
text-transform : uppercase;
font-size : 0.8em;
}
#col3 #pdf .box_right {
border : #ddd solid 1px;
float : right;
height : 99px;
margin-left : 0;
width : 84px;
padding : 3px;
}
.pagination {
clear : both;
text-transform : uppercase;
font-size : 0.8em;
font-weight : bold;
margin-bottom : 1em;
}
.pagination a {
float : right;
}
.pagination a.first-child {
float : left;
}
#articles li.stamp {
position : relative;
}
#articles li.stamp a {
display : block;
position : relative;
}
#articles li.stamp a img {
display : block;
margin : 0;
}
#articles li.stamp a span {
background : 0 0 no-repeat transparent;
bottom : 0;
cursor : pointer;
display : inline;
height : 66px;
left : 0;
position : absolute;
width : 70px;
}
#articles li.stamp a .videostamp {
background-image : url(/images/videostamp.gif);
}
#articles li.stamp a .gallerystamp {
background-image : url(/images/gallerystamp.gif);
}
#col1 .pub {
margin : 2px 0 10px;
padding : 0;
width : 380px;
}
#col1 .pub div, #col1 .pub img {
display : inline-block;
margin : 0;
padding : 0;
}
#col1 .pub .container {
border-width : 1px 0;
width : 380px;
}
#col2.with_author a.img {
display : block;
}
#col2.with_author a.img img {
display : block;
float : none;
margin : 0 0 10px 5px;
}
#col2.with_author .box {
background : url("/images/col2_sec_bot.gif") bottom left no-repeat #f37cb1;
color : #fff;
padding : 0 0 7px;
margin : 0 5px 1em;
}
#col2.with_author .box a {
color : #fff;
}
#col2.with_author .box a:hover {
color : #111;
}
#col2.with_author .box.wide_photo h3 {
margin-top : 1em;
}
#col2.with_author .box a.img {
position : relative;
}
#col2.with_author .box a.img img {
margin : 0;
}
#col2.with_author .box .section {
position : relative;
color : #fff;
margin-top : 15px;
}
#col2.with_author .box a.img .section {
background : top left repeat transparent;
bottom : 0;
font-family : "trebuchet ms", arial, tahoma, sans-serif;
font-size : 1.2em;
font-weight : bold;
line-height : 0.75em;
left : 0;
margin : 0;
padding : 10px 10px 0;
position : absolute;
width : 210px;
}
#col2.with_author .box.section_blue {
background-color : #59b6f8;
background-position : -920px 100%;
}
#col2.with_author .box.section_green {
background-color : #c5d534;
background-position : -460px 100%;
}
#col2.with_author .box.section_pink {
background-color : #f37cb1;
background-position : 0 100%;
}
#col2.with_author .box.section_purple {
background-color : #b36abf;
background-position : -230px 100%;
}
#col2.with_author .box.section_yellow {
background-color : #fcce42;
background-position : -690px 100%;
}
#col2.with_author .box.section_blue a.img .section {
background-image : url("/images/col2_sec_shadow_blue.png");
}
#col2.with_author .box.section_green a.img .section {
background-image : url("/images/col2_sec_shadow_green.png");
}
#col2.with_author .box.section_pink a.img .section {
background-image : url("/images/col2_sec_shadow_pink.png");
}
#col2.with_author .box.section_purple a.img .section {
background-image : url("/images/col2_sec_shadow_purple.png");
}
#col2.with_author .box.section_yellow a.img .section {
background-image : url("/images/col2_sec_shadow_yellow.png");
}
#menu li.section_red a {
background-position : 0 0;
}
#menu li.section_yellow a {
background-position : 0 -16px;
}
#menu li.section_purple a {
background-position : 0 -32px;
}
#menu li.section_green a {
background-position : 0 -48px;
}
#menu li.section_gold a {
background-position : 0 -64px;
}
#menu li.section_orange a {
background-position : 0 -96px;
}
#twt_fb {
width : 306px;
height : 56px;
background : url(/images/col3_box_twt_fb_bck.gif) 0 0 no-repeat;
position : relative;
}
#twt, #fb {
position : absolute;
top : 12px;
height : 34px;
width : 105px;
background : url(/images/col3_box_twt_fb_logos.gif) -2000px -2000px no-repeat;
}
#twt {
left : 88px;
background-position : 0 -34px;
}
#twt:hover {
background-position : 0 0;
}
#fb {
right : 5px;
background-position : -105px -34px;
}
#fb:hover {
background-position : -105px 0;
}

↑ Top