/* Theme Name: SEO Yorkshire Theme URI: http://www.seoyorkshire.org.uk Description: Design and developed by thefloatingfrog.co.uk Author: Gary Hartley, The Floating Frog */ /* defaults */ body { margin:0; background-color:#f2f2f2; font-size:13px; color:#939393; } a { text-decoration:none; color:#1565b6; outline:none; } a:hover { text-decoration:underline; color:#939393; } a img { border:0; } :focus { outline: 0;} h1, h2, h3, h4, h5, h6 { margin:0; color:#252525; font-family: arial, verdana; } fieldset, input { margin:0; padding:0; } fieldset { border:none; } /* start */ #container { position:relative; z-index:0; margin:0 auto; padding:0; width:960px; height:auto; } #header { position:relative; margin:0; padding:0; width:960px; height:188px; position: relative; z-index:100; } #header .logo { position:absolute; top:38px; left:5px; padding:0; margin:0; width:437px; height:66px; background: transparent url(images/logo.jpg) no-repeat; text-indent:-9999px; } #contact { position:absolute; top:31px; right:0; width:340px; height:22px; font-family: arial, verdana; text-align:right; font-weight:bold;} #contact .label { color:#252525; font-size:16px; text-transform:uppercase; } #contact .number { color:#1565b6; font-size:28px; } #search-form { position:absolute; top:77px; right:0; height:26px; width:246px; padding:0; margin:0; } #search-form .keyword { width:200px; height:20px; border:none; padding:7px; background: transparent url(images/keyword_bg.png) no-repeat; } #search-form .button {position:absolute; top:3px; right:5px; width:20px; height:16px; border:none; background: transparent url(images/search.png) no-repeat; } #header .nav { position:absolute; top:144px; left:0; margin:0; text-align:left; } #header .nav ul { padding:0; margin:0; display:inline; list-style-type:none; } #header .nav ul li, #header .nav ul .current_page_item { float:left; padding:0; background:#f2f2f2; } #header .nav ul li a { text-transform:uppercase; color:#939393; font-size: 15px; font-weight:bold; font-family: arial, verdana; display:block; text-decoration:none; padding:5px 17px; } #header .nav ul li a:hover, #header .nav ul .selected a, #header .nav ul .current_page_item a{ color:#1565b6; text-decoration:none; background:transparent; } #header .nav ul ul { float:left; list-style:none; position:absolute; left:-999em; height:auto; width:300px; font-weight:normal; margin:0; padding:8px; font-size:13px; line-height:1; border:1px solid #cfcfcf; background:#f2f2f2; } #header .nav ul li ul li { width:298px; margin:-1px 0 0 0; border:1px solid #cfcfcf; } #header .nav ul li ul li a { padding:8px 10px; width:278px; background:#fff; font-size:13px; color:#939393; text-transform:none; } #header .nav ul li ul li a:hover { background:#1565b6; color:#fff; } #header .nav ul li ul ul { margin:-22px 0 0 300px; background:#fff; border:1px solid #cfcfcf; } #header .nav ul li:hover a, #header .nav ul li.sfhover a { color:#1565b6; } #header .nav ul li:hover li a, #header .nav ul li li:hover li a, #header .nav ul li li li:hover li a, #header .nav ul li li li li:hover li a { color:#1565b6; } #header .nav ul li:hover ul ul, #header .nav ul li:hover ul ul ul, #header .nav ul li:hover ul ul ul ul, #header .nav ul li.sfhover ul ul, #header .nav ul li.sfhover ul ul ul, #header .nav ul li.sfhover ul ul ul ul { left:-999em; } #header .nav ul li:hover ul, #header .nav ul li li:hover ul, #header .nav ul li li li:hover ul, #header .nav ul li li li li:hover ul, #header .nav ul li.sfhover ul, #header .nav ul li li.sfhover ul, #header .nav ul li li li.sfhover ul, #header .nav ul li li li li.sfhover ul { left:auto; } #slogan { position:relative; margin:0; padding:26px 0; width:960px; height:auto; } #slogan span { display:block; margin:12px; font-family: arial, verdana; font-size:18px; color:#1e1a1a; } #slogan h1 { font-size:33px; } #slogan .contactbutton { display:block; float:right; width:205px; height:61px; margin:25px 0 0; text-indent:-9999px; background:transparent url(images/contact-us-btn.jpg) no-repeat; } #home-content { position:relative; margin:0; padding:0; width:960px; height:auto; background: url(images/home-content-top.jpg) no-repeat; font-family:arial,verdana; font-size:12px; color:#313131; } #home-content h3 { font-size:24px; line-height:50px; border-bottom:1px solid #cfcfcf; } #home-content a { color:#1565b6; } #home-content p { line-height:20px; word-wrap: break-word; } #home-content .careerballoon { position:absolute; bottom:-50px; right:20px; display:block; height:159px; width:198px; background: url(images/careerballoon.jpg) no-repeat; text-indent:-9999px; } #home-content .rss { position:absolute; top:10px; left:610px; display:block; height:31px; width:31px; background: url(images/rss.jpg) no-repeat; text-indent:-9999px;} #home-content .readmore { font-style:italic; font-weight:bold; } #home-content .date { color:#909090; } #home-content .main-content { position:relative; width:645px; } #home-content .sidebar { float:right; width:280px; margin-bottom: 200px; } #home-content .post { float:left; width:257px; margin-right:62px; _margin-right:50px; } #home-content .post h2 { font-size:17px; margin:23px 0 12px; } #home-content .post span { display:block; line-height:18px; } #box { position:relative; margin:0; padding:0; width:960px; height:auto; background: url(images/content-bg.jpg) repeat-y; } #box .top { position:relative; margin:0; padding:0; width:960px; height:34px; background: url(images/content-top-bg.jpg) no-repeat; } #box .bottom { position:relative; margin:0; padding:0; width:960px; height:31px; background: url(images/content-footer-bg.jpg) no-repeat; } #box .sidebar { float:right; margin:0 40px 20px 0; _margin-right:20px; padding:10px 0 50px; width:193px; font-size:11px; font-family: arial, verdana; color:#4f2813; line-height:14px; } #box .sidebar a { color:#1565b6; } #box .sidebar h3 { font-size:21px; color:#1565b6; padding:9px 0; } #box .sidebar ul, #box .sidebar li { list-style:none; margin:0; padding:0; } #box .sideballoon { display:block; height:159px; width:198px; background: url(images/sideballoon.jpg) no-repeat; text-indent:-9999px; } #box .widget { border:5px solid #f0f0f0; padding:15px; margin:20px 0; font-weight:bold; } #box .recent ul li { padding:7px 0; } #box .content { position:relative; margin:0 0 0 24px; padding:0; width:674px; height:auto; } #box .main-content { position:relative; margin:0; padding:0; width:674px; } #box .post { display:block; position:relative; margin:0 0 0 74px; padding:25px 0 0; color:#252525; font-family: arial, verdana; font-size:13px; } #box .main-content .post-label { float:left; margin:-5px 0 0; height:300px; width:48px; background: url(images/post-label.png) no-repeat; text-indent:-9999px; } #box .post .title, #box .post .title a { line-height: 30px; font-size:24px; text-transform:uppercase; font-weight:normal; color:#252525; } #box .post .meta { display:block; font-size:11px; margin-bottom:12px; } #box .post .meta a { text-decoration:underline; color:#505050; } #box .post a:hover { text-decoration:underline; } #box .post a{ color:#2361a1; } #box .post .title a:hover { color:#2361a1; text-decoration:none; } #box .post .tags { display:block; margin:20px 0; } #box .comments { position:relative; display:block; margin:0; padding:0; margin-left:37px; width:623px; clear:left; border-top:14px solid #f0f0f0; } #box .comments .comments-label { float:left; position:relative; _display:block; _position:absolute; margin-left:-38px; height:300px; width:48px; background: url(images/comments-label.png) no-repeat; text-indent:-9999px; } #box .comment { border:14px solid #f0f0f0; border-left:none; border-top:none; color:#505050; padding:20px; font-family: arial, verdana; font-size:13px; } #box .comment img { _float:left; _display:inline; vertical-align:top; width:50px; margin-left:5px; margin-right:14px; padding:16px; border:1px solid #bcbcbc; } #box .comment .info { display:inline-block; _margin-left:112px; _display:inline; color:#505050; font-family: arial, verdana; font-size:12px; width:459px; } #box .comment .meta { font-style:italic; _display:block; } #box .navigation { position:relative; display:block; margin:0; padding:0; margin-left:37px; width:623px; height:30px; margin-top:10px; font-size:12px; font-weight:bold; font-family:arial, verdana; } #box .previous-entries { float:left; } #box .next-entries { float:right; } #box .commentform { position:relative; margin:0 0 44px 37px; padding:27px 0; width:623px; border-top:23px solid #fdfdfd; clear:left; background-color: #f0f0f0; color:#505050; } #box .commentform .commentform-label { float:left; position:relative; _display:block; _position:absolute; margin:-25px 0 0 -39px; height:300px; width:48px; background: url(images/commentform-label.png) no-repeat; text-indent:-9999px; } #box .commentform form,#box .commentform input,#box .commentform textarea,#box .commentform label, #box .commentform fieldset { padding:0; margin:0; } #box .commentform form { margin-left:37px; width:493px; } #box .commentform textarea { width:493px; } #box .commentform input { width:268px; padding:3px; } #box .commentform input, #box .commentform textarea { border-top:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; } #box .commentform input, #box .commentform label { font-size:13px; font-family:arial, verdana; } #box .commentform input, #box .commentform textarea { margin-top:14px; } #box .commentform .submit { display:block; width:80px; height:37px; background:url(images/submit.jpg) no-repeat; border:0; padding:0;} #pre-footer { position:relative; margin:38px 0 0; height:120px; padding-left:13px; } #pre-footer p { width:674px; font-size:13px; color:#505050; font-family:arial, verdana; } #pre-footer h2 { font-size:18px; text-transform:uppercase; font-weight:normal; } #pre-footer a { display:inline; font-family:arial, verdana; color:#1565b6; } #pre-footer .careerballoon { position:absolute; top:0; right:20px; display:block; height:159px; width:198px; background: url(images/careerballoon.jpg) no-repeat; text-indent:-9999px; } #footer { position:relative; margin:30px 0 0; padding:20px 0; width:960px; height:50px; } #footer .logo { position:absolute; top:0; left:0; width:185px; height:69px; background: transparent url(images/logo_small.jpg) no-repeat; text-indent:-9999px; } #footer .nav { text-align:right; } #footer .nav, #footer .nav a { color:#939393; font-family: arial, verdana; font-size: 13px; font-weight:bold; font-family: arial, verdana; } #footer .nav li { display:inline; padding:10px 7px; background:#f2f2f2; } #footer .nav li a { color:#333333; } #footer .nav ul .current_page_item a{ color:#1565b6; } #footer .nav li a:hover { color:#1565b6; text-decoration:none; } #footer p { text-align:right; font-size:12px; font-family: arial, verdana; } .facebook { display:inline-block; height:32px; width:32px; background: url(images/facebook.jpg) no-repeat; text-indent:-9999px; } .twitter{ display:inline-block; height:32px; width:32px; background: url(images/twitter.jpg) no-repeat; text-indent:-9999px; } .linkedin { display:inline-block; height:32px; width:32px; background: url(images/linkedin.jpg) no-repeat; text-indent:-9999px; } .delicious { display:inline-block; height:32px; width:32px; background: url(images/delicious.jpg) no-repeat; text-indent:-9999px; } .stumbleupon { display:inline-block; height:32px; width:32px; background: url(images/stumbleupon.jpg) no-repeat; text-indent:-9999px; } .alignleft { float:left; } .alignright { float:right; } .textleft { text-align:left; } .textright { text-align:right; } .textcenter { text-align:center; } .border-bottom { border-bottom: 5px solid #fff000; } .margin-top-45 { margin-top:45px; } .clear { display:block; clear:both; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 0 auto; width: 80%; font-size:11px} #wp-calendar a { text-decoration: underline; } #wp-calendar caption { padding: 0 0 15px;} #wp-calendar th { padding: 5px; font-style: normal; text-align:center; font-weight:bold; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration:none; font-weight:bold; } #wp-calendar caption { font: bold 12px arial, Sans-Serif; text-align: center; width: 80%; } #wp-calendar td { padding: 5px; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ } #wp-calendar #prev a, #wp-calendar #next a { font-size: 11pt; width: 50%} /* End Calendar */