include "menubar.rc"
#include "panel.rc"

#################### PANEL BACKGROUND #########################xx

style "panelbg"
{
  xthickness            			= 0
  ythickness            			= 0
  bg_pixmap[NORMAL]					= "Panel/panel-bg.png"
  bg_pixmap[SELECTED]				= "Panel/panel-bg.png"
  bg_pixmap[INSENSITIVE]				= "Panel/panel-bg.png"
  bg_pixmap[PRELIGHT]				= "Panel/panel-bg.png"

}
class "*Panel*" style "panelbg"
class "*notif*" style "panelbg"
class "*Notif*" style "panelbg"
class "*Tray*" style "panelbg"
class "*tray*" style "panelbg"

gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 0
#gtk-icon-sizes = "panel-menu=24,24:panel=24,24:gtk-button=16,16:gtk-large-toolbar=24,24"
#gtk-icon-sizes = "gtk-large-toolbar=16,16:gtk-small-toolbar=16,16"

style "default"
{
  GtkWidget::interior_focus				= 7
  GtkWidget::focus_padding				= 0
  GtkButton::default_border			= { 0, 0, 0, 0 }
  GtkButton::default_outside_border	= { 0, 0, 0, 0 }
 
  GtkRange::trough_border				= 1
  GtkRange::slider_width				= 15
  GtkRange::stepper_size				= 15
 
  GtkVScale::slider_length 				= 29
  GtkVScale::slider_width 				= 13
  GtkHScale::slider_length 				= 29
  GtkHScale::slider_width 				= 13
  
  GtkPaned::handle_size					= 6
  GtkScrollbar::min_slider_length		= 50
  GtkCheckButton::indicator_size		= 12
  GtkCheckButton::indicator_spacing	= 3
  GtkMenuBar::internal_padding		= 1
  GtkOptionMenu::indicator_size		= { 15, 8 }
  GtkOptionMenu::indicator_spacing	= { 8, 2, 0, 0 }
  GtkStatusbar::shadow_type 		= GTK_SHADOW_NONE
  GtkSpinButton::shadow_type 		= GTK_SHADOW_NONE

  xthickness            	= 2
  ythickness            	= 2

	GtkEntry::cursor_color      = "#0dd2e5"
	GtkTextView::cursor_color   = "#0dd2e5"

	fg[NORMAL]        = "#0dd2e5"
	fg[PRELIGHT]      = "#0dd2e5"
	fg[ACTIVE]        = "#0dd2e5"
	fg[SELECTED]      = "#000000"
	fg[INSENSITIVE]   = "#333333"

	bg[NORMAL]        = "#000000"
	bg[PRELIGHT]      = "#000000"
	bg[ACTIVE]        = "#222222"
	bg[SELECTED]      = "#444444"
	bg[INSENSITIVE]   = "#222222"

	base[NORMAL]      = "#313131"
	base[PRELIGHT]    = "#313131"
	base[ACTIVE]      = "#033336"
	# This affects selected icons in nautilus and selected text background
	base[SELECTED]    = "#05565d"
	base[INSENSITIVE] = "#141414"

	text[NORMAL]      = "#0dd2e5"
	text[PRELIGHT]    = "#0dd2e5"
	text[ACTIVE]      = "#0dd2e5"
	text[SELECTED]    = "#0dd2e5"
	text[INSENSITIVE] = "#333333"


  engine "pixmap"
  {
    image
    {
      function				= HANDLE
      recolorable			= TRUE
      overlay_file			= "Handles/handle-h.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }
    image
    {
      function				= HANDLE
      recolorable			= TRUE
      overlay_file			= "Handles/handle-v.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }

####################### SHADOWS ############################x

    image
    {
      function			= SHADOW
      shadow			= IN
      recolorable		= FALSE
      file				= "Shadows/shadow-in.png"
      border			= { 3, 3, 2, 2 }
      stretch			= TRUE
    }
    image
    {
       function		= SHADOW
       shadow			= OUT
       recolorable		= TRUE
       file				= "Shadows/shadow-out.png"
       #border			= { 1, 1, 1, 1 }
       stretch			= TRUE
    }

    image
    {
       function		= SHADOW
       shadow			= ETCHED_IN
       recolorable		= TRUE
       file				= "Frame-Gap/frame1.png"				
       border			= { 2, 2, 2, 2 }
       stretch			= TRUE
    }
    image
    {
       function		= SHADOW
       shadow			= ETCHED_OUT
       recolorable		= TRUE
       file				= "Shadows/shadow-none.png"
       border			= { 2, 2, 2, 2 }
       stretch			= TRUE
    }
    image
    {
       function			= SHADOW_GAP
       recolorable			= TRUE
       file					= "Frame-Gap/frame1.png"
       border				= { 2, 2, 2, 2 }
       stretch				= TRUE
       gap_start_file		= "Frame-Gap/frame-gap-start.png"
       gap_start_border	= { 2, 0, 2, 0 }
       gap_end_file		= "Frame-Gap/frame-gap-end.png"
       gap_end_border	= { 0, 2, 2, 0 }
       gap_side			= TOP
    }
    image
    {
       function		= VLINE
       recolorable		= TRUE
       file				= "Lines/line-v.png"
       border			= { 1, 1, 0, 0 }
       stretch			= TRUE
    }
    image
    {
      function			= HLINE
      recolorable		= TRUE
      file				= "Lines/line-h.png"
      border			= { 0, 0, 1, 1 }
      stretch			= TRUE
    }

    # focus

    image
    {
      function			= FOCUS
      recolorable		= TRUE
      file				= "Others/focus.png"
      border			= { 6, 0, 6, 0 }
      stretch			= TRUE
    }	

    # arrows

    image
    {
      function				= ARROW
      recolorable			= TRUE
      overlay_file			= "Arrows/arrow-up.png"
      overlay_border	= { 0, 0, 0, 0 }
      overlay_stretch	= FALSE
      arrow_direction	= UP
    }
    image
    {
      function				= ARROW
      recolorable			= TRUE
      overlay_file			= "Arrows/arrow-down.png"
      overlay_border	= { 0, 0, 0, 0 }
      overlay_stretch	= FALSE
      arrow_direction	= DOWN
    }
    image
    {
      function				= ARROW
      recolorable			= TRUE
      overlay_file			= "Arrows/arrow-left.png"
      overlay_border	= { 0, 0, 0, 0 }
      overlay_stretch	= FALSE
      arrow_direction	= LEFT
    }
    image
    {
      function				= ARROW
      recolorable			= TRUE
      overlay_file			= "Arrows/arrow-right.png"
      overlay_border	= { 0, 0, 0, 0 }
      overlay_stretch	= FALSE
      arrow_direction	= RIGHT
    }
    image 
      {
     function			= BOX
	recolorable		= TRUE
	file        			= "Toolbar/toolbar.png"
	border      		= { 3, 3, 3, 3 }
	stretch         	= TRUE
      }
  }
}

class "GtkWidget"          style "default"

#################### BUTTONS #######################

style "button"		= "default"
{

  engine "pixmap"
  {
    image
    {
      function			= BOX
      detail				= "buttondefault"
      recolorable		= TRUE
      file				= "Buttons/button-default.png"
      border			= {4, 4, 4, 4}
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      state				= PRELIGHT
      recolorable		= TRUE
      file				= "Buttons/button-prelight.png"
      border			= { 4, 6, 4, 4 }
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      state				= ACTIVE
      file				= "Buttons/button-pressed.png"
      border			= { 4, 6, 4, 4 }
      stretch			= TRUE
    }	
    image 
   {
     function			= BOX
     state				= INSENSITIVE
     file					= "Buttons/button-insensitive.png"
     border			= { 4, 4, 4, 4 }
     stretch			= TRUE
    }
    image 
    {
      function			= BOX
      file				= "Buttons/button-normal.png"		
      border			= { 4, 4, 4, 4 }
      stretch			= TRUE
    }	
  }
}


style "checkradiobutton" {
  engine "pixmap" {
    image 
	{
	function			= FLAT_BOX
	recolorable		= TRUE
	file					= "Check-Radio/highlight.png"
	border			= { 2, 5, 2, 5 }
	stretch			= TRUE
       }
    }
}

class "GtkRadioButton" style "checkradiobutton"
class "GtkCheckButton" style "checkradiobutton"


style "optionmenu"		= "default"
{
  engine "pixmap"
  {
    image
    {
      function			= BOX
      recolorable		= TRUE
      state				= PRELIGHT
      file				= "Combo/combo-prelight.png"
      border			= { 5, 7, 5, 5}
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      recolorable		= TRUE
      state				= NORMAL
      file				= "Combo/combo-normal.png"
      border			= { 5, 7, 5, 5}
      stretch			= TRUE
    }

  image
    {
      function			= BOX
      recolorable		= TRUE
      state				= ACTIVE
      file				= "Combo/combo-prelight.png"
      border			= { 5, 7, 5, 5}
      stretch			= TRUE
    }
 image
    {
      function			= BOX
      recolorable		= TRUE
      state				= INSENSITIVE
      file				= "Combo/combo-normal.png"
      border			= { 5, 7, 5, 5}
      stretch			= TRUE
    }
    image
    {
      function			= TAB
      state				= INSENSITIVE
      recolorable		= TRUE
      overlay_file		= "Combo/combo-arrow-insens.png"
      overlay_stretch	= FALSE
    }
    image
    {
      function				= TAB
      recolorable			= TRUE
      state					= NORMAL
      overlay_file			= "Combo/combo-arrow.png"
      overlay_border	= { 0, 0, 0, 0 }
      overlay_stretch	= FALSE
    }
  image
    {
      function				= TAB
      recolorable			= TRUE
      state					= PRELIGHT
      overlay_file			= "Combo/combo-arrow-prelight.png"
      overlay_border	= { 0, 0, 0, 0 }
      overlay_stretch	= FALSE
    }
  }
}

widget_class "*Combo*" style "optionmenu"

#######################################################

style "radiobutton"	= "default"
{
  engine "pixmap" 
    {
	#This is the image used to draw an unchecked box.
        image 
	{
            function        		= OPTION
            recolorable    		= TRUE
            state 				= NORMAL
            shadow          		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= OPTION
            recolorable     		= TRUE
            state 				= PRELIGHT
            shadow          		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= OPTION
            recolorable     		= TRUE
            state 				= ACTIVE
            shadow          		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= OPTION
            recolorable     		= TRUE
            state 				= INSENSITIVE
            shadow         		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 	= FALSE
        }

	#This is the image used to draw a selected (checked) box.

        image 
	{
            function        		= OPTION
            recolorable     		= TRUE
	    	  state 				= NORMAL
            shadow          		= IN
            overlay_file    		= "Check-Radio/option2.png"
            overlay_stretch 	= FALSE
        }
  image 
	{
            function        		= OPTION
            recolorable     		= TRUE
	    	  state 				= PRELIGHT
            shadow          		= IN
            overlay_file    		= "Check-Radio/option4.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= OPTION
            recolorable     		= TRUE
	    	  state 				= ACTIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/option4.png"
            overlay_stretch 	= FALSE
        }
     image 
	{
            function        		= OPTION
            recolorable     		= TRUE
	   	  state 				= INSENSITIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 	= FALSE
        }

	#Use this image to draw the highlight when a line with a check box
	#is moused over.

	image 
	{
          function        		= FLAT_BOX
          recolorable     		= TRUE
      	stretch				= TRUE
          file            			= "Check-Radio/checklight.png"
          border          		= { 2, 2, 2, 2 }
        }
    }
}

##########################################

####################################################
style "checkbutton"	= "default"
{
  engine "pixmap" 
    {
	#This is the image used to draw an unchecked box.
        image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 				= NORMAL
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 				= PRELIGHT
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 				= ACTIVE
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 				= INSENSITIVE
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 	= FALSE
        }

	#This is the image used to draw a selected (checked) box.

        image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 				= NORMAL
            shadow          		= IN
            overlay_file    		= "Check-Radio/check2.png"
            overlay_stretch 	= FALSE
        }
  image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 				= PRELIGHT
            shadow          		= IN
            overlay_file    		= "Check-Radio/check4.png"
            overlay_stretch 	= FALSE
        }
 image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 				= ACTIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/check4.png"
            overlay_stretch 	= FALSE
        }
     image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 				= INSENSITIVE
            shadow          		= IN
            overlay_file   		= "Check-Radio/check1.png"
            overlay_stretch 	= FALSE
        }

	#Use this image to draw the highlight when a line with a check box
	#is moused over.

	image 
	{
          function        	= FLAT_BOX
          recolorable     	= TRUE
     	stretch			= TRUE
          file            		= "Check-Radio/checklight.png"
          border          	= { 2, 2, 2, 2 }
        }
    }
}

