User:Generalantilles/myskin.css

body {   background: #eaeaea url('../img/top_bg.jpg') repeat-x top left; color: #404040; font-size: 62.5%; /* Reset font to 10px */ font-family: "Arial", sans-serif; text-align: center; }

a {   text-decoration: none; color: #fa8700; }

a:hover {   text-decoration: underline; }

h1, h2, h3 { margin: 0.5em 0; }

img {   border: none; }

input {   font-family: "Arial", sans-serif; }

p {   margin-bottom: 0.5em; }

span.normal {   font-weight: normal; }

{   min-width: 766px; width: 95%; margin: 0 auto; text-align: left; }
 * 1) container

{   height: 67px; width: 100%; }
 * 1) container #header

{   float: left; border: none; }
 * 1) container #header #logo a

/** Login-box **/

{   float: right; margin-top: 11px; margin-right: 0; }
 * 1) container #header #user-login

{	margin: 0; padding: 0; }
 * 1) container #header #user-login form

{	border: 0; color: #a5a5a6; font-size: 1.4em; font-weight: bold; padding: 8px 0 7px 10px; display: block; float: left; margin: 0; }
 * 1) container #header input

{   background: url('../img/username-box-bg.gif') no-repeat top left; height: 20px; width: 82px; margin-right: 7px; }
 * 1) container #header #user-login #username

{   background: url('../img/password-box-bg.gif') no-repeat top left; width: 81px; height: 20px; }
 * 1) container #header #user-login #password

{	background: url('../img/search-button.gif') no-repeat top left; width: 49px; height: 31px; text-indent: -1000px; font-size: 0; }
 * 1) container #header #user-login .submit

{   float: right; margin: 11px 15px 0 0; height: 31px; }
 * 1) container #header #register

{  clear: none; display: none; }
 * 1) container #header #register h3

{	background: url(../img/header_navigation_middle.gif) repeat-x scroll right bottom; clear: both; height: 66px; }
 * 1) container #navigation

{	height: 66px; background: url(../img/header_navigation_left.gif) no-repeat left bottom; }
 * 1) container #navigation #navigation-left-wrapper

{	height: 66px; background: url(../img/header_navigation_right.gif) no-repeat right bottom; }
 * 1) container #navigation #navigation-right-wrapper

{	list-style-type: none; margin: 0; padding: 0; float: left; }
 * 1) container #navigation ul

{	margin: 0; height: 66px; float: left; }
 * 1) container #navigation ul li

{	background: url('../img/navigation-selected.gif') no-repeat bottom center; }
 * 1) container #navigation ul li.selected

{	background: url('../img/navigation-separator.gif') no-repeat top left; text-transform: uppercase; display: block; font-size: 1.3em; color: #ffffff; float: left; padding: 21px 10px 19px 10px; font-weight: bold; }
 * 1) container #navigation ul li a

background-color: #686868; text-decoration: none; }
 * 1) container #navigation ul li.selected a,
 * 2) container #navigation ul li a:hover {

/** Search-box **/

{   float: right; margin-top: 11px; margin-right: 0; }
 * 1) container #navigation #search

{	border: 0; float: left; margin: 0; display: block; }
 * 1) container #navigation #search input

{   background: url('../img/search-box-bg.gif') no-repeat top left; width: 181px; height: 20px; color: #a5a5a6; font-size: 1.4em; font-weight: bold; padding: 8px 0 7px 10px; }
 * 1) container #navigation #search #query

{	background: url('../img/search-button.gif') no-repeat top left; width: 49px; padding: 31px 0 0 0; text-indent: -1000px; font-size: 0; }
 * 1) container #navigation #search .submit

/* Self-clearing floats */ /* /* Self-clearing floats */
 * 1) container #content:after,
 * 2) container #content #products:after,
 * 3) container #content .sections:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }
 * 4) container #content,
 * 5) container #content #products,
 * 6) container #content .sections { display: inline-block; }
 * 7) container #content,
 * 8) container #content #products,
 * 9) container #content .sections { display: block; }

