/*
This is my fourth dashboard theme (which is really just my third theme with a few small edits).

I have still kept the labels there for my and everyone else's convenience.  I'm also just going to leave the explanation for how to edit this theme:

All you really have to do to change this theme around is edit the hex and rgba codes and replace any images.  I'm assuming you can at least identify these three things when they show up in the code (images are pretty obvious: they're urls).  If you don't know what hex or rgba codes are, it's easy to look them up, and they're pretty simple.
So yeah, just change the colors or images!  You can also change or remove other things within each section, if you'd like (although in that case I'd suggest at least an extremely basic understanding of stuff).  But even if you aren't entirely sure of what you're doing, CSS is pretty easy and most things are exactly what you'd think they would be!

Anything between these (without the spaces) / * inserttexthere * / has no effect on the code, so that's how you can identify any labels or small comments I've made!  And of course, feel free to add your own for future reference!

I hope you guys like this theme or at least are able to get some use out of it to change it as you please!  If you have any questions, don't hesitate to send me an ask on tumblr! :>
*/



#logo {

/*LOGO IMAGE*/

  height: 0;

  width: 0;

  padding-left: 240px;

  padding-top: 70px;

  background: url(http://i49.tinypic.com/abox1y.png) no-repeat !important;}



#header .tab.selected, #header .tab.selected > a {

/*TEXT IN THE HEADER WHEN SELECTED*/

  color: #29d535 !important;
}



#header .tab > a {

/*TEXT IN THE HEADER WHEN NOT SELECTED*/

  color: #29d535 !important;
}



body{

/*BACKGROUND FOR THE WHOLE DASHBOARD*/

  background: #002000 url('http://i47.tinypic.com/30uq0dx.png') !important;
  
  background-position: bottom right !important;

  background-repeat:no-repeat !important;

  background-attachment:fixed !important;
}



.new_post_label .new_post_label_icon {

/*THIS IS HOW I GOT THE DIFFERENT NEW-POST ICONS TO SHOW UP
I ADMIT I HAVE NO IDEA WHAT I WAS DOING HERE??
I JUST 'INSPECTED' THE CURRENT ICONS WITH CHROME AND REPLACED THE URL IN THE CODE WITH MY OWN URL.
I WOULD ASSUME IT WOULD WORK FOR ANY OTHER ICON PROVIDED THE IMAGES HAVE THE SAME DIMENSIONS AND STUFF.*/

  background-image: url('http://i46.tinypic.com/23h7y9i.png') !important;

  background-size: 513px 190px;

  background-repeat: no-repeat;

  position: absolute;

  display: block;

  width: 76px;

  height: 90px;

  top: 5px;

  left: 0;
}



#posts .post.new_post .new_post_label {

/*TEXT ON THE NEW-POST BAR*/

  color: rgba(225, 225, 225, .9) !important;
}



#posts .post.new_post {

/*BACKGROUND FOR THE NEW-POST BAR*/

  background-color: rgba(0, 32, 0, .8) !important;

  border: none;
}



#right_column{

/*THE RIGHT COLUMN*/

  background-color: rgba(0, 32, 0, .8) !important;

  border: none;
}



#right_column .controls_section li a{

/*THE BUTTONS IN THE RIGHT COLUMN*/

  background-color: #118800 !important;

  -moz-border-radius: 5px;

  border-radius: 5px;
}



#right_column::after {

/*SMALL GRADIENT BELOW THE RIGHT COLUMN, WHICH I HAVE MADE INVISIBLE
IN ORDER TO MAKE IT VISIBLE, CHANGE ONLY THE 'A' VALUES FOR THE *FIRST* RGBA CODE IN EACH ENTRY TO 1 (THEY ARE CURRENTLY 0)
THEN CHANGE THE R, G, AND B VALUES IF DIFFERENT COLOR GRADIENT IS DESIRED
ALSO MAKE SURE THEY (THE R, G, AND B) ARE THE SAME FOR EVERYTHING!*/

  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(35, 5, 35, 0)),color-stop(100%,rgba(35, 5, 35, 0))) !important;

  background: -webkit-linear-gradient(top,rgba(35, 5, 35, 0) 0,rgba(35, 5, 35, 0) 100%) !important;
}


#header .selection_nipple {

/*THE LITTLE TRIANGLE AT THE TOP OF THE CONTENT BLOCK*/

  border-bottom: 12px solid #cc0301 !important;
}


#content{

/*AREA THAT THE POSTS ARE ON*/ 

  background: #084200 !important;

  -moz-border-radius: 15px !important;

  border-radius: 15px !important;
}



#posts .post .permalink {

/*MAKING THE DOGEAR THE RIGHT COLOR (YOU'LL HAVE TO EDIT THE COLOR OF THE IMAGE ON PHOTOSHOP OR DELETE THIS SECTION OF THE CODE IF YOU WANT IT DIFFERENT)*/

  width: 23px;

  height: 23px;

  background: url('http://i45.tinypic.com/xkujxg.png') !important;

  position: absolute;

  top: -4px;

  right: -5px;
}