####################### ENTRY #####################xx

style "entry"			= "default"
{

  xthickness            			= 3
  ythickness            			= 1
  
	GtkWidget::interior_focus	= 0
 #GtkEntry::shadow_type = GTK_SHADOW_NONE
  engine "pixmap"
  {
    image
    {
      function			= FOCUS
      recolorable		= TRUE
      file				= "Shadows/text-entry.png"
      border			= { 3,3,3,3 }
      stretch			= TRUE
    }	
 image
    {
      function			= BOX
      recolorable		= TRUE
      shadow			= IN
      state				= NORMAL
      file				= "Shadows/entry-shadow-in.png"
      border			= { 3,3,3,3 }
      stretch			= TRUE
    }	
image
    {
      function			= BOX
      recolorable		= TRUE
      shadow			= OUT
      state			= NORMAL
      file			= "Shadows/entry-shadow-in.png"
      border			= { 3,3,3,3 }
      stretch			= TRUE
    }	
  image
   {
     function			= SHADOW
     detail				= "entry"
     shadow			= IN
     recolorable		= FALSE
     file				= "Shadows/text-entry.png"
     border			= { 3,3,3,3 }
     stretch			= TRUE
    }
  }
}

################x SPINBUTTONS ################

style "spinbutton"	= "entry"
{


  engine "pixmap"
  {
    image
    {
      function			= ARROW
    }

############################# UP ######################xx
    image
    {
      function				= BOX
      state 				= NORMAL
      detail					= "spinbutton_up"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	 overlay_file			= "Spin/spin-up.png"
      overlay_stretch	= FALSE
    }
   image
    {
      function				= BOX
      state 				= PRELIGHT
      detail					= "spinbutton_up"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	 overlay_file			= "Spin/spin-up-prelight.png"
      overlay_stretch	= FALSE
    }
   image
    {
      function				= BOX
      state 				= INSENSITIVE
      detail					= "spinbutton_up"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	 overlay_file			= "Spin/spin-up-disable.png"
      overlay_stretch	= FALSE
    }
   image
    {
      function				= BOX
      state 				= ACTIVE
      detail					= "spinbutton_up"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	overlay_file			= "Spin/spin-up-prelight.png"
      overlay_stretch	= FALSE
    }

########################x DOWN ########################
    image
    {
      function			= BOX
      state 			= NORMAL
      detail			= "spinbutton_down"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	 overlay_file		= "Spin/spin-down.png"
      overlay_stretch	= FALSE
    }
    image
    {
      function				= BOX
      state 				= PRELIGHT
      detail					= "spinbutton_down"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	 overlay_file			= "Spin/spin-down-prelight.png"
      overlay_stretch	= FALSE
    }
    image
    {
      function				= BOX
      state 				= INSENSITIVE
      detail					= "spinbutton_down"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	 overlay_file			= "Spin/spin-down-disable.png"
      overlay_stretch	= FALSE
    }

    image
    {
      function				= BOX
      state 				= ACTIVE
      detail					= "spinbutton_down"
      recolorable			= TRUE
      file					= "Spin/spin.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
 	 overlay_file			= "Spin/spin-down-prelight.png"
      overlay_stretch	= FALSE
    }
  }
}