{   min-width: 766px; line-height: 1.2; }
 * 1) container #content

{   background: url('../img/icon-more.gif') no-repeat top right; width: 69px; height: 19px; text-indent: -1000em; float: right; clear: left; margin-top: 10px; margin-bottom: 10px; }
 * 1) container #content a.more

{   background: url('../img/icon-rss.gif') no-repeat top left; width: 19px; height: 19px; text-indent: -1000em; float: right; margin-top: -32px; }
 * 1) container #content a.feed

{   margin-top: 0.5em; }
 * 1) container #content #news a.feed

/* Main */

{   margin-right: 270px; padding-right: 10px; font-size: 1.4em; border: 1px solid #eaeaea; }
 * 1) container #content #main

{  overflow: hidden; width: 99%; margin: 0px 10px; float: left; border: 1px solid #eaeaea; }
 * 1) container #content #main #main-wrapper

{   font-size: 1.72em; padding-bottom: 0.375em; max-width: 70%; }
 * 1) container #content #main h1

{   font-size: 1.571em; }
 * 1) container #content #main h2

{   font-size: 1.2857em; }
 * 1) container #content #main h3

{   list-style-type: disc; color: #fa8700; margin: 0.5em 0 0.5em 1em; }
 * 1) container #content #main ul

{   color: #404040; }
 * 1) container #content #main li

{   background: url('../img/main-divider.gif') no-repeat bottom center; float: left; width: 100%; }
 * 1) container #content #main #main-wrapper #fp-app-wrapper

{   width: 48%; float: left; }
 * 1) container #content #main #fp-app-wrapper #featured,
 * 2) container #content #main #fp-app-wrapper #updated

{   margin-left: 15px; }
 * 1) container #content #main #fp-app-wrapper #updated

{ /*   min-width: 500px; max-width: 65%;*/ padding-bottom: 40px; background: url('../img/main-divider.gif') no-repeat bottom left; }
 * 1) container #content #main #products

{   margin-right: 5px; width: 30%; min-width: 240px; float: left; }
 * 1) container #content #main #products .product

{   width: 100%; float: left; clear: left; margin-top: 20px; }
 * 1) container #content #main .sections

{   color: #404040; }
 * 1) container #content #main .sections a

{   background: url('../img/column-item-divider.gif') no-repeat bottom left; margin-top: 1px; }
 * 1) container #content #main .sections li

{   margin-right: 5px; /*   min-width: 238px; max-width: 32%;*/ width: 30%; min-width: 240px; float: left; }
 * 1) container #content #main .sections .column

{   background: url('../img/icon-document.gif') no-repeat top left; padding: 2px 0 7px 25px; display: block; }
 * 1) container #content #main .sections ul.document li a

{   background: url('../img/icon-help.gif') no-repeat top left; padding: 2px 0 7px 30px; display: block; }
 * 1) container #content #main .sections ul.help li a

{   padding: 4px 0 10px 35px; display: block; }
 * 1) container #content #main .sections ul.started li a

{   background: url('../img/icon-started-download.gif') no-repeat top left; }
 * 1) container #content #main .sections ul.started li.download a

{   background: url('../img/icon-started-help.gif') no-repeat top left; }
 * 1) container #content #main .sections ul.started li.help a

{   background: url('../img/icon-started-start.gif') no-repeat top left; }
 * 1) container #content #main .sections ul.started li.start a

{   background: url('../img/icon-started-tools.gif') no-repeat top left; }
 * 1) container #content #main .sections ul.started li.tools a

{   background: url('../img/icon-started-code.gif') no-repeat top left; }
 * 1) container #content #main .sections ul.started li.code a

{   width: 100%; float: left; clear: left; }
 * 1) container #content #main #news

.tl { background: url(../img/box-tl.gif) 0 0 no-repeat; }

