/* Theme Name: Author Dell Brand Version: 1.0 Author: Mystics Website Design Author URI: http://mysticswebsitedesign.com.au/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import TEXT styling for grid framework*/ @import url('../DellBrand/library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('library/css/960.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:15px "Comic Sans MS", Arial, Helvetica, sans-serif;} a { text-decoration:none; } a:hover { text-decoration:none; } /* Wordpress default image css class format ----------*/ .alignleft { float:left; padding:4px; margin:7px 25px 18px 0; text-align:center; } .alignright { float:right; padding:4px; margin:0px 0 0px 12px; text-align:center; } .aligncenter { text-align:center; padding:5px; margin:10px 0; background:#fff; border:2px solid #eee; } .alignleft { background:#fff; } .alignright { background:#fff; } .wp-caption .alignleft { margin:0 15px 10px 15px; padding:0; } .wp-caption p { margin:0; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif; } .wp-caption .alignright { float:right; margin:0 0 10px 15px; padding:0; } .wp-caption { width:auto !important; } .fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left; margin: 0 20px 10px 0; } .fr{ float: right; margin: 0 0 10px 20px; } .ac{ text-align: center } .ar{ text-align: right } .note { font-weight: bold; color: #b30619;} .clr { clear: both; height: 0; } .clr20 { clear: both; height: 20px; } .clr150 { clear: both; height: 150px; } .small { font-size: 11px; } .col { width: 300px; } .red { color: #b30619; } .purple { color: #330066; } .green { color: #5e8424; } .dkblue { color: #0559a0; } /* this is the original blue */ .blue { color: #4483b8; } .orange { color: #df7b26; } .dkorange { color: #b32c06; } /* this is the original orange */ .yellow { color: #f7ae33; } .turquiose { color: #06b39f; } .aqua { color: #068db3; } .gold { color: #b2822c; } .pink { color: #b21f6e; } dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; font-size: 15px; } p em { line-height:22px; } code { line-height:18px; } hr { margin-bottom:15px; margin-top:20px; clear:both; } .hr2 { margin:0px; padding:0; clear:both; } h1,h2,h3,h4,h5,h6 { font-family: "Comic Sans MS", cursive; font-weight: bold; } .imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; } #content .imgleft { margin:5px 15px 10px 0; float:left; border:1px solid #ccc; padding:2px; } #content #post .imgleft { margin:5px 18px 5px 0; float:left; border:1px solid #ccc; padding:2px; } .img_center { text-align:center; } /* headings ---------------------- */ h1.head { margin:0; font:32px "Comic Sans MS", Arial, Helvetica, sans-serif; padding:10px 0 20px 0; text-align:left; color: #000; } h2 { margin:0; font:20px "Comic Sans MS", Arial, Helvetica, sans-serif; padding:10px 0 10px 0; text-align: left; color:#666; } h3 { margin:0; font:18px "Comic Sans MS", Arial, Helvetica, sans-serif; padding:10px 0 10px 0; text-align: left; color:#666; } h4 { margin:0; font:18px "Comic Sans MS", Arial, Helvetica, sans-serif; padding: 20px 0 5px 0; text-align: left; color:#b30619; } #footer h4 { color:#cccccc; } /* hovers */ h4 a { text-decoration:none; color:#b30619; } h4 a:hover { color:#330066; } h1 a, h2 a, h3 a, #footer h4 a { text-decoration:none; color:#ad1010; } h1 a:hover, h2 a:hover, h3 a:hover, #footer h4 a:hover { color:#1d5cd1; } /*chiller */ #post-22 h2, #post-26 h2, #post-32 h2, #post-39 h2 { font-size: 36px } /*About the Book Headings */ #post-101 h3 { font-size: 45px !important; color:#b30619 !important; } /* Home Page Heading - Welcome to... */ /*purple */ #book-one h3, #post-51 h3 , #post-147 h3, #post-22 h2, .book-one h3 { color:#330066; /*font-size: 45px;*/ } /*red */ #book-two h3, #post-51 h3, h3, .chiller, #post-26 h2, .book-two h3 { color:#b30619; /*font-size: 45px;*/ } /*orange */ #book-three h3, #post-32 h3, #post-1122 h3, #post-32 h2, #post-1110 h3, .book-three h3 { color:#df7b26; /*font-size: 45px;*/ } /*blue */ #book-four h3, #post-39 h3, #post-1263 h3, #post-39 h2, #post-1271 h3, .book-four h3 { color:#4483b8; /*font-size: 45px;*/ } /* Structure ---------------------- */ #header { width: 980px; margin: 25px auto 20px auto; height: 108px; padding: 0 15px 0 15px; clear: both; display: block; } .wrapper_topbg { width:1000px; height:20px; margin: 0 auto; } .wrapper_centerbg { width: 940px; margin: 0 auto; padding: 0 30px; } .wrapper_bottom { height:39px; width:1000px; margin: 0 auto 20px auto; } #content { float:right; width:670px; } .sidebar_navigation { width:240px; float:left; padding-bottom:20px; } .sidebar { width:240px; float:left; padding-bottom:20px; } .sidebar_navigation .widget ul { margin:0 0 20px 0; padding:0; list-style:none; } .sidebar_navigation .widget ul li { margin:0; padding:9px 0 9px 25px; list-style:none; font:12px "Comic Sans MS", Arial, Helvetica, sans-serif; } .sidebar_navigation h3 { margin:10px 0 0 0; padding:3px 0 3px 12px; font:bold 16px "Comic Sans MS", Arial, Helvetica, sans-serif; color:#fff; } .twitter_top { padding:10px 0 0 0 ; } .twitter_bottom { clear:both; padding:20px 0 10px 22px; font:bold 16px "Comic Sans MS", Arial, Helvetica, sans-serif; } .twitter_bottom a { color:#326366; } .twitter_bottom a:hover { color:#000; } .fb-recommend { margin-top: -55px; float: right; position: relative; z-index: 100; } .hidden { display: none; } .advt { text-align:center; } .advt img { margin-top:25px; } .bottom-spacer { padding:10px 30px; } .footer-in { padding:15px 0; overflow:hidden; } .imgleft { float:left; margin:0 12px 12px 0; } .event { float:right; width:515px; } .vendors { float:right; width:570px; } .footer_topbg { width:1000px; height:20px; margin: 0 auto; } .footer_centerbg { width: 940px; margin: 0 auto; padding: 0 30px; } .footer_bottom { height:39px; width:1000px; margin: 0 auto 20px auto; } /*#breadcrumb section =================================== */ .breadcrumb { font-size:11px; padding:5px 0; clear:both; margin-bottom:20px; } .breadcrumb { font-weight:normal; } .breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; } .breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left; } .breadcrumb a:hover { text-decoration:none; } /* form styles ---------------------- */ .contact-details label { margin-top: 0px; margin-bottom: 0px; padding-top: 0; padding-bottom: 12px !important; } .contact-details .half { background: #CFF!important; width: 300px; } .contact-details input, #cart td.quantity input { color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; border: 1px solid #C4BFBC; background: #FFFFFF !important; margin-bottom: 0 !important; } input.cat_textbox, select.cat_dropdown { WIDTH: 138px; } input.cat_textbox_Sm { width: 55px; } input.cat_textbox_M { width: 100px; } input.cat_textbox_L, select.cat_dropdown_L { width: 258px; } textarea.Cat_listbox { width: 136px; height: 50px; } textarea.Cat_listbox_L { width: 276px; height: 40px; } /* content ---------------------------- */ .content_spacer { padding:15px 0; } .wrapper .grid_7 { margin-left:0; } #content ul { list-style:none; } #content li { margin:0 0 4px 0; padding:0 0 0 17px; line-height:22px; } #content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0; } #content ol li { margin:0 0 5px 0; padding:0; } /* Latest news page */ body.page-id-629 #content ul { margin: 0 0 0 20px; } body.page-id-629 #content li { margin: 0 0 15px 0; padding:0 0 0 35px; } /* Author Books I love */ body.page-id-16 #content p { margin:0 0 7px 0; padding: 0; } body.page-id-16 #content img { margin: 25px 0 15px 0; } body.page-id-16 #content img.top { margin: 0 0 15px 0; } body.page-id-16 #content ul { margin: 0 0 7px 0; padding: 0; } #content .gallerylist { margin:0 0 0 -20px; _margin:0 0 0 -30px; padding:0; list-style:none; min-height:200px; } #content .gallerylist li { margin:0 0 45px 20px; padding:0; float:left; list-style:none; } * html #content .gallerylist { height:200px; } * html #content .gallerylist li { margin:0 0 15px 18px; } #content .gallerylist li img { padding:2px; } #content .gallerylist li p { font-size:12px; line-height:normal; } #content .gallerylist li .date { font-size:11px; margin-top:3px; float:left; } #content .img { padding:2px; margin-bottom:10px; } #content h3 { margin:0 0 10px 0; padding:0; font:22px "Comic Sans MS", Arial, Helvetica, sans-serif; } /*---------TOP NAVIGATION for PAGES--------- */ .page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0; } .page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; } .page_nav li a { list-style:none; font-size:12px; font-weight:bold; padding:6px 0; } .page_nav li a:hover { text-decoration:none; } .main_navi { float:right; width:600px; margin-top:15px; } /* post ---------------------------- */ blockquote .comment { clear:both; height:100%; margin:10px 0 20px 5px; overflow:hidden; padding:0 0 5px 45px; } #content blockquote p { margin:0 0 5px 0; padding:0; line-height:23px; } blockquote p cite { font-size:13px; font-style: bold; float:right; text-align:right; display:block; padding: 15px 40px 0 0; } blockquote a { /*font-size:13px; */ } .flickr h3 span{ font-weight:normal;} .flickr h3{ margin-bottom:20px } .flickr ul{ margin:12px 0 0; padding:0 } .flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 } .flickr img{ padding:2px; width:68px; height:68px; } #calendar_wrap{ padding:0; font-size:13px } #wp-calendar { width:100%; } #wp-calendar caption { font-weight:bold; font-size:15px; text-transform:uppercase; } #calendar_wrap caption{ padding:10px 0 } .posts h1 { font-size: 25px } .posts h2 { font-size: 23px } .posts h3 { font-size: 21px } .posts h4 { font-size: 19px } .posts h5 { font-size: 17px } .posts h6 { font-size: 15px } #content h4.cate_title { font-size:22px; clear:both; margin-bottom:20px; text-align:center; padding-bottom:22px; } #content .posts { padding-bottom:5px; margin-bottom:35px; } #content .welcome_content { width:460px; float:left; } #content .welcome_content .posts { margin-bottom:10px; } #content p.post_top { margin:0 0 10px 0; /*padding-bottom:20px;*/ font-size:12px; text-align:center; font-style: italic; } #content p.post_top a { text-decoration:none; } #content p.post_top a:hover { text-decoration:none; } .more { font-size:12px; font-weight:bold; } #content .post_top h2 { margin:0; padding:0; font-size:26px; line-height:normal; text-align:center; } .commentcount { margin-left:0px; padding-left:18px; } #content .headline { padding-left:25px; } #content .headline h3 { margin:0; border:none; float:left; font-size:16px; font-weight:bold; } #content .headline h3 a { padding:12px 0 8px 0; width:430px; display:block;} #content .headline .commentcount { float:right; margin-right:-8px; margin-top:12px; width:90px; text-align:left; } #content p.postmetadata { margin:0 0 0px 0; font-size:11px; } #content .post_top p.postmetadata { margin:0; padding:0; font-size:11px; } #content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:bold; } #content .posts h2.title a { text-decoration:none; } #content .posts h2.title a:hover { text-decoration:none; } #content p.post_bottom { margin:0; padding:0; font-size:11px; } #content p.post_bottom a { text-decoration:none; } #content p.post_bottom a:hover { text-decoration:none; } #content p#more_posts { font:17px "Comic Sans MS", Arial, Helvetica, sans-serif; clear:both; } #content p#more_posts a { color:#357476; text-decoration:none; } #content p#more_posts a:hover { color:#333; text-decoration:underline; } #content p#more_posts a { text-decoration:none; } #content p#more_posts a:hover { text-decoration:underline; } /* Post Pagination */ .pagination { float:right; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; } .pagination .on { padding:5px 8px; margin-right:3px; float:left; display:block; } .pagination a { display:block; float:left; padding:5px 8px; margin-right:3px; } /* widget search box */ #searchform { padding:5px; position:relative; } #searchform input { padding:5px 4px; width:56%; font:12px "Comic Sans MS", Arial, Helvetica, sans-serif; margin-bottom:5px; } #searchform #searchsubmit { font:bold 12px "Comic Sans MS", Arial, Helvetica, sans-serif !important; font-weight:bold; cursor:pointer; width:60px; position:absolute; right:15px; } .screen-reader-text { display:none; } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:13px; padding:5px 0; margin:0; } .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; font-size:12px; text-transform: uppercase; width:90px; margin:0 15px 0 0 } .arclist ul li a:hover { text-decoration:underline; } /*---------COMMENTS --------- */ #comments h3{ font:normal 18px "Comic Sans MS", Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0 } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:11px; font-weight:bold; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ font:13px "Comic Sans MS", Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:5px; } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px "Comic Sans MS", Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} /* bottom ---------------------------- */ .contact { width:250px; float:left; background:url(skins/1-default/contactbg.png) no-repeat right 35px; } .contact img { float:left; } .contact_right { width:200px; float:left; } .cfield { float: left; display:block; width:50px; font-weight:bold; } .bottom-spacer .contact p { font:13px "Comic Sans MS", Arial, Helvetica, sans-serif; color:#333; line-height:23px; } .bottom-spacer .re_comments { width:325px; float:left; margin-left:20px; overflow:hidden; } .bottom-spacer .gravitar { float:left; margin:5px 12px 5px 0; } .comments_exrpt { margin: 5px 0 10px 0; } .bottom-spacer .comments_exrpt a { text-decoration:none; } .bottom-spacer .comments_exrpt a:hover { text-decoration:none; } .bottom-spacer .comments_exrpt span { color:#666; font-size:11px; } .widget_comments { margin-bottom:5px; height:100%; overflow:hidden; } .subscribe { width:300px; } .bottom-spacer .widget-spot h3 { margin:0 0 5px 0; padding:0 0 5px 0; font:20px "Comic Sans MS", Arial, Helvetica, sans-serif; } .bottom-spacer .postlist { margin:0 0 0 -5px; padding:0; } .bottom-spacer .postlist li { margin:0 0 5px 0; padding:3px 5px; list-style:none; font-size:13px; } .bottom-spacer .postlist li a { text-decoration:none; } .bottom-spacer .postlist li span { font-size:11px; } .bottom-spacer .postlist li a:hover { text-decoration:none; } .bottom-spacer .postlist li:hover { cursor:pointer; } .bottom-spacer .postlist li p { margin:0; padding:0; line-height:18px;} .bottom-spacer .grid_4 { margin:0; } .bottom-spacer p { margin:0 0 8px 0; padding:0; line-height:18px;} .bottom-spacer li { margin:0 0 5px 0; padding:3px 0; list-style:none; font-size:13px; } .bottom-spacer li a { text-decoration:none; } .bottom-spacer li span { font-size:11px; } .bottom-spacer a:hover { text-decoration:none; } .bottom-spacer li:hover { cursor:pointer; } .subscribe { width:282px; } .subscribe_bottom { padding:10px; } .bottom-spacer p.rss { margin:0 0 8px 0; padding:0 0 8px 25px; font:bold 13px "Comic Sans MS", Arial, Helvetica, sans-serif;} .bottom-spacer p.rss a { text-decoration:none; } .bottom-spacer .subscribe h3 { height:100%; overflow:hidden; } .bottom-spacer .subscribe p.desc { margin:0 0 3px 0; padding:0; } .subscribe form { position:relative; height:100%; overflow:hidden; } .subscribe b { margin-top:-3px; } .aleft { float:left; padding:8px 5px 0 0 ; } .field { padding:5px 5px 6px 5px; width:155px; _width:140px; font-size:12px; margin-bottom:5px; height:100%; overflow:hidden; } .replace { text-align:center; vertical-align:middle; position:absolute; width:88px; font:bold 13px "Comic Sans MS", Arial, Helvetica, sans-serif; border:none; cursor:pointer; float:right; height:28px; padding-bottom:3px; line-height:25px; width:47px; height:28px; text-indent:-9009px; right:0; top:0; } * html .replace { top:1px; right:10px; } *+html .replace { top:1px; right:0; } .bottom-spacer .subscribe_spacer{ margin:0 0 0 20px; } .bottom-spacer .subscribe { padding:0; list-style:none; } .bottom-spacer .iSocialize_icons img { float:left; margin-right:10px; } a.i_linkedin { width:30px; height:30px; float:left; display:block; text-indent:-9009px; margin-right:10px;}