############################# SCROLLBAR ####################

style "scrollbar" = "default"
{
  engine "pixmap" 
  {

    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail				= "trough"
      file				= "Scrollbars/trough-scrollbar-horiz.png"
      border			= { 19, 19, 2, 2 }
      stretch			= TRUE
      orientation		= HORIZONTAL
    }
    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail				= "trough"
      file				= "Scrollbars/trough-scrollbar-vert.png"
      border			= { 2, 2, 19, 19 }
      stretch			= TRUE
      orientation		= VERTICAL
    }

###########x SLIDERS ##################x

  image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           			= NORMAL
      file					= "Scrollbars/slider-horiz.png" 
      border				= { 10, 10, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL
      overlay_file			= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }
  image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           			= ACTIVE
      shadow				= IN
      file					= "Scrollbars/slider-horiz.png" 
      border				= { 10, 10, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL
      overlay_file			= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           			= PRELIGHT
      file					= "Scrollbars/slider-horiz-prelight.png" 
      border				= { 10, 10, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL
      overlay_file			= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           			= INSENSITIVE
      file					= "Scrollbars/slider-horiz-insens.png"
      border				= { 10, 10, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL
      overlay_file			= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }

#############x verticals################xx

 image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= NORMAL
      file					= "Scrollbars/slider-vert.png" 
      border				= { 2, 2, 10, 10 }
      stretch				= TRUE
      orientation			= VERTICAL
      overlay_file			= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
   image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= ACTIVE
      shadow				= IN
      file					= "Scrollbars/slider-vert.png" 
      border				= { 2, 2, 10, 10 }
      stretch				= TRUE
      orientation			= VERTICAL
      overlay_file			= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= PRELIGHT
      file					= "Scrollbars/slider-vert-prelight.png" 
      border				= { 2, 2, 10, 10 }
      stretch				= TRUE
      orientation			= VERTICAL
      overlay_file			= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= INSENSITIVE
      file					= "Scrollbars/slider-vert-insens.png"
      border				= { 2, 2, 2, 2 }
      stretch				= TRUE
      orientation			= VERTICAL
      overlay_file			= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }

###########x END SLIDERS ##################x

########### Steppers ######################
#### UP #######
    image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= NORMAL
      file					= "Scrollbars/stepper-up.png"
      #border				= { 12, 2, 2, 9 }
      stretch				= TRUE
      arrow_direction	= UP
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= PRELIGHT
      file					= "Scrollbars/stepper-up-prelight.png"
      #border				= { 12, 2, 2, 9 }
      stretch				= TRUE
      arrow_direction	= UP
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= ACTIVE
      file					= "Scrollbars/stepper-up-prelight.png"
      #border				= { 12, 2, 2, 9 }
      stretch				= TRUE
      arrow_direction	= UP
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= INSENSITIVE
      file					= "Scrollbars/stepper-up-insens.png"
      #border				= { 12, 2, 2, 9 }
      stretch				= TRUE
      arrow_direction	= UP
    }

 ######### DOWN ############

    image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= NORMAL
      file					= "Scrollbars/stepper-down.png"
      #border				= { 12, 2, 10, 2 }
      stretch				= TRUE
      arrow_direction	= DOWN
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= PRELIGHT
      file					= "Scrollbars/stepper-down-prelight.png"
      #border				= { 12, 2, 10, 2 }
      stretch				= TRUE
      arrow_direction	= DOWN
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= ACTIVE
      file					= "Scrollbars/stepper-down-prelight.png"
      #border				= { 12, 2, 10, 2 }
      stretch				= TRUE
      arrow_direction	= DOWN
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= INSENSITIVE
      file					= "Scrollbars/stepper-down-insens.png"
      #border				= { 12, 2, 10, 2 }
      stretch				= TRUE
      arrow_direction	= DOWN
    }

