/* Theme Name: Ilovecolours! Theme URI: http://dandyland.org Description: Unique, funky contrasted coloured Wordpress Theme by Dandyna (based on Ombax) Version: 1.2 Author: Dandyna Author URI: http://dandyland.org/ */ /*** HTML Tags ***/ body { background:#49465e; font:11px Georgia,Arial,Sans-serif; text-align:center; } input, select { font:11px Georgia,Arial,Sans-serif; } h1, h2, h3, h4, h5, h6, h7 { margin:0px; padding:0px; } /*** End of HTML Tags ***/ /*** Various Class ***/ .clear { clear:both; } .button { background:#BBC0CB; color:#333333; border-width:1px; border-color:#D1D5DC #888D98 #888D98 #D1D5DC; cursor:pointer; padding:4px 5px; } .inputbox { padding:4px 5px; } .inputbox:focus { background:#EFEFEF; } textarea.inputbox { width:425px; } /*** End of Various Class ***/ /*** Global Link Style ***/ a { text-decoration:none; color:#7F779A; font-weight:bold; } a:hover { background:#B26166; color:#FFFFFF; font-weight:bold; } /*** End of Global Link Style ***/ /*** Layout ***/ #container { margin:30px auto; width:760px; background:#f2f3f3; text-align:left; z-index:1; } /*** Header ***/ #header { position:relative; height:177px; top:0px; left:0px; } #header_top { position:relative; top:0px; left:0px; background:#6A6585; height:31px; } #header_top ul { margin:0px; padding:0px; } #header_top ul li { list-style:none; float:left; display:block; font:11px/31px Georgia,Arial,Sans-serif; width:100px; text-align:center; text-transform:lowercase; } #header_top li a { color:#FFFFFF; display:block; font-weight:bold; } #header_top li a:hover { background:#bdcf63; } #header_top li.current_page_item a { background:#bdcf63; } #header_content { position:relative; top:0px; left:0px; height:147px; } #header_side { position:relative; top:0px; left:0px; background:#bdcf63; height:147px; width:289px; float:right; } #header_img { position:relative; top:0px; right:0px; float:left; background:url('images/header.gif') no-repeat top left; width:471px; height:147px } #header h1 { position:relative; font:28px Georgia,Arial,Sans-serif; top:50px; text-align:center; letter-spacing:-1px; } #header h1 a { background:none; color:#6A6585; } #header h1 a:hover { color:#fff; } #header h3 { position:relative; font:11px Georgia,Arial,Sans-serif; color:#6A6585; text-transform:lowercase; top:50px; text-align:center; } /*** Right COlumn ***/ #leftcol { position:relative; float:left; width:471px; padding:15px 0px; } #leftcol .post { position:relative; left:15px; width:440px; margin-bottom:20px; clear:both; } #leftcol h2 { font:18px Georgia,Arial,Sans-serif; color:#B26166; letter-spacing:-1px; } #leftcol .pagetitle { position:relative; left:15px; margin-bottom:15px; } /*** Right Column Title ***/ #content .box_title { position:relative; top:0px; left:0px; } #content small { color:#666666; } .box_title small { width:350px; display:block; } #content small a { background:url('images/bg_dot.gif') repeat-x bottom left; color:#666666 } #content small a:hover { background:none; color:#333333; } #content .left { background:#B26166; position:relative; float:left; width:35px; height:35px; text-align:center; display:block; font:18px/35px Georgia,Arial,Sans-serif; top:4px; } #content .left a { color:#FFFFFF; text-decoration:none; display:block; background:none; } #content .left a:hover { color:#FFFFFF; background:#bdcf63; } #content .right { position:relative; float:left; left:10px; border-left:1px solid #6A6585; padding-left:10px; } #content h2 a { color:#7F779A; } #content h2 a:hover { color:#E2B083; background:none; } #content .edit { height:21px; } #content .edit a { background:url('images/bg_edit.jpg') no-repeat top left; height:21px; display:block; padding-left:25px; font-style:normal; font-variant:normal; font-weight:normal; line-height:21px; font-size:11px; font-family:Georgia, Arial, Sans-serif } #content .edit a:hover { background:url('images/bg_edit_over.jpg') no-repeat top left !important; color:#333333 !important } .entry, .entrytext { color:#555555; line-height:15px; } blockquote { line-height:15px; background:url('images/blockquote.gif') no-repeat top left; padding-left:25px; padding-top:1px; color:#999999; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Georgia, Arial, Sans-serif } .entry img, .entrytext img { padding:3px; background:#FFFFFF; border:0px solid #CCCCCC; } /*** Navigation ***/ .navigation { position:relative; left:15px; width:440px; padding-bottom:15px; } .alignleft { position:relative; left:0px; top:0px; width:210px; float:left; } .alignleft a { display:block; padding-left:15px; background:url('images/bg_prev.jpg') no-repeat top left;; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; font-size:11px; font-family:Georgia, Arial, Sans-serif } .alignleft a:hover { color:#666666; background:url('images/bg_prev_over.jpg') no-repeat top left; } .alignright a { display:block; padding-right:15px; text-align:right; background:url('images/bg_next.jpg') no-repeat top right;; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; font-size:11px; font-family:Georgia, Arial, Sans-serif } .alignright a:hover { color:#666666; background:url('images/bg_next_over.jpg') no-repeat top right; } .alignright { position:relative; right:10px; top:0px; float:right; width:210px; } /*** Sidebar ***/ #sidebar { float:right; position:relative; top:0px; left:0px; background:#B26166; width:289px; } #about { width:289px; margin-bottom:15px; position:relative; left:0px; top:-15px; background:#6A6585; padding-bottom:10px; } #about h2 { position:relative; top:10px; left:15px; } #about p { color:#FFFFFF; position:relative; left:15px; top:5px; width:250px; } #sidebar ul { margin:0px; padding:0px; position:relative; margin-left:15px; margin-top:20px; } #sidebar ul ul{ margin:0px; padding:0px; margin-left:5px; } #sidebar li { list-style:none; color:#FFFFFF; } #sidebar li li{ display:block; font:11px/20px Georgia,Arial,Sans-serif; margin-bottom:2px; } #sidebar li a{ color:#FFFFFF; background:url('images/bg_li.jpg') no-repeat 0px 4px; padding-left:10px; padding-right:0px; padding-top:1px; padding-bottom:1px } #sidebar li a:hover{ color:#F0CF87; background:url('images/bg_li_over.jpg') no-repeat 0px 4px; } #sidebar h2 { letter-spacing:-1px; text-transform:lowercase; color:#FFFFFF; background:url('images/bg_dot_white.gif') repeat-x bottom left; position:relative; width:250px; margin-top:15px; font-style:normal; font-variant:normal; font-weight:bold; line-height:25px; font-size:16px; font-family:Georgia, Arial, Sans-serif; margin-left:0px; margin-right:0px; margin-bottom:5px } #searchform { margin:0px; padding:0px; } #sidebar p { line-height:15px; width:250px; } #sidebar p a { margin:0px; padding:0px; background:url('images/bg_dot_white.gif') repeat-x bottom left; } #sidebar p a:hover { color:#676B76; background:none !important; } /*** Footer ***/ #footer { clear:both; background:#6A6585; padding:10px 0px; } #footer p { position:relative; left:15px; color:#FFFFFF; line-height:15px; } #footer a { color:#FFFFFF; background:url('images/bg_dot_white.gif') repeat-x bottom left; } #footer a:hover { background:none; } /*** Comment ***/ .alt { background:#EFEFEF; border:1px solid #CCCCCC; padding:3px; } #comment-wrapper { width:410px; position:relative; left:15px; } h3#comments, #respond { font:18px Georgia,Arial,Sans-serif; margin-bottom:10px; color:#666666; } li.alt { border:1px solid #CCCCCC; } .number { float:left; width:60px; font:20px Georgia,Verdana,Arial,Sans-serif; text-align:center; } .comment-content { float:left; position:relative; left:0px; border-left:1px solid #CCCCCC; } .comment-1, .comment-2 { margin-bottom:10px; } .comment-1 { background:#FFFFFF; padding:5px; border:1px solid #FFFFFF; } .comment-2 { background:#EFEFEF; padding:5px; border:1px solid #CCCCCC; } .over { background:#FFFFE6; border:1px solid #DDDDDD; padding:5px; margin-bottom:10px; } .name{ font:18px Georgia,Arial,Sans-serif; position:relative; left:10px; } .name a{ text-decoration:none !important; display:block; color:#888D98; } .name a:hover { color:#333333 !important; background:none !important; } .meta { font-size:11px; position:relative; left:10px; } #form { position:relative; left:15px; padding-bottom:10px; margin-top:30px; } .comment-text { position:relative; top:10px; color:#555555; }