/* wp-syntax.css */

/* 1  */ .wp_syntax {
/* 2  */ 	color           : #100;
/* 3  */ 	background-color: #f9f9f9;
/* 4  */ 	border          : 1px solid silver;
/* 5  */ 	margin          : 0 0 1.5em 0;
/* 6  */ 	overflow        : auto;
/* 7  */ }
/* 8  */ 
/* 9  */ /* IE FIX */
/* 10 */ .wp_syntax {
/* 11 */ 	overflow-x    : auto;
/* 12 */ 	overflow-y    : hidden;
/* 13 */ 	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
/* 14 */ 	width         : 99%;
/* 15 */ }
/* 16 */ 
/* 17 */ .wp_syntax table {
/* 18 */ 	border         : none !important;
/* 19 */ 	border-collapse: collapse !important;
/* 20 */ 	margin         : 0 !important;
/* 21 */ 	padding        : 0 !important;
/* 22 */ 	width          : 100% !important
/* 23 */ }
/* 24 */ 
/* 25 */ .wp_syntax caption {
/* 26 */ 	margin          : 0 !important;
/* 27 */ 	padding         : 2px !important;
/* 28 */ 	width           : 100% !important;
/* 29 */ 	background-color: #def !important;
/* 30 */ 	text-align      : left !important;
/* 31 */ 	font-family     : monospace !important;
/* 32 */ 	font-size       : 12px !important;
/* 33 */ 	line-height     : 1.2em !important;
/* 34 */ }
/* 35 */ 
/* 36 */ .wp_syntax caption a {
/* 37 */ 	color          : #1982d1 !important;
/* 38 */ 	text-align     : left !important;
/* 39 */ 	font-family    : monospace !important;
/* 40 */ 	font-size      : 12px !important;
/* 41 */ 	line-height    : 16px !important;
/* 42 */ 	text-decoration: none !important;
/* 43 */ }
/* 44 */ 
/* 45 */ .wp_syntax caption a:hover {
/* 46 */ 	color          : #1982d1 !important;
/* 47 */ 	text-decoration: underline !important;
/* 48 */ }
/* 49 */ 
/* 50 */ .wp_syntax div, .wp_syntax td {

/* wp-syntax.css */

/* 51 */ 	border        : none !important;
/* 52 */ 	text-align    : left !important;
/* 53 */ 	padding       : 0 !important;
/* 54 */ 	vertical-align: top !important;
/* 55 */ }
/* 56 */ 
/* 57 */ .wp_syntax td.code{
/* 58 */ 	background-color: #EEE;
/* 59 */ 	background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
/* 60 */ 	background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
/* 61 */ 	background-image: -ms-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
/* 62 */ 	background-image: -o-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
/* 63 */ 	background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
/* 64 */ 	background-size : 1px 32px;
/* 65 */ 	line-height     : normal !important;
/* 66 */ 	white-space     : normal !important;
/* 67 */ 	width           : 100% !important;
/* 68 */ }
/* 69 */ 
/* 70 */ /* potential overrides for other styles */
/* 71 */ .wp_syntax pre {
/* 72 */ 	background           : transparent !important;
/* 73 */ 	border               : none !important;
/* 74 */ 	margin               : 0 !important;
/* 75 */ 	padding              : 0 !important;
/* 76 */ 	width                : auto !important;
/* 77 */ 	float                : none !important;
/* 78 */ 	clear                : none !important;
/* 79 */ 	overflow             : visible !important;
/* 80 */ 	font-family          : monospace !important;
/* 81 */ 	font-size            : 12px !important;
/* 82 */ 	line-height          : 16px !important;
/* 83 */ 	padding              : 0 4px !important;
/* 84 */ 	white-space          : pre !important;
/* 85 */ 	-moz-box-shadow      : 0px 0px 0px rgba(0, 0, 0, 0) !important; /* FF3.5+ */
/* 86 */ 	-webkit-box-shadow   : 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Saf3.0+, Chrome */
/* 87 */ 	box-shadow           : 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Opera 10.5, IE 9.0 */
/* 88 */ 	-webkit-border-radius: 0 !important;
/* 89 */ 	-moz-border-radius   : 0 !important;
/* 90 */ 	border-radius        : 0 !important;
/* 91 */ }
/* 92 */ 
/* 93 */ .wp_syntax td.line_numbers pre {
/* 94 */ 	background-color: #def !important;
/* 95 */ 	color           : gray !important;
/* 96 */ 	text-align      : right !important;
/* 97 */ 	width           : 16px !important;
/* 98 */ }

/* style.css */

/* 1    */ /******************************************************************
/* 2    *| Site Name:
/* 3    *| Author:
/* 4    *| 
/* 5    *| Stylesheet: Main Stylesheet
/* 6    *| 
/* 7    *| Here's where the magic happens. Here, you'll see we are calling in
/* 8    *| the separate media queries. The base mobile goes outside any query
/* 9    *| and is called at the beginning, after that we call the rest
/* 10   *| of the styles inside media queries.
/* 11   *| ******************************************************************/
/* 12   */ /*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* 13   */ /* ==========================================================================
/* 14   *|    HTML5 display definitions
/* 15   *|    ========================================================================== */
/* 16   */ /*
/* 17   *|  * Corrects `block` display not defined in IE6/7/8/9 & FF3.
/* 18   *|  */
/* 19   */ article,
/* 20   */ aside,
/* 21   */ details,
/* 22   */ figcaption,
/* 23   */ figure,
/* 24   */ footer,
/* 25   */ header,
/* 26   */ hgroup,
/* 27   */ nav,
/* 28   */ section,
/* 29   */ summary {
/* 30   */   display: block;
/* 31   */ }
/* 32   */ /*
/* 33   *|  * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
/* 34   *|  */
/* 35   */ audio,
/* 36   */ canvas,
/* 37   */ video {
/* 38   */   display: inline-block;
/* 39   */   *display: inline;
/* 40   */   *zoom: 1;
/* 41   */ }
/* 42   */ /*
/* 43   *|  * Prevents modern browsers from displaying `audio` without controls.
/* 44   *|  * Remove excess height in iOS5 devices.
/* 45   *|  */
/* 46   */ audio:not([controls]) {
/* 47   */   display: none;
/* 48   */   height: 0;
/* 49   */ }
/* 50   */ /*

/* style.css */

/* 51   *|  * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
/* 52   *|  * Known issue: no IE6 support.
/* 53   *|  */
/* 54   */ [hidden] {
/* 55   */   display: none;
/* 56   */ }
/* 57   */ /* ==========================================================================
/* 58   *|    Base
/* 59   *|    ========================================================================== */
/* 60   */ /*
/* 61   *|  * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
/* 62   *|  *    `em` units.
/* 63   *|  * 2. Prevents iOS text size adjust after orientation change, without disabling
/* 64   *|  *    user zoom.
/* 65   *|  */
/* 66   */ html {
/* 67   */   font-size: 100%;
/* 68   */   /* 1 */
/* 69   */ 
/* 70   */   -webkit-text-size-adjust: 100%;
/* 71   */   -ms-text-size-adjust: 100%;
/* 72   */   /* 2 */
/* 73   */ 
/* 74   */ }
/* 75   */ /*
/* 76   *|  * Addresses `font-family` inconsistency between `textarea` and other form
/* 77   *|  * elements.
/* 78   *|  */
/* 79   */ html,
/* 80   */ button,
/* 81   */ input,
/* 82   */ select,
/* 83   */ textarea {
/* 84   */   font-family: sans-serif;
/* 85   */ }
/* 86   */ /*
/* 87   *|  * Addresses margins handled incorrectly in IE6/7.
/* 88   *|  */
/* 89   */ body {
/* 90   */   margin: 0;
/* 91   */ }
/* 92   */ /* ==========================================================================
/* 93   *|    Links
/* 94   *|    ========================================================================== */
/* 95   */ /*
/* 96   *|  * Addresses `outline` inconsistency between Chrome and other browsers.
/* 97   *|  */
/* 98   */ a:focus {
/* 99   */   outline: thin dotted;
/* 100  */ }

/* style.css */