############ RIGHT ################

    image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= NORMAL
      file					= "Scrollbars/stepper-right.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= RIGHT
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= PRELIGHT
      file					= "Scrollbars/stepper-right-prelight.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= RIGHT
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= ACTIVE
      file					= "Scrollbars/stepper-right-prelight.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= RIGHT
    }
 image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= INSENSITIVE
      file					= "Scrollbars/stepper-right-insens.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= RIGHT
    }

############### LEFT ###################

    image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= NORMAL
      file					= "Scrollbars/stepper-left.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= LEFT
    }
  image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= PRELIGHT
      file					= "Scrollbars/stepper-left-prelight.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= LEFT
    }
  image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= ACTIVE
      file					= "Scrollbars/stepper-left-prelight.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= LEFT
    }
  image 
    {
      function				= STEPPER
      recolorable			= TRUE
      state					= INSENSITIVE
      file					= "Scrollbars/stepper-left-insens.png"
      #border				= { 2, 9, 2, 13 }
      stretch				= TRUE
      arrow_direction	= LEFT
    }
  }
}

##################### PROGRESSBAR ###################x

style "progressbar" {
  fg[PRELIGHT]       		= "#333333"
  text[PRELIGHT]       	= "#333333"
  xthickness            		= 1
  ythickness            		= 1
  engine "pixmap" 
  {
    image
    {
      function				= BOX
      detail					= "trough"
      file					= "ProgressBar/trough-progressbar-horiz.png"
      border				= { 2, 2, 2, 2 }
      stretch				= TRUE
#      orientation		= HORIZONTAL
    }
    image
    {
      function				= BOX
      detail					= "bar"
      file					= "ProgressBar/progressbar-horiz.png"
      border				= { 2, 2, 2, 2 }
      stretch				= TRUE
#      orientation		= HORIZONTAL
    } 
  }
}

