/*
******DEXBUILDER MAIN CSS
All the styles needed for basic visual layout, tidiness, etc.
beyond whatever the Bootstrap defaults provide.
Geared toward Bootstrap 3.3.1 as of 010715
*/



/*
******IMPORTS, ETC.
Other files that this stylesheet relies on.
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500,500italic,700,700italic);



/*
******BOOTSTRAP OVERRIDES/MODIFICATIONS
Adjustments to specific Bootstrap styles or new things based on said styles.
*/

@media (min-width: 768px) {
  .container-fluid {
    width: 95%;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    width: 95%;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    width: 87%;
  }
}

.thumbnail {
    border: none;
    background: none;
    box-shadow: none;
}

/* progress bars within condensed tables have too much bottom margin
--see suggested fixes here https://github.com/twbs/bootstrap/issues/3905 */
.table-condensed .progress {
    margin-bottom: 0px;
}

/* the below is for floating certain thumbnail captions to the right
e.g. for stuff like the pokemon summaries that show name, types, base stats, etc.
--see http://stackoverflow.com/questions/11798545/twitter-bootstrap-thumbnail-caption-to-the-right */
.thumbnail.right-caption > img,
.thumbnail.right-caption a.pull-left {
    float: left;
    margin-right: 9px;
}
.thumbnail.right-caption {
    float: left;
    width: 100%;
}
.thumbnail.right-caption > .caption {
    padding: 4px;
    padding-top: 0px;
}
.thumbnail.right-caption > img,
.thumbnail.right-caption a > img {
    display: inline;
    max-width: none;
    height: inherit;
}

