/* Theme Name: Twaddle Theme URI: http://www.pointov.com Description: WP theme for Skedaddle by Point OV. Version: 1.0 Author: Point OV Ltd. Author URI: http://www.pointov.com This theme was designed and built by Dan Edwards The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { font-size:62.5%; font-family:"Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; color: #3f3f3f; background: #C5C6B0; margin: 0px; padding: 10px 0px 10px 0px;} a { color: #E80088; text-decoration: none; } a:visited { color: #E80088; text-decoration: none; } a:hover { color: #E80088; text-decoration: underline; } img { border: none; } p { padding: 0px 0px 15px; margin: 0px; font-family:1.1em; line-height:1.6em; } p.lessSpacing { padding: 0px 0px 5px; margin: 0px; font-family:1.1em; line-height:1.6em; } p img { padding:10px 10px 10px 10px; } h1 { margin:0px; font-family:"Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; font-weight:bold; font-size:3em; color: #3F3F3F; display:inline;} h1 a, h1 a:visited{ color: #c9eefe; text-decoration: none;} h1 a:hover{ color: #ffffff; text-decoration: none;} h2 { color: #666666; font: normal 1.6em "Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; margin:0 0 0 0; padding:0 0 0 0;} h2 a, h2 a:visited { color: #666666; text-decoration: none; } h2 a:hover { color: #666666; text-decoration: underline; } h3 { font: normal 1.4em "Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; color: #758d38; margin: 10px 0px 5px; } h4 { font: normal 1.3em "Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; color: #758d38; margin: 10px 0px 5px; } h6 { font-size:1.3em; color:#333333; padding:0 0 0 0; margin:0 0 0 0; display:inline; } form { margin:0px; padding:0px; } #page { margin: 0px auto; width: 850px; } #page2 { margin: 0px auto; width: 850px; background-image:url(images/page_bg3.gif); background-repeat:repeat-y; } #header { background: #FFFFFF; height:155px; position: relative; float:left; width:600px; } /* INDIVIDUAL PAGES - STYLING */ #colone {width:260px; float:left; font-size:1.1em; line-height:1.6em;} #colone ul { list-style: none; margin: 0px; padding:0 20px 0 10px;} #colone ul li { margin:0 0 0 0; padding:5px 0 5px 0; border-bottom:1px solid #FFFFFF} #colone ul li a {color:#FFFFFF; text-decoration:none; padding:5px 0 5px 0; } #colone ul li a:hover {color:#FFFFFF; background-color:#00ADEF; padding:5px 0 5px 0; } .padupdown {padding:6px 0 6px 0;} /* INDIVIDUAL PAGES - STYLING */ #greyfooter {width:850px; color:#FFFFFF; background-color:#474747;} #greyfooter img {padding:5px 0 5px 0; display:block;} #coltwo {width:280px; float:left} #coltwo .flickr {padding:5px 5px 5px 5px;float:left} /* COLUMN THREE STYLING */ #colthree {width:280px; float:left; font-size:1.1em; line-height:1.4em; color:#FFFFFF;} #colthree a {color:#FFFFFF; text-decoration:none;} #colthree a:hover {color:#FFFFFF; text-decoration:underline;} #colthree ul, li {margin:0 0 0 0; padding:0 0 0 2px;} #colthree li a {font-size:1.3em; font-weight:bold; text-decoration:none } #colthree li a:hover {font-size:1.3em; font-weight:bold; text-decoration:underline; } /* COLUMN THREE STYLING */ #bottomfooter {width:850px; background-color:#474747; height:100px;} #bottomfooter p {color:#FFFFFF; font-size:1.1em; line-height:1.6em; padding:5px 0 5px 0; margin:0 0 0 0;} #bottomfooter p a{color:#FFFFFF; text-decoration:none;} #bottomfooter p a:hover{color:#FFFFFF; text-decoration:underline;} #bottomfooter img {padding:0 10px 10px 0;} #greysearchform {display:inline;} #newssignup {display:block; padding-left:5px;} #newssignup #s { width: 200px; height: 16px; background: #fff; margin-right: 2px; font-size:0.9em; color: #999999; font-weight: normal; display:block; } #newssignup #newssubmit {display:block;} #content { float: left; width: 580px; overflow: hidden; padding-left:10px; padding-right:10px; } .post {clear:both;} .post-date {float:left;} .post-month {font-size: 1.1em; color: #999999; text-align: center; display:inline; line-height: 11px;} .post-day {font-size: 1.1em; color: #999999; text-align: center; display:inline; line-height: 18px; } .post-author {font-size: 1.2em; color: #3f3f3f; text-align: center; display:inline; line-height: 18px;} .post-avatar img {float:left; display:block; padding-bottom:15px; padding-right:10px;} .post-tags {font-size: 1.2em; color: #3f3f3f; text-align: center; display:inline; line-height: 18px; } #entry { float:left; width:570px; background-color:#F1F0EC; padding:5px; margin-top:5px; margin-bottom:25px;} #entryhalf { float:left; width:275px; background-color:#F1F0EC; padding:5px; margin-right:10px;margin-top:5px; margin-bottom:25px;} #entryhalf + #entryhalf { margin-right:0px; } #entryfeatured { float:left; width:570px; background-color:#E0E0EA; padding:5px; margin-top:5px; margin-bottom:5px;} #entryhalf h2 {padding:5px 0 0 0;} #entry h2 {padding:5px 0 0 0; font-size:2.4em;} #entryfeatured h2 {padding:5px 0 0 0; font-size:2.4em;} .post-cat {background: url(images/mini-category.gif) no-repeat left center; padding-left: 20px; float:left; font-size:1.1em; color: #999999; } .post-comments {background:url(images/comments_bubble.gif) no-repeat left center; padding-left: 30px; margin-left:20px;position:relative;top:-14px; float: left; font-size:1.2em; height:25px;} .post-comments-grey {background:url(images/comments_grey.gif) no-repeat left center; padding-left: 30px; margin-left:20px;position:relative;top:-14px; float: left; font-size:1.2em; height:25px;} .post-calendar { background: url(images/mini-calendar.gif) no-repeat left center; padding-left: 20px;float: right;font-size: 95%; color: #999999;} .post-more {background:url(images/read_more.gif) no-repeat left center; padding-left: 30px; float: left; font-size:1.2em; height:25px;} .post-more-grey {background:url(images/read_more_grey.gif) no-repeat left center; padding-left: 30px; float: left; font-size:1.2em; height:25px;} #entry .post-content {font-size:1.3em;} #entryfeatured .post-content {font-size:1.3em;} .post-content { clear: both; padding-top: 4px; font-size:1.1em;} .navigation { clear: both; padding: 10px 0px; } .navigation a, .navigation a:visited { color: #59770e; } .previous-entries a { float: left; padding-left: 18px; background: url(images/mini-nav-left.gif) no-repeat left center; } .next-entries a { float: right; padding-right: 18px; background: url(images/mini-nav-right.gif) no-repeat right center; } /* COMMENTS STYLING */ #commentholder {width:320px; float:left; padding-right:20px;} #commentsrespond {width:220px; float:left;} #comments, #respond {color:#FF3399;} .commentlist { padding-top:10px; padding-left: 20px; line-height: 1.3em; } .commentlist li{ padding: 5px 10px; } .commentlist .alt { background: #ffffff; } .commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 1.2em; color: #CC6600; } .commentlist small { margin-bottom: 5px; display: block; font-size:1em; } #commentform { margin-top: 10px; font-family:"Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; line-height:1.1em; float:left;} #commentform p { padding: 6px 0px; margin: 0px; } #commentform label{ color: #787878; font-size: 1em; } #commentform input{ width: 200px; padding: 3px; margin-top: 3px; } #commentform textarea{ width: 200px; height: 115px; background:#ffffff; padding: 2px; margin-top: 3px; } #commentform #submit{ background: url(images/btn-bg.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; border: none; float:left; width: 144px; height: 28px; cursor: pointer; } /*sidebar */ #sidebar { width:250px; background-color:#999999; float: right; padding: 0px 0px 0px 0px; color: #666666; height:auto;} #sidebar .imgpad {padding:6px 0 6px 0; } #sidebar .textlink a {font-size:1.1em; color:#222222; text-decoration:none; padding:5px 5px 5px 5px;} #sidebar .textlink a:hover {font-size:1.1em; color:#FFFFFF; background-color:#00ADEF; padding:5px 5px 5px 5px; } /*sidebar title (h2) */ #sidebar h2, #sidebar .sidebartitle{ font-size:1.6em; font-weight:normal; font-family:"Helvetica Neue 55 Roman", "Helvetica 55", "Helvetica", Arial, Tahoma; color: #222222; margin: 20px 0px 2px; padding-left:5px;} /*sidebar text styles */ #sidebar a, #sidebar a:visited{ color: #495233; text-decoration: none; } #sidebar a:hover{ color: #FF6600; text-decoration: none; } /*sidebar list level1 */ #sidebar ul { margin: 0; padding:0 0 0 5px; } /* SIDEBAR TAG CLOUD STYLING */ #sidebar #tags { width:210px; background-color:#e5e4df; height:auto; display:block; font-size:1.1em; line-height:1.6em; padding:10px;} #sidebar #tags a{ color:#E80088; text-decoration:none;} #sidebar #tags a:hover {text-decoration:underline; color:#E80088;} .tag1 { font-size:1.0em; } .tag2 { font-size:1.2em; } .tag3 { font-size:1.4em; } .tag4 { font-size:1.6em; } /* END SIDEBAR TAG CLOUD STYLING */ #sidebar ul li { list-style: none; margin: 0; padding: 0; border: none; } /*sidebar list level2 */ #sidebar ul li ul { padding: 0; margin: 0; } #sidebar ul li ul li{ padding: 2px 0 2px 0px; } /*sidebar list level3 */ #sidebar ul li ul li ul li{ padding: 1px 0 1px 10px; border: none; } /*blogroll */ ul.list-blogroll li{ list-style:none; padding-bottom:10px; } /*category widget */ ul.list-cat li, li.widget_categories li{ background: url(images/mini-category.gif) no-repeat !important; padding-left: 20px !important; } #sidebar ul.list-archives {width:210px; padding:0 10px 10px 10px;} #sidebar ul.list-archives a { padding:5px 10px 5px 10px; margin:0 0 0 0; border-bottom:1px solid #666666; color:#222222; font-size:1.2em; display:block;} #sidebar ul.list-archives a:hover {color:#FFFFFF; font-size:1.2em; background-color:#00ADEF; } /*SEARCH FORM - TOP OF PAGE */ #searchform {margin: 20px 0px 0px 15px; background:url(images/site_search.gif) no-repeat top; width:365px; height:60px; float:left; padding:30px 0 0 0; display:inline; } #searchform #rss {display:inline; z-index:5; padding-left:30px;} #searchform #searchbox { display:inline; padding-left:40px; float:left;} #searchform #s { border:1px solid #203346; width: 170px; height: 22px; border: 1px solid #bed881; background: #fff; margin-right: 2px; color: #000000; font-weight: normal; } /* search form button - to specify button only use input[type="submit"] */ #searchform input[type="submit"] {/* background: url(images/search-btn-bg.gif) no-repeat; border: none; width: 50px; height: 25px; font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF;*/ vertical-align: middle; } /*SEARCH FORM - BOTTOM OF PAGE */ #credits { margin: 0px auto; width: 760px; color: #7a9299; line-height: 1.3em; } #credits a, #credit a:visited{ color: #048db4; } .center { text-align: center; } img.center, a img.center { display: block; margin-left: auto; margin-right: auto; border: 1px solid #D5E6AC; padding: 3px; background: #FFFFFF; } a:hover img.center { border-color: #FF6600; background: #FF6600;} .alignleft { float: left; } img.alignleft, a img.alignleft { float:left; margin: 4px 10px 5px 0px; border: 1px solid #D5E6AC; padding: 3px; background: #FFFFFF; } a:hover img.alignleft{ border-color: #FF6600; background: #FF6600; } .alignright { float: right; } img.alignright, a img.alignright { float:right; margin: 4px 10px 5px 0px; border: 1px solid #D5E6AC; padding: 3px; background: #FFFFFF; } a:hover img.alignright{ border-color: #FF6600; background: #FF6600; } .clear { clear:both; } hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px; } #search { float:right; width:400px; } #logo { margin:0; padding:0; position:relative; width:200px; height:110px; /* set to width and height of your image */ overflow:hidden; float:left; } #logo span { display:block; position:absolute; left:0; top:0; z-index:1; width:200px; height:110px; /* set to width and height of your image */ margin:0; padding:0; } #headerbanner { padding-left:10px; } #aboutskedaddle { margin:0; padding:0; position:relative; width:140px; height:28px; /* set to width and height of your image */ overflow:hidden; float:left; } #aboutskedaddle span { display:block; position:absolute; left:0; top:0; z-index:1; width:140px; height:28px; /* set to width and height of your image */ margin:0; padding:0; background:url(images/about_skedaddle.gif) top left no-repeat; /* if the image doesn't appear, most likely culprit is the path to your image! */} .pollpress-voting-booth {width:210px; background-color:#e5e4df; height:auto; display:block; font-size:1.1em; line-height:1.6em; padding:4px 10px 0 10px;}