############################# RANGE #######################

style "range"			= "default"
{	
  engine "pixmap" 
  {
    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail				= "trough"
      file				= "Range/trough-horizontal.png"
      border			= { 10, 10, 0, 19 }
      stretch			= TRUE
      orientation		= HORIZONTAL
    }	
    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail				= "trough"
      file				= "Range/trough-vertical.png"
      border			= { 0, 19, 10, 10 }
      stretch			= TRUE
      orientation		= VERTICAL
    }

############### the sliders ###############

    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= NORMAL
      file					= "Range/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-horiz.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
     state           			= PRELIGHT
      file					= "Range/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-horiz-prelight.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= INSENSITIVE
      file					= "Range/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-horiz.png"
      overlay_stretch	= FALSE
      orientation			= HORIZONTAL
    }

######################### VERTICAL ###########################

    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= NORMAL
      file					= "Range/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-vert.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
     state           			= PRELIGHT
      file					= "Range/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-vert-prelight.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
    image 
    {
      function				= SLIDER
      recolorable			= TRUE
      state           		= INSENSITIVE
      file					= "Range/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-vert.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
  }
}

################### TOOLBAR ###########################

style "toolbar"
{

	engine "pixmap"
	{
		image
		{
			function	= BOX
			file		= "Toolbar/toolbar.png"
			border	= { 4, 4, 4, 4}
			stretch	= TRUE
    		}
 	}
}
widget_class "*BonoboDockItem" style "toolbar"
class "*BonoboDockItem" style "toolbar"