/* 101  */ /*
/* 102  *|  * Improves readability when focused and also mouse hovered in all browsers.
/* 103  *|  * people.opera.com/patrickl/experiments/keyboard/test
/* 104  *|  */
/* 105  */ a:active,
/* 106  */ a:hover {
/* 107  */   outline: 0;
/* 108  */ }
/* 109  */ /* ==========================================================================
/* 110  *|    Typography
/* 111  *|    ========================================================================== */
/* 112  */ /*
/* 113  *|  * Addresses font sizes and margins set differently in IE6/7.
/* 114  *|  * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
/* 115  *|  */
/* 116  */ h1 {
/* 117  */   font-size: 2em;
/* 118  */   margin: 0.67em 0;
/* 119  */ }
/* 120  */ h2 {
/* 121  */   font-size: 1.5em;
/* 122  */   margin: 0.83em 0;
/* 123  */ }
/* 124  */ h3 {
/* 125  */   font-size: 1.17em;
/* 126  */   margin: 1em 0;
/* 127  */ }
/* 128  */ h4 {
/* 129  */   font-size: 1em;
/* 130  */   margin: 1.33em 0;
/* 131  */ }
/* 132  */ h5 {
/* 133  */   font-size: 0.83em;
/* 134  */   margin: 1.67em 0;
/* 135  */ }
/* 136  */ h6 {
/* 137  */   font-size: 0.75em;
/* 138  */   margin: 2.33em 0;
/* 139  */ }
/* 140  */ /*
/* 141  *|  * Addresses styling not present in IE7/8/9, S5, Chrome.
/* 142  *|  */
/* 143  */ abbr[title] {
/* 144  */   border-bottom: 1px dotted;
/* 145  */ }
/* 146  */ /*
/* 147  *|  * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
/* 148  *|  */
/* 149  */ b,
/* 150  */ strong {

/* style.css */

/* 151  */   font-weight: bold;
/* 152  */ }
/* 153  */ blockquote {
/* 154  */   margin: 1em 40px;
/* 155  */ }
/* 156  */ /*
/* 157  *|  * Addresses styling not present in S5, Chrome.
/* 158  *|  */
/* 159  */ dfn {
/* 160  */   font-style: italic;
/* 161  */ }
/* 162  */ /*
/* 163  *|  * Addresses styling not present in IE6/7/8/9.
/* 164  *|  */
/* 165  */ mark {
/* 166  */   background: #ff0;
/* 167  */   color: #000;
/* 168  */ }
/* 169  */ /*
/* 170  *|  * Addresses margins set differently in IE6/7.
/* 171  *|  */
/* 172  */ p,
/* 173  */ pre {
/* 174  */   margin: 1em 0;
/* 175  */ }
/* 176  */ /*
/* 177  *|  * Corrects font family set oddly in IE6, S4/5, Chrome.
/* 178  *|  * en.wikipedia.org/wiki/User:Davidgothberg/Test59
/* 179  *|  */
/* 180  */ code,
/* 181  */ kbd,
/* 182  */ pre,
/* 183  */ samp {
/* 184  */   font-family: monospace, serif;
/* 185  */   _font-family: 'courier new', monospace;
/* 186  */   font-size: 1em;
/* 187  */ }
/* 188  */ /*
/* 189  *|  * Improves readability of pre-formatted text in all browsers.
/* 190  *|  */
/* 191  */ pre {
/* 192  */   white-space: pre;
/* 193  */   white-space: pre-wrap;
/* 194  */   word-wrap: break-word;
/* 195  */ }
/* 196  */ /*
/* 197  *|  * Addresses CSS quotes not supported in IE6/7.
/* 198  *|  */
/* 199  */ q {
/* 200  */   quotes: none;

/* style.css */

/* 201  */ }
/* 202  */ /*
/* 203  *|  * Addresses `quotes` property not supported in S4.
/* 204  *|  */
/* 205  */ q:before,
/* 206  */ q:after {
/* 207  */   content: '';
/* 208  */   content: none;
/* 209  */ }
/* 210  */ small {
/* 211  */   font-size: 75%;
/* 212  */ }
/* 213  */ /*
/* 214  *|  * Prevents `sub` and `sup` affecting `line-height` in all browsers.
/* 215  *|  * gist.github.com/413930
/* 216  *|  */
/* 217  */ sub,
/* 218  */ sup {
/* 219  */   font-size: 75%;
/* 220  */   line-height: 0;
/* 221  */   position: relative;
/* 222  */   vertical-align: baseline;
/* 223  */ }
/* 224  */ sup {
/* 225  */   top: -0.5em;
/* 226  */ }
/* 227  */ sub {
/* 228  */   bottom: -0.25em;
/* 229  */ }
/* 230  */ /* ==========================================================================
/* 231  *|    Lists
/* 232  *|    ========================================================================== */
/* 233  */ /*
/* 234  *|  * Addresses margins set differently in IE6/7.
/* 235  *|  */
/* 236  */ dl,
/* 237  */ menu,
/* 238  */ ol,
/* 239  */ ul {
/* 240  */   margin: 1em 0;
/* 241  */ }
/* 242  */ dd {
/* 243  */   margin: 0 0 0 40px;
/* 244  */ }
/* 245  */ /*
/* 246  *|  * Addresses paddings set differently in IE6/7.
/* 247  *|  */
/* 248  */ menu,
/* 249  */ ol,
/* 250  */ ul {

/* style.css */

/* 251  */   padding: 0 0 0 40px;
/* 252  */ }
/* 253  */ /*
/* 254  *|  * Corrects list images handled incorrectly in IE7.
/* 255  *|  */
/* 256  */ nav ul,
/* 257  */ nav ol {
/* 258  */   list-style: none;
/* 259  */   list-style-image: none;
/* 260  */ }
/* 261  */ /* ==========================================================================
/* 262  *|    Embedded content
/* 263  *|    ========================================================================== */
/* 264  */ /*
/* 265  *|  * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
/* 266  *|  * 2. Improves image quality when scaled in IE7.
/* 267  *|  *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
/* 268  *|  */
/* 269  */ img {
/* 270  */   border: 0;
/* 271  */   /* 1 */
/* 272  */ 
/* 273  */   -ms-interpolation-mode: bicubic;
/* 274  */   /* 2 */
/* 275  */ 
/* 276  */ }
/* 277  */ /*
/* 278  *|  * Corrects overflow displayed oddly in IE9.
/* 279  *|  */
/* 280  */ svg:not(:root) {
/* 281  */   overflow: hidden;
/* 282  */ }
/* 283  */ /* ==========================================================================
/* 284  *|    Figures
/* 285  *|    ========================================================================== */
/* 286  */ /*
/* 287  *|  * Addresses margin not present in IE6/7/8/9, S5, O11.
/* 288  *|  */
/* 289  */ figure {
/* 290  */   margin: 0;
/* 291  */ }
/* 292  */ /* ==========================================================================
/* 293  *|    Forms
/* 294  *|    ========================================================================== */
/* 295  */ /*
/* 296  *|  * Corrects margin displayed oddly in IE6/7.
/* 297  *|  */
/* 298  */ form {
/* 299  */   margin: 0;
/* 300  */ }

/* style.css */

/* 301  */ /*
/* 302  *|  * Define consistent border, margin, and padding.
/* 303  *|  */
/* 304  */ fieldset {
/* 305  */   border: 0px none;
/* 306  */   margin: 0 2px;
/* 307  */   padding: 0.35em 0.625em 0.75em;
/* 308  */ }
/* 309  */ /*
/* 310  *|  * 1. Corrects color not being inherited in IE6/7/8/9.
/* 311  *|  * 2. Corrects text not wrapping in FF3.
/* 312  *|  * 3. Corrects alignment displayed oddly in IE6/7.
/* 313  *|  */
/* 314  */ legend {
/* 315  */   border: 0;
/* 316  */   /* 1 */
/* 317  */ 
/* 318  */   padding: 0;
/* 319  */   white-space: normal;
/* 320  */   /* 2 */
/* 321  */ 
/* 322  */   *margin-left: -7px;
/* 323  */   /* 3 */
/* 324  */ 
/* 325  */ }
/* 326  */ /*
/* 327  *|  * 1. Corrects font size not being inherited in all browsers.
/* 328  *|  * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
/* 329  *|  * 3. Improves appearance and consistency in all browsers.
/* 330  *|  */
/* 331  */ button,
/* 332  */ input,
/* 333  */ select,
/* 334  */ textarea {
/* 335  */   font-size: 100%;
/* 336  */   /* 1 */
/* 337  */ 
/* 338  */   margin: 0;
/* 339  */   /* 2 */
/* 340  */ 
/* 341  */   vertical-align: baseline;
/* 342  */   *vertical-align: middle;
/* 343  */   /* 3 */
/* 344  */ 
/* 345  */ }
/* 346  */ /*
/* 347  *|  * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
/* 348  *|  * UA stylesheet.
/* 349  *|  */
/* 350  */ button,

/* style.css */

/* 351  */ input {
/* 352  */   line-height: normal;
/* 353  */ }
/* 354  */ /*
/* 355  *|  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
/* 356  *|  *    and `video` controls.
/* 357  *|  * 2. Corrects inability to style clickable `input` types in iOS.
/* 358  *|  * 3. Improves usability and consistency of cursor style between image-type
/* 359  *|  *    `input` and others.
/* 360  *|  * 4. Removes inner spacing in IE7 without affecting normal text inputs.
/* 361  *|  *    Known issue: inner spacing remains in IE6.
/* 362  *|  */
/* 363  */ button,
/* 364  */ html input[type="button"],
/* 365  */ input[type="reset"],
/* 366  */ input[type="submit"] {
/* 367  */   -webkit-appearance: button;
/* 368  */   /* 2 */
/* 369  */ 
/* 370  */   cursor: pointer;
/* 371  */   /* 3 */
/* 372  */ 
/* 373  */   *overflow: visible;
/* 374  */   /* 4 */
/* 375  */ 
/* 376  */ }
/* 377  */ /*
/* 378  *|  * Re-set default cursor for disabled elements.
/* 379  *|  */
/* 380  */ button[disabled],
/* 381  */ input[disabled] {
/* 382  */   cursor: default;
/* 383  */ }
/* 384  */ /*
/* 385  *|  * 1. Addresses box sizing set to content-box in IE8/9.
/* 386  *|  * 2. Removes excess padding in IE8/9.
/* 387  *|  * 3. Removes excess padding in IE7.
/* 388  *|  *    Known issue: excess padding remains in IE6.
/* 389  *|  */
/* 390  */ input[type="checkbox"],
/* 391  */ input[type="radio"] {
/* 392  */   box-sizing: border-box;
/* 393  */   /* 1 */
/* 394  */ 
/* 395  */   padding: 0;
/* 396  */   /* 2 */
/* 397  */ 
/* 398  */   *height: 13px;
/* 399  */   *width: 13px;
/* 400  */   /* 3 */

/* style.css */

/* 401  */ 
/* 402  */ }
/* 403  */ /*
/* 404  *|  * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
/* 405  *|  * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
/* 406  *|  *    to future-proof).
/* 407  *|  */
/* 408  */ input[type="search"] {
/* 409  */   -webkit-appearance: textfield;
/* 410  */   /* 1 */
/* 411  */ 
/* 412  */   -moz-box-sizing: content-box;
/* 413  */   -webkit-box-sizing: content-box;
/* 414  */   /* 2 */
/* 415  */ 
/* 416  */   box-sizing: content-box;
/* 417  */ }
/* 418  */ /*
/* 419  *|  * Removes inner padding and search cancel button in S5, Chrome on OS X.
/* 420  *|  */
/* 421  */ input[type="search"]::-webkit-search-cancel-button,
/* 422  */ input[type="search"]::-webkit-search-decoration {
/* 423  */   -webkit-appearance: none;
/* 424  */ }
/* 425  */ /*
/* 426  *|  * Removes inner padding and border in FF3+.
/* 427  *|  */
/* 428  */ button::-moz-focus-inner,
/* 429  */ input::-moz-focus-inner {
/* 430  */   border: 0;
/* 431  */   padding: 0;
/* 432  */ }
/* 433  */ /*
/* 434  *|  * 1. Removes default vertical scrollbar in IE6/7/8/9.
/* 435  *|  * 2. Improves readability and alignment in all browsers.
/* 436  *|  */
/* 437  */ textarea {
/* 438  */   overflow: auto;
/* 439  */   /* 1 */
/* 440  */ 
/* 441  */   vertical-align: top;
/* 442  */   /* 2 */
/* 443  */ 
/* 444  */ }
/* 445  */ /* ==========================================================================
/* 446  *|    Tables
/* 447  *|    ========================================================================== */
/* 448  */ /*
/* 449  *|  * Remove most spacing between table cells.
/* 450  *|  */

/* style.css */