#posts .post{

/*I HAVE ADDED A BORDER AROUND EACH POST, BUT YOU CAN ALSO CHANGE THE BACKGROUND COLOR FROM HERE PROVIDED YOU ADD THE CODE FOR IT YOURSELF*/

  border: 4px solid #cc0301;
}



img.content_top, img#content_top, img#content_bottom {

/*GETTING RID OF THESE TWO BARS THAT NO LONGER LOOK GOOD*/

  opacity:0.0 !important;
}


element.style {

/*JUST FIXING SOME MORE STUFF*/

  width: 600px !important;

  float: left !important;

  margin-top: 10px !important;

  padding: 5px 0 5px 30px !important;

  border: 4px solid rgba(0, 0, 0, .5) !important;

  -moz-border-radius: 20px !important;

  -webkit-border-radius: 20px !important;

  -khtml-border-radius: 20px !important;

   border-radius: 20px !important;
}



#edit_post_controls .advanced_option select, #edit_post_controls .advanced_option input, #edit_post_controls .advanced_option textarea {

/*MORE FIXING SIGH*/

  margin-top: 15px !important;

  margin-bottom: 15px !important;
}



#edit_post_controls .advanced_option {

/*DA DA DADADADA DA DA FIXING*/

  padding: 0px !important;
}



#tag_editor {

/*ONE LAST THING TO FIX DON'T MIND ME*/

  margin-top: 15px !important;
}



#dashboard_edit_post h1 {

/*FONT COLOR FOR TEXT 'ADD A TEXT POST'*/

  color: #FFFFFF !important;

  padding: 5px !important;
}



edit_post_controls .advanced_option label {

/*TEXT ON THE SIDE WHEN MAKING A NEW POST*/

  color: rgba(255, 255, 255, .69) !important;
}


#posts .post .post_info a {

/*OTHER LINKED BLOG NAMES*/

  color: #929292 !important;
}



#posts .notification .avatar_frame {

/*BACKGROUND AND BORDER FOR THE ICONS NEXT TO NOTIFICATIONS
NOT REALLY THAT NOTICEABLE UNLESS THE PAGE LAGS A BIT*/

  background-color: rgba(0, 0, 0, .5) !important;

  border: 1px solid rgba(0, 0, 0, .5) !important;
}



#posts .notification .nipple {

/*THE LITTLE ARROW TO THE LEFT OF NOTIFICATIONS*/

  border-top: 6px solid transparent !important;

  border-bottom: 6px solid transparent !important;

  border-right: 6px solid #118800 !important !important;
}



#posts .notification.alt .nipple {

/*ALTERNATE ARROW FOR ALTERNATING COLORS*/

  border-right: 6px solid #118800 !important !important;
}



#posts .notification {

/*NOTIFICATIONS*/

  background-color: #29d535 !important;

  border: 1px solid rgba(0, 0, 0, .5) !important;
}



#posts .notification.first_notification {

/*BORDER FOR THE TOP OF THE FIRST NOTIFICATION*/

  border-top: 1px solid rgba(0, 0, 0, .5) !important;
}


#posts .notification.single_notification {

/*SINGLE NOTIFICATIONS ALSO REQUIRE A SEPARATE SECTION OF CODE FOR THEIR BORDERS*/

  border: 1px solid rgba(0, 0, 0, .5) !important;
}



#posts .notification.alt {

/*ALTERNATE NOTIFICATIONS FOR IF YOU WANT ALTERNATING COLORS*/

  background-color: #29d535 !important;
}



#posts .notification a:not(.avatar_frame) {

/*THE TEXT ITSELF IN NOTIFICATIONS*/

  color: #323232 !important;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #323232 !important;  /*THIS IS THE UNDERLINE*/
}



#posts .notification {

/*LIKED YOUR or REBLOGED YOUR*/

color: rgba(0, 0, 0, 1) !important;
}



.follower {

/*BACKGROUND FOR EACH PERSON YOU FOLLOW WHEN VIEWING YOUR FOLLOWING PAGE*/

  background: #29d535 !important;
}



.follower.alt {

/*THESE ALTERNATE JUST LIKE THE NOTIFICATIONS*/

  background: #29d535 !important;
}



.chrome.clear {

/*UNFOLLOW BUTTON ON YOUR FOLLOWING PAGE*/

  color: rgba(0, 0, 0, .9) !important;

  background: rgba(0, 0, 0, .2) !important;

  border-color: rgba(0, 0, 0, .5) !important;
}



.crushes_subhead {

/*TEXT UNDERNEATH TUMBLR CRUSHES*/

  color: rgba(225, 225, 255, .69) !important;
}



.grey_note {

/*THAT LITTLE BOX ON THE RIGHT ON YOUR FOLLOWING PAGE*/

  background: #118800 !important;

  border: 1px solid #000000 !important;
}



/*
THE END!
*/