widget_class "*HandleBox" style "toolbar"
class "*HandleBox" style "toolbar"

widget_class "*Toolbar" style "toolbar"
class "*Toolbar" style "toolbar"

##################### TOOLBAR BUTTONS ###############################

style "toolbuttons" = "default"
{
  xthickness            			= 1
  ythickness            			= 1

	GtkWidget::focus_padding = 2

	engine "pixmap" {
      
image
		{
			function        		= BOX
			recolorable     		= TRUE
			state					= NORMAL
			file            			= "Toolbar/toolbutton-normal.png"
			border          		= { 5, 5, 5, 5 }
			stretch         		= TRUE
		}
image
		{
			function        		= BOX
			recolorable     		= TRUE
			state			= PRELIGHT
			file            		= "Toolbar/toolbutton-prelight.png"
			border          		= { 5, 6, 5, 5 }
			stretch         		= TRUE
		}
image
		{
			function        		= BOX
			recolorable     		= TRUE
			state			= ACTIVE
			file            		= "Toolbar/toolbutton-pressed.png"
			border          		= {5, 6, 5, 5}
			stretch         		= TRUE
		}  
image
		{
			function        		= BOX
			recolorable     		= TRUE
			state					= INSENSITIVE
			file            			= "Toolbar/toolbutton-normal.png"
			border          		= { 5, 5, 5, 5 }
			stretch         		= TRUE
		}  
	}
}
widget_class "*Tool*GtkToggleButton" style "toolbuttons"
widget_class "*Tool*GtkButton" style "toolbuttons"

################### PANEL GRAPHICS #################################
################### MENU #################################

style "menu"			= "default"
{
#bg_pixmap[NORMAL]       = "Menu-Menubar/menu-overlay.png"
xthickness			= 3
ythickness			= 1
  engine "pixmap"
  {
    image
    {
      function			= BOX
      recolorable    	= TRUE
      detail				= "menu"
      file				= "Menu-Menubar/menu.png"
      border			= { 34, 3, 3, 3 }
      stretch			= TRUE
    }
  }
}

########################### Menuitem #############################
style "menuitem"	= "default"
{
  xthickness				= 1
  fg[PRELIGHT] 		= "#000000"
  text[PRELIGHT] 	= "#000000"


  engine "pixmap"
  {
    image
    {
      function			= BOX
      recolorable		= TRUE
      file				= "Menu-Menubar/menuitem.png"
      border			= { 10, 10, 10, 10 }
      stretch			= TRUE
    }
    image
    {
      function				= ARROW
      recolorable			= TRUE
      state					= NORMAL
      overlay_file			= "Arrows/arrow-right-norm.png"
      overlay_stretch	= FALSE
      arrow_direction	= RIGHT
    }
  image
    {
      function				= ARROW
      recolorable			= TRUE
      state					= PRELIGHT
      overlay_file			= "Arrows/arrow-right.png"
      overlay_stretch	= FALSE
      arrow_direction	= RIGHT
    }
  }
}


style "tearoffmenuitem"	= "menuitem"
{
  engine "pixmap"
  {
    image
    {
      function				= ARROW
      file					= "Arrows/arrow-left.png"
      stretch				= TRUE
      arrow_direction	= LEFT
    }
#    image
#    {
#      function		= HLINE
#      file				= "cuthere.png"
#      border			= { 0, 0, 0, 0 }
#      stretch		= TRUE
#    }
  }
}

style "notebook"		= "default"
{

  xthickness            			= 2
  ythickness            			= 2
  engine "pixmap" 
    {
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-bottom.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= TOP
      }
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-top.png"
	border			= {  4,4,4,4}
	stretch			= TRUE
	gap_side		= BOTTOM
      }
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-left.png"
	border			= {  4,4,4,4}
	stretch			= TRUE
	gap_side			= RIGHT
      }
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-right.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= LEFT
      }	
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-top-active.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= BOTTOM
      }
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-bottom-active.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= TOP
      }
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-left-active.png"
	border			= {  4,4,4,4}
	stretch			= TRUE
	gap_side		= RIGHT
      }
    image 
      {
     function			= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-right-active.png"
	border			= {  4,4,4,4}
	stretch			= TRUE
	gap_side		= LEFT
      }

