/* Theme Name: Blank Theme URI: www.KICKERfilm.com/themes Description: Light and lightweight theme, made by a minimalist for minimalists! Theme options such as custom logo, inbuilt widgets, Google Analytics, optional footer sidebar and more! Also has fluid with with a retractable sidebar! Enjoy! Version: 1.0.1 Author: Rhys Author URI: www.KICKERfilm.com Tags: white, light, two-columns, flexible-width, custom-header, theme-options, sticky-post */ body,html { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0; padding:0; background:#fff; font-size:.9em; } a:link,a:visited,a:active { color:#000; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } #page { text-align:left; width:100%; margin:0; padding:0; position:relative; } /* --------------------------------------------------------------------------------------------- */ /* Headings */ /* --------------------------------------------------------------------------------------------- */ .title-blog { font-weight:400; margin:0; padding:2px 5px; font-size:2em; color:#000; } .title-meta { font-weight:400; margin:0; padding:2px 5px; font-size:1em; color:#000; } /* --------------------------------------------------------------------------------------------- */ /* Header */ /* --------------------------------------------------------------------------------------------- */ #header { width:100%; padding:0; margin:0; position:relative; border-bottom:1px solid #ccc; height:70px; overflow:hidden; } #navigation { margin:0 auto; height:100%; } #navigation a,#navigation a:hover { display:block; border-right:1px #ccc solid; padding:30px 10px; text-decoration:none; } #navigation ul { margin:0; list-style:none; padding:0; height:100%; } #navigation li { float:left; list-style:none; width:auto; height:100%; padding:0; min-width:60px; } #navigation li:hover,#navigation li:hover a { background:#f2f3f6; color:#000; } .headerlinks { position:absolute; top:10px; right:10px; color:#ccc; text-decoration:underline; } .rsslink { top:30px; } /* --------------------------------------------------------------------------------------------- */ /*Centre Content /* --------------------------------------------------------------------------------------------- */ #content { float:left; width:100%; } #leftcolumn { float:left; width:100%; max-width:1350px; } #leftcolumninner { margin:0 400px 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .entry { margin:0 15px; padding:0; overflow:hidden; text-align:justify; } .entry a { text-decoration:underline; } .blog-banner { width:100%; height:60px; overflow:hidden; } .blog-banner a:hover { text-decoration:none; } .blog-header { clear:both; padding:0 10px; margin:0; border-top:1px #ccc solid; border-bottom:1px #ccc solid; color:#000; overflow:hidden; } .blog-header a { color:#000; } .blog-title { font-size:60px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 0 10px; padding:0; line-height:1; } .post-date { float:left; display:inline; margin:5px 5px 5px 0; width:50px; height:70px; text-align:center; border:1px #ccc solid; } .post-date .month { width:49px; padding:5px 0; height:20px; font-size:1.5em; text-transform:lowercase; } .post-date .day { height:45px; width:49px; font-size:2em; } .post,.page { text-align:justify; overflow:hidden; margin:0; } .post-navigation { padding:10px; font-size:1.2em; border-top:1px #ccc solid; } .post-navigation a { color:#000; } .more-link { border:#ccc 1px solid; margin:15px; padding:5px; font-size:1em; line-height:5em; } .tags { padding:5px 10px; border-top:1px #ccc solid; margin:0; } .sharing { padding:5px; text-align:right; } .related { margin:0; } .related ul li { margin:0; } .related ul { margin:5px 0 5px 30px; padding:0; list-style:none; } .relatedposts { padding:0 0 0 25px; border-bottom:1px #ccc solid; border-top:1px #ccc solid; } /* --------------------------------------------------------------------------------------------- */ /* Image */ /* --------------------------------------------------------------------------------------------- */ .imagepage { text-align:center; } .imagepage img { margin:20px; border:1px #ccc solid; padding:1px; } .caption { font-style:italic; padding:0 30px; } .description { padding:0 30px; } .imagenav img { margin:0 30px; border:1px #ccc solid; padding:1px; } /* --------------------------------------------------------------------------------------------- */ /*Side Bar */ /* --------------------------------------------------------------------------------------------- */ #rightcolumn h3 { font-weight:400; margin:5px 0 0; padding:2px 0; font-size:1.3em; } #rightcolumn { padding:0; list-style:none; margin:0; width:350px; float:right; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-transform:lowercase; overflow:hidden; } #rightcolumn1 { float:left; width:400px; /*Width of right column*/ margin-left:-400px; /*Set left marginto -(RightColumnWidth)*/ } #rightcolumn form { margin:0; } #rightcolumn ul li ul li { border:0; } #rightcolumn ul,#rightcolumn ul ol,#rightcolumn ul li ul,#rightcolumn ul p,#rightcolumn ul select,#rightcolumn ul ul ul,#rightcolumn ul ol,#rightcolumn ul ul li,#rightcolumn ul ol li { margin:0; padding:0; } #rightcolumn ul li ul { border:0; margin:0; } #rightcolumn ul li { list-style-type:none; list-style-image:none; padding:0 0 5px 10px; margin:0 0 10px; border-top:1px solid #ccc; } #rightcolumn ul ul,#rightcolumn ul ol { margin:0; } #rightcolumn .searchform { padding:0; } #rightcolumn .s { margin:0; padding:0; height:55px; width:100%; font-size:3.5em; color:#EAEAEA; border:0; overflow:hidden; } #rightcolumn #blog-description { padding:5px; font-style:italic; font-size:1.2em; } #sidebarbox { width:100%; padding:10px 0; margin:0; } #sidebarbox .left { float:left; margin:0 0 0 30px; } #sidebarbox .right { float:right; margin:0 50px; } .tabbed ul.tabs { width:100%; margin:0; padding:0; } .tabbed ul.tabs li { list-style:none; float:left; margin:0; padding:0; } .tabbed ul.tabs li a { overflow:hidden; display:block; margin:0; padding:5px 10px; border-right:1px #ccc solid; cursor:pointer; text-decoration:none; } .tabbed ul.tabs li a:hover { background:#f2f3f6; } .tabbed div { float:left; display:block; width:100%; } .tabbed div.t2,.tabbed div.t3,.tabbed div.t4 { display:none; } .space { margin:10px 0; } /* --------------------------------------------------------------------------------------------- */ /*Footer */ /* --------------------------------------------------------------------------------------------- */ #footerouter { margin:30px 0 0; } #footer { width:100%; background:#000; text-align:left; list-style:none; list-style-image:none; margin:0; padding:0 20px; color:#FFF; } #footer a { color:#fff; } #footer h3 { font-weight:400; margin:5px 0 0; padding:2px 0; font-size:1.3em; color:#ccc; border-bottom:1px #ccc solid; } #footer .avatar { float:left; width:auto; } #footer .avatar img { padding:1px; border:#fff 10px solid; width:150px; height:150px; margin:30px 0; } #footer .about { float:left; } #footer li { float:left; width:180px; padding:0; margin:0 10px; text-transform:lowercase; } #footer li ul { list-style:none; list-style-type:none; margin:5px 0; padding:0; } #footer .searchform { padding:0; color:#FFF; } #footer .s { margin:20px 0; padding:0; height:55px; width:100%; font-size:3.5em; color:#fff; border:1px #ccc solid; background:0; overflow:hidden; } #credit { width:100%; text-align:center; background:url(images/wplogo.png) right bottom no-repeat #000; padding:10px 0; margin:0; } #credit,#credit a,#credit p { color:#333; } /* --------------------------------------------------------------------------------------------- */ /* Comments */ /* --------------------------------------------------------------------------------------------- */ #comments { border-top:1px #ccc solid; } .commentlist { padding:5px; text-align:justify; } .commentlist .comment { border:5px #ccc solid; border-right:25px solid #ccc; padding:5px; position:relative; } .commentlist .comment-text { width:770px; float:left; margin:5px; } .commentlist .comment-text p { margin:0; padding:0; } .commentlist .avatar { float:left; border:5px #ccc solid; padding:1px; margin:5px; } .commentlist .comment-bubble { background:url(images/comments.png) left bottom no-repeat; height:13px; } .commentlist .comment-author,.commentlist .comment-author a { color:#ccc; font-style:italic; margin:0 0 10px; } .commentlist li { padding:0; margin:10px; color:#000; list-style:none; } .commentlist .alt .comment { border-right:50px solid #ccc; } #respond { padding:0; border-top:1px #ccc solid; } #respond input:focus,#respond textarea:focus { background-color:#f2f3f6; } #respond #commentform #submit { margin:0 0 5px auto; float:left; color:#ccc; border:#ccc 5px solid; background:#fff; font-size:1em; padding:0; width:inherit; } #respond #commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; } #respond #commentform { margin:15px; } #respond #commentform textarea { width:500px; } #respond #commentform textarea,#url,#author,#email-address { padding:2px; font-size:11px; margin:0; border:#ccc 5px solid; } .children { padding:0; } .nocomments { text-align:center; margin:0; padding:0; } /* --------------------------------------------------------------------------------------------- */ /* Required by Wordpress */ /* --------------------------------------------------------------------------------------------- */ .aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; } .alignright { float:right; width:auto; } .alignleft { float:left; width:auto; } .wp-caption { border:1px solid #999; text-align:center; padding-top:4px; margin:10px; } .wp-caption img { margin:0; padding:0; border:0 none; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; } /* --------------------------------------------------------------------------------------------- */ /* Random Tags */ /* --------------------------------------------------------------------------------------------- */ .copy { font-size:9px; } .post hr { display:block; } .center { text-align:center; } .hidden { display:none; } acronym,abbr,span.caps { cursor:help; } acronym,abbr { border-bottom:1px dashed #999; } code { font:1.1em 'Courier New', Courier, Fixed; } hr { display:none; } a img { border:none; } select { width:130px; } .bottom-line { border-bottom:#ccc 1px solid; } .top-line { border-top:#ccc 1px solid; } blockquote { margin:15px 20px; padding:0 20px; border-left:5px solid #999; border-right:5px solid #999; } blockquote cite { margin:5px 0 0; display:block; } img.centered { display:block; margin-left:auto; margin-right:auto; } img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; } img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; } small { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; line-height:15px; } acronym,abbr,span.caps { font-size:.9em; letter-spacing:.07em; } p img { padding:0; max-width:100%; } #respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .fourohfour { font-size:10em; line-height:1em; margin:0; padding:0; } /* --------------------------------------------------------------------------------------------- */ /* Template Contact */ /* --------------------------------------------------------------------------------------------- */ .error { color:red; } .thanks { padding:10px; } .screenReader { left:-9999px; position:absolute; top:-9999px; } ol.forms { float:left; list-style:none; margin:0; width:100%; } ol.forms label { cursor:pointer; display:block; float:left; font-weight:700; padding-right:20px; width:100px; } ol.forms input,ol.forms textarea { border:5px solid #ccc; font:inherit; padding:2px; width:214px; } ol.forms textarea { height:300px; width:334px; } ol.forms input:focus,ol.forms textarea:focus { background-color:#f2f3f6; } ol.forms li { clear:both; float:left; margin-bottom:10px; position:relative; width:100%; } ol.forms li .error { font-size:12px; margin-left:20px; } ol.forms li.textarea .error { display:block; position:absolute; right:0; top:0; width:100px; } ol.forms li.screenReader { margin-bottom:0; } ol.forms li.buttons button { background:#fff; border:5px #ccc solid; color:#000; cursor:pointer; overflow:hidden; padding:5px; margin:10px 0; text-transform:lowercase; width:auto; } ol.forms li.buttons button:hover { color:#222; } ol.forms li.buttons button:active { left:-1px; position:relative; top:-1px; } ol.forms li.buttons,ol.forms li.inline { float:left; width:460px; margin:0 0 0 120px; } ol.forms li.inline input { width:auto; } ol.forms li.inline label { display:inline; float:none; width:auto; } /* UP FOR DELETION */ .clear { clear:both; } #photoblog { padding:5px; } #photoblog img { border:0; width:133px; height:100px; } #photoblog ul { list-style:none; margin:0; padding:0; } #photoblog li { float:left; margin:5px; padding:0; list-style:none; }