/* Theme Name: I Can Read You Like A Book Theme URI: http://www.icrylab.com/ Description: Created by icrylab Version: 1.6 Author: icrylab Author URI: http://www.icrylab.com/ Tags: icrylab */ * {margin:0; padding:0} body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#333; background-color:#fff; margin:0; padding:0; background-image:url('images/bg.gif'); background-repeat:repeat} #wrapper {width:980px; margin:0 auto 20px} img {border:none} #masthead {padding:0; margin:30px 0 0 0; background:#fff url('images/bg-404.jpg') center top repeat-x; height:260px; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc} #masthead #menu-wrap {padding:0; background-color:#202020; width:100%; margin:0 auto; height:46px} #masthead #head {padding:0; margin:0; height:210px; text-align:center} #masthead #head #clickregion {float:left; padding:20px 5px 0 30px; margin:0} #masthead #head #slogan {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; text-align:center; padding:0; margin:0; color:#666} #masthead #head #slogan i {color:#0892C3; font-style:normal} #masthead #head #slogan b {color:#7B9F37; font-weight:normal} #masthead .content {padding:0; font-size:0.8em; letter-spacing:0.3em} #column_wrapper {background-color:#fff !important; background-image:url('images/middle.gif'); background-repeat:repeat-y; padding:0 0 10px; min-height:500px; height:auto !important; height:500px; border-width:0 0 1px 0; border-style:solid; border-color:#ccc} .clearfloat {clear:both; height:0; line-height:0; font-size:0; display:block} a.button {display:block; color:#ff7f00; font-weight:bold; height:20px; line-height:29px; margin-bottom:14px; text-decoration:none; width:200px} a:hover.button {color:#ff7f00} a:focus {outline:none} p {margin:0 0 12px} /*------------------------------------------------ HEADER TAGS ------------------------------------------------*/ h1 {font-size:1.8em; padding:0; margin:0} h2 {font-size:1.6em; padding:0; margin:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important} h2 a:link {color:#8e9b36 !important; text-decoration:none} h2 a:visited {color:#8e9b36 !important; text-decoration:none} h2 a:hover {color:#000 !important; text-decoration:none} h2.sectionTitle {text-transform:uppercase; border-bottom:3px solid #ccc; padding:5px 0; margin:0 0 8px 0; font-weight:bold; color:#999} h3 {} h4 {font-size:1.5em; margin:10px 0; color:#747474; font-weight:normal} h5 {font-size:1.2em; margin:10px 0; padding:5px 3px; color:#666; font-weight:bold; border-top:1px solid #999; border-bottom:1px dotted #999; } /*------------------------------------------------ BLOCKQUOTE ------------------------------------------------*/ blockquote {padding:20px; margin:20px 0px; color:#006699; border-width:1px 0; border-style:solid; border-color:#0099cc} blockquote p {margin:0 !important; padding:0} blockquote span {color:#999; font-size:0.9em; padding:0; margin:0 10px} /*------------------------------------------------ COLOUR CLASSES ------------------------------------------------*/ .blue {color:#0295ba} .blue a:link {color:#0295ba !important; text-decoration:none} .blue a:visited {color:#0295ba !important; text-decoration:none} .blue a:hover {color:#0295ba !important; text-decoration:none} .red {color:#ff3300} .red a:link {color:#ff3300 !important; text-decoration:none} .red a:visited {color:#ff3300 !important; text-decoration:none} .red a:hover {color:#ff3300 !important; text-decoration:none} .black {color:#000} .black a:link {color:#000 !important; text-decoration:none} .black a:visited {color:#000 !important; text-decoration:none} .black a:hover {color:#000 !important; text-decoration:none} /*------------------------------------------------ TAG CLOUD ------------------------------------------------*/ #cloudtag a:link {text-decoration:none !important; color:#999 !important; margin:4px} #cloudtag a:visited {text-decoration:none !important; color:#999 !important} #cloudtag a:hover {text-decoration:none !important; color:#0066cc !important} /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------ CONTENT: LEFT ------------------------------------------------*/ #left {width:620px; float:left; padding:0 0 0 20px; margin:0} #left #container {padding:0; margin:30px 0 0; font-size:.75em; line-height:1.65em} #left #container .content {padding:0; font-size:.75em; line-height:1.5em} #left a:link {color:#006699; text-decoration:none} #left a:visited {color:#006699; text-decoration:none} #left a:hover {color:#006699; text-decoration:none} #left a.comment:link {color:#0040b6 !important; background-image:url('images/comment.gif'); background-repeat:no-repeat; padding:0 0 0 20px} #left a.comment:visited {color:#006699 !important; background-image:url('images/comment.gif'); background-repeat:no-repeat; padding:0 0 0 20px} #left a.comment:hover {color:#0040b6 !important; background-image:url('images/comment.gif'); background-repeat:no-repeat; padding:0 0 0 20px} #left a.more:link {color:#006699 !important; font-size:0.9em; text-transform:uppercase} #left a.more:visited {color:#006699 !important; font-size:0.9em; text-transform:uppercase} #left a.more:hover {color:#006699 !important; font-size:0.9em; border-bottom:1px dotted #006699} /*------------------------------------------------ CONTENT: LEFT-HOME-FEATURE ------------------------------------------------*/ #left #container .home {padding:10px 5px; margin:0 0 30px; line-height:1.6em; background-color:#f2f7fb; border-color:#0892c3; border-width:1px 0; border-style:solid} #left #container .home .placeholder {float:left; margin:0; padding:0; width:110px; text-align:left} #left #container .home .placeholder img {border:1px solid #ccc; padding:1px; background:#fff} #left #container .home .feature {float:right; padding:5px 10px 0; width:470px; text-align:left} /*------------------------------------------------ CONTENT: LEFT-HOME-RECENT ------------------------------------------------*/ #left #container .home-article {padding:0 0 15px; margin:0 0 20px; line-height:1.6em; background-color:#fff; border-bottom:1px dotted #ccc; color:#000} #left #container .home-article .post-thumb {float:left; width:118px; text-align:left} #left #container .home-article .post-article {float:right; width:490px; text-align:left} #left #container .home-article .post-article p {font-size:1em; line-height:1.6em} /*------------------------------------------------ CONTENT: LEFT-CATEGORY ------------------------------------------------*/ #left #container .category {padding:0 0 15px; margin:0 0 20px; line-height:1.6em; background-color:#fff; border-bottom:1px dotted #ccc} #left #container .category .post-thumb {float:left; padding:5px 0 0; width:118px; text-align:left} #left #container .category .post-article {float:right; padding:5px 0 0; width:500px; text-align:left} /*------------------------------------------------ CONTENT: LEFT-ARTICLE ------------------------------------------------*/ #left #container .view-page {padding:0 0 15px; margin:0 0 20px; line-height:1.7em; background-color:#fff; border-bottom:1px dotted #ccc; color:#000; min-height:400px} #left #container .view-page p {margin:0 0 22px 0; padding:0; font-size:1em} #left #container .view-page a:link {color:#006699; text-decoration:none; border-bottom:1px dotted #B9D9FD} #left #container .view-page a:visited {color:#006699; border-bottom:1px dotted #B9D9FD} #left #container .view-page a:hover {color:#006699; border-bottom:1px dotted #006699} #left #container .view-page h1 {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:2.8em; margin:20px 0 20px; padding:0; line-height:1em} #left #container .view-page h1 a:link {color:#000; border:none} #left #container .view-page h1 a:visited{color:#000; border:none} #left #container .view-page h1 a:hover {border:none !important} #left #container .view-page h2 {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; margin:30px 0 10px; font-weight:bold} #left #container .view-page h3 {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; margin:30px 0 10px; font-weight:normal} #left #container .view-page ul {margin:10px 40px} #left #container .view-page ul li {} /*------------------------------------------------ CONTENT: LEFT-ARTICLE ELEMENTS ------------------------------------------------*/ .dottedline-bottom {background-image:url('images/dot-1.gif'); background-position:left bottom; background-repeat:repeat-x} .dottedline-top {background-image:url('images/dot-1.gif'); background-position:left top; background-repeat:repeat-x} .bx-left {float:left; width:150px; padding:0; margin:0} .bx-right {float:right; width:430px; padding:0; margin:0} .tagslist {margin:0 3px 0 0; padding:0 1px 1px} .tagslist li {list-style:none; margin:0; text-align:left; border-bottom:1px solid #efefef} .tagslist li a {padding:2px 0; text-decoration:none} .tagslist li a:link {color:#366799 !important} .tagslist li a:visited {color:#366799 !important} .tagslist li a:hover {color:#366799 !important} .tagslist li a span {color:#747474 !important} /*------------------------------------------------ CONTENT: LEFT-ARTICLE AUTHOR PROFILE(?) ------------------------------------------------*/ .author {padding:10px; font-size:0.9em; margin:0px; border-top:1px dotted #ccc} .author .entry {border:2px solid #ff0000} .author .author-pict {float:left; width:60px} .author .author-pict img {border:1px solid #96cde2; padding:3px; background-color:#fff} .author .author-comment {float:right; width:520px; margin:0; padding:0} /*------------------------------------------------ CONTENT: RIGHT ------------------------------------------------*/ #right {width:310px; float:right; padding:0 10px 0 10px} #right #container {padding:0; margin:30px 0 0; font-size:.75em; line-height:1.5em} #right a:link {color:#747474} #right a:visited {color:#747474} #right a:hover {color:#747474} /*------------------------------------------------ CONTENT: RIGHT-CONTENTS ------------------------------------------------*/ #right .side-feature {padding:0 0 20px} #right .side-feature .search {width:200px; border:1px solid #ccc; padding:6px; color:#333; font-size:1.2em} #right .side-feature .search-button {border:none; padding:6px 8px; background-color:#666; color:#fff} #right .side-feature .search-button:hover {background-color:#339900; cursor:pointer} /*------------------------------------------------ CONTENT: FOOTER ------------------------------------------------*/ #footer {padding:0; margin:0; clear:both} #team {padding:10px 0; margin:0; text-align:center; font-size:0.7em; color:#999} #team a {color:#999; text-decoration:none; border-bottom:1px dotted #ccc} #team a:hover {color:#0066cc; text-decoration:none} #footer a:link {color:#747474} #footer a:visited {color:#747474} #footer a:hover {color:#747474} #footer .content {padding:0} /*------------------------------------------------ STYLING FOR SINGLE WP PAGES ------------------------------------------------*/ .single-page {min-height:400px; height:100% !important} .single-page h1 {font-size:2.2em; padding:0; margin:40px 0 20px; color:#ff3300; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:normal} .single-page h2 {font-size:1.8em; padding:0; margin:30px 0 10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; color:#97b42a} /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------ LIST - MAIN MENU ------------------------------------------------*/ ul#main-menu {margin:0; padding:10px 0 0 20px; list-style-type:none; width:auto; position:relative; font-weight:bold; display:block; text-transform:uppercase; font-size:13px} ul#main-menu li {display:block; float:left; margin:0; pading:0} ul#main-menu li a {display:block; float:left; color:#fff; text-decoration:none; padding:5px 20px} ul#main-menu li a:hover {background-color:#85BF09} /*------------------------------------------------ LIST - RECENT ARTICLES ------------------------------------------------*/ .list-recent {margin:0 3px 0 0; padding:0 1px 1px; margin-left:0;} .list-recent li {list-style:none; margin:0; text-align:left; border-bottom:1px dotted #ccc} .list-recent li a {display:block; padding:2px 0; text-decoration:none; color:#666} .list-recent li a:link {color:#999 !important} .list-recent li a:visited {color:#999 !important} .list-recent li a:hover {color:#0066cc !important} .list-recent li a span {color:#747474 !important} /*------------------------------------------------ ------------------------------------------------*/ /*------------------------------------------------ INNER PAGE FORMS ------------------------------------------------*/ form {padding:0; margin:0} form.comment-form {background:#f9f9f1; border-top:1px solid #e9e9e1; padding:0 10px} form.comment-form ol {margin:0; padding:0; list-style:none} form.comment-form ol li {padding:10px 0} form.comment-form ol li.button {border-bottom:none} form.comment-form ol label {display:block} form.comment-form ol label {display:block; font-weight:bold; word-spacing:1px; color:#747474; margin:0 0 2px 0} form.comment-form ol label em {font-weight:normal; color:#666; text-transform:none} form.comment-form ol input, form.comment-form ol input, form.comment-form ol input {width:300px; border:1px solid #d2d2d2; background-color:#edf5da; padding:5px} form.comment-form ol input:hover, form.comment-form ol input:hover, form.comment-form ol input:hover {border:1px solid #009900} form.comment-form ol select {width:150px; height:30px; padding:3px} form.comment-form ol option {font:11px Arial, Times, "Times New Roman", serif; color:#fff; padding:3px 0 3px 5px; background:#215a6d} form.comment-form ol textarea {width:500px; height:100px; border:1px solid #d2d2d2; background-color:#edf5da; padding:5px} form.comment-form ol textarea:hover {border:1px solid #009900} form.comment-form ol input, form.comment-form ol input, form.comment-form ol input, form.comment-form ol textarea {font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; word-spacing:1px; overflow:auto} form.comment-form ol button {background:#bbdb76; padding:5px 10px; font-weight:bold; word-spacing:1px; color:#000; border:1px solid #009900} form.comment-form ol button:hover {cursor:pointer; background:#86bf0a} /*------------------------------------------------ ------------------------------------------------*/ /*Fat Erik's Pipelist*/ #nav {list-style:none; padding:0; margin:0; border-bottom:1px dotted #ddd} #nav li {display:inline; padding:0; margin:0} #nav li:before {content:" >> "; } #nav li:first-child:before {content:""; } /*IE workaround*/ /*All IE browsers*/ * html #nav li {border-left:1px solid #000; padding:0 0.4em 0 0.4em; margin:0 0.4em 0 -0.4em} /*Win IE browsers - hide from Mac IE\*/ * html #nav {height:1%} * html #nav li {display:block; float:left} /*End hide*/ /*Mac IE 5*/ * html #nav li:first-child {border-left:0} /*------------------------------------------------ UNUSED? ------------------------------------------------*/ #gallery a img, #gallery a {border:none; float:left} #gallery a {margin:3px} #gallery a:hover {outline:3px solid black} .list {margin:0 3px 0 0; padding:0 1px 1px; margin-left:0; background:#F0F4FD; border:3px solid #E2E9F9} .list li {list-style:none; margin:0; border-top:1px solid #E2E9F9; text-align:left} .list li a {display:block; padding:1em 0.5em 1em 0.5em; text-decoration:none} .list li a:link {color:#747474} .list li a:visited {color:#747474} .list li a:hover {color:#747474} .tags {padding:0 0 2px} .tags a {text-decoration:none !important} .tags li a:link {} .tags a:visited {} .tags a:hover {} .post-floatimg {float:left; width:80px; margin:0 10px 10px 0; padding:5px 10px 5px 0; color:#BCB3AC; text-transform:uppercase; font-size:.75em} div.post-floatimg img {border:2px solid #E7D5C7} .post-desc {float:right; width:188px} .p-lb {float:left; width:290px; margin-right:10px; border-bottom:1px solid #E5DFD6; height:180px} .p-rb {float:right; width:290px; border-bottom:1px solid #E5DFD6} .recentarticle-list {margin:0 3px 0 0; padding:4px 0} .recentarticle-list li {list-style:none; margin:0; line-height:2.2em; text-align:left; border-bottom:1px dashed #aaa} .recentarticle-list li a {font-weight:bold; padding:4px 0; text-decoration:none} .recentarticle-list li a:link {color:#000 !important} .recentarticle-list li a:visited {color:#000 !important} .recentarticle-list li a:hover {color:#000 !important} .recentarticle-list li a span {color:#999 !important} img.floatLeft {float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #ccc} .darkblue {color:#3C78A7 !important} .littlebox {clear:both; padding:0; margin:0} /*------------------------------------------------ ------------------------------------------------*/