Styles to customize the SharePoint 2010 ribbon

/* Start:custom ribbon styling */

/* 

Add the below css class to the master page as shown below

<div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle ribbon-custom">
     <div id="s4-ribboncont">
<!-- ribbon starts here -->
      <SharePoint:SPRibbon
runat="server"
PlaceholderElementId="RibbonContainer" etc..........
*/

.ribbon-custom

{

            background-color:#fba828 !important;

}

.ms-siteactionsmenuinner

{

            background:none !important;

            border:none;

            color:#000 !important;

}

.ms-siteactionsmenuhover
{

            background-color:#fba828 !important;

            color:#000 !important;

}

/* Start: Styling for the welcome menu/login control */

.ms-welcomeMenu 
{

            padding-right:0 !important;

            padding-left:0 !important;

            margin:0 !important;

           

}

.ms-welcomeMenu A:link
{

            color:#000 !important;

            /*border-right:1px solid #c2b9b0;*/

            background:transparent url("/Style Library/Images/down-arrow.gif") right 4px no-repeat;          

}

.ms-SpLinkButtonActive
{

            background:none !important;

            color:#000 !important;

            border:#fff 1px solid !important;

}

.s4-trc-container-menu
{

            margin:-2px 0 6px 0 !important;

}

.s4-signInLink
{

            color:#000 !important;

}

/* End:Styling for the welcome menu/login control */

.ms-siteactionsmenu > span > a {

    color: #000;

}


/* End:custom ribbon styling */