/* Theme Name: BlueLeanMagazine Author: WPThemeDesigner.com Author URI: http://www.wpthemedesigner.com/ */ * { margin: 0; padding: 0; } body { text-align: center; font: 12px Verdana; color: #000000; background: url(images/background.gif) repeat-x 0 0; } a { color: #6B001A; } a:hover { text-decoration: none; color: #ff0000; } img { border: 0; } .break { font-size: 0; width: 0; height: 0; clear: both; } .alignleft { float: left; margin: 4px 10px 5px 0; } .alignright { float: right; margin: 4px 0 5px 10px; } .aligncenter { text-align: center; } .hidden { display: none; } /** BEGIN wrapper **/ #wrapper { width: 970px; margin: auto auto; text-align: left; } /** END wrapper **/ /** BEGIN header **/ #header { height: 200px; padding: 0 8px; } #header ul { list-style-type: none; clear: both; } #header ul li { float: left; } #header .pages { float: left; } #header .pages li { font-weight: bold; font-size: 0.9em; text-transform: uppercase; } #header .pages li a { color: #ffffff; text-decoration: none; display: block; padding: 8px 10px; } #header .pages li a:hover { text-decoration: underline; } #header .links { float: right; color: #ffffff; font-size: 0.9em; background: url(images/rss.gif) no-repeat 0 6px; padding: 8px 0 8px 18px; } #header .links a { color: #ffffff; text-decoration: none; margin: 0 5px; } #header .links a:hover { text-decoration: underline; } #header h1 { float: left; padding: 35px 0 40px; clear: both; } #header h1 a { display: block; outline: none; text-indent: -9999px; background: url(images/logo.png) no-repeat 0 0; width: 344px; height: 53px; } #header .ad { float: right; padding-top: 30px; } #header .categories { overflow: hidden; width: 100%; } #header .categories li { font-family: Arial; font-size: 0.9em; text-transform: uppercase; padding-left: 1px; background: url(images/divider.gif) no-repeat 0 15px; margin-left: -1px; } #header .categories li a { color: #333333; text-decoration: none; display: block; padding: 13px 10px 12px; } #header .categories li a:hover { text-decoration: underline; } /** END header **/ /** BEGIN body **/ #body { padding: 10px 0; } /** END body **/ /** BEGIN content **/ #content { clear: both; width: 676px; float: left; background: url(images/contentbody.gif) repeat-y 0 0; font-family: Arial; } #content .head { background: url(images/contenthead.gif) no-repeat 0 0; } #content .foot { background: url(images/contentfoot.gif) no-repeat 0 bottom; padding: 25px 8px; } #content .atitle { float: left; font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #212121; padding: 5px 8px; font-weight: normal; margin: 10px 30px; } #content .featured { padding: 5px 30px 10px; } #content .featured h2.title { float: left; font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #212121; padding: 5px 8px; font-weight: normal; margin-bottom: 10px; } #content .featured .thumb { width: 590px; height: 315px; padding: 5px; border: 1px solid #E9E9E9; background-color: #F2F2F1; clear: both; } #content .featured .b { width: 589px; height: 315px; overflow: hidden; position: relative; } #content .featured .photo { list-style-type: none; } #content .photo li { position: absolute; top: 0; left: 0; z-index: 0; } #content .photo li.first { z-index: 2; } #content .photo li img { width: 589px; } #content .featured .text { list-style-type: none; } #content .featured .text li { width: 230px; height: 285px; position: absolute; top: 0; right: -270px; padding: 15px; color: #ffffff; font-family: Verdana; background: url(images/shade.png) repeat 0 0; z-index: 4; } #content .featured .text li.first { right: 0; } #content .featured .text h2 { font-size: 1.6em; margin-bottom: 15px; } #content .featured .text p { line-height: 1.6em; margin-bottom: 15px; } #content .featured .text a { color: #ffffff; text-decoration: none; } #content .featured .text .readmore { font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #content .post { clear: both; border-top: 1px solid #E9E9E9; margin: 0 30px; } #content .first { border-top: 0; } #content .post .l { float: left; width: 140px; padding: 15px 0; } #content .post img { width: 134px; height: 134px; border: 1px solid #e9e9e9; background-color: #F2F2F1; padding: 5px; } #content .post .r { float: right; width: 430px; padding: 15px 0; } #content .post h2 { font-weight: normal; font-size: 1.8em; margin-bottom: 15px; } #content .post h2 a { text-decoration: none; color: #191919; } #content .post p { line-height: 1.6em; margin-bottom: 15px; } #content .details { float: left; font-size: 0.85em; text-transform: uppercase; margin-bottom: 0 !important; } #content .details a { text-decoration: none; color: #191919; margin: 0 5px; } #content .details a:hover { text-decoration: underline; } #content .comments { float: right; margin-bottom: 0 !important; padding-bottom: 6px; background: url(images/comments.gif) no-repeat right bottom; } #content .comments a { display: block; color: #ffffff; font-family: Verdana; font-size: 0.9em; text-decoration: none; padding: 2px 6px; background-color: #212121; } #content .postnav { clear: both; float: right; padding: 0 20px; } #content .postnav ul { list-style-type: none; } #content .postnav ul li { float: left; padding: 0 4px; font-family: Arial; } #content .postnav ul li a { display: block; padding: 4px 8px; border: 1px solid #E1E1E1; text-decoration: none; color: #4F4F4F; } #content .postnav ul li a:hover { border-color: #ffffff; } #wp_page_numbers ul { border-top: 0 !important; } #wp_page_numbers .page_info { padding: 4px 8px !important; border: 1px solid #E1E1E1 !important; margin-right: 2px; } #wp_page_numbers .active_page a { border-color: #ffffff !important; background-color: #ffffff !important; } #content .single { padding: 10px 30px; } #content .single h2 { margin-bottom: 10px; font-size: 1.4em; text-transform: none; } #content .single p { line-height: 1.5em; margin-bottom: 10px; } #content .single ul, #content .single ol { list-style-position: inside; margin-bottom: 10px; } #content .single li { line-height: 1.5em; padding: 2px 0; } #content .single blockquote { padding: 10px 10px 5px; margin-bottom: 10px; background-color: #eeeeee; border-width: 1px 0; border-style: solid; border-color: #e0e0e0; } #content .single h3, #content .single h4, #content .single h5, #content .single h6 { font-size: 1.2em; margin-bottom: 5px; } /** END content **/ /** BEGIN links **/ #links { clear: both; padding: 20px 30px; font-family: Verdana; } #links .box { width: 130px; float: left; padding: 20px 10px; border-top: 1px solid #E9E9E9; } #links h2 { float: left; font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #212121; padding: 5px 8px; font-weight: normal; margin-bottom: 10px; } #links ul { clear: both; list-style-type: none; padding: 0 5px; } #links ul li { line-height: 1.5em; font-size: 0.9em; padding: 4px 0; } #links ul li a { color: #191919; text-decoration: none; } #links ul li a:hover { color: #6B001A; text-decoration: underline; } /** END links **/ /** BEGIN sidebar **/ #sidebar { width: 270px; float: right; padding: 8px 8px 0 0; } #sidebar .box { border: 2px solid #E1E1E1; padding: 10px; margin-bottom: 15px; } #sidebar h2 { font-size: 0.9em; text-transform: uppercase; color: #ffffff; background-color: #212121; padding: 5px 8px; font-weight: normal; margin-bottom: 10px; width: 130px; } #sidebar ul { list-style-type: none; } #sidebar ul li { line-height: 1.5em; padding: 2px 0; border-bottom: 1px solid #E9E9E9; } #sidebar ul li a { color: #191919; text-decoration: none; } #sidebar .ads { text-align: center; margin-bottom: 10px; } #sidebar .ads img { margin: 4px; } #sidebar .search { border: 2px solid #E1E1E1; margin-bottom: 10px; height: 29px; } #sidebar .search input { border: 0; float: left; width: 220px; margin: 6px 4px; } #sidebar .search button { border: 0; background-color: #212121; color: #ffffff; font-size: 0.8em; font-weight: bold; text-transform: uppercase; width: 38px; height: 29px; float: right; } #sidebar .flickr { text-align: center; } #sidebar .flickr img { width: 75px; margin: 2px; } #sidebar .video { padding-left: 2px; } /** END sidebar **/ /** BEGIN footer **/ #footer { clear: both; background-color: #212121; color: #ffffff; } #footer p { width: 940px; margin: auto auto; text-align: left; font-size: 0.9em; padding: 15px 0; } #footer a { color: #ffffff; text-decoration: none; } #footer a:hover { text-decoration: underline; } /** END footer **/ /** BEGIN miscellaneous **/ #comments { padding: 10px 30px; } #comments a { text-decoration: none; } #comments h2 { font-size: 1.4em; margin: 10px 0; } #comments p { margin-bottom: 10px; line-height: 1.6em; } #comments form { } #comments form p { margin-bottom: 5px; } #comments form input { margin-right: 5px; } #comments form input, textarea { border: 1px solid #cccccc; font-size: 0.9em; font-family: Verdana; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; } #comments form input { width: 240px; border: 1px solid #cccccc; } #comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #cccccc; } #comments form button { border: 1px solid #a0a0a0; font-size: 1em; font-family: Verdana; padding: 2px 6px; } .commentdetails { margin-top: 25px; } .commentauthor { margin-bottom: 5px !important; font-weight: bold; } .commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; } .required { color: #ff0000; } h2.title { font-size: 1em !important; text-transform: uppercase; padding: 10px; color: #565656; } .notfound { padding: 40px; } .notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; } /** END miscellaneous **/ /** BEGIN wordpress 2.7 comments **/ #comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; } #comments .buffer { padding: 10px; } #comments h2 { font-size: 0.9em; margin-bottom: 20px; } #comments ol li { margin-bottom: 10px; } #comments ol li ul li { border: 1px solid #e0e0e0; padding: 10px; } #comments ol li .avatar { float: right; } #comments ol li .comment-author { } #comments ol li .comment-author .fn { font-weight: bold; font-size: 1.2em; } #comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; } #comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; } #comments .children { list-style-type: none; } #comments .navigation { padding: 0 10px 20px; font-size: 0.9em; } #comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #cccccc; } #comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; } #comments .says { display: none; } /** END wordpress 2.7 comments **/