/* Theme Name: fscash2 Theme URI: http://www.freewpthemes.net/preview/radiance Description: Widget ready and tested on WP2.3 Version: 2.0 Author: Free WordPress Themes Author URI: http://www.freewpthemes.net/ */ * {margin: 0; padding: 0; } body {background:#cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#666666; background-image:url('images/pagebg3.gif'); background-repeat:repeat-x; background-position:top left;} h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif} h1 {font-size: 3em; color:#0099cc; text-align:center;} h2 {font-size: 2em; text-align:center;} h2.boxHeader{text-align:left;} h3 {font-size: 1.5em; color:#0099cc;} h4 {font-size: 1em; color:#666666;} p, ul, ol, DD {margin-bottom: 1em; line-height: 140%} p.small {font-size:10px;} ul, ol { margin-left: 3em} a {color: #00ccff; text-decoration: underline;} a:hover {text-decoration: none;} img.left {float: left; margin: 3px 20px 0 0; border: 3px solid #848C8F} img.right {float: right; margin: 3px 0 0 20px; border: 3px solid #848C8F} hr {display: none} /* Header */ #header {width: 990px; height: 120px; margin: 0 auto; } #page {margin-bottom:-1px; padding-bottom:12px } /* body div#page:before {content:"
"}/*error_docs only!! body div#page:after {content:"
"} */ #outer-frame{margin:0px auto; width:1020px;; overflow:hidden;clear:both;background: url('images/content-border.gif') repeat-y left top} #bottom-frame {margin:0 auto; width:1020px; overflow:visible; clear:both;background: url('images/content-border.gif') repeat-y left top} #logo {float: left; width: 990px; height: 120px; padding: 0px;background: url(../fastcashnew/images/topheader.png) no-repeat} #logo h1, #logo p {color: #FFFFFF} #logo h1 } #logo p {margin: 0; padding: 0 0 0 2px; line-height: normal} #logo a {text-decoration: none} div#homelogo a {display: block;text-indent: -5000em;text-decoration: none;float: left; /* Adjust this line to change the size and position of the clickable logo (hot spot) area */ margin: 0px 0px 0px -25px;height: 100px;width: 476px; /* End size adjustment line */} .button {padding: 3px 5px;border: none;font-size: 13px;border-width: 1px;border-style: solid;margin-top:5px;cursor:pointer} .button:hover {padding: 3px 5px;border: none;font-size: 13px;border-width: 1px;border-style: solid;border-color:#0099FF;color:#0099FF;margin-top:5px;cursor:pointer} /* Search */ #search {float: right; width: 200px; height: 80px} #search form {margin: 0; padding: 110px 0 0 0} #search fieldset {margin: 0; padding: 0; border: none} #search #s, #search #x {float: left; font: normal 1em Arial, Helvetica, sans-serif} #search #s {width: 108px; margin: 2px 6px 0 0} #search #x {} /* Menu */ #menu {margin: 0 auto; width: 990px} #menu ul {margin: 0; width: 990px; margin-bottom: 1em; padding-left: 0; float: left; font-weight: bold; border: 0px; background:#FFFFFF;} #menu li {display: inline; padding: 144px auto 10px auto; color: #FFFFFF} #menu a {float: left; color: #00ccff; font-weight:bold; padding: 10px 10px 10px 10px; margin: 5px 0px 0px 0px; text-decoration: underline; background: #FFFFFF;} #menu a:hover {color: #FFFFFF; background-color:#00ccff; background-image:none; padding: 10px 10px 10px 10px; margin: 5px 0px 0px 0px; text-decoration: none;} #menu .current_page_item a {background:url(../fastcashnew/images/fastcash.png) -180px -137px no-repeat } /* Top Ads */ #topads { margin: 0px auto; padding:5px 0px 0px 0px; width: 990px; height: 100px; background-color:#FFFFFF} #topadscenter {margin: 0 auto; width: 728px; height: 90px; text-align: center; } #adtop {margin-top:0px; width:770px; margin-left: auto; margin-right: auto} /* Wide Post */ .wide-surround {width: 990px; margin: 0 auto;background: #FFFFFF;} .wide-right {float: right; width: 227px; padding: 8px 0 0 0; margin:0px;background: #FFFFFF;} .wide-post {width: 730px; margin-left: 5px; margin-bottom:0px; overflow:visible;background: #FFFFFF;} .wide-post-full {width: 900px; margin-left: 30px; margin-right: 30px; min-height: 700px; background: #FFFFFF; } .wide-post .title {padding: 20px 30px 5px 30px; font-size: 3.5em; color:#0099cc; } .wide-post .title a {text-decoration: none; border-bottom: 1px solid #B4BBBE; color: #FFFFFF; } .wide-post .title a:hover {border: none; color: #356AA0;} .wide-post .entry {padding: 0 30px} .wide-post .links, .wide-post .meta {clear: both; margin: 0; padding: 10px; background: #FFFFFF; border-top: 1px solid #B4BBBE; font-size: .9em; } .wide-post .links a {text-decoration: none; color: #FFFFFF} .wide-post .links a:hover {color: #356AA0} .wide-post .links .date {padding-left: 20px; background:url(../fastcashnew/images/fastcash.png) -376px -300px no-repeat } .wide-post .links .author a {padding-left: 20px; background:url(../fastcashnew/images/fastcash.png) -376px -278px no-repeat } .wide-post .links .comments {padding-left: 20px; background:url(../fastcashnew/images/fastcash.png) -376px -256px no-repeat } .wide-post .links .feeds a {padding-left: 10px; background:url(../fastcashnew/images/fastcash.png) -376px -240px no-repeat } /* Login */ div.bb {padding:15px 0px 25px 0px; background:#fff url(http://faststudentcash.com/images/sign-up/images/01_06.jpg) left bottom no-repeat;position: relative } div.bt {width:217px; height:111px; background:#fff url(http://faststudentcash.com/images/sign-up/images/01_00.jpg) top left no-repeat;position: relative } div.bf {width:217px; height:200px; padding:0px 25px; overflow:visible; zoom:1; background:#fff url(http://faststudentcash.com/images/sign-up/images/01_04.jpg) repeat-y;position: relative} /* Topbanner */ .topbanner {width: 240px; background: #ffffff; margin-right: 5px; padding-right: 5px; float:right; padding: 30px 5px; } /* Comments */ #comments .title {margin: 0; padding-bottom: 10px; font-size: 1.3em} #commentlist {margin: 0; padding: 0; list-style: none; line-height: normal} #commentlist li {padding: 15px 10px; border-top: 1px solid #B4BBBE} #commentlist .meta {margin: 0; padding: 0; background: none; border: none; text-align: right; color: #999999} #commentlist .meta a {color: #999999} #commentlist .meta small {font-size: .9em} #commentlist .meta cite {font-style: normal} /* Respond */ #respond .title {margin: 0; padding-bottom: 10px;font-size: 1.3em} #respond p {margin: 0 0 5px 0; padding: 0; line-height: normal} #respond .userid {margin-top: -2.2em; margin-bottom: 2em; text-align: right; font-weight: bold} #comment {width: 600px} /* Archive Posts */ #posts {margin: 0; padding: 0; list-style: none; line-height: normal} #posts li {padding: 15px 10px; border-top: 1px solid #B4BBBE} #posts h2 {font-size: 1.3em} #posts h2 a {text-decoration: none; color: #FC3E1A} /* Navigation */ .navigation {clear: both; height: 18px; margin: 0; padding: 10px; background: #CDD4D7; border-top: 1px solid #B4BBBE; font-weight: bold} .alignleft {float: left} .alignright {float: right} /* Two Columns */ .two-columns {width: 500px; margin: 0 auto; padding: 20px 0} .two-columns .column-one {float: left; width: 370px} .two-columns .column-two {float: right; width: 370px} .two-columns .title {height: 28px; padding: 7px 0 0 10px; background: #DB8603 url(../fastcashnew/images/img12.gif) no-repeat; font-size: 1.4em; color: #FFFFFF} .two-columns .entry {background: url(../fastcashnew/images/img13.gif) repeat-x} /* Recent Boxes */ #recents {margin: 0; margin: 0; list-style: none; line-height: normal} /* Recent Posts */ #recent-posts {float: left; width: 370px} #recent-posts h2 {height: 28px; padding: 7px 0 0 10px; background: #DB8603 url(../fastcashnew/images/img12.gif) no-repeat; font-size: 1.4em; color: #FFFFFF} #recent-posts ul {margin: 0; padding: 20px; background: url(../fastcashnew/images/img13.gif) repeat-x; list-style: none} #recent-posts li {padding: 5px 15px; border-bottom: 1px solid #949EA4; background:url(../fastcashnew/images/fastcash.png) -376px -214px no-repeat } /* Recent Comments */ #recent-comments {float: right; width: 370px} #recent-comments h2 {height: 28px; padding: 7px 0 0 10px; font-size: 1.4em; color: #FFFFFF; background: #DB8603 url(../fastcashnew/images/fastcash.png) 0px -220px no-repeat } #recent-comments ul {padding: 20px; background: url(../fastcashnew/images/img13.gif) repeat-x; list-style: none} #recent-comments li {padding: 5px 15px 5px 17px; border-bottom: 1px solid #949EA4; background:url(../fastcashnew/images/fastcash.png) -376px -180px no-repeat } /* Submenu */ /* #submenu {clear: both; padding: 20px 0px 45px 0px; background:#FFFFFF url(../fastcashnew/images/img16.gif) repeat-x left bottom; color: #000000; margin: 0 auto; width: 990px} */ #submenu {clear: both; padding: 20px 0px 5px 0px; color: #000000; margin: 0px auto; width: 990px;background: #FFFFFF;} #submenu ul {width: 770px; margin: 0 auto; padding: 0; list-style: none; line-height: normal;} #submenu li {display: block; float: left; width: 180px; padding: 0 12px 0 0} #submenu li ul {width: auto; margin: 0} #submenu li li {display: list-item; float: none; width: auto; padding: 5px 0 5px 10px; border-bottom: 1px solid #000000; background:url(../fastcashnew/images/fastcash.png) -376px -160px no-repeat } #submenu h2 {margin: 0 0 5px 0; border-bottom: 2px solid #424546; font-size: 1.2em} #submenu a {text-decoration: none; color: #000000} #submenu a:hover {text-decoration: underline} /* Footer */ /* #footer {padding: 40px 0; margin: 0 auto; width: 990px; background: #000000 url(../fastcashnew/images/img18.gif) repeat-x} */ #footer {padding: 90px 0 45px 0; margin: 0px auto; width: 990px; background: #336699 url(../fastcashnew/images/img16B.gif) 0px 0px repeat-x} #footer p {text-align: center; font-size: smaller; color: #FFFFFF} #footer a {color: #FFFFFF} .middlefooter {clear: both; padding: 20px 0; background:#FFFFFF; color: #A9B6BB; margin: 0 auto; width: 990px} /*Newsletter */ div.newsletter {width:500px; text-align: center; margin: 0 auto; padding-top:5px; padding-bottom:5px; background-image:url(../fastcashnew/images/rounded2-back.gif);} /*Sign UpLogin*/ .translate {width: 200px; text-align: right; padding-bottom:5px} .trust {position: absolute; left: 50%; top: 30px; width: 300px; height:70px; padding-left:70px; no-repeat 20px -140px } #signup ul {position:absolute; top:0; right:-115px; width:200px; } #signup ul li {list-style-type: none; text-align: right; font-weight: bold; color:#999999; display: block; clear: both; z-index: 998} #signup ul li a {font-size: 16px; color: #444} #signup ul li.actions a {color:#ffffff; padding-right: 12px; position: relative; padding-top: 20px; left: 10px; display: inline; background:url(../fastcashnew/images/fastcash.png) 28px -102px no-repeat } #signup a:hover {text-decoration: underline} #signup ul li.loggedin {font-size: 18px; color: #fff} #signup ul li.loggedin strong {font-size: 18px; color: #86c15e; text-decoration: none; font-weight: bold} #signup ul li.loggedin a.admin {color: #35b7e7; padding-right: 19px} #signup ul li.login {font-size: 10px} #signup ul li.login a {font-size: 12px; color:#ffffff} #signup ul li a:hover{text-decoration: underline; } #signup ul li small {position: absolute; top: -12px; right: 0; font-size: 9px; color: #999; font-weight: normal; font-style: normal} #signup ul strong a {color: #00b5ff} .boxHeader{background-color:#0099cc;color:#fff;font-weight:bold;padding:3px 6px;margin-bottom:10px;font-size:13px;} .boxContent{margin:5px} .boxContent .altRow{background-color:#FFFFFF} .box{border:0px solid #ccc;overflow:hidden;margin-right:14px} .box .name{font-size:1.2em;font-weight:bold} blockquote {font-style: italic; font-size: 100%; line-height: 150%; width: auto; padding: 10px 10px 10px 60px; margin: 15px 0; background:url(../fastcashnew/images/fastcash.png) 6px -320px no-repeat } blockquote p {padding: 0 30px 0 0; margin-top: 0} blockquote.b {color: #666; font-style: italic; font-size: 110%; line-height: 135%; width: auto; padding: 0px 0px 5px 15px; margin: 15px 0 15px 15px; background: none} #testimonials2Col blockquote:before,blockquote:after{color:#000000;display:block;font-size:3em;width:20px} #testimonials2Col blockquote:before{content:open-quote;height:16px;margin-left:-20px} #testimonials2Col blockquote:after{content:close-quote;height:10px;margin-top:-26px;margin-left:190px;margin-bottom:40px} #testimonials2Col blockquote{margin:0 14px} #testimonials2Col .name{font-size:1.2em;font-weight:bo} #registerform {font-size: 15px; width: 380px; padding: 3px; margin-right: 6px} #registerform form .submit input {font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; padding: 3px 5px; border: none; font-size: 13px; border-width: 1px; border-style: solid; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: default; text-decoration: none; margin-top: -6px} .boxHeader2{background-color:#000000;color:#fff;font-weight:bold;padding:3px 6px;margin-bottom:10px;font-size:13px;} input.aweber { font-size:12px; font-family:Verdana,sans-serif; font-weight:bold; cursor: pointer; cursor: hand; color:#888888; width:100px; background-color:#66FF00; border-style:solid; border-color:#00FF33; border-width:1px; margin:15px 5px 15px 0px ; padding:5px; } /* star rating code - use lists because its more semantic */ /* No javascript required */ /* all the stars are contained in one matrix to solve rollover problems with delay */ /* the background position is just shifted to reveal the correct image. */ /* the images are 16px by 16px and the background position will be shifted in negative 16px increments */ /* key: B=Blank : O=Orange : G = Green * / /*..... The Matrix ....... */ /* colours ....Background position */ /* B B B B B - (0 0)*/ /* G B B B B - (0 -16px)*/ /* G G B B B - (0 -32px)*/ /* G G G B B - (0 -48px)*/ /* G G G G B - (0 -64px)*/ /* G G G G G - (0 -80px)*/ /* O B B B B - (0 -96px)*/ /* O O B B B - (0 -112px)*/ /* O O O B B - (0 -128px)*/ /* O O O O B - (0 -144px)*/ /* O O O O O - (0 -160px)*/ /* the default rating is placed as a background image in the ul */ /* use the background position according to the table above to display the required images*/ .rating{width:80px; height:16px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:relative; background: url(http://faststudentcash.com/images/star-matrix.gif) no-repeat 0 0; } /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position:0 0} .onestar {background-position:0 -16px} .twostar {background-position:0 -32px} .threestar {background-position:0 -48px} .fourstar {background-position:0 -64px} .fivestar {background-position:0 -80px} ul.rating li {cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/float:left; /* end hide*/text-indent:-999em; } ul.rating li a {position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0} ul.rating li.two a {left:16px;} ul.rating li.three a {left:32px;} ul.rating li.four a {left:48px;} ul.rating li.five a {left:64px;} ul.rating li a:hover {z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(http://faststudentcash.com/images/star-matrix.gif) no-repeat 0 0} ul.rating li.one a:hover {background-position:0 -96px;} ul.rating li.two a:hover {background-position:0 -112px;} ul.rating li.three a:hover {background-position:0 -128px} ul.rating li.four a:hover {background-position:0 -144px} ul.rating li.five a:hover {background-position:0 -160px} /* end rating code */ .form-bg {background-color: #04224c; background-image: url(images/form_bg.gif); background-repeat: repeat-x; background-position: left top;} .txt-white {color: #FFFFFF} .li-v1 {list-style-type: none; padding-left: 22px; font-weight: bold; color: #18446A; padding-top: 4px; padding-bottom: 4px; font-size: 16px; background:url(../fastcashnew/images/fastcash.png) -376px -102px no-repeat ; } .li-v2 {list-style-type: none; padding-left: 22px; font-weight: bold; color: #0066CC; padding-bottom: 4px; padding-top: 4px; font-size: 15px; background:url(../fastcashnew/images/fastcash.png) -376px -132px no-repeat ; } .sp {border-top-width: 7px; border-top-style: solid; border-top-color: #EEEEEE; border-bottom-width: 3px; border-bottom-style: solid; margin:20px; border-bottom-color: #DFDFDF; } #competitionList { margin:-0.5em 0 2em; padding:0; float:left; } #competitionList div { margin:0; padding:0; float:left; width:700px;} #competitionList h3 { font-size: 1.3em; color: #000000; padding:0 0 0.2em 0; border-bottom:0px solid #0071bc; margin:0 0 0.25em 0; font-weight:bold; clear:none; float:none; text-transform: none; } #competitionList h4 { width:594px; float:left; clear:both; margin:0.25em 0; } #competitionList p { float:none; } #competitionList .date { font-size:1em; color:#999; } #competitionList img { float:left; width:185px; height:110px; margin:1em 1em 1em 1em; border:thin;} div.menubets a {color: #333333; background: #ffffff; text-decoration:none; font-size:15px; line-height:23px; font-family: Tahoma, verdana, sans-serif; padding: 2px 5px} div.menubets a:link {color: #333333; background: #cccc99} div.menubets a:active {color: #000000; background: #cccc99} div.menubets a:visited {color: #333333; background: #cccc99} div.menubets a:hover {color: #eeeeee; background: #333333; border:0px solid #000000} /* CSS Tables Betting Pages etc */ #rounded-corner{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 5px; width: 900px; text-align: left; border-collapse: collapse; } #rounded-corner thead th.rounded-company{background: #b9c9fe url('images/left.png') left -1px no-repeat; } #rounded-corner thead th.rounded-q4{background: #b9c9fe url('images/right.png') right -1px no-repeat; } #rounded-corner th{padding: 8px; font-weight: normal; font-size: 13px; color: #039; background: #b9c9fe; } #rounded-corner td{padding: 8px; background: #e8edff; border-top: 1px solid #fff; color: #669; } #rounded-corner tfoot td.rounded-foot-left{background: #e8edff url('images/botleft.png') left bottom no-repeat; } #rounded-corner tfoot td.rounded-foot-right{background: #e8edff url('images/botright.png') right bottom no-repeat; } #rounded-corner tbody tr:hover td{background: #d0dafd} #rounded-corner a {color:#FF0000;} #rounded-corner-small a {color:#FF0000;} /* CSS Tables Betting Pages SMALL */ #rounded-corner-small{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 5px; width: 400px; text-align: left; border-collapse: collapse; } #rounded-corner-small thead th.rounded-company{background: #b9c9fe url('images/left.png') left -1px no-repeat; } #rounded-corner-small thead th.rounded-q4{background: #b9c9fe url('images/right.png') right -1px no-repeat; } #rounded-corner-small th{padding: 8px; font-weight: normal; font-size: 13px; color: #039; background: #b9c9fe; } #rounded-corner-small td{padding: 8px; background: #e8edff; border-top: 1px solid #fff; color: #669; } #rounded-corner-small tfoot td.rounded-foot-left{background: #e8edff url('images/botleft.png') left bottom no-repeat; } #rounded-corner-small tfoot td.rounded-foot-right{background: #e8edff url('images/botright.png') right bottom no-repeat; } #rounded-corner-small tbody tr:hover td{background: #d0dafd} /* Tabbed Content */ .submit { border: 1px solid #000000; background-color: #FFFFFF; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; cursor: default; } #submitpad { padding: 5px; background-color: #ff0000; margin: 0px; border-width: 3px; border-color: #ff0000; border-spacing: 0; }ul#key-feat{ clear:left; background: #0d0d0d url(../fastcashnew/images/key-feat-bg.png) top left no-repeat; height: 55px; padding: 0 27px 0 0; } ul#key-feat li h3{ background: url(../fastcashnew/images/key-features.png) top left no-repeat; text-indent: -10000px; height: 56px; width: 128px; margin-left: 23px; float:left; } ul#key-feat li#buy-feat a{ float:right; display:block; width: 131px; height: 55px; background: url(../fastcashnew/images/key-feat-buy.png) top left no-repeat; text-indent: -10000px; } ul#key-feat li#buy-feat a:hover{ background: url(../fastcashnew/images/key-feat-buy.png) bottom left no-repeat; } ul#key-feat li#dl-feat a{ float:right; display:block; width: 169px; height: 55px; background: url(../fastcashnew/images/key-feat-dl.png) top left no-repeat; text-indent: -10000px; margin-right: -7px; } ul#key-feat li#dl-feat a:hover{ background: url(../fastcashnew/images/key-feat-dl.png) bottom left no-repeat; } ul#features { clear:both; margin-left: -12px; padding-top: 17px; padding-left: 21px; } ul#features li{ float:left; display:block; width: 300px; height: 79px; background: #1c1c1c; border: 1px solid #383838; margin: 0 0 14px 14px; } ul#features li h5{ font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight:bold; color: #ececec; margin-bottom: 5px; padding-left: 75px; margin-top:7px; text-shadow: #000 0px 1px 0px; } ul#features li p{ font-family: "Lucida Grande"; color: #d2d2d2; font-size: 11px; line-height: 15px; padding-left: 75px; padding-right: 5px; } ul#features li#automatic{ background: #1c1c1c url(../fastcashnew/images/clock.png) 5% 50% no-repeat; } ul#features li#seamless{ background: #1c1c1c url(../fastcashnew/images/browser.png) 5% 50% no-repeat; } ul#features li#distraction{ background: #1c1c1c url(../fastcashnew/images/speaker.png) 5% 50% no-repeat; } ul#features li#paid{ background: #1c1c1c url(../fastcashnew/images/lock-comp.png) 5% 50% no-repeat; } ul#features li#security{ background: #1c1c1c url(../fastcashnew/images/lock.png) 5% 50% no-repeat; } ul#features li#free{ background: #1c1c1c url(../fastcashnew/images/order-money.gif) 5% 50% no-repeat; } ul#features li#support{ background: #1c1c1c url(../fastcashnew/images/email.png) 5% 50% no-repeat; } ul#features li#computer{ background: #1c1c1c url(../fastcashnew/images/computer.png) 5% 50% no-repeat; } ul#features li#privacy{ background: #1c1c1c url(../fastcashnew/images/settings.png) 5% 50% no-repeat; } ul#features li#signup{ background: #1c1c1c url(../fastcashnew/images/sign-up.png) 5% 50% no-repeat; } ul#features li#newsletter{ background: #1c1c1c url(../fastcashnew/images/icon-newsletter.png) no-repeat 15px 18px; width: 740px; height: auto; padding: 10px; padding-left: 0px; } ul#features li#newsletter h5 { padding: 0; padding-left: 75px; } li#newsletter .left { width: 345px; float: left; position: relative; top: -5px; } li#newsletter .right { width: 344px; float: right; margin-left: 25px; background: #2f2f2f; border: 1px solid #383838; padding: 10px; margin-top: 7px; } input.email { width: 230px; height: 20px; font-size: 17px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #131313; padding-left: 3px; float:left; padding: 5px; } .email-button { position: relative; top: 1px; float: left; margin-left: 5px; }