/* custom.css ? custom styles for any WordPress theme that YOU define ------------------------------------------------------------------ This stylesheet will allow you to futureproof your CSS changes against future releases and upgrades on ANY WordPress theme. I know you work hard on your modified styles, and I don't want you to feel like every theme upgrade is a total drag! Also, if you're a designer who makes use of GPL themes in your work, you'll find this incredibly handy! You can come up with a set of core modifications for any WordPress theme, and by isolating these mods in a separate stylesheet, you'll be better able to track the changes that you make and their associated effects. Best of all, when the theme's designer releases a new version, you won't have to go back through and make all your changes anew. Plus, this is *definitely* the smartest way to scale out sites if you find yourself using one or two theme frameworks consistently. Instructions: Modifying existing theme styles to your liking is a breeze with this handy stylesheet. In order to turn on the CSS styles that you define here, you'll need to append the tag (usually found within the header.php file) with a CSS class called "custom". Thanks to this, you now have the ability to override ANY style that's declared in the theme's original stylesheet. In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here. Prefix the new CSS declaration with .custom, and then make your tweaks as necessary. Here's an example: To change the default color of the tag (let's say you want to make them a cherry red [#c00]) and to remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Oh, but remember, none of these changes will work unless you call custom.css from wihtin your header file! Cool? Now get to hackin! *************** INSTRUCTIONS *********************** Modify your theme’s header.php file Open up your desired theme’s header.php file and insert the following code between the tags: Next, while still inside the header.php file, locate the tag and append it with a CSS class called custom. Once you’ve done that, your resulting tag should look something like this: After that, save the header.php file and upload it to your server. */ @import url("css/buttons.css"); @import url("css/social-markting-plugin.css"); @import url("css/horizontal-rules.css"); /* =GRAVITY FORMS OVERIDE ------------------------------------ */ /* The whole Form */ body .gform_wrapper { color:#444; max-width:560px; border:none;} /* Removes margin on list items set from UL */ body #post .gform_wrapper ul { margin:0; } /* FORM TITLE body .gform_wrapper .gform_heading .gform_title {font-weight:bold; font-size:24px;color:#2b4d91;margin:0 0 6px 0;width:98%;} */ /* body .gform_wrapper h3 {font-weight:bold; font-size:24px;color:#2b4d91;margin:0 0 6px 0;width:98%;} */ body .gform_wrapper .gform_heading .gform_title { font-weight:bold; font-size:15px; color:#FFF; margin:0 0 6px 0; text-align: center; background-color: #333; padding: 10px 0; } /* Reduces description text size */ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {font-size:90%;} /* Label Color*/ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { color: #2b4d91;} /* Makes Required Asterix RED body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color:#C00;} */ /* Adds top margin to Form Sections/Dividers body .gform_wrapper li.gsection {margin-top:25px;} */ /* individual list items containing each form element body .gform_wrapper .gform_body .gform_fields .gfield {margin-top:10px !important;} */ /* Positions the list to align with the Radio and Checkbox inuts */ body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label { display:block; margin:0px 0px 0px 0px; padding-left: 20px; width:auto; line-height:1.3; vertical-align: top; } /* Adds Border to form fields */ body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea { border:1px solid #b1b3b6; } body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield textarea { font-size:13px; color: #333; padding-left: 5px; } /* TEXT Field */ body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] { height: 25px; } /* SELECT FIELD */ /* Pads the drop down menu items */ body .gform_wrapper .gform_body .gform_fields .gfield select {font-size: 100%;} /* Pads the drop down menu items */ body .gform_wrapper .gform_body .gform_fields .gfield select option {padding: 2px 0px 2px 10px; font-size: 90% } body .gform_wrapper .gform_footer input[type=submit] { color: #FFF; background-color: #77af02; font-size: 1em; text-transform: uppercase; letter-spacing: 0px; text-align: center; width: auto; padding: 10px 20px; margin: 0px 0 20px 0; } body .gform_wrapper .gform_footer input[type=submit]:hover { color: #FFF; background-color: #053e5f; } /* REMOVES INHERITED BULLETS FROM LIST */ body .gform_wrapper ul, body .gform_wrapper li, body .gform_wrapper form li, body .gform_wrapper form ul li { list-style-type:none!important; list-style-image:none!important; background-image:none!important } .form_donation { margin: 15px 0; padding:15px; border: 2px solid #CCC; background: url(images/bg-stripes.png) repeat; } body .gform_wrapper #gform_wrapper_3 .gform_heading .gform_title { color:#333; font-weight:bold; font-size:15px; text-align: left; margin:0 0 6px 0; padding: 0 !important; background-color: none !important; } #gform_wrapper_3 ul#gform_fields_3 li { margin: 0 0 0 0px; padding:0; } p.note { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; } p.alert { background: #ffffcd; border: 1px solid #e5e597; padding: 10px; } p.center { text-align: center !important; } /* =WP STANDARD IMAGE CLASS STYLING -- Uploading with MEDIA via Admin ----------------------------------------------------------------------------------------------------*/ .alignright, img.alignright { float:right; display: inline; margin: 0px 0px 20px 20px; overflow: hidden; /* Expanding box issue. Floats w/ set widths sitting next to each other, If image or long text string is longer than width, layout breaks in IE6 */ } .alignleft, img.alignleft { float:left; display: inline; margin: 0px 20px 20px 0px; overflow: hidden; /* Expanding box issue. Floats w/ set widths sitting next to each other, If image or long text string is longer than width, layout breaks in IE6 */ } .aligncenter, img.aligncenter { clear: both; display: block; margin-top: 0px; margin-right: auto; margin-bottom: 1em; margin-left: auto; max-width: 550px; } /*---:[ image captioning ]:---*/ .wp-caption { border-style: solid; border-color: #efeded; background-color: #f8f8f8; text-align: center; } .wp-caption.alignleft { float: left; } .wp-caption.alignright { float: right; } .wp-caption.aligncenter { margin-right:auto; margin-left:auto; float:none; margin-bottom:1em; clear:both; } .wp-caption.alignnone { clear: both; } .wp-caption-text { color: #333; font-size: .8em; line-height: 1em; text-align: center; margin: 0; padding: 10px 20px 10px 20px; } .wp-caption-text p { /* Override global P style text-align left */ text-align: center; line-height: 1em; } /* Prevent images from being too large */ #post img { max-width: 550px; /* Adjust this value according to your content area size*/ height: auto; } .red { color: #9F1D20; } /*JUITTER PLUGIN CSS*/ #juitterContainer{} /*Juitter container*/ #juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */ /* Bellow the list of tweets "

" */ #juitterContainer .twittLI{list-style:none;background:#FFF;margin:0 0 10px 0;padding:5px 0 10px 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} #juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */ /* Bellow the CSS for the avatar image */ #juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;} #juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/ #juitterContainer .extLink{} /*CSS for the external links*/ #juitterContainer .hashLink{} /*CSS for the hash links*/ /*end of Juitter CSS*/ #content #juitterContainer li { margin:0 0 15px 0; padding:0; background-color: #f6f6e8; font-size" 1.6em;" } #embedarticlewidget { float:right; width:110px; height:16px; margin: 0; } #addthis { float:right; float:none; width:auto; height:16px; margin: 0 10px 0 0; margin: 0 0 5px 0; padding: 0 0 10px 0; } #addthis a { color: #ccced3; color: #e25b25; font-size: .8em; line-height: 18px; } #addthis a:hover { color: #e25b25; color: #333; } #fblike { float:right; width:50px; height:21px; overflow:hidden; margin:0 10px 0 0; } /* LINE 192 */ .main { width: 510px; } .main { width: 551px; padding: 10px 25px; } /* GALLERY CAPTIONS */ .main .ngg-gallery-thumbnail span { font-size: 10px; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } .highlitebox { margin: 15px 0 20px 0; background: #fcffea; padding: 6px 0 6px 10px; color: #000; font-size: .9em; } /* LINE 86 */ #wrapper { width: 848px; width: 940px; /* overflow: auto; */ _height: 1%; /* Triggers “haslayout” in Internet Explorer, by using the underscore trick to target IE6 directly. */ margin:0 auto; } #topad { width: 728px; margin:10px auto 0px auto; } /* NEW TOP NAVIGATION AND SEARCH BOX */ #TopMenu { height: auto; width: 940px; margin: 0 auto; overflow: hidden; background-color: #9F1D20; } #TopSearch { float: right; width: 210px; } #searchform { padding: 6px 0; margin: 0 0 0 0; } #searchform input.formtext { font-size: 11px; float: left; width: 150px; padding: 0; border: 0; margin: 0 6px 0 0; height: 19px; background-color: #FFF; } #searchform input.formsubmit { color: #333; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; width: auto; padding: 2px 5px; margin: 0; border: 1px solid #333; background-color: #FFF; } #searchform input.formsubmit:hover { color: #FFF; background-color: #2b1c01; } #TopNav { margin: 0; padding: 0; position: relative; top: 8px; left: 0px; width: 680px; } #TopNav ul { padding: 2px 0px; margin: 0px; font-size: 0px;} #TopNav li { padding: 2px 8px; margin: 0px 0px 0px 0px; list-style-type: none; display: inline; font-weight: bold; font-size: 10px; border-right: dotted 1px #FFF; } #TopNav li a { color:#FFF;} #TopNav li a:visited { color:#fff;} #TopNav li a:hover { color:#fff;} /* LINE 109 */ #banner { width: 848px; width: 940px; clear: both; background:#000; } /* Search form in post */ #searchform-post { padding: 0; margin: 10px 0 0 0; } #searchform-post legend { font-weight: bold; } #searchform-post input.formtext { font-size: 11px; width: 250px; padding: 0; border: 1px solid #DCDCDC; margin: 0 6px 0 10px; height: 20px; background-color: #FFF; } #searchform-post input.formsubmit { color: #333; font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; width: auto; padding: 2px 5px; margin: 0; background-color: #DCDCDC; } #searchform-post input.formsubmit:hover { color: #FFF; background-color: #2b1c01; } #contentblock { width: 847px; width: 939px; background-image: url(images/bg_blog.gif); background-color: #FFF; } .clear { clear: both; height: 1px; margin: 0; padding: 0; } #adsense-top { float:left; width:300px; margin: 15px 10px 0 0; } #adsense-top-468 { width:468px; margin: 15px 80px 15px 0px; } /* NEW CODE -- REPLACES POST HEADING WITH H1 TAG */ .main h1 { margin: 15px 0 3px 0; font-size: 1.6em; color: #9F1D20; } .main h1 a:link, .main h1 a:visited { text-decoration: none; color: #9F1D20; } .main h1 a:hover, .main h1 a:active { text-decoration: none; color: #457BCC; } /* LINE 242 */ .main h2.breadcrumb { font-size: 1.0em; color: #9F1D20; } #side h2.widget-title { color: #FFF; font-weight: bold; text-align: center; margin: 15px 0; padding:5px 0; background-color: #4d4342; } /********************************************* META *********************************************/ .meta { margin: 5px 0 0 0; padding-top: 0; border-top: none; } .meta-top { color: #777; font-size: 80%; margin: 0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px dotted #CCC; } .meta-bottom { font-size: 80%; margin: 5px 0 0px 0; padding: 0; /* border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; */ } .meta a:link, .meta a:visited, .meta-bottom a:link, .meta-bottom a:visited { text-decoration: none; color: #C00; font-weight: normal; } .meta span.subscribe a, .meta-bottom span.subscribe a { color: #457BCC; } .meta a:hover, .meta a:active, .meta-bottom a:hover, .meta-bottom a:active { text-decoration: none; color: #457BCC !important; } .tags a { color: #C00; } p.techno { color: #C00; } p.techno a { font-size: 80%; color: #C00; } #banner-ads { margin:5px 0 20px 0; padding: 15px 0 5px 15px; height: auto; border-left: 10px solid #C00; background-color: #f0f0f0; } /* LINE 151 */ #announce { color: #333; font-size: 13px; line-height: 18px; font-family: Trebuchet, Arial, Helvetica, sans-serif !important; font-style: normal; text-align: left; padding: 0 0 15px 0; margin-bottom: 20px; background-color: #FFF; border-bottom: 1px dashed #777; } /* LINE 214 */ .main a:link, a:visited { color: #9F1D20; font-weight: bold; } .main p.backtotop { font-size: 13px; color: #666; margin: 0; padding:0; } .main p.backtotop a:link { color: #666; } .main p.backtotop a:hover { color: #9F1D20; } /* LINE 277 */ .main h3 { font-weight: bold; margin: 15px 0 0 0; } .main ul { margin: 10px 0 0 20px; padding: 0; } .main ul ul { margin: 0 0 0 20px; } .main ul li { text-align: left; list-style-image: url(images/icn-greencheck.gif); margin: 0; } .main ul li a:link, .main ul li a:visited { color: #039; text-align: left; text-decoration: none; } .main ul li a:hover { text-decoration: none; } .main ol { padding: 0; margin: 0 0 0 10px; } .main ol li { list-style-type: decimal; margin: 0 0 0.6em 15px; padding: 0; } .main ol ol { margin: 0 0 0 15px; } .main ol ol li { list-style-type: lower-alpha; } .main ol ol ol { margin: 0 0 0 30px; } .main ol ol ol li { list-style-type: lower-roman; } /********************************************* YouTube Videos *********************************************/ .youtubevideo { margin-top: 15px;; } .comment_area form input, .comment_area form textarea, .comment_area form select { color: #333; font-family: arial, helvetica, verdana, sans-serif; font-size: 1.2em; line-height: 1.3em; border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; } .comment_area ol li { list-style-type: none; margin: 0; } /********************************************* SIDEBAR *********************************************/ #side { width: 208px; width: 300px; float: left; } #side { padding: 15px 15px 15px 20px; } #side #tagcloud { margin: 0 0 15px 0; } #side #tagcloud a { color: #9F1D20; font-size: 80%; } #side #tagcloud a:hover { color: #457BCC; } #side #fq { font-size: 12px; color: #EEE; margin: 0px 0px 15px 0px; padding: 3px 10px 10px 10px; background-color: #EEE; border: 1px solid #666666; } #side #fq a { color: #9F1D20; font-size: 12px; text-decoration: dotted; font-weight: bold; margin: 0; padding: 0; } #side #fq a:hover { text-decoration:none; color: #333; } /* LINE 787 */ #foot { width: 848px; width: 940px; padding: 8px 0; margin: 0; border-top: 15px solid #660000; } /********************************************* Tabber Nav *********************************************/ #tab { margin: 0 0 10px 0;} .tabberlive .tabbertabhide { display:none; } .tabber { } .tabberlive { } #side ul.tabbernav { background-color: #FFF; padding: 0; border-top: 0;} #side ul.tabbernav li { display: inline; margin: 0; border: 0;} #side ul.tabbernav li a { display: inline; height:26px; line-height:26px; padding: 6px; margin: 0 2px 0 0; background-color: #FFF; color:#4d4342; font-weight:bold; border-top: 1px solid #777; border-right: 1px solid #777; border-left: 1px solid #777; } #side ul.tabbernav li a.last {margin:0 0 0 0; } #side ul.tabbernav li a:link {color:#9F1D20; } #side ul.tabbernav li a:visited {color:#9F1D20; } #side ul.tabbernav li a:hover { color: #FFF; background: #4d4342; } #side ul.tabbernav li.tabberactive a { color:#FFF; background-color: #4d4342; border-bottom: 0; } #side ul.tabbernav li.tabberactive a:hover { color: #FFF; background-color: #9F1D20; } /* Main content area of links*/ .tabberlive .tabbertab { padding:0; background:#FFF; } #side .tabberlive .tabbertab h2 { display:none; margin: 0;} #side .tabberlive .tabbertab h3 { display:none; } #side .tabbertab p { padding-bottom:10px;} #side .tabbertab ul { padding: 0;} #side .tabbertab ul li { padding:0; } #side .tabbertab ul li { border-bottom:1px solid #777;} #side .tabbertab ul li a { border:none;} /* #side ul#topicdropdown { height:30px; line-height:30px; border: 1px solid #EEE; margin-bottom: 15px; background-color: #fffee4; } */ #side select#selecttopic { height: 30px; border: 1px solid #EEE; color: #353432; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 1.2em; line-height: 1.5em; width: 98%; margin: 5px 0 15px 0; padding: 6px 3px 3px 7px; /* border-top: 1px dashed #ccc; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; */ vertical-align: middle; } #side select#selecttopic option { padding: 2px 0 2px 10px; } #side select#selecttopic:focus { border: none; } #side select#cat { height: 30px; border: 1px solid #EEE; color: #353432; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 1.2em; line-height: 1.5em; width: 98%; margin: 5px 0 0 0; padding: 6px 3px 3px 7px; /* border-top: 1px dashed #ccc; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; */ vertical-align: middle; } #side select#cat option { padding: 2px 0 2px 10px; } #side select#cat:focus { border: none; } /********************************************* Shopping Cart *********************************************/ #side #viewcart a { color: #fff; font-weight: bold; width: 100%; padding: 5px 0; margin: 10px 0; text-align: center; display: block; text-decoration: none; background-color: #9f1d20; border-bottom: 3px solid #bababa; } #side #viewcart a:hover { color: #FFF; background-color: #9F1D20; border-bottom: 3px solid #FFF; } /* Site Search Highlite */ strong.search-excerpt { background: yellow; } hr { display: none; } div.hr { height: 1px; margin: 20px 0; background-image: url(images/dotted-line-h.gif); background-position: left top; background-repeat: repeat-x; } .chitika { margin-bottom: 10px; } /********************************************* Breadcrumb Nav *********************************************/ /* STORE PAGES */ p.bcrumb { color:#666; font-size: 10px; text-decoration: none; margin: -5px 0 0 0; } p.bcrumb a { color:#666; font-size: 10px; text-decoration: none; } p.bcrumb a:hover { color: #000; text-decoration: none; } /********************************************* NEW Breadcrumb *********************************************/ #breadcrumb { padding: 0px 0px 5px 0px; } #breadcrumb, #breadcrumb a { color: #999; font-size: 11px; text-decoration: none; } #breadcrumb a:hover { color: #333; text-decoration: underline; } /********************************************* Related Posts *********************************************/ .related { border: 4px solid #cbdfff; padding: 0px 15px 0 15px; margin: 15px 0 15px 0; } .related { border: none; padding: 0px; margin: 15px 0 15px 0; } /********************************************* Share Links Styles *********************************************/ #share { display: block; float: right; width: 160px; margin: 20px 0px 20px 0px; padding: 10px 10px 10px 20px; font-size: 11px; border-top: 1px solid #CCC; text-transform: uppercase; display: inline; } #share a { color: #AAA; text-decoration: none; } #share a:hover { color: #333; text-decoration: none; } #share ul { margin: 0px; padding: 0px; list-style-type: none; } #share ul li { margin: 0px; padding: 0px 0px 0px 20px; border-bottom: 1px solid #EEE; line-height: 24px; } .main #share ul li { list-style-image: none; } #share ul li.print { background: url(images/share/print.gif) left 50% no-repeat; } #share ul li.comments { background: url(images/share/comments.png) left 50% no-repeat; } #share ul li.stumble { background: url(images/share/stumble.png) left 50% no-repeat; } #share ul li.digg { background: url(images/share/digg.gif) left 50% no-repeat; } #share ul li.delicious { background: url(images/share/delicious.gif) left 50% no-repeat; } #share ul li.facebook { background: url(images/share/facebook.gif) left 50% no-repeat; border: none; } /********************************************* Share Links Styles // POST BOTTOM *********************************************/ .sharebtm { clear:both; position:relative; border-top:1px solid #cbdfff; padding:10px; margin:15px 0 10px 0; font-size:12px; -webkit-text-size-adjust:none; } .sharebtm p { padding:0; margin:0; margin:0 0 0 10px; } .sharebtm strong { background-color: #FFF; } .sharebtm p.what { /* Whats This Text */ position:absolute; top:0px; right:5px; padding:10px; font-size:12px; } .sharebtm ul { text-align:left; list-style:none; margin:6px 0 0 10px; padding:0; } .sharebtm ul li { text-align:center; display:inline; padding:0 12px 2px 0; margin-right: 4px; } .sharebtm ul li.delicious { background: url(images/share/delicious.gif) no-repeat 0 0; } .sharebtm ul li.digg { background: url(images/share/digg.png) no-repeat 0 0; } .sharebtm ul li.reddit { padding:0 0 0 2px; margin-right: 12px; background: url(images/share/reddit.gif) no-repeat 0 0; } .sharebtm ul li.facebook { background: url(images/share/facebook.gif) no-repeat 0 0; } .sharebtm ul li.stumbleupon { background: url(images/share/stumble.png) no-repeat 0 0; } .sharebtm ul li.twitter { background: url(images/share/tweet-this.png) no-repeat 0 0; } .sharebtm ul li.technorati { background: url(images/share/technorati.png) no-repeat 0 0; } .sharebtm ul li.feed { background: url(images/share/rss-feed.png) no-repeat 0 0; } .sharebtm ul li a { padding:0 0 0 18px; margin:0 3px 0 0px; } /* =POPUP LINKS ------------------------------------ */ .external { background: transparent url('images/icn-extlink.gif') no-repeat right center; padding-right: 13px; } .popup { background: transparent url('images/icn-poplink.gif') no-repeat right center; padding-right: 14px; } /* =FQUICK - SIDEBAR ------------------------------------ */ #fq { margin: -5px 0px 15px 0px; padding: 0px; } #fq p { font-size: 11px !important; } #fq p.fquick-link a { font-weight: bold; color: #C30; } #fq p.fquick-link a:hover { text-decoration:none; color: #333; } #fq p.fquick-desc { margin: -10px 0 0 0; padding: 0px; } /********************************************* FQUICK - SIDEBAR *********************************************/ #fq { font-size: 11px; color: #EEE; margin: -5px 0px 15px 0px; padding: 2px 10px 10px 10px; background-color: #EEE; border: 1px solid #666666; } #fq a { color: #C30; font-size: 12px; text-decoration: dotted; font-weight: bold; margin: 0; padding: 0; } #fq a:hover { text-decoration:none; color: #333; } #fq p { font-size: 12px; color: #333; } #fq p.fquick-link a { font-size: 12px; text-decoration:underline; font-weight:bold; color: #C30; } #fq p.fquick-link a:hover { text-decoration:none; color: #333; } #fq p.fquick-desc { margin: -6px 0 0 0; padding: 0px; } /* =Share Links Styles // HEADER SPACE - ALL PAGES ----------------------------------------------------------------------------------------------------*/ /* social media buttons on post page */ ul.socialshare { width:550px; float:left; margin-bottom: 15px; } ul.socialshare { height:30px; padding:0 !important; margin: 0 0 0 0px; /* border:1px solid red; */ } ul.socialshare li { padding: 5px 9px 0 0; margin:0px; float:left; list-style:none !important; } ul.socialshare li #stumbleupon-button { width:74px; height: 18px; }