/* Theme Name: RitmoBello.com Theme URI: http://ritmobello.com/ Description: The theme for Ritmo Bello by John F Bello website designed by Unus, Inc. Version: 1.0 Author: Adriel Ricardo Author URI: http://hoyasultan.com/ */ html { margin: 0px; padding: 0px; width: 100%; height: 100%; } body { margin: 0px; padding: 0px; width: 100%; height: 100%; color: #fff; font-family: "Trebuchet MS", Arial, "Lucida Sans"; font-size: 12px; background: #000 url(images/body_bg.jpg) top center no-repeat scroll; } p { margin: 0px; padding: 0px; } #wrapper { margin: 0px; padding: 0px; width: 100%; height: 100%; } #container { margin: 0px auto; padding: 0px; width: 1000px; } /*HEADER*/ #header { margin: 0px auto; padding: 0px; width: 100%; height: 400px; } #header a { color: #fff; text-transform: uppercase; } #header h1 { margin: 0px auto; padding: 0px; width: 1000px; height: 300px; background: url(images/ritmo_bello.jpg) top center no-repeat; } #header h1 a { display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; text-decoration: none; } #header h1 a span { display: none; } /*#header #main_nav { float: left; margin: 10px 0px; padding: 10px; width: 230px; height: 100px; border-left: 1px dotted #d7d7d7; border-right: 1px dotted #d7d7d7; } #header #main_nav li { list-style: none; margin: 5px 0px; }*/ #header h2 { margin: 0px auto; padding: 0px; width: 100%; height: 100px; background: url(images/ritmo_bello_title.gif) top center no-repeat; } #header h2 span { display: none; } /*POSTS*/ #posts { float: left; margin-bottom: 25px; padding: 0px; width: 500px; } #posts a { color: #fff468; } #posts a:hover { color: #c20000; } #posts h3 { margin: 0 10px; padding: 0px; color: #c20000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: normal; } #posts h4 { margin: 5px 10px; padding: 0px; color: #00adef; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; font-weight: normal; } #posts h5 { margin: 0px; padding: 0px; color: #fff468; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; } #posts p { margin: 10px; } #posts .post_title a { color: #fff; } #posts .post_title a:hover { color: #c20000; } #posts .post_content { margin: 10px; background: url(images/flower_bg.gif); border-top: 1px dotted #333; border-bottom: 1px dotted #333; } #posts .post_content img { text-align: center; border: 1px solid #ccc; } #posts .post_tag { margin: 0 10px 20px 10px; padding-bottom: 10px; } #posts .post_tag a { color: #fff; } #posts .post_tag a:hover { color: #fff468; } /*COMMENTS*/ .comments_list ol { margin: 0px; padding: 0px; } .comments_list li { margin: 0px; padding: 0px; } .comments_author { margin: 10px; padding: 0px; font-size: 13px; } .comments_text { margin: 10px; background: url(images/flower_bg.gif); border-top: 1px dotted #333; border-bottom: 1px dotted #333; } /*LINKS*/ #links { float: left; margin-bottom: 25px; padding: 0px; width: 250px; } #feed { margin: 0px; padding: 0px; } #feed form { clear: both; display: block; margin: 25px 0px; text-align: center; } #feed input { display: block; margin: 10px auto; } #feed label { display: block; margin: 10px 20px; } #feed h1 { float: left; margin: 0px; padding: 0px; width: 115px; height: 110px; background: url(images/ritmo_bello_rss.jpg) center center no-repeat; } #feed h1 a { display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; text-decoration: none; } #feed h1 a span { display: none; } #feed h2 { float: left; margin: 15px 0 25px 0; padding: 0px; width: 135px; height: 80px; background: url(images/ritmo_bello_signup.jpg) top center no-repeat; } #feed h2 a { display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; text-decoration: none; } #feed h2 a span { display: none; } #feed form a { color: #fff468; } #feed form a:hover { color: #c20000; } #twitter { clear: both; padding-top: 20px; text-align: center; } #twitter h1 { margin-bottom: 10px; width: 100%; height: 50px; background: url(images/twitter.gif) center center no-repeat; } #twitter h1 span { display: none; } #twitter .twitter_flash { margin: auto; text-align: center; } #meetup { clear: both; margin: 25px 0px; text-align: center; } #meetup a { display: block; margin-top: 10px; color: #fff; } #meetup a:hover { color: #fff468; } #categories { margin: 25px 0px; padding: 10px; } #categories h2 { margin: 10px 0px; padding: 0px; color: #00adef; font-family: Georgia, "Times New Roman", Times, serif; } #categories h2 span { } #categories ul { margin: 0px; padding: 0px; } #categories ul li { list-style: none; margin: 0px; padding: 0px 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; border-bottom: 1px dotted #333; } #categories ul li:hover { background: #c20000; } #categories ul li a { color: #fff; line-height: 24px; text-decoration: none; } #archives { margin: 25px 0px; padding: 10px; } #archives h2 { margin: 10px 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #00adef; } #archives h2 span { } #archives ul { margin: 0px; padding: 0px; } #archives ul li { list-style: none; margin: 0px; padding: 0px 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; border-bottom: 1px dotted #333; } #archives ul li:hover { background: #c20000; } #archives ul li a { color: #fff; line-height: 24px; text-decoration: none; } #archives .outside_links { margin: 25px 0px; } #misc { text-align: center; } #misc img { border: none; } .ad { margin: 20px auto; text-align: center; } .ad img { border: none; } /*EXTRA */ #extra { float: left; margin-bottom: 25px; padding: 0px; width: 250px; } #extra a { text-decoration: none; } #extra h1 { margin: 15px 0 0 0; padding: 0px; width: 100%; height: 220px; background: url(images/johncloseup2.JPG) top center no-repeat; } #extra h2 { margin: 15px 0 0 0; padding: 0px; width: 100%; height: 100px; background: url(images/ritmo_bello_meet_john.jpg) top center no-repeat; } #extra h3 { margin: 15px 0 0 0; padding: 0px; width: 100%; height: 80px; background: url(images/ritmo_bello_donate.jpg) top center no-repeat; } #extra h1 a, #extra h2 a, #extra h3 a { display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; text-decoration: none; } #extra h1 span, #extra h2 span, #extra h3 span { display: none; } #extra img { border: none; } #paypal { margin: 0px; padding: 0px; width: 100%; text-align: center; } #extra .misc { margin: 25px 0px; text-align: center; } .widgets { margin: 0px; padding: 0px; width: 100%; text-align: center; } /*FOOTER*/ #footer { clear: both; margin: 20px 0px; padding: 10px 0px; width: 100%; color: #d7d7d7; border-top: 1px dotted #d7d7d7; } #footer a { color: #fff468; } #footer a:hover { color: #c20000; }