.tr { background: url(../img/box-tr.gif) 100% 0 no-repeat; }

.tm { background: url(../img/box-tm.gif) 0 0 repeat-x; }

.bl { background: url(../img/box-bl.gif) 0 100% no-repeat; }

.br { background: url(../img/box-br.gif) 100% 100% no-repeat; padding: 10px; }

.bm { background: url(../img/box-bm.gif) 0 100% repeat-x; }

.lm { background: url(../img/box-lm.gif) 0 0 repeat-y; }

.rm { background: url(../img/box-rm.gif) 100% 0 repeat-y; }

{   padding: 0 1px; background-color: #fff; margin: 0; list-style-type:none !important; }
 * 1) container #content #main #news ul.recent

{   padding: 5px 12px; border-top: 1px solid #d9d9d9; font-size: 1.1em; }
 * 1) container #content #main #news ul.recent li

{   margin: 0 0 0.25em; font-size: 1.2727em; }
 * 1) container #content #main #news ul.recent li h3

{   border: none; padding-top: 0; }
 * 1) container #content #main #news ul.recent li.first

{   padding-bottom: 0; }
 * 1) container #content #main #news ul.recent li.last

/* Sidebar */

{   float: right; width: 239px; /* 256 */ }
 * 1) container #content #sidebar

{   font-size: 2.2em; }
 * 1) container #content #sidebar h2

{   color: #404040; }
 * 1) container #content #sidebar h2 a, #container #content #sidebar h3 a

{   font-size: 1.4em; }
 * 1) container #content #sidebar h3

{   font-size: 1.4em; margin: 0.5em 0; }
 * 1) container #content #sidebar p

{ /*   margin-left: -10px; */ }
 * 1) container #content #sidebar #nav-sub

{   list-style-type: none; }
 * 1) container #content #sidebar #nav-sub ul

{   background: url('../img/nav-li-normal.gif') no-repeat top left; padding: 1px 0px 0px 11px; /* min-height: 30px; */ margin: 1px 0; }
 * 1) container #content #sidebar #nav-sub li

{   background: url(../img/nav-divider.gif) no-repeat scroll left bottom; color: #4f5050; font-size: 1.4em; font-weight: normal; display: block; padding: 6px 0 6px 12px; margin: 0 0 2px 0px }
 * 1) container #content #sidebar #nav-sub li a

{   /* background: url('../img/nav-anchor-normal-hover.gif') no-repeat top left; */ background-color: #bbb; }
 * 1) container #content #sidebar #nav-sub li a:hover

{   background: url('../img/nav-li-active.gif') no-repeat top left; /* min-height: 31px; */ }
 * 1) container #content #sidebar #nav-sub li.selected

{   font-weight: bold; }
 * 1) container #content #sidebar #nav-sub li.active

{  /*  background-color: #bbb; */ font-weight: bold; }
 * 1) container #content #sidebar #nav-sub li.active a

{   background: url('../img/nav-anchor-active-hover.gif') no-repeat top left; }
 * 1) container #content #sidebar #nav-sub li.selected a:hover

{   background: url('../img/bg-side-recent-top.gif') no-repeat top left; padding-top: 11px; }
 * 1) container #content #sidebar .wrapper_top_recent

{   background: url('../img/bg-side-recent-bottom.jpg') no-repeat bottom left; padding-bottom: 11px; }
 * 1) container #content #sidebar .wrapper_bottom_recent

{   padding: 0 3px; background: #fff url('../img/bg-side-recent-middle.gif') repeat-y top left; }
 * 1) container #content #sidebar ul.recent

{   padding: 5px 12px; border-top: 1px solid #d9d9d9; font-size: 1.1em; }
 * 1) container #content #sidebar ul.recent li

{   margin: 0 0 0.25em; font-size: 1.2727em; }
 * 1) container #content #sidebar ul.recent li h3