/* 451  */ table {
/* 452  */   border-collapse: collapse;
/* 453  */   border-spacing: 0;
/* 454  */ }
/* 455  */ /******************************************************************
/* 456  *| CUSTOMIZED RESET VALUES
/* 457  *| I added these extra styles as a more personalized reset. Feel free
/* 458  *| to remove them if you like or add your own. If you want to update
/* 459  *| the normalize styles, make sure to edit from this point up.
/* 460  *| ******************************************************************/
/* 461  */ p {
/* 462  */   -webkit-hyphens: auto;
/* 463  */   -epub-hyphens: auto;
/* 464  */   -moz-hyphens: auto;
/* 465  */   hyphens: auto;
/* 466  */ }
/* 467  */ b,
/* 468  */ strong,
/* 469  */ .strong {
/* 470  */   font-weight: bold;
/* 471  */ }
/* 472  */ dfn,
/* 473  */ em,
/* 474  */ .em {
/* 475  */   font-style: italic;
/* 476  */ }
/* 477  */ small,
/* 478  */ .small {
/* 479  */   font-size: 75%;
/* 480  */ }
/* 481  */ ul,
/* 482  */ ol {
/* 483  */   padding: 0;
/* 484  */   list-style-type: none;
/* 485  */ }
/* 486  */ dd {
/* 487  */   margin: 0;
/* 488  */ }
/* 489  */ .sidebar ul,
/* 490  */ .sidebar ol,
/* 491  */ .commentlist {
/* 492  */   list-style: none;
/* 493  */ }
/* 494  */ /******************************************************************
/* 495  *| Site Name: 
/* 496  *| Author: 
/* 497  *| 
/* 498  *| Stylesheet: Mixins & Constants Stylesheet
/* 499  *| 
/* 500  *| This is where you can take advantage of LESS' great features: 

/* style.css */

/* 501  *| Mixins & Constants. I won't go in-depth on how they work exactly,
/* 502  *| there are a few articles below that will help do that. What I will
/* 503  *| tell you is that this will help speed up simple changes like
/* 504  *| changing a color or adding CSS3 techniques like box shadow and
/* 505  *| border-radius.
/* 506  *| 
/* 507  *| A WORD OF WARNING: It's very easy to overdo it here. Be careful and
/* 508  *| remember less is more. 
/* 509  *| 
/* 510  *| ******************************************************************/
/* 511  */ /*********************
/* 512  *| CLEARFIXIN'
/* 513  *| *********************/
/* 514  */ .clearfix {
/* 515  */   zoom: 1;
/* 516  */ }
/* 517  */ .clearfix:before,
/* 518  */ .clearfix:after {
/* 519  */   content: "";
/* 520  */   display: table;
/* 521  */ }
/* 522  */ .clearfix:after {
/* 523  */   clear: both;
/* 524  */ }
/* 525  */ /*********************
/* 526  *| TOOLS
/* 527  *| *********************/
/* 528  */ * {
/* 529  */   -webkit-box-sizing: border-box;
/* 530  */   -moz-box-sizing: border-box;
/* 531  */   box-sizing: border-box;
/* 532  */ }
/* 533  */ .image-replacement {
/* 534  */   text-indent: 100%;
/* 535  */   white-space: nowrap;
/* 536  */   overflow: hidden;
/* 537  */ }
/* 538  */ /*********************
/* 539  *| COLORS
/* 540  *| Need help w/ choosing your colors? Try this site out:
/* 541  *| http://0to255.com/
/* 542  *| *********************/
/* 543  */ /*
/* 544  *| Here's a great tutorial on how to
/* 545  *| use color variables properly:
/* 546  *| http://sachagreif.com/sass-color-variables/
/* 547  *| */
/* 548  */ /*********************
/* 549  *| TYPOGRAPHY
/* 550  *| *********************/

/* style.css */

/* 551  */ /*
/* 552  *| @sans-serif:         "Helvetica Neue", Helvetica, Arial, sans-serif; 
/* 553  *| */
/* 554  */ /* 	To embed your own fonts, use this syntax
/* 555  *| 	and place your fonts inside the 
/* 556  *| 	library/fonts folder. For more information
/* 557  *| 	on embedding fonts, go to:
/* 558  *| 	http://www.fontsquirrel.com/
/* 559  *| 	Be sure to remove the comment brackets.
/* 560  *| */
/* 561  */ /*	@font-face {
/* 562  *|     	font-family: 'Font Name';
/* 563  *|     	src: url('http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/fonts/font-name.eot');
/* 564  *|     	src: url('http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/fonts/font-name.eot#iefix') format('embedded-opentype'),
/* 565  *|              url('http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/fonts/font-name.woff') format('woff'),
/* 566  *|              url('http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/fonts/font-name.ttf') format('truetype'),
/* 567  *|              url('http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/fonts/font-name.svg#font-name') format('svg');
/* 568  *|     	font-weight: normal;
/* 569  *|     	font-style: normal;
/* 570  *| 	}
/* 571  *| */
/* 572  */ @font-face {
/* 573  */   font-family: 'fontello';
/* 574  */   src: url("../../../themes/randomdigitalgarbage/library/fonts/fontello_11995952.eot");
/* 575  */   src: url("../../../themes/randomdigitalgarbage/library/fonts/fontello_11995952.eot#iefix") format('embedded-opentype'), url("../../../themes/randomdigitalgarbage/library/fonts/fontello_11995952.woff") format('woff'), url("../../../themes/randomdigitalgarbage/library/fonts/fontello_11995952.ttf") format('truetype'), url("../../../themes/randomdigitalgarbage/library/fonts/fontello_11995952-fontello.svg") format('svg');
/* 576  */   font-weight: normal;
/* 577  */   font-style: normal;
/* 578  */ }
/* 579  */ /* 
/* 580  *| use the best ampersand 
/* 581  *| http://simplebits.com/notebook/2008/08/14/ampersands-2/
/* 582  *| */
/* 583  */ span.amp {
/* 584  */   font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
/* 585  */   font-style: italic;
/* 586  */ }
/* 587  */ /* text alignment */
/* 588  */ .text-left {
/* 589  */   text-align: left;
/* 590  */ }
/* 591  */ .text-center {
/* 592  */   text-align: center;
/* 593  */ }
/* 594  */ .text-right {
/* 595  */   text-align: right;
/* 596  */ }
/* 597  */ .alert {
/* 598  */   margin: 10px;
/* 599  */   padding: 5px 18px;
/* 600  */   border: 1px solid;

/* style.css */

/* 601  */ }
/* 602  */ .alert-help {
/* 603  */   margin: 10px;
/* 604  */   padding: 5px 18px;
/* 605  */   border: 1px solid;
/* 606  */   border-color: #e8dc59;
/* 607  */   background: #ebe16f;
/* 608  */ }
/* 609  */ .alert-info {
/* 610  */   margin: 10px;
/* 611  */   padding: 5px 18px;
/* 612  */   border: 1px solid;
/* 613  */   border-color: #bfe4f4;
/* 614  */   background: #d5edf8;
/* 615  */ }
/* 616  */ .alert-error {
/* 617  */   margin: 10px;
/* 618  */   padding: 5px 18px;
/* 619  */   border: 1px solid;
/* 620  */   border-color: #f8cdce;
/* 621  */   background: #fbe3e4;
/* 622  */ }
/* 623  */ .alert-success {
/* 624  */   margin: 10px;
/* 625  */   padding: 5px 18px;
/* 626  */   border: 1px solid;
/* 627  */   border-color: #deeaae;
/* 628  */   background: #e6efc2;
/* 629  */ }
/* 630  */ /*********************
/* 631  *| BORDER RADIUS
/* 632  *| *********************/
/* 633  */ /* 
/* 634  *| NOTE: For older browser support (and some mobile), 
/* 635  *| don't use the shorthand to define *different* corners. 
/* 636  *| 
/* 637  *| USAGE: .border-radius(4px); 
/* 638  *| 
/* 639  *| */
/* 640  */ /*********************
/* 641  *| TRANISTION
/* 642  *| *********************/
/* 643  */ /* .transition(all,2s); */
/* 644  */ /*********************
/* 645  *| CSS3 GRADIENTS
/* 646  *| Be careful with these since they can 
/* 647  *| really slow down your CSS. Don't overdo it.
/* 648  *| *********************/
/* 649  */ /* .css-gradient(#dfdfdf,#f8f8f8); */
/* 650  */ /*********************

/* style.css */