# How to draw boxes with a gap on one side (ie the page of a notebook)

    image 
      {
     function				= BOX_GAP
	recolorable			= TRUE
	file				= "Tabs/notebook.png" 
	border				= { 5, 5, 5, 5 }
	stretch				= TRUE
	gap_file			= "Others/null.png"
	gap_border     		= { 0, 0, 0, 0 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 0, 0, 0, 0 }
	gap_end_file		= "Others/null.png"
	gap_end_border	= { 0, 0, 0, 0 }
	gap_side				= TOP
      }
    image 
      {
     function				= BOX_GAP
	recolorable			= TRUE
	file						= "Tabs/notebook.png"
	border				= { 5, 5, 5, 5 }
	stretch				= TRUE
	gap_file				= "Others/null.png"
	gap_border			= { 10, 10,5, 5 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 10, 10, 5, 5 }
	gap_end_file		= "Others/null.png"
	gap_end_border		= { 10, 10, 5, 5 }
	gap_side				= BOTTOM
      }
    image 
      {
     function				= BOX_GAP
	recolorable			= TRUE
	file						= "Tabs/notebook.png"
	border				= { 5, 5, 5, 5 }
	stretch				= TRUE
	gap_file				= "Others/null.png"
	gap_border			= { 0, 1, 0, 0 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 0, 0, 2, 0 }
	gap_end_file		= "Others/null.png"
	gap_end_border	= { 0, 2, 1, 0 }
	gap_side				= LEFT
      }
    image 
      {
     function				= BOX_GAP
	recolorable			= TRUE
	file						= "Tabs/notebook.png" 
	border				= { 5, 5, 5, 5 }
	stretch				= TRUE
	gap_file				= "Others/null.png"
	gap_border			= { 0, 0, 1, 0 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 2, 0, 2, 0 }
	gap_end_file		= "Others/null.png"
	gap_end_border	= { 0, 0, 0, 2 }
	gap_side				= RIGHT
      }

# How to draw the box of a notebook when it isnt attached to a tab

    image 
      {
     function			= BOX
	recolorable		= TRUE
	file					= "Tabs/notebook.png"
	border			= { 6,6,6,6 }
	stretch			= TRUE
	#gap_side		= TOP
      }
  }
}

style "tooltips"	= "default"
{
#  bg[NORMAL]		= "#d3d89c"
  bg[NORMAL]		= "#000000"
}

##################### RULER ##################

style "ruler"		= "default"
{
  engine "pixmap" {
    image 
      {
     function			= BOX
	recolorable		= TRUE
	detail				= "vruler"
	file					= "Others/ruler.png"
	border			= { 2, 2, 2, 2 }
	stretch			= TRUE
      }
    image 
      {
     function			= BOX
	recolorable		= TRUE
	detail				= "hruler"
	file					= "Others/ruler.png"
	border			= { 2, 2, 2, 2 }
	stretch			= TRUE
      }
  }
}

################# HANDLES ###################x


style "handlebox"	= "default"
{
  engine "pixmap"
  {
    image
    {
      #function			 = SHADOW
    }
    image
    {
      function				= HANDLE
      recolorable			= TRUE
      overlay_file			= "Handles/handle-v.png"
      overlay_stretch	= FALSE
      orientation			= VERTICAL
    }
    image
    {
      function				= HANDLE
      overlay_file			= "Handles/handle-h.png"
      overlay_stretch 	= FALSE
      orientation			= HORIZONTAL
    }
  }
}

style "flat" 		= "default"
{
  engine "pixmap"
  {
    image
    {
      function		= SHADOW
    }
  }
}

style "layout"	= "default"
{
  engine "pixmap"
  {
   image
   {
     function		= SHADOW
     detail			= "entry"
     shadow		= IN
     recolorable	= FALSE
     file			= "Shadows/text.png"
     border		= { 1, 1, 1, 1 }
     stretch		= TRUE
   }
    image
    {
      function		= BOX
      detail		= "button"
      state			= NORMAL
      file			= "Buttons/button-normal.png"
      recolorable	= TRUE
      border		= { 2, 3, 2, 3 }
      stretch		= TRUE
    }
  }
}

##################### LISTHEADERS ###################x

