/* Theme Name: elitaste v2 Theme URI: http://www.elitaste.com Description: elitaste v2 Version: 2.1.3 Author: dbakeshow Author URI: http://www.dbake.com Notes: images/layout/ */ /*-----------------------------------------------------------------------------------------*/ /*- RESET ---------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } table { border-spacing: 0; border-collapse: collapse; } caption, th, td { text-align: left; font-weight: normal; } blockquote, q { quotes: none; } :focus { outline: 0; } /*--*********************************************************************************--------*/ /*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/ /*-------------------------------------------------------------------------------------------*/ .no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; width: 100%;} .no_ie h1{font-size: 22px;} .no_ie p{margin: 0px; padding: 0px;} .no_ie a{color: #a60000; text-decoration: underline;} .no_ie a:hover{color: #000;} /*-------------------------------------------------------------------------------------------*/ /*- SETUP STD CLASSES -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ html{margin: 0px; padding: 0px} body{margin: 0px; padding: 0px; font-size: 10pt; color: #000; font-family: Arial, Helvetica, sans-serif; width: 100%; background: url(images/layout/elitaste-bg.jpg) top left fixed repeat;} body, h1, h2, h3, h4, h5, p, tr, td{font-family: Arial, Helvetica, sans-serif;} p{color: #303030; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 0px; line-height: 20px; font-size: 10pt;} h1{color: #000; font-size: 22pt; letter-spacing: -1px; margin: 0px 0px 10px; padding: 0px 0px 0px 0px;} h2{color: #333; font-weight: bold; font-size: 16pt; margin: 0px; padding: 0px 0px 10px;} h3{color: #333; font-weight: bold; font-size: 15pt; margin: 0px; padding: 0px 0px 10px;} h4{color: #333; font-size: 10pt; font-weight: bold; margin: 0px; padding: 4px 0px 10px 0px;} h5{color: #333; font-size: 8pt; font-weight: bold; margin: 0px; padding: 4px 0px 10px 0px;} h6{color: #333; font-size: 7pt; font-weight: bold; margin: 0px; padding: 4px 0px 10px 0px;} /*ul,ol{list-style: disc; margin: 0px 20px 10px; padding: 0px 10px 0px;}*/ ol{list-style: decimal;} /*li{line-height: 23px;}*/ /*-------------------------------------------------------------------------------------------*/ /*- GLOBAL CLASSES --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--- Links ---*/ a.std_link, a{color: #29597b; text-decoration: none; font-weight: bold; outline: none;} a.std_link:hover, a:hover{color: #99FF33;} /*--- Layouts ---*/ .no_bg{background-image: none;} .clearboth{clear: both} .floatleft{float:left;} .floatright{float:right;} .image-left{float:left; padding: 0px 10px 10px 0px;} .image-right{float:right; padding: 0px 0px 10px 10px;} /*--- Text ---*/ .t_justify{text-align:justify;} .t_center{text-align: center;} .t_right{text-align: right;} .bold{font-weight: bold;} .pink{color: #f36;} /*--- Forms ---*/ textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px;} .txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;} .note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;} .note a{color: #f60; text-decoration:none;} .success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;} .no_display{display: none;} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #header_container{padding: 0px 0px 0px; background: 0px 0px repeat-x;} .header{width: 980px; height: 306px; margin: 0px auto 0px;} .site_logo{margin: 28px 0px 0px; border: 1px solid #333333;} a.obox_sig_series{float: right; position: relative; top: 70px; right: 20px;} a.obox_sig_series img{border: none; text-decoration: none;} /*-------------------------------------------------------------------------------------------*/ /*- MENUS ------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul#menu{width: 965px; clear: left; margin: 0px 0px 30px 0px; padding: 0px; position: relative; z-index: 9; list-style: none; background: #000 center top no-repeat; border-bottom: thick solid #0099ff;} ul#menu li.parent{float: left; margin: 16px 10px 0px; text-align:center;} ul#menu li.parent:first-child{margin-left: 0px;} ul#menu li.parent a.parent_menu_link{color: #fff; display: block; min-height: 30px; min-width: 92px; font-size: 13px; text-transform: uppercase; font-weight: bolder;} ul#menu li.parent a.parent_menu_link:hover{color: #dae9ea; text-decoration: none; background: url(images/layout/menu_hover.png) center bottom no-repeat;} ul#menu li.parent a.selected, ul.menu li a.selected:hover{color: #f36; text-decoration: none; background: url(images/layout/menu_selected.png) center bottom no-repeat;} a.rss{color: #999; float: right; height: 16px; width: auto; padding-top: 0px; position: relative; top: -63px; right: 20px; text-indent: 20px; text-transform: none; background: url(images/rss.gif) 0px -2px no-repeat; font-size: 11px; font-weight: lighter; z-index: 100;} a.rss:hover{color: #ccc; text-decoration: none; background: url(images/rss.gif) 0px -36px no-repeat;} /*- SUB MENU LAYOUT ------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ ul.sub_menu{list-style: none; margin: 0px 0px 0px -15px; padding: 10px; position: absolute; z-index: 10; background: url(images/layout/sub_menu_bg.png) bottom repeat-y;} ul.sub_menu li{clear: both; width: 204px; padding: 10px 0px; text-align: left;} ul.sub_menu li:last-child{background: none;} ul.sub_menu li a{color: #fff; display: block; padding: 0px 10px 0px 15px; text-transform: uppercase; background: none; font-size: 9pt;} ul.sub_menu li a:hover{color: #cee2e3; background: none; text-decoration: none;} /*-------------------------------------------------------------------------------------------*/ /*- VIDEO CONTAINER -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #video_selector{margin: 80px 0px 30px; overflow: hidden; height: 584px; width: 964px; background-color: #000; border: #333 1px solid;} #video_selector h1{color: #fff; float: left; height: 38px; width: 280px; margin: 0px; padding: 12px 0px 0px; position: relative; left: 20px; background: url(images/featurd.gif) 6px 20px no-repeat; text-indent: -9999px;} a.hide_video{color: #f36; float: left; width: 90px; height: 17px; margin: 0px; padding: 1px 0px 0px; position: relative; left: 12px; top: 24px; text-indent: -9999px; background: url(images/layout/hide_button.png) 0px 0px no-repeat; font-size: 11px;} a.hide_video:hover{text-decoration: none; text-indent: 24px; background: url(images/layout/hide_button.png) 0px -20px no-repeat;} a.show_video{color: #f36; display: block; width: 180px; height: 17px; margin: 0px 3px 10px; padding: 1px 0px 0px; position: relative; text-indent: -9999px; background: url(images/layout/hide_button.png) 0px -40px no-repeat; font-size: 11px;} a.show_video:hover{text-decoration: none; text-indent: 24px; background-position: 0px -60px;} /*- VIDEO ITEM CONTAINERS ------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .video_container_fix{clear: both;} .video_container{float: left; position: relative; left: 22px; top: 20px; z-index: 1; height: 492px; width: 600px;} .video_list_container{float: left; margin: 0px 2px 0px 0px; position: relative; left: 47px; top: 1px;} /*- THE SELECTED VIDEO ---------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .video{height: 492px; width: 600px;} .video img{position: absolute; z-index: 2;} a.play_button{display: block; height: 80px; width: 80px; margin: auto; position: absolute; top: 206px; left: 261px; z-index: 1000; background: url(images/layout/play_button.png) center top no-repeat;} a.play_button:hover{background-position: 0px -80px;} /*- THE LATEST VIDEOS LIST -----------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ ul.video_list{list-style: none; padding: 0px; margin: 0px;} ul.video_list li{clear: both; height: 90px; width: 315px; margin-bottom: 20px; overflow: hidden;} ul.video_list li.selected{background: url(images/layout/video_selector_list.png) right top no-repeat;} ul.video_list li a{color: #CCC; height: 28px; display: block; margin: 0px 10px 7px 0px; padding: 5px 4px 0px; overflow: hidden; background: url(images/layout/video_selector_a_bg.gif) bottom repeat-x; font-size: 18px;} ul.video_list li a:hover{color: #0099FF; text-decoration: none;color: #FFFFFF;} ul.video_list li span.description{color: #ccc; display: block; height: 20px; font-size: 12px; font-weight: bold;} ul.video_list li a.date, ul.video_list li span.date{color: #777; font-weight: lighter; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;} ul.video_list li span.comments{float: left; color: #999; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;} ul.video_list li a, ul.video_list li span{padding-left: 5px;} ul.video_list li a:hover{color: #0099FF; text-decoration: none;} ul.video_list li:last-child{margin-bottom: 0px;} /*-------------------------------------------------------------------------------------------*/ /*- CONTENT ---------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #column_container{background: center top repeat fixed;} .columns{width: 980px; padding: 20px 0px 0px; margin: auto;} .site_swish{ } /*- LEFT COLUMN ----------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .left_column{width: 660px; float: left;} .post{width: 644px; margin-bottom: 80px;} .left_column h1{color: #99FF33; padding-bottom: 10px; margin: 0px 0px 10px; text-transform: capitalize; background: url(images/layout/title_border_bottom.gif) bottom repeat-x; font-size: 27px; font-weight: bold;} .left_column h1 a{color: #0099FF;} .left_column h1 a:hover{text-decoration: none; color: #E10085;} .left_column h1 span{color: #99FF33; float: right; margin: 16px 0px 0px 10px; letter-spacing: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 15px;} .left_column h1 span a{color: #99FF33;} .left_column h1 a.rss{letter-spacing: 0px;} .left_column h1 a.rss:hover{ color: #000} h1.search, .post h3{letter-spacing: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 12px; color: #E10085; margin: 0px 0px 10px; padding: 0px;} h1.search{background: none;} .post h3 a, .left_column .article_content a{color: #E10085; text-decoration: underline;} .post h3 a:hover, .left_column .article_content a:hover{color: #0099FF; text-decoration: underline; } .post_advert{width: 644px; margin-bottom: 20px;} .page_button_content{padding: 10px 20px; height: 30px;} .previous_page a, .next_page a{display: block; height: 30px; width: 131px; overflow: hidden; text-indent: -9999px; background: url(images/layout/next_previous.gif) no-repeat;} .previous_page a{background-position: 0px 0px; float: left;} .next_page a{background-position: -141px 0px; float: right;} .previous_page a:hover{background-position: 0px -30px;} .next_page a:hover{background-position: -141px -30px;} /*- ARTICLE ITEMS --------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .article_header{width: 644px; height: 3px;} .article{width: 644px; background-color: #000; border: #222 1px solid;} .article_content{padding: 22px 20px 20px 22px;} .article_content .article_image{min-height: 200px; width: 600px; overflow: hidden; position: relative; margin: 0px 0px 20px;} .article_content .article_image img{position: absolute; z-index: 2; left: 0px; top: 0px;} span.gloss{display: block; height: 68px; width: 600px; position: absolute; top: 0px; z-index: 3; background: url(images/layout/post_image_gloss.png) top no-repeat;} .article_content .post_video{clear: both; margin-bottom: 20px;} .article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5{background: none; margin: 0px 0px 5px; padding: 0px;} .article_content h3{color: #333;} .article_content p, .article_content ul, .article_content ol{color: #CCC !important; line-height: 20px; font-size: 14px;} .article_content ul, .article_content ol{line-height: 23px; margin: 00px 10px; padding: 0px 10px 10px;} .article_content blockquote{color: #2d5a79; padding: 10px; line-height: 24px; text-align: left; font-style: italic; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif;} .article_footer{height: 3px; width: 644px;} .post a.read_more, .post a.add_comment{float: left; display: block; margin: -21px 20px 0px 20px; overflow: hidden; text-indent: -9999px; background: url(images/layout/post_buttons.png) -10px -10px no-repeat;} .post a.read_more{height: 30px; width: 130px;} .post a.read_more:hover{background-position: -169px -10px;} .post a.add_comment{height: 30px; width: 150px; background-position: -10px -50px;} .post a.add_comment:hover{background-position: -169px -50px;} /*- ARCHIVES PAGE ---------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ ul.archives{margin: 0px 0px 20px; padding: 0px; list-style: none;} ul.archives li.parent_archive{color: #313031; margin: 0px 0px 5px; padding: 0px 5px 5px; position: relative; line-height: 23px; background: url(images/layout/right_content_li_bg.gif) bottom repeat-x; font-size: 12px;} ul.archives li.parent_archive ul{list-style: none;} ul.archives li.parent_archive ul li.parent_archive{background: url(images/layout/archives_sub_parent_border.gif) bottom repeat-x;} ul.archives li.parent_archive ul li.parent_archive:last-child{background: none;} /*- RIGHT COLUMN ---------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .right_column{width: 320px; float: right;} .right_column_item{margin: 0px 0px 20px 20px;} .rc_header{height: 3px; clear: both; width: 284px;} .rc_content_container{width: 284px; background: url(images/layout/right_content.png) repeat-y;} .rc_content{padding: 5px 10px 10px 12px; background-color: #000; border: #333 1px solid;} .rc_content2{padding: 5px 10px 10px 12px; background-color: #000; border: #333 0px solid;} .rc_content h2{clear: both; color: #0099FF; margin: 0px 0px 10px; padding-bottom: 10px; text-transform: capitalize; background: url(images/layout/title_border_bottom.gif) bottom repeat-x; font-size: 20px; font-weight: bold;} .rc_content h2 a{color: #f36; float: right; margin-top: 14px; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;} /*- WIDGETIZED SIDEBAR LIST ---------------------------------------------------*/ /*- ------------- -------------------------------------------------------------*/ #ocmx_twitter_widget{clear: both;} .rc_content ul, .rc_content ul.rc_list, li.widget ul{list-style: none; margin: 0px 0px 0px; padding: 0px;} .rc_content ul.rc_list li, li.widget ul li{color: #313031; margin: 0px 0px 5px; padding: 0px 0px 5px; position: relative; line-height: 23px; background: url(images/layout/right_content_li_bg.gif) bottom repeat-x; font-size: 12px;} .rc_content ul.rc_list li:last-child, li.widget ul li:last-child{background: none;} .rc_content ul.rc_list li a, li.widget ul li a{color: #888; display: block; margin: 0px; padding-left: 5px;} .rc_content ul li span.comments{color: #999; display: block; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;} /*-----------------------------------------------------------------------------*/ /*- SOME STANDARD WORDPRESS PLUGIN STYLES -------------------------------------*/ /*- CALENDAR -----------------------------------------------------------------*/ #calendar_wrap{} #wp-calendar{width:100%; font-size: 12px;} #wp-calendar caption {padding-bottom: 10px; font-size: 18px; color: #29597b;} #wp-calendar td, #wp-calendar th{text-align:center; padding: 5px;} #wp-calendar #prev {text-align:right;} #wp-calendar #next {text-align:left;} #wp-calendar th{font-weight: bold; padding: 5px 5px;} #calendar_wrap a{color: #29597b;} .rc_footer{height: 3px; width: 284px;} /*-------------------------------------------------------------------------------------------*/ /*- PROMOTE POST ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .article_promote{height: 88px; width: 642px; background-color: #000;} .promote_content{padding: 13px 30px 20px 32px; } .promote_links{float: left; width: 420px; margin-top: 4px;} .promote_buttons{float: right; width: 148px;} .promote_content h4{color: #99FF33; margin: 0px 0px 5px; padding: 0px 0px 10px; text-transform: capitalize; background: url(images/layout/promote_header_border.png) bottom repeat-x; font-size: 15px; font-weight: bold;} .promote_content p{color: #2d5a79; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 12px;} .promote_content ul{margin: 0px; padding: 0px; list-style: none; } .promote_content ul li{float: left; margin-right: 20px;} .promote_content ul li a{color: #E10085; font-size: 11px; font-weight: bold;} .promote_content ul li a:hover{color: #99FF33; text-decoration: underline;} .promote_content .tweetmeme{margin: 0px 10px 0px 0px; padding:8px; float: left; height: 80px; width: 51px;} .promote_content .tweetmeme{float: right; margin: 0px;} .promote_content .digg_show {display:none;} /*-------------------------------------------------------------------------------------------*/ /*- COMMENTS SECTION ------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*- USER COMMENTS --------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .comment{clear: both; width: 644px; margin-bottom: 20px; position: relative;} .user_image{float: left; height: 120px; width: 100px; left: -18px; position: absolute; background: url(images/layout/user_image_bg.png) no-repeat;} .odd{background-position: 0px -140px;} .user_image img{position: absolute; left: 10px; top: 10px; z-index: 4;} .user_image .commenter_gloss{height: 19px; width: 80px; position: absolute; left: 10px; top: 10px; z-index: 5; background:url(images/layout/commenter_gloss.png) top no-repeat;} .comment_details{float: right; min-height: 120px; width: 520px; margin-right: 5px; padding: 0px 0px 0px;} .comment_details h2{color: #2d5a79; padding-bottom: 10px; margin: 0px 0px 10px; text-transform: capitalize; background: url(images/layout/comment_header_border_bottom_bg.gif) bottom repeat-x; font-size: 22px; font-weight: bold;} .comment_details h2 .commentor_url a{color: #cbdbdd; text-transform: uppercase; text-decoration: none; font-size: 10px; cursor: pointer;} .comment_details h2 .commentor_url a:hover{color: #f36;} .comment_details h2 span.date{color: #2d5a79; float: right; margin-top: 12px; letter-spacing: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 10px;} .comment_details .comment_message{clear: both;} .comment_details .comment_message a{color: #2d5a79;} .comment_details .comment_message a:hover{text-decoration: underline;} /*- THREADED USER COMMENTS -----------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .threaded_container .comment{clear: both; width: 544px; margin: 20px 0px 0px 100px;} .threaded_header{width: 544px; height: 3px; background: url(images/layout/thread_header.png) top no-repeat;} .threaded{width: 544px; background: url(images/layout/thread_content.png) repeat-y;} .threaded .comment_details{width: 420px;} .threaded_footer{height: 3px; width: 544px; background: url(images/layout/thread_footer.png) bottom no-repeat;} /*- COMMENT FORM ---------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .comment_form .form_label{color: #44535b; float: left; width: 80px; margin: 6px 10px 0px 0px; font-weight: bold; font-size: 15px;} .comment_form label{display: block; width: 500px; margin-bottom: 10px;} .comment_form label input.comment, .comment_form label textarea.comment{margin: 0px; padding: 7px 8px 7px 8px; border: 1px solid #fff; background: #e7f1f2 url(images/layout/comment_form_bg.jpg) 0px 0px repeat-x; font-size: 12px;} .comment_form label input.comment{width: 236px; } .comment_form label textarea.comment{width: 305px; height: 170px;} .comment_form .contact_button{clear: both; position: relative;} /*-------------------------------------------------------------------------------------------*/ /*- GALLERY IMAGE ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.gallery_list{list-style: none; margin: 0px; padding: 0px;} li.gallery_image{float: left; width: 202px; height: 132px; margin: 0px 0px 20px; padding: 30px 0px 0px; background: url(images/layout/gallery-image-bg.png) no-repeat;} li.gallery_image a{display: block; width: 150px; height: 100px; margin: auto; overflow: hidden; text-align: center; position: relative;} li.gallery_image a img{position: absolute; z-index: 1; left: 0px;} span.gallery_name{position: absolute; bottom: 0px; left: 0px; text-align: center; z-index: 2; background: #000; color: #ccc; width: 150px; display: block; font-size: 11px; padding: 5px 0px;} li.gallery_image a:hover, li.gallery_image a:hover span.gallery_name{color: #fff; text-decoration: none;} li.middle_image{margin: 0px 20px;} /*-------------------------------------------------------------------------------------------*/ /*- RIGHT BAR ITEMS -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*- 125 x 125 ADVERTS -------------------------------------------------------*/ .advert{float: left; height: 129px; width: 129px; overflow: hidden; margin: 0px 2px 10px 0px; background: url(images/layout/advert_bg.png) center no-repeat;} .advert a{position: relative; top: 2px; left: 2px; height: 125px; width: 125px; overflow: hidden; display: block; } .advert_right a{margin: 0px 0px 10px; height: 125px; width: 125px; overflow: hidden;} /*- SEARCH BOX --------------------------------------------------------------*/ .search_flag{clear: both; height: 73px; width: 300px; margin: 10px 0px 0px 0px; padding: 0px; position: relative; right: 20px; background: url(images/layout/search_bg.png) bottom no-repeat;} form.search_form input.search{float: left; width: 176px; margin: 11px 10px 0px 11px; padding: 6px 5px 5px; background: #fff url(images/layout/form_bg.jpg) top repeat-x; border: 1px solid #fff;} form.search_form input.search_button{float: left; width: 80px; margin: 11px 0px 0px; padding: 0px;} /*- FLICKR ------------------------------------------------------------------*/ #flickr_badge_wrapper{margin: 0px; padding: 0px; list-style: none;} #flickr_badge_wrapper .flickr_badge_image{float: left; height: 85px; width: 85px; margin: 0px 0px 10px 0px; overflow: hidden; text-align: center; background: url(images/layout/flickr_bg.png) 0px 0px no-repeat;} #flickr_badge_wrapper .flickr_badge_image img{margin: 5px 0px 0px 0px;} /*- TWITTER -----------------------------------------------------------------*/ ul#twitter_update_list li{line-height: 23px; color: #CCCCCC;} ul#twitter_update_list li a{color: #CCCCCC; display: inline;} ul#twitter_update_list li a:hover{color: #CCCCCC; display: inline;} /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #footer_container{clear:both; padding: 1px 0px 1px; background: #333 url(images/layout/footer_bg.jpg) 0px 0px repeat-x;} .footer{min-height: 306px; width: 960px; margin: 40px auto 0px; padding: 30px 10px 0px;} .footer h2{color: #fff;} .footer p{color: #999;} .footer a{color: #ccc; font-weight: lighter;} .footer a:hover{color: #fff; text-decoration: none;} /*- FOOTER LEFT COLUMN ---------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .footer .left_column_footer{float: left; width: 640px;} ul.social{margin: 0px; padding: 0px; list-style: none;} ul.social li{margin-bottom: 10px; line-height: 23px;} ul.social li a{display: block; width: 240px; text-indent: 24px;} /*- ------------------------------*/ /*- SOCIAL ICONS -----------------*/ a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.lastfm, a.youtube, a.feed{background: url(images/icons/sprite.gif) no-repeat; overflow: hidden;} a.twitter{background-position: 0px -630px;} a.facebook{background-position: 0px -108px;} a.flickr{background-position: 0px -182px;} a.friendfeed{background-position: 0px -220px;} a.delicious{background-position: 0px -33px;} a.digg{background-position: 0px -70px;} a.lastfm{background-position: 0px -369px;} a.youtube{background-position: 0px -780px;} a.feed{background-position: 0px -145px;} /*- FOOTER RIGHT COLUMN --------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .footer .right_column_footer{float: left; width: 280px; margin-left: 40px;} input.contact, textarea.contact, select.contact{width: 250px; margin-bottom: 10px; padding: 7px 5px; border: 1px solid #fff; background: #fff url(images/layout/form_bg.jpg) top repeat-x;} textarea.contact{height: 150px; width: 280px;} input.contact_button{padding: 0px;} .footer .copy{clear: both; padding: 50px 10px 20px; text-align: center; background: url(images/layout/gina_menu.png) center top no-repeat;} .footer .copy p{color: #555; font-size: 12px;} .footer .copy a{color: #777; font-weight: lighter;} .footer .copy a:hover{color: #fff;} /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;} .clearfix{display: inline-block;} * html .clearfix{height: 1%;} .clearfix{display: block;}