EAN wordpress example CSS

/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */


/* header */
#header                 { background: #ffffff; border-bottom: 0px solid #383332; padding: 0; }
#branding               { width: 980px; margin: 0 auto; padding: 0 0 0px; }
.logo                   { max-width: 590px; float: left; margin: 0px 0 0 0px; }
.blog-name              { font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 21px; margin: 0 0 3px; line-height: 1em; display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
.blog-name a:link, .blog-name a:visited { color: #FFF; text-decoration: none; }
.blog-description       { font-family: 'Segoe UI', Arial, Helvetica, sans-serif; line-height: 1em; display: block; font-size: 11px; font-weight: 700; color: #7d716d; margin: 0; padding: 0px 0 0; text-transform: uppercase; zoom: 1; *display: inline; }




/* navigation */
#nav                    { zoom: 1; max-height: 32px; background: url(http://www.exampletravel.com/wordpress/wp-content/uploads/2010/07/topnavlily.png) repeat-x top; }
#nav-content            { margin: 0 auto; width: 978px; }

.sf-menu                { font-weight: 700; max-width: 770px; }
.sf-menu, .sf-menu ul   { float: left; list-style: none; line-height: 27px; padding: 0 0 2px; margin: 0; height: 32px; }
.sf-menu a              { display: block; text-decoration: none; padding: 2px 10px; color: #ffffff; font-size: 12px;  }
.sf-menu a:hover        { color: #FFF; }
.sf-menu li.sfhover, .sf-menu li:hover { background: #71b5da; }
.sf-menu li             { float: left; padding: 0; }
.sf-menu ul             { position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border-top: 1px solid #373331; }
.sf-menu li li          { width: 148px; }
.sf-menu li li a        { background: #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }
.sf-menu li ul ul       { margin: -25px 0 0 148px; }
.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: #383332; color: #FFF; }
.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { background: #FFF; color: #666; font-size: 11px; }
.sf-menu .sf-with-ul    { padding-right: 15px; }
.sf-sub-indicator       { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
.sf-menu ul .sf-sub-indicator   { display: none; }

.quick-nav              { float: right; list-style: none; margin: 0; padding: 0; }
.quick-nav li           { padding: 7px 5px 0 0; float: left; display: inline; }
.quick-nav a:link, .quick-nav a:visited { display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; }

.quick-nav #rss         { background: url(../../images/rss.png) no-repeat; }
.quick-nav #twitter     { background: url(../../images/twitter.png) no-repeat; }
.quick-nav #facebook    { background: url(../../images/facebook.png) no-repeat; }


table                   { border-collapse: collapse; border-spacing: 0; border: 1px solid #fffff; }
th, td                  { padding: 5px; border: 0px solid #CCC; border-width: 0px; }
th, thead th            { font-weight: 700; color: #333; background: url(../../images/topnav.jpg) repeat-x top #CCC; }
td, tbody td            { background: #Ffffff; }



/* search bar */
#searchbar              { float: right; overflow: hidden; margin: 25px 0 0; }
#searchbar .searchform  { border: 4px solid #ffffff; }
.searchform             { border: 4px solid #CCC; background: #EFEFEF; width: 250px; padding: 5px 4px; }
.searchform .s          { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 14px; border: none; background: #EFEFEF; padding: 0; margin: 0; float: left; width: 229px !important; }