/* Theme Name: 002 base Theme URI: http://www.llorella.net Description: Grey and whit layout with rounded modules(opt. for 1.000px width) Version: mget v0.02 Author: Fernando Llorella Author URI: http://www.formasolutions.com */ /* 4. Right > Content ----------------------------------------------------------------------------------------------------- */ .postcontent { width: 600px; margin-left: 0px; float:left !important; } .postcontent ol, #blog ul, #blog dl { padding:0 0 0 40px; margin:12px 0; } .postcontent dt { font-weight:bold; } .postcontent blockquote {margin: 10px 10px 0px 10px; padding: 5px 60px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; } .postcontent td { border-bottom: 1PX solid #CCCCCC; padding:1px 0; } .postcontent pre { background:#eee; padding:20px; } .postcontent hr { border: 0; background-color: #999999; height: 1px; margin: 10px 0 40px 0;} .post { padding: 0; margin: 0 0 20px 0; } .post h3 { padding: 0 0 5px 0; margin: 0; } .post p { padding: 0; margin: 0; } #postmeta { color:#666666; float:left; margin: 5px auto 30px auto; padding: 0; width: 540px; font-size: 11px; } #postmeta h4 {font-size: 11px; font-weight: bold; border-bottom: 1px solid #E5E5E5; margin: 0; padding: 0 0 5px 0; } #postmeta_l {float: left; width: 300px; border-right: 1px solid #EEEEEE; padding-right: 10px;} #postmeta_r {float: right; width: 219px; padding-left: 10px;} #postmeta .bookmarks_list { overflow:hidden; margin: 0px; padding: 0px; } #postmeta .bookmarks_list ul { margin: 0px; padding: 0px; } #postmeta .bookmarks_list li { list-style-image:none; list-style-position:outside;list-style-type:none; display:block;float:left;list-style:none;} #postmeta .bookmarks_list li a { display:block;overflow:hidden;padding:4px 4px 4px 4px; width: 90px;} #postmeta .bookmarks_list li img { border: 0px; padding-right: 5px; } #postmeta .meta-time {background: url(images/meta_date.gif) no-repeat 0 50%;padding-left: 12px;margin: 0 10px 0 1px;} #postmeta .meta-author a {background: url(images/meta_author.gif) no-repeat 0 50%;padding: 0 0 0 11px;margin: 0 10px 0 0;color: #339900;} #postmeta .meta-comments a {background: url(images/meta_comments.gif) no-repeat 0 50%;padding: 0 0 0 13px;margin: 0 10px 0 0;color: #339900;} #postmeta .meta-edit a {background: url(images/meta_date.gif) no-repeat 0 50%;padding: 0 0 0 13px;color: #339900;} /* Content > comment --------------------------------------------------- */ #comment { width: 100%; padding: 22px 0 22px 0; clear: both; font-size: 11px;} #comment h3 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-size: 14px; font-weight: normal; } #comment ul { margin: 0; padding: 0; } #comment div { margin: 0; padding: 0; } #comment li { margin: 0; padding: 0; } #comment h4 { margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-bottom: 1px solid #E5E5E5;} #comment form { margin: 0; padding: 0; } #comment ieldset { margin: 0; padding: 0; } #comment input { margin: 0; padding: 0; } #comment blockquote { margin: 0; padding: 0; } #comment table { margin: 0; padding: 0; } #comment th { margin: 0; padding: 0; } #comment td { margin: 0; padding: 0; } #comment a { font-weight: normal; color: #246;} #comment a:hover { border-bottom: 1px solid #bbb; color: #68a;} #comment a:active { color: #468;} #comment ul#comments { margin-left: 52px;} #comment ul#comments img.avatar { float: left; margin-left: -52px; margin-right: 12px; padding: 3px; border: 1px solid #ddd;} #comment form { margin-top: 10px;} #comment textarea { width: 530px;} #comment input { margin: 4px 0;} #comment .meta { font-size: 11px; margin: 0 0 1.5em 0; color: #666;} #comment p.meta { font-size: 11px;} #comment p { line-height: 16px; margin: .7em 0; } #comment ul li { overflow: visible; margin-bottom: 1.5em; border-bottom: 1px solid #ddd;} #comment ul { list-style: none; margin-top: 16px; margin-left: 70px;} /* 5. Modulos HomePage ----------------------------------------------------------------------------------------------------- */ #home {margin: 30px 0 0 0; } .columns a.info img { margin-bottom: -1px; } .columns h3 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-weight: normal; } .columns h3 a, #columns h3 a:link, #columns h3 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } .columns p {padding: 0; margin: 0 } .columns ol, #home1 ul { list-style: none } #postfecha h2 { position: relative; border-bottom: 1px solid #999999; color: #666; width: 630px; } #postfecha ol { margin: 1.5em 0; } #postfecha li { padding-left: 82px; margin-bottom: 1.5em; min-height: 1%; } #postfecha li .meta { font-size: 11px; color: #666; } #postfecha .links { background-position: 0 0; } #postfecha .time { display: inline; float: left; margin-left: -82px; font-size: 11px; line-height: 1.2727em; color: #666; } #postfecha .more { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; } * html #postfecha { height: 1%; } * html #postfecha ol { height: 1%; } * html #postfecha li { height: 1%; } #postfecha-promotion p { margin: 1em 0; } #postfecha-promotion .favorite { padding-left: 20px; background: url("../images/buttons/fave.png") no-repeat 0 0; font-weight: bold; } .modulo12 { float: left; width: 650px; color:#222222; margin-bottom: 10px; } .modulo22 { float: right; width: 360px; color:#222222; margin-bottom: 10px; } .homecolumns { float:left; width: 1050px; font-size: 11px; margin: 20px 0;} .column1 { float:left; margin:0 14px 0 0; padding:5px; width: 240px; } .column2 { float:left; margin:0 14px 0 0; padding:5px; width: 240px; } .column3 { float:left; margin:0 14px 0 0; padding:5px; width: 240px; } .column4 { float:left; margin:0 0 0 0; padding:5px; width: 240px; } /* 1. Layout ----------------------------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; border: 0; background: #F0F0F0; color: #333; font-size: 12px; font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif; } .wrapper { width: 1000px; clear: both; margin: 0 auto; padding: 0; } .columns { float:left; margin: 0; padding: 0; background-color: #FFFFFF; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -x-system-font:none } .boxleft { float:left; margin-bottom: 18px; } .boxright { float:right; margin-bottom: 18px; } .spacer { clear: both; padding: 10px; } .contentwide { width: 360px; } .contentnarrow { width: 310px; } /* 2. General Styles ----------------------------------------------------------------------------------------------------- */ h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 14px; } h4 { font-size: 12px; } a:link { color: #3b5998; text-decoration: none;} a:visited { color: #3b5998; text-decoration: none;} a:hover { color: #3b5998; text-decoration: underline;} img.alignleft, div.alignleft { float:left; border: 1px solid #e5e5e5; margin: 0 5px 5px 0; } img.alignright, div.alignright { float:right; border: 1px solid #e5e5e5; margin :0 0 5px 5px; } img.aligncenter, div.aligncenter { padding: 10px; border: 1px solid #e5e5e5; background: #FDFDFD; margin: 0 auto; text-align: center; } .thumbnail { border:2px solid #E5E5E5; padding:0; } /* header ----------------------------------------------------------------------------------------------------- */ #header {clear: both; padding: 5px 0 0 0; height: 65px; background-color: #FFFFFF; } #header h1 { font-size: 100%; margin: 0; padding: 0; border: none; } #header h1#logo img { border: none; } /* footer ----------------------------------------------------------------------------------------------------- */ #footer { clear: both; margin: 20px 0 0 0; font-size: 10px; padding: 10px; } #footercontent { width: 1000px; margin: 0 auto;} #footerimg { padding: 4px 4px 4px 10px; vertical-align: middle; } #footer hr { border: 0; background-color: #e4e4e4; height: 1px; margin: 10px;} /* content ----------------------------------------------------------------------------------------------------- */ .content { float: left; width: 690px; padding: 10px; margin: 0 0 20px 0; background-color: #FFFFFF; } .content .title { border-bottom: 1px solid #BE1415; margin: 0 0 15px 0; } .content .titledate {display:block; float:right; line-height:18px; padding: 2px 0 0 0; margin: 0; font-size: 10px; color: #000000; } .content .titledate img {border: 0px;} .content hr { border: 0; background-color: #7A7A7A; height: 1px; margin: 10px 0 20px 0;} .content h2 { color:#000; font-size:18px; font-weight:normal; margin:0; padding: 2px 0; line-height: 18px; } .content h2 a, #right h2 a:link, #right h2 a:visited, #right h2 a:hover { color: #000; } .content h2 a, #right h1 a:link, #right h1 a:visited { text-decoration: none; color: #000000; } .content h3 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-weight: normal; } .content h3 a, #content h3 a:link, #content h3 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } .content p { margin: 0px; padding: 5px 0 10px 0;} /* content ----------------------------------------------------------------------------------------------------- */ .contentlist { float: right; width: 790px; padding: 10px; margin: 0 0 20px 0; background-color: #FFFFFF; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;} .contentlist .title { border-bottom: 1px solid #BE1415; margin: 0 0 15px 0; } .contentlist .titledate {display:block; float:right; line-height:18px; padding: 2px 0 0 0; margin: 0; font-size: 10px; color: #000000; } .contentlist .titledate img {border: 0px;} .contentlist hr { border: 0; background-color: #7A7A7A; height: 1px; margin: 10px 0 20px 0;} .contentlist h2 { color:#000; font-size:18px; font-weight:normal; margin:0; padding: 2px 0; line-height: 18px; } .contentlist h2 a, .contentlist h2 a:link, .contentlist h2 a:visited, .contentlist h2 a:hover { color: #000; } .contentlist h2 a, .contentlist h1 a:link, .contentlist h1 a:visited { text-decoration: none; color: #000000; } .contentlist h3 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-weight: normal; } .contentlist h3 a, #contentlist h3 a:link, #contentlist h3 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } .contentlist p { margin: 0px; padding: 5px 0 10px 0;} /* sidebar ----------------------------------------------------------------------------------------------------- */ .sidebar { float: left; width: 150px; padding: 10px; margin: 0 0 20px 0; background-color: #FFFFFF; font-size: 11px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;} .sidebar h4 { color:#000; font-size:14px; font-weight:normal; margin: 0 0 15px 0; padding: 2px 0; border-bottom: 1px solid #BE1415; line-height: 18px; } .sidebar p {padding: 5px 0 5px 0; text-align: center; } .sidebar ul {margin: 0 0 20px 0; padding: 0; } .sidebar li { margin: 0 0 10px 0; padding: 0; list-style: none; border-bottom: 1px solid #E9E9E9; width: 100%; } .sidebar li a { font-weight: normal; color: #3B5998; } .sidebar li a:hover { font-weight: normal; color: #3B5998; } /* mod. global search ----------------------------------------------------------------------------------------------------- */ #global-search {clear: both; margin: 0; padding: 0; *margin-top: 0; white-space: nowrap; text-align: right;} #global-search fieldset {margin: 0; padding: 0; border: none; } #global-search a { color: #069; font-size: 110%; margin-right: 4px; *vertical-align: 4px; } #global-search .hint { color: #000; } #global-search legend { display: none;} #global-search label {position: absolute; left: -12345px; } #global-search select {font-size: 130%; position: relative; *top: -1px; border: 1px solid #ccc; padding: 2px; } #global-search input.search-term {font-size: 130%; border: 2px solid #99cce6; width: 120px; padding: 2px 3px; *padding: 3px 4px 1px;} /* mod. headernav ----------------------------------------------------------------------------------------------------- */ #headernav { float: right; margin: 0; padding: 0; font-size: 14px; list-style-type: none; background-color: #fff; } #headernav li ul {display: none; list-style-type: none; position: absolute; left: 0; top: 23px; margin: 0; padding: 5px 0; z-index: 0;} #headernav li {float: left; font-weight: normal; margin: 0 20px 0 0; padding: 0; } #headernav li a { color: #000000; } #headernav li a img { border: 0px; padding-right: 5px; } #headernav li a.active { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background:#BE1415 none repeat scroll 0 0; padding: 10px; color: #FFF; } /* mod. headersubnav ----------------------------------------------------------------------------------------------------- */ #headersubnav { margin: 0 auto 10px auto; padding: 5px 0 5px 0; background-color: #BE1415; color: #555555; clear: both; height: 15px; } #headersubnav a:link { color: #000000; text-decoration: none; font-size: 13px; } #headersubnav a:visited { color: #000000; text-decoration: none; } #headersubnav a:hover { color: #000000; text-decoration: none; } #headersubnav ul { display: inline; margin: 0; padding: 0; } #headersubnav li { display: inline; margin: 0; padding: 0 5px 0 0; text-transform: lowercase;} /* mod. productlist ----------------------------------------------------------------------------------------------------- */ .productlist { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding: 0; } .productlist ul { margin:0px; padding:0px; } .productlist li { color:#666666; line-height:1.5em; padding: 0; height: 130px; margin: 0 0 20px 0; } .productlist h3 { color:#666666; font-size:14px; margin:0; padding:0; position:relative; } .productlist li .meta { margin: 20px 0 5px 0; color: #777; font-size: 11px; text-align: right; } .productlist .meta a { border-bottom:medium none; color:#B55C00; font-style:normal; text-decoration:none; } .productlist .meta a:hover { text-decoration:underline; } .productlist img { background:#FFFFFF none repeat scroll 0%; float:left; margin: 2px 15px 0 0; border: 0; } .thumbnail {} /* mod. content meta --------------------------------------------------- */ .contentmeta { border-bottom: 1px solid #D4D4D4; border-top: 1px solid #D4D4D4; margin-bottom: 10px; overflow:hidden; padding: 3px 2px; font-size: 11px; } .contentmeta-trackback { float: left; margin: 4px 0 6px 3px; padding: 0 9px; } .contentmeta-author { float: left; background-image:url(http://megustaelturismo.es/archivos/images/icon/meta_author.gif); background-position:left center; background-repeat:no-repeat; margin: 4px 0 6px 10px; padding: 0 9px; border-left: 1px solid #D4D4D4; } .contentmeta-comment { float: left; background-image:url(http://megustaelturismo.es/archivos/images/icon/meta_comments.gif); background-position:left center; background-repeat:no-repeat; margin: 4px 0 6px 3px; padding: 0 9px; border-left: 1px solid #D4D4D4; } .contentmeta-icons { border-left: 1px solid #D4D4D4; float: right; padding: 0 9px; margin-top: 5px; } .contentmeta-icons img { margin:0 3px; border: 0px; } /* mod. breadcrumb --------------------------------------------------- */ #headerbreadcrumb { float: left; text-align: left; width: 100%px; margin: 0 0 5px 0; padding: 5px; font-size: 13px; color: #555555;} #headerbreadcrumb a:link { color: #000000; text-decoration: none; } #headerbreadcrumb a:visited { color: #000000; text-decoration: none; } #headerbreadcrumb a:hover { color: #000000; text-decoration: none; } #headerbreadcrumb ul { display: inline; margin: 0; padding: 0; } #headerbreadcrumb li { display: inline; margin: 0; padding: 0 5px 0 0; text-transform: lowercase;} /* mod. pagination --------------------------------------------------- */ div.pagination {clear: both;padding: 3px;margin: 10px;text-align:center; font-size: 12px; } div.pagination a {padding: 2px 5px 2px 5px;margin: 2px; text-decoration: none; } div.pagination a:hover, div.pagination a:active { color: #000;background-color: #FFFFFF} div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px; font-weight: bold;background-color: #FFFFFF;} div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* mod. alertas (pendiente de revisar) --------------------------------------------------- */ #message { background: url(../img/updated_back.gif) top left repeat-x #ddffc4; margin: 0 0 2em 0; } #message p { color: #357c00; padding: 10px 20px; background: url(../img/updated_icon.gif) 1em 1.1em no-repeat; } #message.error { background-image: url(../img/error_back.gif); background-color: #ff3a3a; color: #fff; } #message.error p { background-image: url(../img/error_icon.gif); color: #fff; } #message.info { background-image: none; background-color: #fcfcd0; color: inherit; } #message.info p { background-image: url(../img/info_icon.gif); color: inherit; padding-left: 3.3em; } /* mod. menu --------------------------------------------------- */ .menu {margin: 0; padding: 0; } .menu ul {margin: 0 0 20px 0; padding: 10px; } .menu li { margin: 0 0 10px 0; padding: 0; list-style: none; border-bottom: 1px solid #E9E9E9;} .menu li a { font-weight: normal; color: #3B5998; } .menu li a:hover { font-weight: normal; color: #3B5998; } /* mod. relatedpost --------------------------------------------------- */ .related_post { margin: 0; padding: 5px; border: 1px solid #E5E5E5; } .related_post h4 { margin: 0px; padding: 0 5px; border-bottom: 1px solid #E5E5E5; } .related_post li { margin: 0; padding: 6px 0px; list-style: none; line-height: 14px; } .related_post li a { font-weight: normal; color: #555; } .related_post li a:hover { font-weight: normal; color: #555; } /* mod. listboxes --------------------------------------------------- */ .listboxes { overflow:hidden; margin: 0px; padding: 5px; border: 1px solid #E5E5E5; } .listboxes h4 { margin: 0px; padding: 0 5px; border-bottom: 1px solid #E5E5E5; } .listboxes ul { margin: 0px; padding: 0px; } .listboxes li { list-style-image:none; list-style-position:outside; list-style-type:none; display:block; float:left; list-style:none;} .listboxes li a { display:block; overflow:hidden; padding: 4px 4px 4px 0; width: 160px;} .listboxes li img { border: 0px; } /* mod. blogroll --------------------------------------------------- */ .blogroll { overflow:hidden; margin: 0px; padding: 0px; } .blogroll ul { margin: 0px; padding: 0px; } .blogroll li { list-style-image:none; list-style-position:outside; list-style-type:none; display:block; float:left; list-style:none;} .blogroll li a { display:block; overflow:hidden; padding: 4px 4px 4px 0; } .blogroll li img { border: 0px; } /* mod. sidebar ads --------------------------------------------------- */ .sidebarads { margin: 0; padding: 0; } .sidebarads ul { margin: 0; padding: 0; } .sidebarads li { margin: 0; padding: 6px 0px; list-style: none;} .sidebarads img { border: 0px; } /* mod. feature --------------------------------------------------- */ #feature { width: 100%; margin-left: 0px; float:left !important; } #feature ol, #feature ul { list-style: none; margin: 0; padding: 0; } #feature h3 { position: relative; color: #666; padding: 0; margin: 0; font-size: 14px; } #feature li { padding-left: 115px; padding-bottom: 20px; min-height: 100px; } #feature li .meta { font-size: 11px; color: #666; } #feature .links { background-position: 0 0; } #feature .time { display: inline; float: left; margin-left: -115px; font-size: 11px; line-height: 1.2727em; color: #666; } #feature .more { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; } /* mod. listads --------------------------------------------------- */ .listads { margin: 0; padding: 0; } .listads ul { margin: 0; padding: 0; } .listads li { display: inline; margin: 0; padding: 6px 5px; list-style: none; float: left;} .listads img { border: 0px; } /* mod. listshort --------------------------------------------------- */ .listshort { overflow:hidden; margin: 0px; padding: 0px; } .listshort ul { margin: 0px; padding: 0px; } .listshort li { list-style-image:none; list-style-position:outside; list-style-type:none; display:block; float:left; list-style:none; } .listshort li a { display:block; overflow:hidden; padding: 4px 4px 4px 0; width: 161px;} .listshort li img { border: 0px; } /* mod. listcomments --------------------------------------------------- */ .listcomments { margin: 0; padding: 0; } .listcomments li { margin: 0; padding: 4px 4px 4px 0; list-style: none; color: #555555; } .listcomments li a { padding: 4px 4px 4px 0; } .kjgrcGravatar { float: left; margin: 0 10px 0 0;padding: 5px 0;} /* mod. listposts --------------------------------------------------- */ #listpost { width: 590px; margin-left: 0px; float:left !important; } #listpost ol, #listpost ul { list-style: none; margin: 0; padding: 0; } #listpost h3 { position: relative; color: #666; padding: 0; margin: 0; font-size: 14px; } #listpost li { padding-left: 115px; padding-bottom: 20px; min-height: 100px; } #listpost li .meta { font-size: 11px; color: #666; } #listpost .links { background-position: 0 0; } #listpost .time { display: inline; float: left; margin-left: -115px; font-size: 11px; line-height: 1.2727em; color: #666; } #listpost .more { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; } /* mod. listbase --------------------------------------------------- */ .search { width: 100%; margin: 0 0 20px 0; padding: 20px; text-align: center; } #sbi { margin: 0; padding: 3px 0px; width: 350px; min-height: 20px; background-color:#FFFFFF; font-size: 14px; border: 1px solid #BE1415; } #sbb { margin: 1px; padding: 3px 0px; width: 70px; min-height: 20px; background-color:#BE1415; font-size: 14px; text-align: center; color: #FFF; border: 1px solid #BE1415; } /* mod. listbase --------------------------------------------------- */ #listbase { width: 100%; margin-left: 0px; float:left !important; } #listbase ol, #listbase ul { list-style: none; margin: 0; padding: 0; } #listbase h3 { position: relative; color: #666; padding: 0; margin: 0; font-size: 14px; } #listbase li { padding-left: 115px; padding-bottom: 20px; min-height: 100px; width: 300px; display:block; float:left; } #listbase li .meta { font-size: 11px; color: #666; } #listbase .links { background-position: 0 0; } #listbase .time { display: inline; float: left; margin-left: -115px; font-size: 11px; line-height: 1.2727em; color: #666; } #listbase .more { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; } .feature { float: left; width: 330px; padding: 0 10px 10px 0;} /* mod. admin bar --------------------------------------------------- */ #wp-admin-bar { background-color: : #BE1415; } /* mod. miembros (structure.css) --------------------------------------------------- */ ul.item-list li { position: relative; padding: 1em; min-height: 60px; } ul.item-list li img.avatar { float: left; margin: 0 1em 0 0; } ul.item-list p.desc { margin-left: 70px; } .item-list .action { position: absolute; top: 30%; right: 1em; } /* 7. Buddypress (base.css) ----------------------------------------------------------------------------------------------------- */ .main-column { margin-left: 0px; } #headernav li ul {display: none; list-style-type: none; position: absolute; left: 0; top: 23px; background-color: #fff; border: 1px solid #666666; margin: 0; padding: 5px 0; z-index: 0;} #headernav li {float: left; font-weight: normal; margin: 0 20px 0 0; padding: 0; } #headernav li a img { border: 0px; padding-right: 5px; } #userbar { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background: #FFFFFF none repeat scroll 0 0; padding: 10px; float:left; position:relative; width: 980px; } #userbar h3 { float: left; widht: 150px; margin: 0; } #userbar p.avatar { text-align: center !important; float: left; margin: 0 0 0 90px; } #userbar img.avatar { margin: 0; float: none; } #userbar ul#bp-nav { margin: 0 0 0 175px; position:relative; width: 800px; z-index:999 !important; } #userbar ul li { float: left; margin-right:0; width: 150px; } #userbar ul#bp-nav li.current a { color:#555; } #optionsbar { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; background: #FFFFFF none repeat scroll 0 0; padding: 10px; float:left; position:relative; width: 980px; } #optionsbar h3 { float: left; widht: 150px; margin: 0; } #optionsbar p.avatar { text-align: center !important; float: left; margin: 0; } #optionsbar img.avatar { margin: 0; float: none; } #optionsbar ul#options-nav { margin: 0 0 0 100px; position:relative; width: 900px; z-index:999 !important; } #optionsbar ul li { float: left; margin-right:0; width: 120px; }