/* 651  *| BOX SHADOW
/* 652  *| *********************/
/* 653  */ /* .boxShadow(0,0,4px,0,#444); */
/* 654  */ /* .boxShadow(none); */
/* 655  */ /*********************
/* 656  *| BUTTONS
/* 657  *| *********************/
/* 658  */ .button,
/* 659  */ .button:visited {
/* 660  */   border: 1px solid #be0d37;
/* 661  */   border-top-color: #db0f3f;
/* 662  */   border-left-color: #db0f3f;
/* 663  */   padding: 4px 12px;
/* 664  */   color: #ffffff;
/* 665  */   display: inline-block;
/* 666  */   font-size: 11px;
/* 667  */   font-weight: bold;
/* 668  */   text-decoration: none;
/* 669  */   text-shadow: 0 1px rgba(0, 0, 0, 0.75);
/* 670  */   cursor: pointer;
/* 671  */   margin-bottom: 20px;
/* 672  */   line-height: 21px;
/* 673  */   -webkit-transition: all 0.2s ease-in-out;
/* 674  */   -moz-transition: all 0.2s ease-in-out;
/* 675  */   -ms-transition: all 0.2s ease-in-out;
/* 676  */   -o-transition: all 0.2s ease-in-out;
/* 677  */   transition: all 0.2s ease-in-out;
/* 678  */   -webkit-border-radius: 4px;
/* 679  */   -moz-border-radius: 4px;
/* 680  */   border-radius: 4px;
/* 681  */   background-color: #e40f42;
/* 682  */   background-image: -webkit-gradient(linear, left top, left bottom, from(#f01d4f), to(#e40f42));
/* 683  */   background-image: -webkit-linear-gradient(top, #f01d4f, #e40f42);
/* 684  */   background-image: -moz-linear-gradient(top, #f01d4f, #e40f42);
/* 685  */   background-image: -o-linear-gradient(top, #f01d4f, #e40f42);
/* 686  */   background-image: linear-gradient(to bottom, #f01d4f, #e40f42);
/* 687  */ }
/* 688  */ .button:hover,
/* 689  */ .button:visited:hover,
/* 690  */ .button:focus,
/* 691  */ .button:visited:focus {
/* 692  */   color: #ffffff;
/* 693  */   border: 1px solid #be0d37;
/* 694  */   border-top-color: #9d0a2d;
/* 695  */   border-left-color: #9d0a2d;
/* 696  */   background-color: #cc0e3b;
/* 697  */   background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#cc0e3b));
/* 698  */   background-image: -webkit-linear-gradient(top, #e40f42, #cc0e3b);
/* 699  */   background-image: -moz-linear-gradient(top, #e40f42, #cc0e3b);
/* 700  */   background-image: -o-linear-gradient(top, #e40f42, #cc0e3b);

/* style.css */

/* 701  */   background-image: linear-gradient(to bottom, #e40f42, #cc0e3b);
/* 702  */ }
/* 703  */ .button:active,
/* 704  */ .button:visited:active {
/* 705  */   background-color: #f01d4f;
/* 706  */   background-image: -webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#f01d4f));
/* 707  */   background-image: -webkit-linear-gradient(top, #e40f42, #f01d4f);
/* 708  */   background-image: -moz-linear-gradient(top, #e40f42, #f01d4f);
/* 709  */   background-image: -o-linear-gradient(top, #e40f42, #f01d4f);
/* 710  */   background-image: linear-gradient(to bottom, #e40f42, #f01d4f);
/* 711  */ }
/* 712  */ .blue-button,
/* 713  */ .blue-button:visited {
/* 714  */   border-color: #1472ad;
/* 715  */   text-shadow: 0 1px 1px #1472ad;
/* 716  */   background-color: #1681c4;
/* 717  */   background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
/* 718  */   background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
/* 719  */   background-image: -moz-linear-gradient(top, #1990db, #1681c4);
/* 720  */   background-image: -o-linear-gradient(top, #1990db, #1681c4);
/* 721  */   background-image: linear-gradient(to bottom, #1990db, #1681c4);
/* 722  */   -webkit-box-shadow: inset 0 0 3px #59b3ec;
/* 723  */   -moz-box-shadow: inset 0 0 3px #59b3ec;
/* 724  */   box-shadow: inset 0 0 3px #59b3ec;
/* 725  */ }
/* 726  */ .blue-button:hover,
/* 727  */ .blue-button:visited:hover,
/* 728  */ .blue-button:focus,
/* 729  */ .blue-button:visited:focus {
/* 730  */   border-color: #116396;
/* 731  */   background-color: #1472ad;
/* 732  */   background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
/* 733  */   background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
/* 734  */   background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
/* 735  */   background-image: -o-linear-gradient(top, #1784c9, #1472ad);
/* 736  */   background-image: linear-gradient(to bottom, #1784c9, #1472ad);
/* 737  */ }
/* 738  */ .blue-button:active,
/* 739  */ .blue-button:visited:active {
/* 740  */   background-color: #1990db;
/* 741  */   background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
/* 742  */   background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
/* 743  */   background-image: -moz-linear-gradient(top, #1681c4, #1990db);
/* 744  */   background-image: -o-linear-gradient(top, #1681c4, #1990db);
/* 745  */   background-image: linear-gradient(to bottom, #1681c4, #1990db);
/* 746  */ }
/* 747  */ /*
/* 748  *| BASE (MOBILE) SIZE
/* 749  *| This are the mobile styles. It's what people see on their phones. If
/* 750  *| you set a great foundation, you won't need to add too many styles in

/* style.css */

/* 751  *| the other stylesheets. Remember, keep it light: Speed is Important.
/* 752  *| */
/* 753  */ /******************************************************************
/* 754  *| Site Name:
/* 755  *| Author:
/* 756  *| 
/* 757  *| Stylesheet: Base Mobile Stylesheet
/* 758  *| 
/* 759  *| Be light and don't over style since everything here will be
/* 760  *| loaded by mobile devices. You want to keep it as minimal as
/* 761  *| possible. This is called at the top of the main stylsheet
/* 762  *| and will be used across all viewports.
/* 763  *| 
/* 764  *| ------------ MAP ------------
/* 765  *| 
/* 766  *| 01. GENERAL STYLES
/* 767  *| 02. WORDPRESS BODY CLASSES
/* 768  *| 03. LAYOUT & GRID STYLES
/* 769  *| 04. LINK STYLES
/* 770  *| 05. H1, H2, H3, H4, H5 STYLES
/* 771  *| 06. HEADER STYLES
/* 772  *| 07. NAVIGATION STYLES
/* 773  *| 08. POSTS & CONTENT STYLES
/* 774  *| 09. PAGE NAVI STYLES
/* 775  *| 10. COMMENT STYLES
/* 776  *| 11. COMMENT FORM STYLES
/* 777  *| 12. SIDEBARS & ASIDES
/* 778  *| 13. FOOTER STYLES
/* 779  *| 
/* 780  *| ******************************************************************/
/* 781  */ /*********************
/* 782  *| 01. GENERAL STYLES
/* 783  *| *********************/
/* 784  */ html,
/* 785  */ body {
/* 786  */   /* height: 100%; */
/* 787  */ 
/* 788  */ }
/* 789  */ body {
/* 790  */   font-family: "Source Sans Pro", sans-serif;
/* 791  */   font-size: 100%;
/* 792  */   line-height: 1.5;
/* 793  */   color: #565656;
/* 794  */ }
/* 795  */ /********************
/* 796  *| 02. WORDPRESS BODY CLASSES
/* 797  *|     style a page via class
/* 798  *| ********************/
/* 799  */ /* for sites that are read right to left (i.e. hebrew) */
/* 800  */ /* home page */

/* style.css */

/* 801  */ /* blog template page */
/* 802  */ .archive .attachment-bones-thumb-300 {
/* 803  */   margin: 1em 32px 0px 0px;
/* 804  */   float: left;
/* 805  */ }
/* 806  */ /* archive page */
/* 807  */ /* date archive page */
/* 808  */ /* replace the number to the corresponding page number */
/* 809  */ /* search page */
/* 810  */ /* search result page */
/* 811  */ /* no results search page */
/* 812  */ /* individual paged search (i.e. body.search-paged-3) */
/* 813  */ /* 404 page */
/* 814  */ /* single post page */
/* 815  */ /* individual post page by id (i.e. body.postid-73) */
/* 816  */ /* individual paged single (i.e. body.single-paged-3) */
/* 817  */ /* attatchment page */
/* 818  */ /* individual attatchment page (i.e. body.attachmentid-763) */
/* 819  */ /* style mime type pages */
/* 820  */ /* author page */
/* 821  */ /* user nicename (i.e. body.author-samueladams) */
/* 822  */ /* paged author archives (i.e. body.author-paged-4) for page 4 */
/* 823  */ /* category page */
/* 824  */ /* individual category page (i.e. body.category-6) */
/* 825  */ /* replace the number to the corresponding page number */
/* 826  */ /* tag page */
/* 827  */ /* individual tag page (i.e. body.tag-news) */
/* 828  */ /* replace the number to the corresponding page number */
/* 829  */ /* custom page template page */
/* 830  */ /* individual page template (i.e. body.page-template-contact-php */
/* 831  */ /* replace the number to the corresponding page number */
/* 832  */ /* parent page template */
/* 833  */ /* child page template */
/* 834  */ /* replace the number to the corresponding page number */
/* 835  */ /* if user is logged in */
/* 836  */ /* paged items like search results or archives */
/* 837  */ /* individual paged (i.e. body.paged-3) */
/* 838  */ .page .entry-content {
/* 839  */   margin-bottom: 3.25em;
/* 840  */ }
/* 841  */ /*********************
/* 842  *| 03. LAYOUT & GRID STYLES
/* 843  *| *********************/
/* 844  */ .wrap {
/* 845  */   width: 96%;
/* 846  */   margin: 0;
/* 847  */ }
/* 848  */ /*********************
/* 849  *| 04. LINK STYLES
/* 850  *| *********************/

/* style.css */

/* 851  */ a,
/* 852  */ a:visited {
/* 853  */   color: #e74c3c;
/* 854  */   /* on hover */
/* 855  */ 
/* 856  */   /* on click */
/* 857  */ 
/* 858  */   /* mobile tap color */
/* 859  */ 
/* 860  */ }
/* 861  */ a:hover,
/* 862  */ a:visited:hover,
/* 863  */ a:focus,
/* 864  */ a:visited:focus {
/* 865  */   color: #da2d1b;
/* 866  */ }
/* 867  */ a:link,
/* 868  */ a:visited:link {
/* 869  */   /*
/* 870  *| 		this highlights links on iPhones/iPads.
/* 871  *| 		so it basically works like the :hover selector
/* 872  *| 		for mobile devices.
/* 873  *| 		*/
/* 874  */ 
/* 875  */   -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
/* 876  */ }
/* 877  */ /******************************************************************
/* 878  *| 05. H1, H2, H3, H4, H5 STYLES
/* 879  *| ******************************************************************/
/* 880  */ h1,
/* 881  */ .h1,
/* 882  */ h2,
/* 883  */ .h2,
/* 884  */ h3,
/* 885  */ .h3,
/* 886  */ h4,
/* 887  */ .h4,
/* 888  */ h5,
/* 889  */ .h5 {
/* 890  */   font-family: "Source Sans Pro", sans-serif;
/* 891  */   text-rendering: optimizelegibility;
/* 892  */   font-weight: 700;
/* 893  */   /*
/* 894  *| 	if you're going to use webfonts, be sure to check your weights
/* 895  *| 	http://css-tricks.com/watch-your-font-weight/
/* 896  *| 	*/
/* 897  */ 
/* 898  */   /* removing text decoration from all headline links */
/* 899  */ 
/* 900  */ }

/* style.css */

/* 901  */ h1 a,
/* 902  */ .h1 a,
/* 903  */ h2 a,
/* 904  */ .h2 a,
/* 905  */ h3 a,
/* 906  */ .h3 a,
/* 907  */ h4 a,
/* 908  */ .h4 a,
/* 909  */ h5 a,
/* 910  */ .h5 a {
/* 911  */   text-decoration: none;
/* 912  */ }
/* 913  */ h1,
/* 914  */ .h1 {
/* 915  */   font-size: 2.5em;
/* 916  */   line-height: 1.333em;
/* 917  */ }
/* 918  */ h2,
/* 919  */ .h2 {
/* 920  */   font-size: 1.75em;
/* 921  */   line-height: 1.4em;
/* 922  */   margin-bottom: 0.375em;
/* 923  */ }
/* 924  */ h3,
/* 925  */ .h3 {
/* 926  */   font-size: 1.125em;
/* 927  */ }
/* 928  */ h4,
/* 929  */ .h4 {
/* 930  */   font-size: 1.1em;
/* 931  */   font-weight: 700;
/* 932  */ }
/* 933  */ h5,
/* 934  */ .h5 {
/* 935  */   font-size: 0.846em;
/* 936  */   line-height: 2.09em;
/* 937  */   text-transform: uppercase;
/* 938  */   letter-spacing: 2px;
/* 939  */ }
/* 940  */ /*********************
/* 941  *| 06. HEADER STYLES
/* 942  *| *********************/
/* 943  */ .header {
/* 944  */   text-align: center;
/* 945  */   background: url(../../../themes/randomdigitalgarbage/oogoediamond-768.jpg) no-repeat scroll center center #2c3e50;
/* 946  */ }
/* 947  */ .header #inner-header {
/* 948  */   width: 100%;
/* 949  */   padding: 50px 10%;
/* 950  */ }

/* style.css */

/* 951  */ .header #inner-header a {
/* 952  */   color: #ecf0f1;
/* 953  */   text-shadow: 1px 1px 1px #34495e;
/* 954  */ }
/* 955  */ .header #inner-header a:hover {
/* 956  */   color: #f6ffff;
/* 957  */ }
/* 958  */ .header .socialmedia {
/* 959  */   display: none;
/* 960  */   font-family: 'fontello';
/* 961  */   font-size: 24px;
/* 962  */   margin: 16px auto;
/* 963  */ }
/* 964  */ .header .socialmedia li {
/* 965  */   float: left;
/* 966  */   list-style-type: none;
/* 967  */   padding: 0px;
/* 968  */   margin: 0px 8px;
/* 969  */ }
/* 970  */ .header .socialmedia a {
/* 971  */   text-decoration: none;
/* 972  */   font-weight: 400;
/* 973  */ }
/* 974  */ .header .socialmedia i {
/* 975  */   font-style: normal;
/* 976  */ }
/* 977  */ .header .form {
/* 978  */   margin: 20px 0px;
/* 979  */ }
/* 980  */ .header .form .search {
/* 981  */   background: #565656;
/* 982  */   border: 0px none;
/* 983  */   border-radius: 1px 1px 1px 1px;
/* 984  */   padding: 8px;
/* 985  */   width: 80%;
/* 986  */   max-width: 200px;
/* 987  */ }
/* 988  */ .header .form .search:focus {
/* 989  */   box-shadow: 0px 0px 4px #e74c3c;
/* 990  */ }
/* 991  */ .header nav ul {
/* 992  */   display: inline-block;
/* 993  */   margin: 0px auto;
/* 994  */ }
/* 995  */ .header .nav li {
/* 996  */   float: left;
/* 997  */   position: relative;
/* 998  */ }
/* 999  */ .header .top-nav {
/* 1000 */   font-size: 1.2em;

/* style.css */

/* 1001 */ }
/* 1002 */ /*********************
/* 1003 *| 07. NAVIGATION STYLES
/* 1004 *| *********************/
/* 1005 */ /*
/* 1006 *| all navs have a .nav class applied via
/* 1007 *| the wp_menu function; this is so we can
/* 1008 *| easily write one group of styles for
/* 1009 *| the navs on the site so our css is cleaner
/* 1010 *| and more scalable.
/* 1011 *| */
/* 1012 */ .nav {
/* 1013 */   border: 0px;
/* 1014 */   /* end .menu li */
/* 1015 */ 
/* 1016 */   /* highlight current page */
/* 1017 */ 
/* 1018 */   /* end current highlighters */
/* 1019 */ 
/* 1020 */ }
/* 1021 */ .nav li {
/* 1022 */   /*
/* 1023 *| 		so you really have to rethink your dropdowns for mobile.
/* 1024 *| 		you don't want to have it expand too much because the
/* 1025 *| 		screen is so small. How you manage your menu should
/* 1026 *| 		depend on the project. Here's some great info on it:
/* 1027 *| 		http://www.alistapart.com/articles/organizing-mobile/
/* 1028 *| 		*/
/* 1029 */ 
/* 1030 */ }
/* 1031 */ .nav li a {
/* 1032 */   display: block;
/* 1033 */   text-decoration: none;
/* 1034 */   padding: 10px 10px;
/* 1035 */   /*
/* 1036 *| 			background-color: #eee;
/* 1037 *| 			border-bottom: 1px solid #ccc;
/* 1038 *| 			*/
/* 1039 */ 
/* 1040 */   /*
/* 1041 *| 			remember this is for mobile ONLY, so there's no need
/* 1042 *| 			to even declare hover styles here, you can do it in
/* 1043 *| 			the style.scss file where it's relevant. We want to
/* 1044 *| 			keep this file as small as possible!
/* 1045 *| 			*/
/* 1046 */ 
/* 1047 */ }
/* 1048 */ .nav li ul.sub-menu li a,
/* 1049 */ .nav li ul.children li a {
/* 1050 */   padding-left: 30px;

/* style.css */

/* 1051 */ }
/* 1052 */ /* end .nav */
/* 1053 */ /*********************
/* 1054 *| 08. POSTS & CONTENT STYLES
/* 1055 *| *********************/
/* 1056 */ #content {
/* 1057 */   /*margin-top: 2.2em;*/
/* 1058 */ 
/* 1059 */ }
/* 1060 */ #content #inner-content {
/* 1061 */   padding: 16px;
/* 1062 */ }
/* 1063 */ /* end .hentry */
/* 1064 */ /* want to style individual post classes? Booya! */
/* 1065 */ /* post by id (i.e. post-3) */
/* 1066 */ .post {
/* 1067 */   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC") repeat-x scroll left top transparent;
/* 1068 */   padding-bottom: 32px;
/* 1069 */ }
/* 1070 */ /* general post style */
/* 1071 */ /* general article on a page style */
/* 1072 */ /* general style on an attatchment */
/* 1073 */ /* sticky post style */
/* 1074 */ /* hentry class */
/* 1075 */ /* style by category (i.e. category-videos) */
/* 1076 */ /* style by tag (i.e. tag-news) */
/* 1077 */ /* post meta */
/* 1078 */ .byline {
/* 1079 */   color: #999;
/* 1080 */ }
/* 1081 */ /* entry content */
/* 1082 */ .entry-content {
/* 1083 */   /*
/* 1084 *| 			image alignment on a screen this size may be
/* 1085 *| 			a bit difficult. It's set to start aligning
/* 1086 *| 			and floating images at the next breakpoint,
/* 1087 *| 			but it's up to you. Feel free to change it up.
/* 1088 *| 			*/
/* 1089 */ 
/* 1090 */ }
/* 1091 */ .entry-content ul,
/* 1092 */ .entry-content ol {
/* 1093 */   margin: 0px 0px 1.625em 2.5em;
/* 1094 */ }
/* 1095 */ .entry-content ul li {
/* 1096 */   list-style-type: disc;
/* 1097 */ }
/* 1098 */ .entry-content dd {
/* 1099 */   margin-left: 0;
/* 1100 */   font-size: 0.9em;

/* style.css */

/* 1101 */   color: #787878;
/* 1102 */   margin-bottom: 1.5em;
/* 1103 */ }
/* 1104 */ .entry-content img {
/* 1105 */   margin: 0 0 1.5em 0;
/* 1106 */   max-width: 100%;
/* 1107 */   height: auto;
/* 1108 */ }
/* 1109 */ .entry-content video,
/* 1110 */ .entry-content object {
/* 1111 */   max-width: 100%;
/* 1112 */   height: auto;
/* 1113 */ }
/* 1114 */ .entry-content pre {
/* 1115 */   background: #eee;
/* 1116 */   border: 1px solid #cecece;
/* 1117 */   padding: 10px;
/* 1118 */ }
/* 1119 */ /* end .entry-content */
/* 1120 */ .wp-caption {
/* 1121 */   max-width: 100%;
/* 1122 */   background: #eee;
/* 1123 */   padding: 5px;
/* 1124 */   margin-bottom: 1.625em;
/* 1125 */   /* images inside wp-caption */
/* 1126 */ 
/* 1127 */ }
/* 1128 */ .wp-caption img {
/* 1129 */   max-width: 100%;
/* 1130 */   margin-bottom: 0;
/* 1131 */   width: 100%;
/* 1132 */ }
/* 1133 */ .wp-caption p.wp-caption-text {
/* 1134 */   font-size: 0.85em;
/* 1135 */   margin: 4px 0 7px;
/* 1136 */   text-align: center;
/* 1137 */ }
/* 1138 */ /* end .wp-caption */
/* 1139 */ /* image gallery styles */
/* 1140 */ .gallery {
/* 1141 */   margin: 0px auto 1.625em;
/* 1142 */ }
/* 1143 */ /* end .gallery */
/* 1144 */ .gallery-columns-3 {
/* 1145 */   max-width: 498px;
/* 1146 */ }
/* 1147 */ .gallery-columns-3 .gallery-item {
/* 1148 */   float: left;
/* 1149 */   margin-top: 0px;
/* 1150 */   text-align: center;

/* style.css */

/* 1151 */   width: 33%;
/* 1152 */   padding: 0px 8px;
/* 1153 */   margin: 0px;
/* 1154 */ }
/* 1155 */ .gallery-columns-3 .gallery-icon img {
/* 1156 */   width: 100%;
/* 1157 */ }
/* 1158 */ /* gallery caption styles */
/* 1159 */ /******************************************************************
/* 1160 *| 09. PAGE NAVI STYLES
/* 1161 *| ******************************************************************/
/* 1162 */ .page-navigation,
/* 1163 */ .wp-prev-next {
/* 1164 */   margin: 1.1em 0 2.2em;
/* 1165 */ }
/* 1166 */ .bones_page_navi {
/* 1167 */   /* current page link */
/* 1168 */ 
/* 1169 */   /* end .bones_page_navi .bpn-current */
/* 1170 */ 
/* 1171 */   /* common styles for page-navi links */
/* 1172 */ 
/* 1173 */   /* remove the bg on end links */
/* 1174 */ 
/* 1175 */   /* previous link */
/* 1176 */ 
/* 1177 */   /* next page link */
/* 1178 */ 
/* 1179 */   /* first page link */
/* 1180 */ 
/* 1181 */   /* last page link */
/* 1182 */ 
/* 1183 */ }
/* 1184 */ .bones_page_navi li {
/* 1185 */   float: left;
/* 1186 */   margin-left: 10px;
/* 1187 */ }
/* 1188 */ .bones_page_navi li a {
/* 1189 */   padding: 3px 6px;
/* 1190 */   display: block;
/* 1191 */   text-decoration: none;
/* 1192 */   position: relative;
/* 1193 */ }
/* 1194 */ .bones_page_navi li a:hover,
/* 1195 */ .bones_page_navi li a:focus {
/* 1196 */   color: #f01d4f;
/* 1197 */   text-decoration: underline;
/* 1198 */ }
/* 1199 */ .bones_page_navi li.bpn-current {
/* 1200 */   padding: 3px 6px;

/* style.css */

/* 1201 */   border-bottom: 2px solid #f01d4f;
/* 1202 */   position: relative;
/* 1203 */ }
/* 1204 */ .bones_page_navi li.bpn-current a {
/* 1205 */   /* hovering on current page link */
/* 1206 */ 
/* 1207 */ }
/* 1208 */ .bones_page_navi li.bpn-prev-link,
/* 1209 */ .bones_page_navi li.bpn-next-link {
/* 1210 */   font-weight: 700;
/* 1211 */ }
/* 1212 */ .bones_page_navi li.bpn-prev-link a,
/* 1213 */ .bones_page_navi li.bpn-next-link a {
/* 1214 */   padding: 0;
/* 1215 */ }
/* 1216 */ .bones_page_navi li.bpn-prev-link a:hover,
/* 1217 */ .bones_page_navi li.bpn-next-link a:hover,
/* 1218 */ .bones_page_navi li.bpn-first-page-link a:hover,
/* 1219 */ .bones_page_navi li.bpn-last-page-link a:hover {
/* 1220 */   background: none;
/* 1221 */ }
/* 1222 */ /* end .bones_page_navi */
/* 1223 */ /* fallback previous & next links */
/* 1224 */ .wp-prev-next .prev-link {
/* 1225 */   float: left;
/* 1226 */ }
/* 1227 */ .wp-prev-next .next-link {
/* 1228 */   float: right;
/* 1229 */ }
/* 1230 */ /* end .wp-prev-next */
/* 1231 */ /******************************************************************
/* 1232 *| 10. COMMENT STYLES
/* 1233 *| ******************************************************************/
/* 1234 */ /* h3 comment title */
/* 1235 */ #comments {
/* 1236 */   /* number of comments span */
/* 1237 */ 
/* 1238 */ }
/* 1239 */ .commentlist {
/* 1240 */   /* general comment classes */
/* 1241 */ 
/* 1242 */   /* vcard */
/* 1243 */ 
/* 1244 */   /* end .commentlist .vcard */
/* 1245 */ 
/* 1246 */   /* comment meta */
/* 1247 */ 
/* 1248 */   /* comment content */
/* 1249 */ 
/* 1250 */   /* end .commentlist .comment_content */

/* style.css */

/* 1251 */ 
/* 1252 */   /* comment reply link */
/* 1253 */ 
/* 1254 */   /* end .commentlist .comment-reply-link */
/* 1255 */ 
/* 1256 */ }
/* 1257 */ .commentlist li {
/* 1258 */   position: relative;
/* 1259 */   clear: both;
/* 1260 */   overflow: hidden;
/* 1261 */   list-style-type: none;
/* 1262 */   margin-bottom: 1.5em;
/* 1263 */   padding: 0.7335em 10px;
/* 1264 */   /* end .commentlist li ul.children */
/* 1265 */ 
/* 1266 */ }
/* 1267 */ .commentlist li:last-child {
/* 1268 */   margin-bottom: 0;
/* 1269 */ }
/* 1270 */ .commentlist li ul.children {
/* 1271 */   margin: 0;
/* 1272 */   /* variations */
/* 1273 */ 
/* 1274 */   /* change number for different depth */
/* 1275 */ 
/* 1276 */ }
/* 1277 */ .commentlist li[class*=depth-] {
/* 1278 */   margin-top: 1.1em;
/* 1279 */ }
/* 1280 */ .commentlist li.depth-1 {
/* 1281 */   margin-left: 0;
/* 1282 */   margin-top: 0;
/* 1283 */ }
/* 1284 */ .commentlist li:not(.depth-1) {
/* 1285 */   margin-right: -10px;
/* 1286 */   margin-left: -10px;
/* 1287 */   margin-top: 0;
/* 1288 */   padding-bottom: 0;
/* 1289 */ }
/* 1290 */ .commentlist .odd {
/* 1291 */   background: #eee;
/* 1292 */ }
/* 1293 */ .commentlist .even {
/* 1294 */   background: #fefefe;
/* 1295 */ }
/* 1296 */ .commentlist .vcard {
/* 1297 */   margin-left: 50px;
/* 1298 */ }
/* 1299 */ .commentlist .vcard cite.fn {
/* 1300 */   font-weight: 700;

/* style.css */

/* 1301 */   font-style: normal;
/* 1302 */ }
/* 1303 */ .commentlist .vcard time {
/* 1304 */   float: right;
/* 1305 */ }
/* 1306 */ .commentlist .vcard time a {
/* 1307 */   color: #999;
/* 1308 */   text-decoration: none;
/* 1309 */ }
/* 1310 */ .commentlist .vcard time a:hover {
/* 1311 */   text-decoration: underline;
/* 1312 */ }
/* 1313 */ .commentlist .vcard img.avatar {
/* 1314 */   position: absolute;
/* 1315 */   left: 10px;
/* 1316 */   padding: 2px;
/* 1317 */   border: 1px solid #cecece;
/* 1318 */   background: #fff;
/* 1319 */ }
/* 1320 */ .commentlist .comment_content {
/* 1321 */   margin-left: 50px;
/* 1322 */ }
/* 1323 */ .commentlist .comment_content p {
/* 1324 */   margin: 0.7335em 0 1.5em;
/* 1325 */   font-size: 1em;
/* 1326 */   line-height: 1.5em;
/* 1327 */ }
/* 1328 */ .commentlist .comment-reply-link {
/* 1329 */   text-decoration: none;
/* 1330 */   float: right;
/* 1331 */   background: #4598bb;
/* 1332 */   padding: 3px 5px;
/* 1333 */   color: #fff;
/* 1334 */   opacity: 0.65;
/* 1335 */   margin-bottom: 10px;
/* 1336 */   font-weight: 700;
/* 1337 */   font-size: 0.9em;
/* 1338 */ }
/* 1339 */ .commentlist .comment-reply-link:hover,
/* 1340 */ .commentlist .comment-reply-link:focus {
/* 1341 */   opacity: 1;
/* 1342 */ }
/* 1343 */ /* end .commentlist */
/* 1344 */ /******************************************************************
/* 1345 *| 11. COMMENT FORM STYLES
/* 1346 *| ******************************************************************/
/* 1347 */ .respond-form {
/* 1348 */   margin: 1.5em 10px;
/* 1349 */   padding-bottom: 2.2em;
/* 1350 */ }

/* style.css */

/* 1351 */ .respond-form form {
/* 1352 */   margin: 0.75em 0;
/* 1353 */ }
/* 1354 */ .respond-form form li {
/* 1355 */   list-style-type: none;
/* 1356 */   clear: both;
/* 1357 */   margin-bottom: 0.7335em;
/* 1358 */ }
/* 1359 */ .respond-form form li label,
/* 1360 */ .respond-form form li small {
/* 1361 */   display: none;
/* 1362 */ }
/* 1363 */ .respond-form form input[type=text],
/* 1364 */ .respond-form form input[type=email],
/* 1365 */ .respond-form form input[type=url],
/* 1366 */ .respond-form form textarea {
/* 1367 */   padding: 3px 6px;
/* 1368 */   background: #efefef;
/* 1369 */   border: 2px solid #cecece;
/* 1370 */   line-height: 1.5em;
/* 1371 */   /* form validation */
/* 1372 */ 
/* 1373 */ }
/* 1374 */ .respond-form form input[type=text]:focus,
/* 1375 */ .respond-form form input[type=email]:focus,
/* 1376 */ .respond-form form input[type=url]:focus,
/* 1377 */ .respond-form form textarea:focus {
/* 1378 */   background: #fff;
/* 1379 */ }
/* 1380 */ .respond-form form input[type=text]:invalid,
/* 1381 */ .respond-form form input[type=email]:invalid,
/* 1382 */ .respond-form form input[type=url]:invalid,
/* 1383 */ .respond-form form textarea:invalid {
/* 1384 */   outline: none;
/* 1385 */   border-color: #fbc2c4;
/* 1386 */   background-color: #f6e7eb;
/* 1387 */   -webkit-box-shadow: none;
/* 1388 */   -moz-box-shadow: none;
/* 1389 */   -ms-box-shadow: none;
/* 1390 */   box-shadow: none;
/* 1391 */ }
/* 1392 */ .respond-form form input[type=text],
/* 1393 */ .respond-form form input[type=email],
/* 1394 */ .respond-form form input[type=url] {
/* 1395 */   max-width: 400px;
/* 1396 */   min-width: 250px;
/* 1397 */ }
/* 1398 */ .respond-form form textarea {
/* 1399 */   resize: none;
/* 1400 */   width: 97.3%;

/* style.css */

/* 1401 */   height: 150px;
/* 1402 */ }
/* 1403 */ /* comment submit button */
/* 1404 */ /* comment form title */
/* 1405 */ #comment-form-title {
/* 1406 */   margin: 0 0 1.1em;
/* 1407 */ }
/* 1408 */ /* cancel comment reply link */
/* 1409 */ /* logged in comments */
/* 1410 */ /* allowed tags */
/* 1411 */ #allowed_tags {
/* 1412 */   margin: 1.5em 10px 0.7335em 0;
/* 1413 */ }
/* 1414 */ /* no comments */
/* 1415 */ .nocomments {
/* 1416 */   margin: 0 20px 1.1em;
/* 1417 */ }
/* 1418 */ /*********************
/* 1419 *| 12. SIDEBARS & ASIDES
/* 1420 *| *********************/
/* 1421 */ .widget ul li {
/* 1422 */   /* deep nesting */
/* 1423 */ 
/* 1424 */ }
/* 1425 */ /*********************
/* 1426 *| 13. FOOTER STYLES
/* 1427 *| *********************/
/* 1428 */ .footer {
/* 1429 */   padding: 0px 85px 50px 85px;
/* 1430 */   clear: both;
/* 1431 */ }
/* 1432 */ /*
/* 1433 *| 	if you checked out the link above:
/* 1434 *| 	http://www.alistapart.com/articles/organizing-mobile/
/* 1435 *| 	you'll want to style the footer nav
/* 1436 *| 	a bit more in-depth. Remember to keep
/* 1437 *| 	it simple because you'll have to
/* 1438 *| 	override these styles for the desktop
/* 1439 *| 	view.
/* 1440 *| 	*/
/* 1441 */ /* end .footer-links */
/* 1442 */ .article-footer {
/* 1443 */   color: #95a5a6;
/* 1444 */   margin-bottom: 3.25em;
/* 1445 */ }
/* 1446 */ .article-footer a {
/* 1447 */   color: #95a5a6;
/* 1448 */ }
/* 1449 */ .article-footer a:hover {
/* 1450 */   color: #da2d1b;

/* style.css */

/* 1451 */ }
/* 1452 */ .article-footer a:visited {
/* 1453 */   color: #7f8c8d;
/* 1454 */ }
/* 1455 */ /*
/* 1456 *| LARGER MOBILE DEVICES
/* 1457 *| This is for devices like the Galaxy Note or something that's
/* 1458 *| larger than an iPhone but smaller than a tablet. Let's call them
/* 1459 *| tweeners.
/* 1460 *| */
/* 1461 */ @media only screen and (min-width: 481px) {
/* 1462 */   /******************************************************************
/* 1463 *|   Site Name: 
/* 1464 *|   Author: 
/* 1465 *|   
/* 1466 *|   Stylesheet: 481px and Up Stylesheet
/* 1467 *|   
/* 1468 *|   This stylesheet is loaded for larger devices. It's set to 
/* 1469 *|   481px because at 480px it would load on a landscaped iPhone.
/* 1470 *|   This isn't ideal because then you would be loading all those
/* 1471 *|   extra styles on that same mobile connection. 
/* 1472 *|   
/* 1473 *|   A word of warning. This size COULD be a larger mobile device,
/* 1474 *|   so you still want to keep it pretty light and simply expand
/* 1475 *|   upon your base.less styles.
/* 1476 *|   
/* 1477 *|   ******************************************************************/
/* 1478 */   /*********************
/* 1479 *|   NAVIGATION STYLES
/* 1480 *|   *********************/
/* 1481 */   /* .menu is clearfixed inside mixins.scss */
/* 1482 */   .menu {
/* 1483 */     /* end .menu ul */
/* 1484 */   
/* 1485 */   }
/* 1486 */   .menu ul {
/* 1487 */     /* end .menu ul li */
/* 1488 */   
/* 1489 */     /* highlight current page */
/* 1490 */   
/* 1491 */     /* end current highlighters */
/* 1492 */   
/* 1493 */   }
/* 1494 */   .menu ul li {
/* 1495 */     /*
/* 1496 *|   				plan your menus and drop-downs wisely.
/* 1497 *|   				*/
/* 1498 */   
/* 1499 */   }
/* 1500 */   .menu ul li a {

/* style.css */

/* 1501 */     /*
/* 1502 *|   					you can use hover styles here even though this size
/* 1503 *|   					has the possibility of being a mobile device.
/* 1504 *|   					*/
/* 1505 */   
/* 1506 */   }
/* 1507 */   /* end .menu */
/* 1508 */   /*********************
/* 1509 *|   POSTS & CONTENT STYLES
/* 1510 *|   *********************/
/* 1511 */   /* entry content */
/* 1512 */   .entry-content {
/* 1513 */     /* at this larger size, we can start to align images */
/* 1514 */   
/* 1515 */   }
/* 1516 */   .entry-content .alignleft,
/* 1517 */   .entry-content img.alignleft {
/* 1518 */     margin-right: 1.5em;
/* 1519 */     display: inline;
/* 1520 */     float: left;
/* 1521 */   }
/* 1522 */   .entry-content .alignright,
/* 1523 */   .entry-content img.alignright {
/* 1524 */     margin-left: 1.5em;
/* 1525 */     display: inline;
/* 1526 */     float: right;
/* 1527 */   }
/* 1528 */   .entry-content .aligncenter,
/* 1529 */   .entry-content img.aligncenter {
/* 1530 */     margin-right: auto;
/* 1531 */     margin-left: auto;
/* 1532 */     display: block;
/* 1533 */     clear: both;
/* 1534 */   }
/* 1535 */   /* end .entry-content */
/* 1536 */   /*********************
/* 1537 *|   FOOTER STYLES
/* 1538 *|   *********************/
/* 1539 */   /*
/* 1540 *|   check your menus here. do they look good?
/* 1541 *|   do they need tweaking?
/* 1542 *|   */
/* 1543 */   /* end .footer-links */
/* 1544 */ }
/* 1545 */ /*
/* 1546 *| TABLET & SMALLER LAPTOPS
/* 1547 *| This is the average viewing window. So Desktops, Laptops, and
/* 1548 *| in general anyone not viewing on a mobile device. Here's where
/* 1549 *| you can add resource intensive styles.
/* 1550 *| */

/* style.css */

/* 1551 */ @media only screen and (min-width: 768px) {
/* 1552 */   /******************************************************************
/* 1553 *|   Site Name:
/* 1554 *|   Author:
/* 1555 *|   
/* 1556 *|   Stylesheet: Grid Stylesheet
/* 1557 *|   
/* 1558 *|   I've seperated the grid so you can swap it out easily. It's
/* 1559 *|   called at the top the style.less stylesheet.
/* 1560 *|   
/* 1561 *|   There are a ton of grid solutions out there. You should definitely
/* 1562 *|   experiment with your own. Here are some recommendations:
/* 1563 *|   
/* 1564 *|   http://gridsetapp.com - Love this site. Responsive Grids made easy.
/* 1565 *|   http://gridpak.com/ - Create your own responsive grid.
/* 1566 *|   
/* 1567 *|   The grid below is a combination of the 1140 grid and Twitter Boostrap. 
/* 1568 *|   I liked 1140 but Boostrap's grid was way more detailed so I merged them 
/* 1569 *|   together, let's see how this works out. If you want to use 1140, the original 
/* 1570 *|   values are commented out on each line.
/* 1571 *|   
/* 1572 *|   ******************************************************************/
/* 1573 */   .onecol {
/* 1574 */     width: 5.801104972%;
/* 1575 */   }
/* 1576 */   /* 4.85%;  } /* grid_1  */
/* 1577 */   .twocol {
/* 1578 */     width: 14.364640883%;
/* 1579 */   }
/* 1580 */   /* 13.45%; } /* grid_2  */
/* 1581 */   .threecol {
/* 1582 */     width: 22.928176794%;
/* 1583 */   }
/* 1584 */   /* 22.05%; } /* grid_3  */
/* 1585 */   .fourcol {
/* 1586 */     width: 31.491712705%;
/* 1587 */   }
/* 1588 */   /* 30.75%; } /* grid_4  */
/* 1589 */   .fivecol {
/* 1590 */     width: 40.055248616%;
/* 1591 */   }
/* 1592 */   /* 39.45%; } /* grid_5  */
/* 1593 */   .sixcol {
/* 1594 */     width: 48.618784527%;
/* 1595 */   }
/* 1596 */   /* 48%;    } /* grid_6  */
/* 1597 */   .sevencol {
/* 1598 */     width: 57.182320438000005%;
/* 1599 */   }
/* 1600 */   /* 56.75%; } /* grid_7  */

/* style.css */

/* 1601 */   .eightcol {
/* 1602 */     width: 65.74585634900001%;
/* 1603 */   }
/* 1604 */   /* 65.4%;  } /* grid_8  */
/* 1605 */   .ninecol {
/* 1606 */     width: 74.30939226%;
/* 1607 */   }
/* 1608 */   /* 74.05%; } /* grid_9  */
/* 1609 */   .tencol {
/* 1610 */     width: 82.87292817100001%;
/* 1611 */   }
/* 1612 */   /* 82.7%;  } /* grid_10 */
/* 1613 */   .elevencol {
/* 1614 */     width: 91.436464082%;
/* 1615 */   }
/* 1616 */   /* 91.35%; } /* grid_11 */
/* 1617 */   .twelvecol {
/* 1618 */     width: 99.999999993%;
/* 1619 */   }
/* 1620 */   /* 100%;   } /* grid_12 */
/* 1621 */   .onecol,
/* 1622 */   .twocol,
/* 1623 */   .threecol,
/* 1624 */   .fourcol,
/* 1625 */   .fivecol,
/* 1626 */   .sixcol,
/* 1627 */   .sevencol,
/* 1628 */   .eightcol,
/* 1629 */   .ninecol,
/* 1630 */   .tencol,
/* 1631 */   .elevencol,
/* 1632 */   .twelvecol {
/* 1633 */     position: relative;
/* 1634 */     float: left;
/* 1635 */     margin-left: 2.762430939%;
/* 1636 */   }
/* 1637 */   .first {
/* 1638 */     margin-left: 0;
/* 1639 */   }
/* 1640 */   .last {
/* 1641 */     float: right;
/* 1642 */   }
/* 1643 */   /******************************************************************
/* 1644 *|   Site Name:
/* 1645 *|   Author:
/* 1646 *|   
/* 1647 *|   Stylesheet: Tablet & Small Desktop Stylesheet
/* 1648 *|   
/* 1649 *|   Here's where you can start getting into the good stuff.
/* 1650 *|   This size will work on iPads, other tablets, and desktops.

/* style.css */

/* 1651 *|   So you can start working with more styles, background images,
/* 1652 *|   and other resources. You'll also notice the grid starts to
/* 1653 *|   come into play. Have fun!
/* 1654 *|   
/* 1655 *|   ******************************************************************/
/* 1656 */   /*********************
/* 1657 *|   GENERAL STYLES
/* 1658 *|   *********************/
/* 1659 */   /*********************
/* 1660 *|   LAYOUT & GRID STYLES
/* 1661 *|   *********************/
/* 1662 */   .wrap {
/* 1663 */     max-width: 1140px;
/* 1664 */   }
/* 1665 */   /*********************
/* 1666 *|   HEADER STYLES
/* 1667 *|   *********************/
/* 1668 */   .header {
/* 1669 */     position: fixed;
/* 1670 */     height: 100%;
/* 1671 */     width: 30%;
/* 1672 */     max-width: 500px;
/* 1673 */     background: url(../../../themes/randomdigitalgarbage/oogoediamond-1240.jpg) no-repeat scroll center center #2c3e50;
/* 1674 */   }
/* 1675 */   .header .socialmedia {
/* 1676 */     display: inline-block;
/* 1677 */   }
/* 1678 */   /*********************
/* 1679 *|   NAVIGATION STYLES
/* 1680 *|   *********************/
/* 1681 */   .nav {
/* 1682 */     /* end .menu ul li */
/* 1683 */   
/* 1684 */     /* highlight current page */
/* 1685 */   
/* 1686 */     /* end current highlighters */
/* 1687 */   
/* 1688 */   }
/* 1689 */   .nav li {
/* 1690 */     /*
/* 1691 *|   		plan your menus and drop-downs wisely.
/* 1692 *|   		*/
/* 1693 */   
/* 1694 */     /* showing sub-menus */
/* 1695 */   
/* 1696 */   }
/* 1697 */   .nav li a {
/* 1698 */     border-bottom: 0;
/* 1699 */   }
/* 1700 */   .nav li ul.sub-menu,

/* style.css */

/* 1701 */   .nav li ul.children {
/* 1702 */     margin-top: 0;
/* 1703 */     border: 1px solid #ccc;
/* 1704 */     border-top: 0;
/* 1705 */     position: absolute;
/* 1706 */     display: none;
/* 1707 */     z-index: 8999;
/* 1708 */     /* highlight sub-menu current page */
/* 1709 */   
/* 1710 */   }
/* 1711 */   .nav li ul.sub-menu li,
/* 1712 */   .nav li ul.children li {
/* 1713 */     /*
/* 1714 *|   				if you need to go deeper, go nuts
/* 1715 *|   				just remember deeper menus suck
/* 1716 *|   				for usability. k, bai.
/* 1717 *|   				*/
/* 1718 */   
/* 1719 */   }
/* 1720 */   .nav li ul.sub-menu li a,
/* 1721 */   .nav li ul.children li a {
/* 1722 */     padding-left: 10px;
/* 1723 */     border-right: 0;
/* 1724 */     display: block;
/* 1725 */     width: 180px;
/* 1726 */     border-bottom: 1px solid #ccc;
/* 1727 */   }
/* 1728 */   .nav li ul.sub-menu li:last-child a,
/* 1729 */   .nav li ul.children li:last-child a {
/* 1730 */     border-bottom: 0;
/* 1731 */   }
/* 1732 */   .nav li:hover ul {
/* 1733 */     top: auto;
/* 1734 */     display: block;
/* 1735 */   }
/* 1736 */   /* end .nav */
/* 1737 */   /*********************
/* 1738 *|   SIDEBARS & ASIDES
/* 1739 *|   *********************/
/* 1740 */   .sidebar {
/* 1741 */     margin-top: 2.2em;
/* 1742 */   }
/* 1743 */   .widgettitle {
/* 1744 */     border-bottom: 2px solid #444;
/* 1745 */     margin-bottom: 0.75em;
/* 1746 */   }
/* 1747 */   .widget {
/* 1748 */     padding: 0 10px;
/* 1749 */     margin: 2.2em 0;
/* 1750 */   }

/* style.css */

/* 1751 */   .widget ul li {
/* 1752 */     margin-bottom: 0.75em;
/* 1753 */     /* deep nesting */
/* 1754 */   
/* 1755 */   }
/* 1756 */   .widget ul li ul {
/* 1757 */     margin-top: 0.75em;
/* 1758 */     padding-left: 1em;
/* 1759 */   }
/* 1760 */   /* links widget */
/* 1761 */   /* meta widget */
/* 1762 */   /* pages widget */
/* 1763 */   /* recent-posts widget */
/* 1764 */   /* archives widget */
/* 1765 */   /* tag-cloud widget */
/* 1766 */   /* calendar widget */
/* 1767 */   /* category widget */
/* 1768 */   /* recent-comments widget */
/* 1769 */   /* search widget */
/* 1770 */   /* text widget */
/* 1771 */   /*********************
/* 1772 *|   FOOTER STYLES
/* 1773 *|   *********************/
/* 1774 */   /*
/* 1775 *|   you'll probably need to do quite a bit
/* 1776 *|   of overriding here if you styled them for
/* 1777 *|   mobile. Make sure to double check these!
/* 1778 *|   */
/* 1779 */   .footer-links ul li {
/* 1780 */     /*
/* 1781 *|   			be careful with the depth of your menus.
/* 1782 *|   			it's very rare to have multi-depth menus in
/* 1783 *|   			the footer.
/* 1784 *|   			*/
/* 1785 */   
/* 1786 */   }
/* 1787 */   /* end .footer-links */
/* 1788 */   .footer {
/* 1789 */     margin-left: 30%;
/* 1790 */   }
/* 1791 */   #content {
/* 1792 */     margin-left: 30%;
/* 1793 */   }
/* 1794 */   #content #inner-content {
/* 1795 */     padding: 50px 50px;
/* 1796 */   }
/* 1797 */ }
/* 1798 */ /*
/* 1799 *| DESKTOP
/* 1800 *| This is the average viewing window. So Desktops, Laptops, and

/* style.css */

/* 1801 *| in general anyone not viewing on a mobile device. Here's where
/* 1802 *| you can add resource intensive styles.
/* 1803 *| */
/* 1804 */ @media only screen and (min-width: 1030px) {
/* 1805 */   /******************************************************************
/* 1806 *|   Site Name: 
/* 1807 *|   Author: 
/* 1808 *|   
/* 1809 *|   Stylesheet: Desktop Stylsheet
/* 1810 *|   
/* 1811 *|   This is the desktop size. It's larger than an iPad so it will only
/* 1812 *|   be seen on the Desktop. 
/* 1813 *|   
/* 1814 *|   ******************************************************************/
/* 1815 */   #content #inner-content {
/* 1816 */     padding: 50px 85px;
/* 1817 */   }
/* 1818 */ }
/* 1819 */ /*
/* 1820 *| LARGE VIEWING SIZE
/* 1821 *| This is for the larger monitors and possibly full screen viewers.
/* 1822 *| */
/* 1823 */ @media only screen and (min-width: 1240px) {
/* 1824 */   /******************************************************************
/* 1825 *|   Site Name: 
/* 1826 *|   Author: 
/* 1827 *|   
/* 1828 *|   Stylesheet: Super Large Monitor Stylesheet
/* 1829 *|   
/* 1830 *|   You can add some advanced styles here if you like. This kicks in
/* 1831 *|   on larger screens.
/* 1832 *|   
/* 1833 *|   ******************************************************************/
/* 1834 */   .header {
/* 1835 */     background: url(../../../themes/randomdigitalgarbage/oogoediamond.jpg) no-repeat scroll center center #2c3e50;
/* 1836 */   }
/* 1837 */ }
/* 1838 */ @media only screen and (min-width: 1666px) {
/* 1839 */   /******************************************************************
/* 1840 *|   Site Name: 
/* 1841 *|   Author: 
/* 1842 *|   
/* 1843 *|   Stylesheet: Super Large Monitor Stylesheet
/* 1844 *|   
/* 1845 *|   You can add some advanced styles here if you like. This kicks in
/* 1846 *|   on larger screens.
/* 1847 *|   
/* 1848 *|   ******************************************************************/
/* 1849 */   .footer {
/* 1850 */     margin-left: 500px;

/* style.css */

/* 1851 */   }
/* 1852 */   #content {
/* 1853 */     margin-left: 500px;
/* 1854 */   }
/* 1855 */ }
/* 1856 */ /*
/* 1857 *| RETINA (2x RESOLUTION DEVICES)
/* 1858 *| This applies to the retina iPhone (4s) and iPad (2,3) along with
/* 1859 *| other displays with a 2x resolution. You can also create a media
/* 1860 *| query for retina AND a certain size if you want. Go Nuts.
/* 1861 *| */
/* 1862 */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/* 1863 */   /******************************************************************
/* 1864 *|   Site Name: 
/* 1865 *|   Author: 
/* 1866 *|   
/* 1867 *|   Stylesheet: Retina Screens & Devices Stylesheet
/* 1868 *|   
/* 1869 *|   When handling retina screens you need to make adjustments, especially
/* 1870 *|   if you're not using font icons. Here you can add them in one neat
/* 1871 *|   place.
/* 1872 *|   
/* 1873 *|   ******************************************************************/
/* 1874 */   /* 
/* 1875 *|   
/* 1876 *|   EXAMPLE 
/* 1877 *|   Let's say you have an image and you need to make sure it looks ok
/* 1878 *|   on retina screens. Let's say we have an icon which dimension are
/* 1879 *|   24px x 24px. In your regular stylesheets, it would look something
/* 1880 *|   like this:
/* 1881 *|   
/* 1882 *|   .icon {
/* 1883 *|   	width: 24px;
/* 1884 *|   	height: 24px;
/* 1885 *|   	background: url(http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/css/img/test.png) no-repeat;
/* 1886 *|   }
/* 1887 *|   
/* 1888 *|   For retina screens, we have to make some adjustments, so that image
/* 1889 *|   doesn't look blurry. So, taking into account the image above and the
/* 1890 *|   dimensions, this is what we would put in our retina stylesheet:
/* 1891 *|   
/* 1892 *|   .icon {
/* 1893 *|   	background: url(http://archive.pittaya.com/wp-content/themes/randomdigitalgarbage/library/css/img/test@2x.png) no-repeat;
/* 1894 *|   	background-size: 24px 24px;
/* 1895 *|   }
/* 1896 *|   
/* 1897 *|   So, you would create the same icon, but at double the resolution, meaning 
/* 1898 *|   it would be 48px x 48px. You'd name it the same, but with a @2x at the end
/* 1899 *|   (this is pretty standard practice). Set the background image so it matches
/* 1900 *|   the original dimensions and you are good to go. 

/* style.css */

/* 1901 *|   
/* 1902 *|   */
/* 1903 */ }
/* 1904 */ /*
/* 1905 *| iPHONE 5 MEDIA QUERY
/* 1906 *| Want to get fancy for no good reason? Knock yourself out.
/* 1907 *| */
/* 1908 */ @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
/* 1909 */   
/* 1910 */ }
/* 1911 */ /*
/* 1912 *| PRINT STYLESHEET
/* 1913 *| Feel free to customize this. Remember to add things that won't make
/* 1914 *| sense to print at the bottom. Things like nav, ads, and forms should
/* 1915 *| be set to display none.
/* 1916 *| */
/* 1917 */ @media print {
/* 1918 */   /******************************************************************
/* 1919 *|   Site Name:
/* 1920 *|   Author:
/* 1921 *|   
/* 1922 *|   Stylesheet: Print Stylesheet
/* 1923 *|   
/* 1924 *|   This is the print stylesheet. There's probably not a lot
/* 1925 *|   of reasons to edit this stylesheet. If you want to
/* 1926 *|   though, go for it.
/* 1927 *|   
/* 1928 *|   ******************************************************************/
/* 1929 */   * {
/* 1930 */     background: transparent !important;
/* 1931 */     color: black !important;
/* 1932 */     text-shadow: none !important;
/* 1933 */     filter: none !important;
/* 1934 */     -ms-filter: none !important;
/* 1935 */   }
/* 1936 */   a,
/* 1937 */   a:visited {
/* 1938 */     color: #444 !important;
/* 1939 */     text-decoration: underline;
/* 1940 */   }
/* 1941 */   a:after,
/* 1942 */   a:visited:after {
/* 1943 */     content: " (" attr(href) ")";
/* 1944 */   }
/* 1945 */   a abbr[title]:after,
/* 1946 */   a:visited abbr[title]:after {
/* 1947 */     content: " (" attr(title) ")";
/* 1948 */   }
/* 1949 */   .ir a:after,
/* 1950 */   a[href^="javascript:"]:after,

/* style.css */

/* 1951 */   a[href^="#"]:after {
/* 1952 */     content: "";
/* 1953 */   }
/* 1954 */   pre,
/* 1955 */   blockquote {
/* 1956 */     border: 1px solid #999;
/* 1957 */     page-break-inside: avoid;
/* 1958 */   }
/* 1959 */   thead {
/* 1960 */     display: table-header-group;
/* 1961 */   }
/* 1962 */   tr,
/* 1963 */   img {
/* 1964 */     page-break-inside: avoid;
/* 1965 */   }
/* 1966 */   img {
/* 1967 */     max-width: 100% !important;
/* 1968 */   }
/* 1969 */   @page  {
/* 1970 */     margin: 0.5cm;
/* 1971 */   }
/* 1972 */   p,
/* 1973 */   h2,
/* 1974 */   h3 {
/* 1975 */     orphans: 3;
/* 1976 */     widows: 3;
/* 1977 */   }
/* 1978 */   h2,
/* 1979 */   h3 {
/* 1980 */     page-break-after: avoid;
/* 1981 */   }
/* 1982 */   .sidebar,
/* 1983 */   .page-navigation,
/* 1984 */   .wp-prev-next,
/* 1985 */   .respond-form,
/* 1986 */   nav {
/* 1987 */     display: none;
/* 1988 */   }
/* 1989 */ }
/* 1990 */