/* Theme Name: NutriGoldBlog Theme Author: DtwoCreative Author URI: http://www.dtwocreative.co.uk/ */ * { margin: 0; padding: 0; } body { text-align: center; font: 12px Verdana; color: #727272; background-color: #f4f4f4; padding: 20px 0; } a { text-decoration: none; color: #588cb8; } a:hover { text-decoration: underline; color: #71bf45; } 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; } hr { width:602px; height:1px; color:#0b5c89; margin:44px 16px; } h2 { padding-left: 22px; } .space-line { border-top: 1px solid #E9E9E9; margin: 8px 18px 0 18px; padding:10px; } img.alignright { float:right; margin:1em 0 1em 1em; border: 1px solid #E9E9E9; padding: 7px; background-color: #F2F2F1; } img.alignleft { float:left; margin:0 1em 1em 0; border: 1px solid #E9E9E9; padding: 7px; background-color: #F2F2F1; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; border: 1px solid #E9E9E9; padding: 7px; background-color: #F2F2F1; } a img.alignright { float:right; margin:0 0 1em 1em; } a img.alignleft { float:left; margin:0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a.course-link-btn { width:292px; height:77px; display:block; text-indent:-9999em; background:url(images/course-link-btn.jpg) left bottom no-repeat; } a.course-link-btn:hover { background:url(images/course-link-btn.jpg) right bottom no-repeat; } a.course-link-btn-info { width:292px; height:77px; display:block; text-indent:-9999em; background:url(images/course-link-btn-info.jpg) left bottom no-repeat; } a.course-link-btn-info:hover { background:url(images/course-link-btn-info.jpg) right bottom no-repeat; } /** BEGIN wrapper **/ #wrapper { width: 967px; margin: auto auto; text-align: left; } /** END wrapper **/ /** BEGIN header **/ #header { background: url(images/headtile.gif) repeat-x 0 0; margin-bottom: 10px; } #header .buffer { background: url(images/headleft.gif) no-repeat 0 0; } #header .buffer .buffer { height: 220px; background: url(images/headright.gif) no-repeat top right; padding-top: 5px; } #header-bg { width:963px; height:185px; background: url(images/nutrigold-blog-header-bg.jpg) no-repeat; margin:-4px 0 0 2px; } #header h1 { clear: both; float: right; padding: 36px 37px 17px 16px; } #header h1 a { display: block; width: 158px; height: 135px; background: url(images/nutrigold-blog-header-logo.gif) no-repeat 0 0; text-indent: -9999px; outline: none; } #header ol { clear: both; list-style-type: none; } #header ol li { float: left; font-size: 0.9em; text-transform: uppercase; padding-left: 1px; background: url(images/divider.gif) no-repeat 0 0; } #header ol li.f { padding-left: 0; background: none; } #header ol li a { color: #727272; display: block; padding: 10px 10px 10px; } #header ol li a:hover { color: #71bf45; text-decoration: none; } /** END header **/ /** BEGIN body **/ #body { border: 1px solid #DBDBDB; margin: 10px 0; background: url(images/wrapper.gif) repeat-y 674px 0; background-color: #FFFFFF; } /** END body **/ /** BEGIN content **/ #content { width: 634px; float: left; } #content .buffer { padding: 20px 5px; } #content .buffer h2 { padding-left: 11px; font-weight: normal; color:#999; } #content #welcome { margin: 8px 18px 17px 12px; } #content #welcome h2 { padding-left:0px; color:#588CB8; font-size: 1.7em; font-family: Arial; font-weight: normal; } #content #welcome .green { color:#71bf45; } #content #welcome .red { color:#ce3443; } #content #welcome hr { border-left:0; border-right:0; border-top:1px dotted #b2b2b2; border-bottom:1px solid #fff; margin:17px 0; } #content #welcome ul, #content #welcome ol { list-style-position: inside; margin-bottom: 10px; } #content #welcome li { line-height: 1.4em; } #content #welcome small { line-height: 1.4em; padding-bottom:14px; } #content #welcome form { margin-right: 10px; width: 240px; height: 28px; border-bottom: 1px solid #E7E6E6; background: url(images/search.gif) no-repeat center; padding: 15px 7px; margin:2px 0 14px 0; } #content #welcome form input { float: left; border: 0; width: 158px; font-size: 0.9em; font-family: Verdana; margin: 8px; background-color: #F7F6F6; } #content #welcome form button { float: left; width: 58px; height: 28px; font-size: 0.8em; font-family: Verdana; font-weight: bold; color: #ffffff; border: 0; background-color: transparent; text-transform: uppercase; } #content .post { border-top: 1px solid #E9E9E9; margin: 8px 18px 0 12px; padding-top: 20px; } #content .post img { float: left; margin-right: 20px; padding: 7px; border: 1px solid #E9E9E9; background-color: #F2F2F1; width: 150px; height: 150px; } #content .post h1{ font-size: 1.8em; font-family: Arial; font-weight: normal; padding-bottom: 14px; } #content .post h1 a { color: #588CB8; } #content .post h1 a:hover { color: #71bf45; } #content .post h1 a:hover { text-decoration: none; } #content .post h2 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; } #content .post h2 a { color: #588CB8; } #content .post .date { font-size: 0.8em; padding: 8px 5px; } #content .post .date a { color: #71bf45; } #content .post .thumb { width: 329px; height: 150px; overflow: hidden; margin-left: 7px; } #content .post .thumb img { width: 329px; } #content .post p { padding: 10px; line-height: 1.4em; } #content .post .readmore { display: block; float: right; text-indent: -9999px; width: 101px; height: 19px; outline: none; background: url(images/readmore.gif) no-repeat 0 0; } #bottom { clear: both; padding: 15px 10px 0; } #bottom .box { width: 180px; float: left; padding: 10px; margin-bottom:22px; } #bottom .box h2 { color: #71bf45; font-size: 1em; padding-bottom: 5px; border-bottom: 1px solid #DDDDDD; } #bottom .box ul { list-style-type: none; padding-bottom: 10px; } #bottom .box ul li { font-size: 0.8em; border-bottom: 1px dotted #ABABAB; line-height: 1.4em; padding: 6px 0 6px 12px; background: url(images/bullet.gif) no-repeat 0 11px; } #bottom .box ul li a { color: #727272; } #bottom .box ul li a:hover { text-decoration: none; color: #588CB8; } #bottom .box .comments a { font-weight: bold; color: #588CB8; } #content h2.title { padding: 0 15px 20px; font-size: 0.9em; text-transform: uppercase; font-weight: normal; } #content .postnav { padding: 0 15px; font-size: 0.8em; text-transform: uppercase; } #content .postnav a { color: #588CB8; } #content .single { padding: 0 0 15px 15px; } #content .single a { color: #588CB8; } #content .single h1{ font-size: 1.8em; font-family: Arial; font-weight: normal; padding-bottom: 17px; } #content .single h1 a { color: #588CB8; } #content .single h1 a:hover { text-decoration: none; } #content .single h2 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; } #content .single .date { font-size: 0.8em; } #content .single p { line-height: 1.7em; margin-bottom: 10px; padding:8px 0 11px 0; } #content .single ol, #content .single ul { list-style-position: inside; margin-bottom: 10px; } #content .single li { line-height: 1.4em; } #content .single blockquote { line-height: 1.4em; margin-bottom: 10px; padding: 10px 10px 5px; 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: 8px; } #content .single img { padding: 7px; border: 1px solid #E9E9E9; background-color: #F2F2F1; } /** END content **/ /** BEGIN sidebar **/ #sidebar { width: 260px; float: right; margin-right:17px; } #sidebar h2 { color: #71bf45; font-size: 0.9em; text-transform: uppercase; padding:10px 12px; background: url(images/horizontal.gif) no-repeat 8px 22px; } #sidebar ul { list-style-type: none; padding: 0 10px 10px; } #sidebar ul li { line-height: 1.4em; padding: 2px; border-bottom: 1px dotted #ABABAB; } #sidebar ul li a { color: #727272; } #sidebar ul li a:hover { color: #588CB8; text-decoration: none; } #sidebar .tags { padding: 0 10px 10px; } #sidebar .tags a { color: #727272; } #sidebar .tags a:hover { color: #588CB8; text-decoration: none; } #sidebar .flickr { padding: 0 10px 10px; } #sidebar .flickr img { margin: 2px; } #sidebar .video { padding: 0 10px 10px; } #sidebar .bookmarks { list-style-type: none; list-style-position: outside; padding: 5px 10px 10px; } #sidebar .bookmarks li { font-family: Arial; border-bottom: 1px dotted #CCCCCB; padding: 5px 0 5px 20px; background-position: 0 6px; background-repeat: no-repeat; } #sidebar .bookmarks li a { color: #588cb8; } #sidebar .bookmarks li a:hover { color: #71bf45; } #sidebar .bookmarks li.rss { background-image: url(images/rss.gif); } #sidebar .bookmarks li.twt { background-image: url(images/twitter.gif); } #sidebar .bookmarks li.fcb { background-image: url(images/facebook.gif); } #sidebar .bookmarks li.ldi { background-image: url(images/linkedin.gif); } #sidebar form { margin-right: 10px; width: 240px; height: 28px; border-bottom: 1px solid #E7E6E6; background: url(images/search.gif) no-repeat center; padding: 15px 7px; margin:2px 0 14px 0; } #sidebar form input { float: left; border: 0; width: 158px; font-size: 0.9em; font-family: Verdana; margin: 8px; background-color: #F7F6F6; } #sidebar form button { float: left; width: 58px; height: 28px; font-size: 0.8em; font-family: Verdana; font-weight: bold; color: #ffffff; border: 0; background-color: transparent; text-transform: uppercase; } /** END sidebar **/ /** BEGIN footer **/ #footer-wrap { font-size: 0.8em; margin: 23px 0 0 0; color: #fff; height:354px; width:100%; background: #0b5c89 url(images/footer-bg.gif) repeat-x; } #footer { margin:0 auto; width:954px; padding:17px; } #footer a { color:#FFF; text-decoration:none; } #footer a:hover { color:#ffca08; text-decoration:none; } #footer li { list-style:none; } #footer h2 { color: #fff; font-size: 1.3em; margin-bottom: 15px; font-weight: normal; font-style: normal; } .container_16 { width:967px; min-height: 100%; margin: 0 auto; padding-top:17px; } .box_3,.box_16 { display:inline; float:left; margin-left:10px; margin-right:10px; } .container_16 .box_3 { width:210px; } .container_16 .prefix_1 { padding-bottom:44px; } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } #footer ul li{ border-bottom:1px dotted #CCC; padding: .5em 1em; font-size: 1em; text-align:left; } #footer div.copyright { margin:0 auto; border-top: 1px solid #ccc; padding: .5em 0 0 0; margin: 1em 0 0 0; } #footer p { padding:10px; } /** END footer **/ /** BEGIN miscellaneous **/ #comments { padding: 15px; } #comments h2 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; } #comments a { color: #588CB8; } #comments p { margin-bottom: 10px; line-height: 1.6em; } #comments form { padding-top: 20px; } #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: 260px; border: 1px solid #cccccc; } #comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #cccccc; } #comments form button { border: 1px solid #a0a0a0; color:#727272; 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; } .notfound { padding: 40px; } .notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; } .search-form { margin-right: 10px; width: 240px; height: 28px; border-top: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; background: url(images/search.gif) no-repeat center; padding: 15px 7px; margin: 14px 0; } .search-form input { float: left; border: 0; width: 158px; font-size: 0.9em; font-family: Verdana; margin: 8px; background-color: #F7F6F6; } .search-form button { float: left; width: 58px; height: 28px; font-size: 0.8em; font-family: Verdana; font-weight: bold; color: #ffffff; border: 0; background-color: transparent; text-transform: uppercase; } /** END miscellaneous **/ /** BEGIN wordpress 2.7 comments **/ #comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; } #comments ol li { padding: 10px; border: 1px solid #e0e0e0; margin-bottom: 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: 10px 0 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 **/