{   border: none; padding-top: 0; }
 * 1) container #content #sidebar ul.recent li.first

{   padding-bottom: 0; }
 * 1) container #content #sidebar ul.recent li.last

{   background: url('../img/banner-get-involved.gif') no-repeat top left; width: 239px; height: 45px; text-indent: -1000em; display: block; }
 * 1) container #content #sidebar #get-involved a

{   background: url('../img/banner-get-help.gif') no-repeat top left; width: 239px; height: 36px; text-indent: -1000em; display: block; }
 * 1) container #content #sidebar #get-help a

{   list-style-type: disc; margin-left: 15px; color: #FA8700; font-size: 1.4em; }
 * 1) container #content #sidebar #announcements ul

{   color: #404040; padding-bottom: 4px; }
 * 1) container #content #sidebar #announcements ul a

{   font-size: 1.4em; }
 * 1) container #content #sidebar #events ul

{   display: inline; }
 * 1) container #content #sidebar .people li

{   padding: 2px; background: url('../img/bg-sidebar-people.gif') no-repeat top left; float: left; margin: 0 9px 8px 0; }
 * 1) container #content #sidebar .people li a

{   margin-right: 15px; }
 * 1) container #content #sidebar .people a.more

{   background: url('../img/sidebar-divider.gif') no-repeat bottom center; padding-bottom: 40px; }
 * 1) container #content #sidebar #shortcut

/* Footer */

{   clear: both; color: #fff; font-size: 1.2em; background: url('../img/footer_middle.png') repeat-x top left; height: 46px; margin-top: 20px; min-width: 766px; width: 100%; }
 * 1) container #footer

{	height: 46px; background: url(../img/footer_left.png) no-repeat left bottom; }
 * 1) container #footer #footer-wrapper-left

{	height: 46px; background: url(../img/footer_right.png) no-repeat right bottom; }
 * 1) container #footer #footer-wrapper-right

{   padding: 14px 0 0 10px; position: relative; }
 * 1) container #footer ul

{   color: #fff; display: inline; padding: 0 5px; }
 * 1) container #footer li

{   border-right: 1px solid #fff; padding-right: 7px; }
 * 1) container #footer li.first

{   text-decoration: underline; }
 * 1) container #footer a

{   position: absolute; right: 15px; }
 * 1) container #footer li.sponsored

/* extra stuff */

.net_nehmer_comments_comment {	background-color: #fff; padding: 2px 0 9px 9px; }

{   display: block; }
 * 1) container #content #main div.hentry .net_nemein_favourites

/* Icons */

{   margin-left: 1px; text-align: center; padding-bottom: 20px; }
 * 1) container #content .net_nemein_favourites

{	float: left; }
 * 1) container #content .net_nemein_favourites .fav_btn

{	float: left; }
 * 1) container #content .net_nemein_favourites .bury_btn

{   width: 34px; height: 18px; background-position: left top; background-repeat: no-repeat; cursor: pointer; } {   line-height: 18px; float: right; font-weight: normal; }
 * 1) container #content .net_nemein_favourites .fav_btn,
 * 2) container #content .net_nemein_favourites .bury_btn
 * 1) container #content .net_nemein_favourites .fav_btn span,
 * 2) container #content .net_nemein_favourites .bury_btn span

{   background-image: url('../img/icons/favourite.png'); } {   background-image: url('../img/icons/favourite-hover.png'); } {   background-image: url('../img/icons/buried.png'); } {   background-image: url('../img/icons/buried-hover.png'); }
 * 1) container #content .net_nemein_favourites .fav_btn
 * 1) container #content .net_nemein_favourites .fav_btn_hover
 * 1) container #content .net_nemein_favourites .bury_btn
 * 1) container #content .net_nemein_favourites .bury_btn_hover

clear: left; height: 0; line-height: 0; margin: 0; padding: 0; }
 * 1) container #content .net_nemein_favourites_clearfix {