style "list-header"
{
   #Comment out the ythickness setting below for thicker column headers.
   #ythickness = 0
	GtkTreeView::odd_row_color  = "#313131"
	GtkTreeView::even_row_color = "#1c1c1c"

#  fg[NORMAL] = "#0dd2e5"
#  text[NORMAL] = "#0dd2e5"

   engine "pixmap" 
	{

	#This image is used to draw the headers of columns in list views when they are
	#not selected.
    	image
      		{
        		function        	= BOX
			recolorable    	= TRUE
			state				= NORMAL
			file            		= "ListHeaders/list_header.png"
			border          	= { 2, 2, 2, 2 }
			stretch         	= TRUE
      		}

	#This image is used to draw the column headers in list views when they are
	#clicked.
    	image
      		{
        		function        	= BOX
			recolorable    	= TRUE
			state				= PRELIGHT
			file            		= "ListHeaders/list_header-prelight.png"
			border          	= { 2, 2, 2, 2 }
			stretch         	= TRUE
      		}

	#Does this do anything?

	image
      		{
        		function        	= BOX
			recolorable    	= TRUE
			state				= ACTIVE
			file					= "ListHeaders/list_header-pressed.png"
			border          	= { 2, 2, 2, 2}
			stretch         	= TRUE
      		}
	image
      		{
        		function        	= BOX
			recolorable    	= TRUE
			state				= SELECTED
			file					= "ListHeaders/list_header-prelight.png"
			border          	= { 2, 2, 2, 2 }
			stretch         	= TRUE
      		}
	image
      		{
        		function        	= BOX
			recolorable    	= TRUE
			state				= INSENSITIVE
			file					= "ListHeaders/list_header-insens.png"
			border          	= { 2, 2, 2, 2 }
			stretch         	= TRUE
      	}
  	}
}

widget_class "*List" style "list-header"
widget_class "*GtkTree*" style "list-header"
widget_class "*GtkCList*" style "list-header"
#widget_class "*Tree*" style "list-header"

# This prevents Sodipodi from crashing while opening the
# Object-Style dialog.

style "unstyle"
{
  engine ""
  {
  }
}

# recognizable pressed toggle buttons
# SPIcons seem to erase the background first. That's why I can't use
# the button style.

style "SPbutton"
{
  engine "pixmap"
  {
    image
    {
      function		= BOX
      shadow		= IN
      recolorable	= TRUE
      file			= "Shadows/shadow-out.png"
      border		= { 2, 2, 2, 2 }
      stretch		= TRUE
    }
    image
    {
      function		= BOX
    }
  }
}

style "treecol"
{
    bg[NORMAL] = "#000000"
}


# widget styles
class "GtkButton"          		style "button"
class "GtkRadioButton"     		style "radiobutton"
class "GtkRadioMenuItem"    	style "radiobutton"
class "GtkCheckButton"     	style "checkbutton"
class "GtkCheckMenuItem"   	style "checkbutton"
class "GtkOptionMenu"      	style "optionmenu"
class "GtkCombo*"      			style "optionmenu"
class "*Font*"      				style "optionmenu"
class "GtkEntry"           			style "entry"
class "GtkOldEditable" 			style "entry"
class "GtkSpinButton"   	 	style "spinbutton"
class "GtkRuler"           			style "ruler"
class "GtkScrollbar"       		style "scrollbar"

class "GtkProgressBar"     		style "progressbar"
class "GtkRange"         			style "range"
class "GtkMenu"       			style "menu"

class "GtkMenuBar*" 		     style "menubar"

widget_class "*MenuBar.*" 	style "menubar"

#class "GtkImageMenuItem"	 style "menubar"

class "GtkMenuItem"           	style "menuitem"
class "GtkTearoffMenuItem"	style "menuitem"
class "GtkNotebook"      		style "notebook"
#class "GtkTextView"     		 style "textview"
#class "GtkTreeView"    			 style "treeview"
class "GtkToolbar"       			style "flat"					
class "GtkHandleBox"    		style "handlebox"
class "GtkEventBox"    			style "flat"
class "GtkPaned"       			style "handlebox"
class "GtkLayout"     			style "layout"
class "SPButton"         			style "SPbutton"
widget "gtk-tooltips"  			style "tooltips"

# prevent Sodipodi from crashing
class "SPColorSlider" 			style "unstyle"

# colorize ugly white line at the top of the vertical scrollbar in Nautilus
style "searchbar" {
bg[NORMAL] = "#000000"
}
widget "*.nautilus-extra-view-widget" style:highest "searchbar"