/*adding the .table, .table-striped and .table-condensed styles to all markdown/2/3, move-desc, battle-effect and field-effect markdown areas*/
.markdown table {
  /*width: 100%;
  max-width: 100%;*/
  margin-bottom: 20px;
}
.markdown table > thead > tr > th,
.markdown table > tbody > tr > th,
.markdown table > tfoot > tr > th,
.markdown table > thead > tr > td,
.markdown table > tbody > tr > td,
.markdown table > tfoot > tr > td {
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.markdown table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.markdown table > caption + thead > tr:first-child > th,
.markdown table > colgroup + thead > tr:first-child > th,
.markdown table > thead:first-child > tr:first-child > th,
.markdown table > caption + thead > tr:first-child > td,
.markdown table > colgroup + thead > tr:first-child > td,
.markdown table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.markdown table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.markdown table > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
/*...and then undo that for any tables i don't want styled like that*/
.markdown .nostyle-table table {
  margin-bottom: 0px;
}
.markdown .nostyle-table table > thead > tr > th,
.markdown .nostyle-table table > tbody > tr > th,
.markdown .nostyle-table table > tfoot > tr > th,
.markdown .nostyle-table table > thead > tr > td,
.markdown .nostyle-table table > tbody > tr > td,
.markdown .nostyle-table table > tfoot > tr > td {
  padding: inherit;
  line-height: inherit;
  vertical-align: inherit;
  border-top: none;
}
.markdown .nostyle-table table > thead > tr > th {
  vertical-align: inherit;
  border-bottom: none;
}
.markdown table > caption + thead > tr:first-child > th,
.markdown table > colgroup + thead > tr:first-child > th,
.markdown table > thead:first-child > tr:first-child > th,
.markdown table > caption + thead > tr:first-child > td,
.markdown table > colgroup + thead > tr:first-child > td,
.markdown table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.markdown .nostyle-table table > tbody + tbody {
  border-top: none;
}
.markdown .nostyle-table table > tbody > tr:nth-child(odd) {
  background-color: none !important;
  background: none !important;
}
/*additional styles for markdown tables used for encounters*/
/*styles for table-small and table-bordered need to be copied here since i can't add a class to markdown tables atm*/
.markdown.encounter-table table {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.markdown.encounter-table table a {
    font-weight: bold;
}
.markdown.encounter-table table > thead > tr > th,
.markdown.encounter-table table > tbody > tr > th,
.markdown.encounter-table table > tfoot > tr > th,
.markdown.encounter-table table > thead > tr > td,
.markdown.encounter-table table > tbody > tr > td,
.markdown.encounter-table table > tfoot > tr > td {
  border: 1px solid #ddd;
}
.markdown.encounter-table table > thead > tr > th,
.markdown.encounter-table table > thead > tr > td {
  border-bottom-width: 2px;
}
.markdown.encounter-table table td,
.markdown.encounter-table table th{
    border: 1px solid #ddd !important;
}
.markdown .markdown-tborder {
    border: 1px solid #ddd !important;
}

/*recommended fix for a Firefox issue with the responsive tables*/
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

/*adjust the default blockquote style*/
blockquote {
    font-size: inherit;
    border-left: none;
    background-color: #efefef;
    border-radius: 5px;
}



/*
******DETAILED DEXBUILDER STYLES
The meat of the styling specific to this site.
*/

body {
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    background-color: #333;
}

.content {
    background-color: #fff;
    padding: 25px;
    padding-top: 100px;
    border-radius: 0 0 25px 25px;
    margin-bottom: 20px;
}

footer {
    border-top: 1px solid #ddd;
    padding: 20px;
    margin-top: 40px; /*mostly to prevent the footer running into the main text on very short pages*/
    font-size: 90%;
}

.main-title {
    height: 60px;
    margin-bottom: 20px;
}
.main-title h1 {
    margin-top: 10px;
}

.caption-centered .caption li {
    text-align: center;
}

caption {
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}

.move-table a {
    font-weight: bold;
}

.table-centered th,
.table-centered td {
    text-align: center;
}

.table-small {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.table-small a {
    font-weight: bold;
}

.damage-table > tbody > tr:first-child > th,
.stat-table > tbody > tr:first-child > th,
.evo-table > tbody > tr:first-child > th,
.loc-table > tbody > tr:first-child > th,
.trainer-info > tbody > tr:first-child > th,
.region-info > tbody > tr:first-child > th,
.damage-table > tbody > tr:first-child > td,
.stat-table > tbody > tr:first-child > td,
.evo-table > tbody > tr:first-child > td,
.loc-table > tbody > tr:first-child > td,
.trainer-info > tbody > tr:first-child > td,
.region-info > tbody > tr:first-child > td {
  border-top: 0px solid #ddd;
}

.nav-table td {
    text-align: center;
}

.mini-poketable, .mini-chartable {
    min-width: 305px;
    min-height: 170px;
}

.tall-poketable {
    min-height: 190px;
}

/*on small monitors, the type icons on pokedex pages wrap onto a new row, causing pokemon to be misaligned when there's a mix of single-and dual-types in a row; stop that*/
.dex-poketable li {
    white-space: nowrap;
}

/*old fix for the above*/
/*@media (max-width: 1440px) {
  .dex-poketable {
    min-height: 250px;
  }
}*/

.trainer-info th {
    min-width: 145px;
}

/*news updates display images; keep the overall height to a reasonable max*/
.update-row {
    max-height: 250px;
}

/*
***TYPE/CLASS ICONS
*/

a.type-icon {
    color: white;
    text-shadow: 1px 1px 1px black;
    width: 60px;
    padding: 3px 4px 5px 4px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 3px;
    font-weight: normal;
}

a.type-large {
    color: white;
    text-shadow: 1px 1px 1px black;
    width: 100px;
    height: 30px;
    padding: 3px 4px 5px 4px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 3px;
    font-weight: normal;
}

a.type-small {
    color: white;
    text-shadow: 1px 1px 1px black;
    width: 40px;
    padding: 3px 4px 5px 4px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 3px;
    font-weight: normal;
}

/* an attempt to fade the icons slightly on hover
except for some reason it's just flat white over other gradients*/
/*a.type-icon:hover {
    background-image: linear-gradient(
        to bottom,
        rgba(255,255,255,0.4) 0%, 
        rgba(255,255,255,0.4) 100%
    );
}*/

/*
***Type Colors
*/

.type-bug {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D9E089),
	color-stop(1, #A5B625)
    );
    background-image: -o-linear-gradient(bottom, #D9E089 0%, #A5B625 100%);
    background-image: -moz-linear-gradient(bottom, #D9E089 0%, #A5B625 100%);
    background-image: -webkit-linear-gradient(bottom, #D9E089 0%, #A5B625 100%);
    background-image: -ms-linear-gradient(bottom, #D9E089 0%, #A5B625 100%);
    background-image: linear-gradient(to bottom, #D9E089 0%, #A5B625 100%);
    border-top: #fbffcc 1px solid;
    border-bottom: #616b15 1px solid;
}
.type-dark {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #96857B),
	color-stop(1, #6F5849)
    );
    background-image: -o-linear-gradient(bottom, #96857B 0%, #6F5849 100%);
    background-image: -moz-linear-gradient(bottom, #96857B 0%, #6F5849 100%);
    background-image: -webkit-linear-gradient(bottom, #96857B 0%, #6F5849 100%);
    background-image: -ms-linear-gradient(bottom, #96857B 0%, #6F5849 100%);
    background-image: linear-gradient(to bottom, #96857B 0%, #6F5849 100%);
    border-top: #d6cbc5 1px solid;
    border-bottom: #302621 1px solid;
}
.type-dragon {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #9D7FE8),
	color-stop(1, #703BF6)
    );
    background-image: -o-linear-gradient(bottom, #9D7FE8 0%, #703BF6 100%);
    background-image: -moz-linear-gradient(bottom, #9D7FE8 0%, #703BF6 100%);
    background-image: -webkit-linear-gradient(bottom, #9D7FE8 0%, #703BF6 100%);
    background-image: -ms-linear-gradient(bottom, #9D7FE8 0%, #703BF6 100%);
    background-image: linear-gradient(to bottom, #9D7FE8 0%, #703BF6 100%);
    border-top: #cbb9f7 1px solid;
    border-bottom: #4f2bab 1px solid;
}
.type-electric {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F0DA8B),
	color-stop(1, #F7D036)
    );
    background-image: -o-linear-gradient(bottom, #F0DA8B 0%, #F7D036 100%);
    background-image: -moz-linear-gradient(bottom, #F0DA8B 0%, #F7D036 100%);
    background-image: -webkit-linear-gradient(bottom, #F0DA8B 0%, #F7D036 100%);
    background-image: -ms-linear-gradient(bottom, #F0DA8B 0%, #F7D036 100%);
    background-image: linear-gradient(to bottom, #F0DA8B 0%, #F7D036 100%);
    border-top: #f7f0d7 1px solid;
    border-bottom: #b09637 1px solid;
}
.type-fairy {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FCBDEB),
	color-stop(1, #F8A0E1)
    );
    background-image: -o-linear-gradient(bottom, #FCBDEB 0%, #F8A0E1 100%);
    background-image: -moz-linear-gradient(bottom, #FCBDEB 0%, #F8A0E1 100%);
    background-image: -webkit-linear-gradient(bottom, #FCBDEB 0%, #F8A0E1 100%);
    background-image: -ms-linear-gradient(bottom, #FCBDEB 0%, #F8A0E1 100%);
    background-image: linear-gradient(to bottom, #FCBDEB 0%, #F8A0E1 100%);
    border-top: #f7edf4 1px solid;
    border-bottom: #cf72b8 1px solid;
}
.type-fighting {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #CF745D),
	color-stop(1, #8E332C)
    );
    background-image: -o-linear-gradient(bottom, #CF745D 0%, #8E332C 100%);
    background-image: -moz-linear-gradient(bottom, #CF745D 0%, #8E332C 100%);
    background-image: -webkit-linear-gradient(bottom, #CF745D 0%, #8E332C 100%);
    background-image: -ms-linear-gradient(bottom, #CF745D 0%, #8E332C 100%);
    background-image: linear-gradient(to bottom, #CF745D 0%, #8E332C 100%);
    border-top: #edb2a4 1px solid;
    border-bottom: #401714 1px solid;
}
.type-fire {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #E28A19),
	color-stop(1, #EF4F33)
    );
    background-image: -o-linear-gradient(bottom, #E28A19 0%, #EF4F33 100%);
    background-image: -moz-linear-gradient(bottom, #E28A19 0%, #EF4F33 100%);
    background-image: -webkit-linear-gradient(bottom, #E28A19 0%, #EF4F33 100%);
    background-image: -ms-linear-gradient(bottom, #E28A19 0%, #EF4F33 100%);
    background-image: linear-gradient(to bottom, #E28A19 0%, #EF4F33 100%);
    border-top: #f7d2a6 1px solid;
    border-bottom: #872413 1px solid;
}
.type-flying {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #CBBAFF),
	color-stop(1, #A790EE)
    );
    background-image: -o-linear-gradient(bottom, #CBBAFF 0%, #A790EE 100%);
    background-image: -moz-linear-gradient(bottom, #CBBAFF 0%, #A790EE 100%);
    background-image: -webkit-linear-gradient(bottom, #CBBAFF 0%, #A790EE 100%);
    background-image: -ms-linear-gradient(bottom, #CBBAFF 0%, #A790EE 100%);
    background-image: linear-gradient(to bottom, #CBBAFF 0%, #A790EE 100%);
    border-top: #efeafc 1px solid;
    border-bottom: #6c58ad 1px solid;
}
.type-ghost {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #A089C7),
	color-stop(1, #6F5896)
    );
    background-image: -o-linear-gradient(bottom, #A089C7 0%, #6F5896 100%);
    background-image: -moz-linear-gradient(bottom, #A089C7 0%, #6F5896 100%);
    background-image: -webkit-linear-gradient(bottom, #A089C7 0%, #6F5896 100%);
    background-image: -ms-linear-gradient(bottom, #A089C7 0%, #6F5896 100%);
    background-image: linear-gradient(to bottom, #A089C7 0%, #6F5896 100%);
    border-top: #cdbceb 1px solid;
    border-bottom: #3c2e54 1px solid;
}
.type-grass {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #AADE91),
	color-stop(1, #77C650)
    );
    background-image: -o-linear-gradient(bottom, #AADE91 0%, #77C650 100%);
    background-image: -moz-linear-gradient(bottom, #AADE91 0%, #77C650 100%);
    background-image: -webkit-linear-gradient(bottom, #AADE91 0%, #77C650 100%);
    background-image: -ms-linear-gradient(bottom, #AADE91 0%, #77C650 100%);
    background-image: linear-gradient(to bottom, #AADE91 0%, #77C650 100%);
    border-top: #e0ffd1 1px solid;
    border-bottom: #5d993f 1px solid;
}
.type-ground {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F7D371),
	color-stop(1, #CFAF57)
    );
    background-image: -o-linear-gradient(bottom, #F7D371 0%, #CFAF57 100%);
    background-image: -moz-linear-gradient(bottom, #F7D371 0%, #CFAF57 100%);
    background-image: -webkit-linear-gradient(bottom, #F7D371 0%, #CFAF57 100%);
    background-image: -ms-linear-gradient(bottom, #F7D371 0%, #CFAF57 100%);
    background-image: linear-gradient(to bottom, #F7D371 0%, #CFAF57 100%);
    border-top: #fffaed 1px solid;
    border-bottom: #a3883c 1px solid;
}
.type-ice {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #AAFAFA),
	color-stop(1, #97D7D7)
    );
    background-image: -o-linear-gradient(bottom, #AAFAFA 0%, #97D7D7 100%);
    background-image: -moz-linear-gradient(bottom, #AAFAFA 0%, #97D7D7 100%);
    background-image: -webkit-linear-gradient(bottom, #AAFAFA 0%, #97D7D7 100%);
    background-image: -ms-linear-gradient(bottom, #AAFAFA 0%, #97D7D7 100%);
    background-image: linear-gradient(to bottom, #AAFAFA 0%, #97D7D7 100%);
    border-top: #eafcfc 1px solid;
    border-bottom: #569999 1px solid;
}
.type-normal {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #DBDB93),
	color-stop(1, #A6A677)
    );
    background-image: -o-linear-gradient(bottom, #DBDB93 0%, #A6A677 100%);
    background-image: -moz-linear-gradient(bottom, #DBDB93 0%, #A6A677 100%);
    background-image: -webkit-linear-gradient(bottom, #DBDB93 0%, #A6A677 100%);
    background-image: -ms-linear-gradient(bottom, #DBDB93 0%, #A6A677 100%);
    background-image: linear-gradient(to bottom, #DBDB93 0%, #A6A677 100%);
    border-top: #fcfcdd 1px solid;
    border-bottom: #70704c 1px solid;
}
.type-poison {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #E34DE3),
	color-stop(1, #9E429E)
    );
    background-image: -o-linear-gradient(bottom, #E34DE3 0%, #9E429E 100%);
    background-image: -moz-linear-gradient(bottom, #E34DE3 0%, #9E429E 100%);
    background-image: -webkit-linear-gradient(bottom, #E34DE3 0%, #9E429E 100%);
    background-image: -ms-linear-gradient(bottom, #E34DE3 0%, #9E429E 100%);
    background-image: linear-gradient(to bottom, #E34DE3 0%, #9E429E 100%);
    border-top: #fcb3fc 1px solid;
    border-bottom: #692b69 1px solid;
}
.type-psychic {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FF94B4),
	color-stop(1, #F75885)
    );
    background-image: -o-linear-gradient(bottom, #FF94B4 0%, #F75885 100%);
    background-image: -moz-linear-gradient(bottom, #FF94B4 0%, #F75885 100%);
    background-image: -webkit-linear-gradient(bottom, #FF94B4 0%, #F75885 100%);
    background-image: -ms-linear-gradient(bottom, #FF94B4 0%, #F75885 100%);
    background-image: linear-gradient(to bottom, #FF94B4 0%, #F75885 100%);
    border-top: #ffd6e2 1px solid;
    border-bottom: #b5385b 1px solid;
}
.type-rock {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D9C573),
	color-stop(1, #A38A26)
    );
    background-image: -o-linear-gradient(bottom, #D9C573 0%, #A38A26 100%);
    background-image: -moz-linear-gradient(bottom, #D9C573 0%, #A38A26 100%);
    background-image: -webkit-linear-gradient(bottom, #D9C573 0%, #A38A26 100%);
    background-image: -ms-linear-gradient(bottom, #D9C573 0%, #A38A26 100%);
    background-image: linear-gradient(to bottom, #D9C573 0%, #A38A26 100%);
    border-top: #fff2bf 1px solid;
    border-bottom: #786829 1px solid;
}
.type-steel {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #E1E1E6),
	color-stop(1, #B6B6CE)
    );
    background-image: -o-linear-gradient(bottom, #E1E1E6 0%, #B6B6CE 100%);
    background-image: -moz-linear-gradient(bottom, #E1E1E6 0%, #B6B6CE 100%);
    background-image: -webkit-linear-gradient(bottom, #E1E1E6 0%, #B6B6CE 100%);
    background-image: -ms-linear-gradient(bottom, #E1E1E6 0%, #B6B6CE 100%);
    background-image: linear-gradient(to bottom, #E1E1E6 0%, #B6B6CE 100%);
    border-top: #fcfcfc 1px solid;
    border-bottom: #797991 1px solid;
}
.type-water {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #82A8FF),
	color-stop(1, #6991EE)
    );
    background-image: -o-linear-gradient(bottom, #82A8FF 0%, #6991EE 100%);
    background-image: -moz-linear-gradient(bottom, #82A8FF 0%, #6991EE 100%);
    background-image: -webkit-linear-gradient(bottom, #82A8FF 0%, #6991EE 100%);
    background-image: -ms-linear-gradient(bottom, #82A8FF 0%, #6991EE 100%);
    background-image: linear-gradient(to bottom, #82A8FF 0%, #6991EE 100%);
    border-top: #cfddff 1px solid;
    border-bottom: #4664a6 1px solid;
}
.type-unknown {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #B7E8DA),
	color-stop(1, #98C4B8)
    );
    background-image: -o-linear-gradient(bottom, #B7E8DA 0%, #98C4B8 100%);
    background-image: -moz-linear-gradient(bottom, #B7E8DA 0%, #98C4B8 100%);
    background-image: -webkit-linear-gradient(bottom, #B7E8DA 0%, #98C4B8 100%);
    background-image: -ms-linear-gradient(bottom, #B7E8DA 0%, #98C4B8 100%);
    background-image: linear-gradient(to bottom, #B7E8DA 0%, #98C4B8 100%);
    border-top: #e4f7f2 1px solid;
    border-bottom: #5f8c7f 1px solid;
}

/*
***Class Colors
*/

.type-other {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #C7BDC7),
	color-stop(1, #969296)
    );
    background-image: -o-linear-gradient(bottom, #C7BDC7 0%, #969296 100%);
    background-image: -moz-linear-gradient(bottom, #C7BDC7 0%, #969296 100%);
    background-image: -webkit-linear-gradient(bottom, #C7BDC7 0%, #969296 100%);
    background-image: -ms-linear-gradient(bottom, #C7BDC7 0%, #969296 100%);
    background-image: linear-gradient(to bottom, #C7BDC7 0%, #969296 100%);
    border-top: #fcfcfc 1px solid;
    border-bottom: #797991 1px solid;
}
.type-physical {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FA5041),
	color-stop(1, #CE2A18)
    );
    background-image: -o-linear-gradient(bottom, #FA5041 0%, #CE2A18 100%);
    background-image: -moz-linear-gradient(bottom, #FA5041 0%, #CE2A18 100%);
    background-image: -webkit-linear-gradient(bottom, #FA5041 0%, #CE2A18 100%);
    background-image: -ms-linear-gradient(bottom, #FA5041 0%, #CE2A18 100%);
    background-image: linear-gradient(to bottom, #FA5041 0%, #CE2A18 100%);
    border-top: #ffc4bf 1px solid;
    border-bottom: #8a231a 1px solid;
}
.type-special {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #8696BD),
	color-stop(1, #5A637B)
    );
    background-image: -o-linear-gradient(bottom, #8696BD 0%, #5A637B 100%);
    background-image: -moz-linear-gradient(bottom, #8696BD 0%, #5A637B 100%);
    background-image: -webkit-linear-gradient(bottom, #8696BD 0%, #5A637B 100%);
    background-image: -ms-linear-gradient(bottom, #8696BD 0%, #5A637B 100%);
    background-image: linear-gradient(to bottom, #8696BD 0%, #5A637B 100%);
    border-top: #d7e0f7 1px solid;
    border-bottom: #303647 1px solid;
}



/*
******PAGE-SPECIFIC DEXBUILDER STYLES
Styles that are only going to apply to one or two types of templates.
*/

/*
***INDEX AND BLOG-MAIN TEMPLATES
*/

.post-list {
    padding-top: 30px;
}

.blog-post {
    padding-bottom: 20px;
}

.post-date {
    font-style: italic;
    color: gray;
}

/*
***POKEMON TEMPLATE
*/

.ability-list dd {
    padding-bottom: 7px;
}

/* for some reason the stat names in the base stat table end up with really wide table cells
so stop that */
.base-stats th {
    width: 38%;
    text-align: right;
    white-space: nowrap;
}

/*.progress-bar-stat {
    background-color: #d15462;
}*/

.progress-bar-male {
    background-color: #6995d6;
}

.progress-bar-female {
    background-color: #e396af;
}

.progress-bar-neuter {
    background-color: #a8a8a8;
}

.progress.gender-ratio {
    margin-bottom: 0;
}

/*.label-hidden-ability {
    background-color: #c9979c;
}*/

.loc-table th {
    width: 10%;
}

.relearner {
    color: #E82E2E;
}

.on-evo {
    color: #19934a;
}

/*
***POKEMON EVO TEMPLATE
*/

.evo-table td {
    width: 33.3%;
}

/*need a more specific selector to override bootstrap here*/
.evo-table > tbody > tr > td {
    border: none;
}

/*style the arrow that points between evo stages; currently applied to a table cell*/
.evo-arrow {
  font-size: 200%;
  width: 30px !important;
}

/*
***MOVE TEMPLATE
*/

.move-stats {
    font-size: 120%;
}

/*
***TYPE MAIN
*/

.type-chart {
    text-align: center;
}

/*
***DAMAGE MULTIPLIERS
*/

.one-x {
    font-weight: bold;
}
.two-x {
    font-weight: bold;
    color: #2b5c23;
    background-color: #ceebbf;
}
.half-x {
    font-weight: bold;
    color: #4141b0;
    background-color: #c0d1ed;
}
.zero-x {
    font-weight: bold;
    color: #d12c2c;
    background-color: #edc0c0;
}

/*
***LOCATION TEMPLATE
*/

/*on small monitors, the intro text on location pages butts up against the map image; stop that*/
@media (max-width: 1440px) {
  .small-padding h2, .small-padding .markdown {
    padding: 0 15px;
  }
}

/*
***SEARCH TYPEAHEAD
*/

.tt-dropdown-menu {
    background-color: white;
    width: 100%;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ddd;
    border-top: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.tt-suggestion {
  padding: 12px 20px 3px 20px;
  line-height: 18px;
}

.tt-suggestion.tt-cursor {
    background-color: #f5f5f5;
}

/*the "vertical-align:top" style that the typeahead.js script adds
throws the search form and search button out of line
this forces the button to stay with the input*/
.top-adjust {
    vertical-align: top;
}


/*
******NOT CURRENTLY IN USE
These sections are here just in case I need them again.
For now, they're commented out so they don't mess anything up.
*/

/* adding support for a ten-column grid that uses similar syntax to the default
so i can have the ten-column pokedex grid i wanted
unfortunately as-is they don't wrap around when you shrink the viewport
so i'm just making do with six columns for now
--see http://stackoverflow.com/a/22799354 */
/*.col-xs-10ths,
.col-sm-10ths,
.col-md-10ths,
.col-lg-10ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-10ths {
        width: 10%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-10ths {
        width: 10%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-10ths {
        width: 10%;
        float: left;
    }
}*/