API tools faq
paste
View difference between Paste ID: NjXP5yPq and
SHOW: | | - or go back to the newest paste.
1-
1+
/*

2
Theme Name: Catch Box

3
Theme URI: http://catchthemes.com/themes/catchbox

4
Author: Catch Themes Team

5
Author URI: http://catchthemes.com

6
Description: Catch Box is simple, lightweight, box shaped, and adaptable WordPress Theme for bloggers and professionals. It is based on HTML5, CSS3 and Responsive Web Design to view in various devices. 10 Best Reasons to use Catch Box Theme. 1. Responsive Web Design, 2. Custom Menus (Primary, Secondary and Footer menus), 3. Theme Options for light or dark or blue color scheme, custom link colors, three layout choices, two content choices between excerpt and content option in homepage, feed redirection, custom css styles, 4. Featured Sliders where you can define number of slides and post IDs, 5. Social Links (Facebook, Twitter, RSS, Linkedin, Pinterest, etc), 6. Webmaster Tools (Google, Yahoo and Bing site verification ID, Header and Footer codes), 7. Custom Backgrounds, 8. Custom Header, 9. Catchbox Adspace widget to add any type of Advertisements, and 10. Support popular plugins. Multilingual Ready (WPML) and also currently translated in Brazilian Portuguese, Spanish, Danish, Germany, French, Polish, Czech, Croatian and Italian. Free Support Forum at http://catchthemes.com/support-forum/forum/catch-box-public/

7
Version: 2.0.1

8
License: GNU General Public License v2 or later

9
License URI: http://www.gnu.org/licenses/gpl-2.0.html

10
Tags: dark, light, blue, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

11
*/

12
13
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

14
-------------------------------------------------------------- */

15
16
html, body, div, span, applet, object, iframe,

17
h1, h2, h3, h4, h5, h6, p, blockquote, pre,

18
a, abbr, acronym, address, big, cite, code,

19
del, dfn, em, font, ins, kbd, q, s, samp,

20
small, strike, strong, sub, sup, tt, var,

21
dl, dt, dd, ol, ul, li,

22
fieldset, form, label, legend,

23
table, caption, tbody, tfoot, thead, tr, th, td {

24
	border: 0;

25
	font-family: inherit;

26
	font-size: 100%;

27
	font-style: inherit;

28
	font-weight: inherit;

29
	margin: 0;

30
	outline: 0;

31
	padding: 0;

32
	vertical-align: baseline;

33
}

34
:focus {/* remember to define focus styles! */

35
	outline: 0;

36
}

37
body {

38
	background: #fff;

39
	line-height: 1;

40
}

41
ol, ul {

42
	list-style: none;

43
}

44
table {/* tables still need 'cellspacing="0"' in the markup */

45
	border-collapse: separate;

46
	border-spacing: 0;

47
}

48
caption, th, td {

49
	font-weight: normal;

50
	text-align: left;

51
}

52
blockquote:before, blockquote:after,

53
q:before, q:after {

54
	content: "";

55
}

56
blockquote, q {

57
	quotes: "" "";

58
}

59
a img {

60
	border: 0;

61
}

62
article, aside, details, figcaption, figure,

63
footer, header, hgroup, menu, nav, section {

64
	display: block;

65
}

66
67
68
/* =Structure

69
----------------------------------------------- */

70
71
body {

72
	padding-top: 2em;

73
}

74
#page {

75
	margin-top: 180px;

76
	margin-left: 145px;

77
	max-width: 1058px;

78
}

79
#branding hgroup {

80
    margin: 0 3%;

81
    padding: 2.5em 0;

82
}

83
#access div, 

84
#access-secondary div,

85
#access-footer div {

86
	margin: 0 3%;

87
}

88
#primary {

89
	float: left;

90
	margin: 0 -35.5% 0 0;

91
	width: 100%;

92
}

93
#content {

94
	margin: 0 38.6% 0 3%;

95
	width: 58.4%;

96
}

97
#secondary {

98
	float: right;

99
	margin-right: 3%;

100
	width: 32.5%;

101
}

102
103
/* Right Content */

104
.sidebar-content #primary {

105
	float: right;

106
	margin: 0 0 0 -35.5%;

107
}

108
.sidebar-content #content {

109
	margin: 0 3% 0 38.6%;

110
}

111
.sidebar-content #secondary {

112
	float: left;

113
	margin-left: 3%;

114
	margin-right: 0;

115
}

116
117
/* Singular and Fullwidth */

118
.singular #primary,

119
.fullwidth #primary {

120
	margin: 0;

121
}

122
.singular #content,

123
.fullwidth #content,

124
.sidebar-content.singular #content {

125
	margin: 0 3%;

126
	position: relative;

127
	width: auto;

128
}

129
130
/* Attachments */

131
.singular.single-attachment .entry-header,

132
.singular .image-attachment .entry-content {

133
	margin: 0 auto;

134
	width: auto;

135
}

136
.singular .image-attachment .entry-description {

137
	padding: 1em 0 0;

138
	text-align: center;

139
}

140
141
/* error404 */

142
.error404 #primary {

143
	float: none;

144
	margin: 0;

145
}

146
.error404 #primary #content {

147
	margin: 0 3%;

148
	width: auto;

149
}

150
151
/* Alignment */

152
.alignleft {

153
	display: inline;

154
	float: left;

155
	margin-right: 2em;

156
}

157
.alignright {

158
	display: inline;

159
	float: right;

160
	margin-left: 2em;

161
}

162
.aligncenter {

163
	clear: both;

164
	display: block;

165
	margin-left: auto;

166
	margin-right: auto;

167
}

168
169
/* One column */

170
.content-onecolumn #page {

171
	max-width: 690px;

172
}

173
.content-onecolumn #content {

174
	margin: 0 3%;

175
	width: auto;

176
}

177
.content-onecolumn #nav-below {

178
	border-bottom: 1px solid #ccc;

179
	margin-bottom: 2em;

180
}

181
.content-onecolumn #secondary {

182
	float: none;

183
	margin: 0 3%;

184
	width: auto;

185
}

186
187
/* Remove the margin on singular articles */

188
.content-onecolumn.singular .entry-header,

189
.content-onecolumn.singular .entry-content,

190
.content-onecolumn.singular footer.entry-meta,

191
.content-onecolumn.singular #comments-title {

192
	width: 100%;

193
}

194
/* Simplify the pullquotes and pull styles */

195
.content-onecolumn.singular blockquote.pull {

196
	margin: 0 0 2em;

197
}

198
.content-onecolumn.singular .pull.alignleft {

199
	margin: 0 2em 0 0;

200
}

201
.content-onecolumn.singular .pull.alignright {

202
	margin: 0 0 0 2em;

203
}

204
.content-onecolumn.singular #author-info {

205
	margin: 2.2em -8.8% 0;

206
	padding: 20px 8.8%;

207
}

208
/* Make sure we have room for our comment avatars */

209
.content-onecolumn .commentlist > li.comment {

210
	margin-left: 102px;

211
	width: auto;

212
}

213
/* Talking avatars take up too much room at this size */

214
.content-onecolumn .commentlist > li.comment {

215
	margin-left: 0;

216
}

217
.content-onecolumn .commentlist > li.comment .comment-meta,

218
.content-onecolumn .commentlist > li.comment .comment-content {

219
220
}

221
.content-onecolumn .commentlist .avatar {

222
223
}

224
.content-onecolumn .commentlist .children .avatar {

225
	background: none;

226
	padding: 0;

227
	position: absolute;

228
	left: 2.2em;

229
}

230
.content-onecolumn #respond {

231
	width: auto;

232
}

233
234
235
/* =Global

236
----------------------------------------------- */

237
238
body, input, textarea {

239
	color: #373737;

240
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;

241
	font-weight: 300;

242
	line-height: 1.625;

243
}

244
body {

245
	background: #ccc;

246
        -webkit-background-size: cover;

247
        -moz-background-size: cover;

248
        -o-background-size: cover;

249
        background-size: cover;

250
251
252
253
254
255
}

256
#page {

257
	background: #eee;

258
	-moz-border-radius: 5px;

259
    border-radius: 5px;

260
}

261
262
/* Headings */

263
h1,h2,h3,h4,h5,h6 {

264
	clear: both;

265
}

266
hr {

267
	background-color: #ccc;

268
	border: 0;

269
	height: 1px;

270
	margin-bottom: 2em;

271
}

272
273
/* Text elements */

274
p {

275
	margin-bottom: 2em;

276
}

277
ul, ol {

278
	margin: 0 0 2em 2.5em;

279
}

280
ul {

281
	list-style: disc;

282
}

283
ol {

284
	list-style-type: decimal;

285
}

286
ol ol {

287
	list-style: upper-alpha;

288
}

289
ol ol ol {

290
	list-style: lower-roman;

291
}

292
ol ol ol ol {

293
	list-style: lower-alpha;

294
}

295
ul ul, ol ol, ul ol, ol ul {

296
	margin-bottom: 0;

297
}

298
dl {

299
	margin: 0 2em;

300
}

301
dt {

302
	font-weight: bold;

303
}

304
dd {

305
	margin-bottom: 2em;

306
}

307
strong {

308
	font-weight: bold;

309
}

310
cite, em, i {

311
	font-style: italic;

312
}

313
blockquote {

314
	font-family: Georgia, "Bitstream Charter", serif;

315
	font-style: italic;

316
	font-weight: normal;

317
	margin: 0 3em;

318
}

319
blockquote em, blockquote i, blockquote cite {

320
	font-style: normal;

321
}

322
blockquote cite {

323
	color: #666;

324
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

325
	font-weight: 300;

326
	letter-spacing: 0.05em;

327
	text-transform: uppercase;

328
}

329
pre {

330
	background: #f4f4f4;

331
	font: 13px "Courier 10 Pitch", Courier, monospace;

332
	line-height: 1.5;

333
	margin-bottom: 2em;

334
	overflow: auto;

335
	padding: 0.75em 2em;

336
}

337
code, kbd {

338
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

339
}

340
abbr, acronym, dfn {

341
	border-bottom: 1px dotted #666;

342
	cursor: help;

343
}

344
address {

345
	display: block;

346
	margin: 0 0 2em;

347
}

348
ins {

349
	background: #fff9c0;

350
	text-decoration: none;

351
}

352
sup,

353
sub {

354
	font-size: 10px;

355
	height: 0;

356
	line-height: 1;

357
	position: relative;

358
	vertical-align: baseline;

359
}

360
sup {

361
	bottom: 1ex;

362
}

363
sub {

364
	top: .5ex;

365
}

366
367
/* Forms */

368
input[type=text],

369
input[type=password],

370
textarea {

371
	background: #fafafa;

372
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);

373
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);

374
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);

375
	border: 1px solid #ccc;

376
	color: #888;

377
}

378
input[type=text]:focus,

379
textarea:focus {

380
	color: #373737;

381
}

382
textarea {

383
	padding-left: 3px;

384
	width: 98%;

385
}

386
input[type=text] {

387
	padding: 3px;

388
}

389
input#s {

390
	background: url("images/search.png") no-repeat scroll 5px 6px #f0f0f0;

391
	-moz-border-radius: 5px;

392
	border-radius: 5px;

393
	font-size: 14px;

394
	height: 22px;

395
	line-height: 1.2em;

396
	padding: 4px 10px 4px 28px;

397
}

398
input#searchsubmit {

399
	display: none;

400
}

401
402
/* Links */

403
a {

404
	color: #1982d1;

405
	text-decoration: none;

406
}

407
a:focus,

408
a:active,

409
a:hover {

410
	text-decoration: underline;

411
}

412
413
/* Assistive text */

414
.assistive-text {

415
	position: absolute !important;

416
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

417
	clip: rect(1px, 1px, 1px, 1px);

418
}

419
#access a.assistive-text:active,

420
#access a.assistive-text:focus {

421
	background: #eee;

422
	border-bottom: 1px solid #ccc;

423
	color: #1982d1;

424
	clip: auto !important;

425
	font-size: 12px;

426
	position: absolute;

427
	text-decoration: underline;

428
	top: 0;

429
	left: 3%;

430
}

431
/* clearfix hack */

432
.clearfix:after {

433
	visibility: hidden;

434
	display: block;

435
	font-size: 0;

436
	content: " ";

437
	clear: both;

438
	height: 0;

439
}

440
.clearfix {

441
	display: inline-block;

442
}

443
/* start commented backslash hack \*/

444
* html .clearfix {

445
	height:1%;

446
}

447
.clearfix {

448
	display: block;

449
}

450
.clear {

451
	clear: both;

452
}

453
/* close commented backslash hack */

454
.displayblock {

455
	display: block;

456
}

457
.displaynone {

458
	display: none;

459
}

460
461
/* =Header

462
----------------------------------------------- */

463
464
#branding {

465
	background-color: #fff;

466
	padding-bottom: 10px;

467
	position: relative;

468
	z-index: 9999;

469
	-moz-border-radius: 5px;

470
	border-radius: 5px;

471
}

472
#site-title {

473
	margin-right: 270px;

474
	padding: 0;

475
	font-size: 36px;

476
	line-height: 46px;

477
}

478
#site-title a {

479
	color: #111;

480
	font-weight: bold;

481
	text-decoration: none;

482
}

483
#site-title a:hover,

484
#site-title a:focus,

485
#site-title a:active {

486
	color: #1982d1;

487
}

488
#site-description {

489
	color: #7a7a7a;

490
	font-size: 14px;

491
	margin: 0 270px 0 0;

492
}

493
#branding img {

494
	height: auto;

495
	max-width: 100%;

496
}

497
#site-logo a {

498
	display: block;

499
	line-height: 0;

500
}

501
#branding #site-logo img { margin: 0 }

502
503
/* =Menu

504
-------------------------------------------------------------- */

505
506
#branding #access,

507
#colophon #access-footer {

508
	background: #3d3d3d; /* Show a solid color for older browsers */

509
	background: -moz-linear-gradient(#585858, #3d3d3d);

510
	background: -o-linear-gradient(#585858, #3d3d3d);

511
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#3d3d3d)); /* older webkit syntax */

512
	background: -webkit-linear-gradient(#585858, #3d3d3d);

513
	clear: both;

514
	display: block;

515
	float: left;

516
	margin: 0 auto 2px;

517
	width: 100%;

518
}

519
#branding ul.menu, 

520
#colophon #access-footer ul.menu {

521
	font-size: 14px;

522
	list-style: none;

523
	margin: 0 0 0 -0.8125em;

524
	padding-left: 0;

525
}

526
#branding ul.menu li {

527
	border-right: 1px solid #444;

528
	float: left;

529
	position: relative;

530
}

531
#branding ul.menu a,

532
#colophon #access-footer ul.menu a {

533
	color: #eee;

534
	line-height: 3em;

535
	padding: 0 1.2125em;

536
	text-decoration: none;

537
}

538
#branding ul.menu a {

539
	display: block;

540
}

541
#branding ul.menu ul {

542
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

543
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

544
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);

545
	display: none;

546
	float: left;

547
	margin: 0;

548
	position: absolute;

549
	top: 3em;

550
	left: 0;

551
	list-style: none;

552
	width: 188px;

553
	z-index: 99999;

554
}

555
#branding ul.menu ul ul {

556
	left: 100%;

557
	top: 0;

558
}

559
#branding ul.menu ul a {

560
	background: #f9f9f9;

561
	border-bottom: 1px dotted #ccc;

562
	color: #444;

563
	font-size: 13px;

564
	font-weight: normal;

565
	height: auto;

566
	line-height: 1.4em;

567
	padding: 10px;

568
	width: 168px;

569
}

570
#branding ul.menu li:last-child, 

571
#branding ul.menu ul li {

572
	border:none;

573
} 

574
#branding ul.menu li:hover > a,

575
#branding ul.menu ul :hover > a,

576
#branding ul.menu a:focus {

577
	background: #efefef;

578
}

579
#branding ul.menu li:hover > a,

580
#branding ul.menu a:focus,

581
#colophon #access-footer ul.menu a:hover,

582
#colophon #access-footer ul.menu a:focus {

583
	background: #e5e5e5; /* Show a solid color for older browsers */

584
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);

585
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);

586
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */

587
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);

588
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e5e5e5'); /* for IE */

589
	color: #373737;

590
}

591
#branding ul.menu li:hover > ul {

592
	display: block;

593
}

594
#branding .menu .current-menu-item > a,

595
#branding .menu .current-menu-ancestor > a,

596
#branding .menu .current_page_item > a,

597
#branding .menu .current_page_ancestor > a,

598
#colophon .menu .current-menu-item a {

599
	font-weight: bold;

600
}

601
#access-secondary { 

602
	background-color: #e6e6e6;

603
	clear: both;

604
    display: block;

605
    float: left;

606
    margin: 0 auto 2px;

607
    width: 100%;

608
}

609
#branding #access-secondary ul.menu {

610
	font-size: 13px;

611
}

612
#branding #access-secondary ul.menu li {

613
    border-right: 1px solid #dedede;

614
}

615
#branding #access-secondary ul.menu a {

616
	color: #373737;

617
	line-height: 2.5em;

618
}

619
#branding #access-secondary ul.menu ul {

620
    list-style: none;

621
    top: 2.5em;

622
}

623
#branding #access-secondary ul.menu ul a {

624
    line-height: 1.5em;

625
}

626
#branding #access-secondary ul.menu ul ul { 

627
	top: 0;

628
}

629
#colophon #access-footer {

630
	margin-bottom: 0;

631
}

632
#colophon #access-footer ul.menu li {

633
	border-left: 1px solid #444;

634
	float: left;

635
}

636
#colophon #access-footer ul.menu ul {

637
	border-left: 1px solid #444;

638
    display: inline;

639
    float: left;

640
    list-style: none outside none;

641
    margin: 0;

642
}

643
#colophon #access-footer ul.menu a {

644
    display: inline;

645
    float: left;

646
}

647
#colophon #access-footer ul.menu li:first-child {

648
    border: none;

649
}

650
/* =Responsive Menu (Tinynav.js)

651
-------------------------------------------------------------- */

652
.tinynav { 

653
    display: none;

654
	font-size: 16px;

655
}

656
657
/* =Search Form

658
----------------------------------------------- */

659
660
#branding #searchform {

661
	position: absolute;

662
	top: 2.8em;

663
	right: 3%;

664
	text-align: right;

665
}

666
#branding #searchform div {

667
	margin: 0;

668
}

669
#branding #s {

670
	float: right;

671
	-webkit-transition-duration: 400ms;

672
	-webkit-transition-property: width, background;

673
	-webkit-transition-timing-function: ease;

674
	-moz-transition-duration: 400ms;

675
	-moz-transition-property: width, background;

676
	-moz-transition-timing-function: ease;

677
	-o-transition-duration: 400ms;

678
	-o-transition-property: width, background;

679
	-o-transition-timing-function: ease;

680
	width: 72px;

681
}

682
#branding #s:focus {

683
	background-color: #f9f9f9;

684
	width: 196px;

685
}

686
#branding #searchsubmit {

687
	display: none;

688
}

689
#branding .only-search #searchform {

690
	top: 5px;

691
	z-index: 1;

692
}

693
#branding .only-search #s {

694
	background-color: #666;

695
	border-color: #000;

696
	color: #222;

697
}

698
#branding .only-search #s,

699
#branding .only-search #s:focus {

700
	width: 85%;

701
}

702
#branding .only-search #s:focus {

703
	background-color: #bbb;

704
}

705
#branding .with-image #searchform {

706
	top: auto;

707
	bottom: -27px;

708
	max-width: 195px;

709
}

710
#branding .only-search + #access div {

711
	padding-right: 205px;

712
}

713
714
715
/* =Content

716
----------------------------------------------- */

717
718
#main {

719
	background-color: #eee;

720
	clear: both;

721
	padding: 2em 0 0;

722
}

723
.page-header {

724
    background-color: #FFFFFF;

725
    border-bottom: 2px solid #CCCCCC;

726
     -moz-border-radius: 5px;

727
	border-radius: 5px;

728
    margin: 0 0 2em;

729
    padding: 2em 5%;

730
}

731
.page-header .page-title, .page-header p {

732
	margin: 0;

733
}

734
.page-title {

735
	color: #666;

736
	font-size: 16px;

737
	font-weight: bold;

738
	letter-spacing: 0.1em;

739
	line-height: 18px;

740
	margin: 0 0 2em;

741
	text-transform: uppercase;

742
}

743
.page-title a {

744
	font-size: 12px;

745
	font-weight: bold;

746
	letter-spacing: 0;

747
	text-transform: none;

748
}

749
.hentry, 

750
.no-results,

751
#author-info,

752
#disqus_thread,

753
#content .error404 {

754
    background-color: #fff;

755
    border-bottom: 2px solid #ccc;

756
    -moz-border-radius: 5px;

757
	border-radius: 5px;

758
    margin: 0 0 2em;

759
    padding: 0.5em 5% 2em;

760
    position: relative;

761
	width: auto;

762
}

763
.hentry:last-child,

764
.no-results {

765
	border-bottom: none;

766
}

767
.blog .sticky .entry-header .entry-meta {

768
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

769
	clip: rect(1px, 1px, 1px, 1px);

770
	position: absolute !important;

771
}

772
.entry-title {

773
	clear: both;

774
	color: #222;

775
	font-size: 26px;

776
	font-weight: bold;

777
	line-height: 1.5em;

778
	padding-bottom: .3em;

779
	padding-top: 15px;

780
}

781
.entry-title,

782
.entry-title a {

783
	color: #222;

784
	text-decoration: none;

785
}

786
.entry-title a:hover,

787
.entry-title a:focus,

788
.entry-title a:active {

789
	color: #1982d1;

790
}

791
.entry-meta {

792
	color: #666;

793
	clear: both;

794
	font-size: 12px;

795
	line-height: 18px;

796
}

797
.entry-meta a {

798
	font-weight: bold;

799
}

800
.single-author .entry-meta .by-author {

801
802
}

803
.entry-content,

804
.entry-summary {

805
	padding: 2em 0 0;

806
}

807
.page .entry-content {

808
	padding: 1em 0 0;

809
}

810
.hentry h1 {

811
    font-size: 26px;

812
}

813
.hentry h2 {

814
    font-size: 24px;

815
}

816
.hentry h3 {

817
    font-size: 22px;

818
    font-weight: bold;

819
	margin: 0 0 0.8125em;

820
}

821
.hentry h4 {

822
    font-size: 20px;

823
    margin: 0 0 0.5em;

824
}

825
.hentry h5 {

826
    font-size: 18px;

827
}

828
.hentry h6 {

829
    font-size: 16px;

830
}

831
832
.entry-content h1,

833
.entry-content h2,

834
.comment-content h1,

835
.comment-content h2 {

836
	color: #000;

837
	font-weight: bold;

838
	margin: 0 0 .8125em;

839
}

840
.comment-content h3 {

841
	font-size: 10px;

842
	letter-spacing: 0.1em;

843
	line-height: 2.6em;

844
	text-transform: uppercase;

845
}

846
.entry-content table,

847
.comment-content table {

848
	border-bottom: 1px solid #ccc;

849
	margin: 0 0 2em;

850
	width: 100%;

851
}

852
.entry-content th,

853
.comment-content th {

854
	color: #666;

855
	font-size: 10px;

856
	font-weight: 500;

857
	letter-spacing: 0.1em;

858
	line-height: 2.6em;

859
	text-transform: uppercase;

860
}

861
.entry-content td,

862
.comment-content td {

863
	border-top: 1px solid #ccc;

864
	padding: 6px 10px 6px 0;

865
}

866
.entry-content #s {

867
	width: 75%;

868
}

869
.comment-content ul,

870
.comment-content ol {

871
	margin-bottom: 2em;

872
}

873
.comment-content ul ul,

874
.comment-content ol ol,

875
.comment-content ul ol,

876
.comment-content ol ul {

877
	margin-bottom: 0;

878
}

879
dl.gallery-item {

880
	margin: 0;

881
}

882
.page-link {

883
    clear: both;

884
    display: block;

885
    float: right;

886
	margin: 0 0 2em;

887
}

888
889
.entry-meta .edit-link a,

890
.commentlist .edit-link a {

891
	background: #eee;

892
	-moz-border-radius: 3px;

893
	border-radius: 3px;

894
	color: #666;

895
	float: right;

896
	font-size: 12px;

897
	line-height: 1.5em;

898
	font-weight: 300;

899
	text-decoration: none;

900
	padding: 0 8px;

901
}

902
.singular .entry-header,

903
.singular .entry-content,

904
.error404 .entry-header,

905
.error404 .entry-content {

906
    margin: 0 auto;

907
    width: 68.9%;

908
}

909
.singular .entry-meta .edit-link a {

910
    margin: 0.35em;

911
}

912
.entry-meta .edit-link a:hover,

913
.commentlist .edit-link a:hover {

914
	background: #888;

915
	color: #fff;

916
}

917
.entry-content .edit-link {

918
	clear: both;

919
	display: block;

920
}

921
a.more-link { 

922
	white-space: nowrap;

923
}

924
/* Images */

925
.entry-content img,

926
.comment-content img {

927
	max-width: 100%; /* Fluid images for posts, comments, and widgets */

928
	height: auto;

929
}

930
.widget img {

931
	max-width: 100%;

932
	text-align: center;

933
}

934
img[class*="align"],

935
img[class*="wp-image-"],

936
img[class*="attachment-"] {

937
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

938
}

939
img.size-full,

940
img.size-large,

941
img.wp-post-image {

942
	max-width: 97.4%;

943
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

944
}

945
.entry-content img.wp-smiley {

946
	border: none;

947
	margin-bottom: 0;

948
	margin-top: 0;

949
	padding: 0;

950
}

951
img.alignleft,

952
img.alignright,

953
img.aligncenter {

954
	margin-bottom: 2em;

955
}

956
p img,

957
.wp-caption {

958
	margin-top: 0.4em;

959
}

960
.wp-caption {

961
	background: #eee;

962
	margin-bottom: 2em;

963
	max-width: 96%;

964
	padding: 9px;

965
}

966
.wp-caption img {

967
	display: block;

968
	margin: 0 auto;

969
	max-width: 98%;

970
}

971
.wp-caption .wp-caption-text,

972
.gallery-caption {

973
	color: #666;

974
	font-family: Georgia, serif;

975
	font-size: 12px;

976
}

977
.wp-caption .wp-caption-text {

978
	margin-bottom: 0.2em;

979
	padding: 10px 0 0 40px;

980
	position: relative;

981
}

982
.wp-caption .wp-caption-text:before {

983
	color: #666;

984
	content: '\2014';

985
	font-size: 14px;

986
	font-style: normal;

987
	font-weight: bold;

988
	margin-right: 5px;

989
	position: absolute;

990
	left: 10px;

991
	top: 7px;

992
}

993
#content .gallery {

994
	margin: 0 auto 2em;

995
}

996
#content .gallery a img {

997
	border: none;

998
}

999
img#wpstats {

1000
	display: block;

1001
	margin: 0 auto 2em;

1002
}

1003
#content .gallery-columns-5 .gallery-item {

1004
    padding: 0 1%;

1005
    width: 18%;

1006
}

1007
{ }

1008
#content .gallery-columns-4 .gallery-item {

1009
	width: 23%;

1010
	padding: 0 1%;

1011
}

1012
#content .gallery-columns-5 .gallery-item img,

1013
#content .gallery-columns-4 .gallery-item img,

1014
#content .gallery-columns-3 .gallery-item img {

1015
    padding: 6% !important;

1016
    max-width: 86%;

1017
}

1018
#content .gallery-columns-3 .gallery-item {

1019
    padding: 0 1%;

1020
    width: 31.33%;

1021
}

1022
#content .gallery-columns-1 .gallery-item img {

1023
	max-width: 97%

1024
}

1025
1026
1027
#content .gallery dd.gallery-caption {

1028
	margin-bottom: 1em;

1029
}

1030
/* Image borders */

1031
img[class*="align"],

1032
img[class*="wp-image-"],

1033
#content .gallery .gallery-icon img,

1034
img.wp-post-image,

1035
img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

1036
	border: 1px solid #ccc;

1037
	padding: 6px;

1038
}

1039
.wp-caption img {

1040
	border-color: #eee;

1041
	padding: 0;

1042
}

1043
a:focus img[class*="align"],

1044
a:hover img[class*="align"],

1045
a:active img[class*="align"],

1046
a:focus img[class*="wp-image-"],

1047
a:hover img[class*="wp-image-"],

1048
a:active img[class*="wp-image-"],

1049
#content .gallery .gallery-icon a:focus img,

1050
#content .gallery .gallery-icon a:hover img,

1051
#content .gallery .gallery-icon a:active img,

1052
a:hover img.wp-post-image,

1053
.gallery-thumb a:hover img.attachment-thumbnail {/* Add some useful style to those fancy borders for linked images ... */

1054
	background: #eee;

1055
	border-color: #bbb;

1056
}

1057
.wp-caption a:focus img,

1058
.wp-caption a:active img,

1059
.wp-caption a:hover img {/* ... including captioned images! */

1060
	background: #fff;

1061
	border-color: #ccc;

1062
}

1063
1064
/* Make sure embeds and iframes fit their containers */

1065
embed,

1066
iframe,

1067
object {

1068
	max-width: 100%;

1069
}

1070
1071
/* Password Protected Posts */

1072
.post-password-required .entry-header .comments-link {

1073
	margin: 2em 0 0;

1074
}

1075
.post-password-required input[type=password] {

1076
	margin: 0.8125em 0;

1077
}

1078
.post-password-required input[type=password]:focus {

1079
	background: #f7f7f7;

1080
}

1081
1082
/* Author Info */

1083
#author-info {

1084
	font-size: 12px;

1085
	overflow: hidden;

1086
	padding-top: 2em;

1087
}

1088
.archive #author-info {

1089
	border-bottom: 1px solid #ccc;

1090
	margin: 0 0 2.2em;

1091
	padding: 0 0 2.2em;

1092
}

1093
#author-avatar {

1094
    display: inline;

1095
    float: left;

1096
    width: 13%;

1097
}

1098
#author-avatar img {

1099
	background: #fff;

1100
	-moz-border-radius: 3px;

1101
	border-radius: 3px;

1102
	-webkit-box-shadow: 0 1px 2px #bbb;

1103
	-moz-box-shadow: 0 1px 2px #bbb;

1104
	box-shadow: 0 1px 2px #bbb;	

1105
	height: auto;

1106
    max-width: 90%;

1107
    padding: 5%;

1108
}

1109
#author-description {

1110
    display: inline;

1111
    float: right;

1112
    width: 82%;

1113
}

1114
#author-description h2 {

1115
	color: #000;

1116
	font-size: 15px;

1117
	font-weight: bold;

1118
	margin: 5px 0 10px;

1119
}

1120
1121
/* Comments link */

1122
.entry-header .comments-link a {

1123
1124
}

1125
.entry-header .comments-link a:hover,

1126
.entry-header .comments-link a:focus,

1127
.entry-header .comments-link a:active {

1128
1129
}

1130
.entry-header .comments-link .leave-reply {

1131
1132
}

1133
1134
/* Featured Slider */

1135
#slider {

1136
    background-color: #555;

1137
    border-bottom: 2px solid #ccc;

1138
    border-radius: 5px;

1139
	-moz-border-radius: 5px;

1140
    margin: 0 0 2em;

1141
    position: relative;

1142
}

1143
#slider-wrap a {

1144
	display: block;

1145
	padding: 11px 11px 10px;

1146
	

1147
}

1148
#slider-wrap a.more-link {

1149
	display: inline;

1150
	padding: 0;

1151
}

1152
#slider-wrap img {

1153
    border: none;

1154
    display: block;

1155
    height: auto;

1156
    margin: 0 auto;

1157
    max-width: 100%;

1158
    padding: 0;

1159
}

1160
#slider-wrap a:hover img {

1161
	background: none;

1162
	border: none;

1163
}

1164
1165
#slider-wrap .featured-text {

1166
    color: #FFFFFF;

1167
    padding: 0 11px 10px;

1168
}

1169
#content nav#nav-slider {

1170
	padding: 0;

1171
}

1172
#nav-slider img {

1173
	 max-width:33px;

1174
	 height:auto;

1175
	 width:100%;

1176
 }

1177
#nav-slider .nav-previous, 

1178
#nav-slider .nav-next {

1179
    cursor: pointer;

1180
    display: block;

1181
    max-width: 33px;

1182
    opacity: 0.7;

1183
    position: absolute;

1184
    top: 106px;

1185
    width: 6%;

1186
    z-index: 999;

1187
}

1188
#nav-slider .nav-previous:hover, 

1189
#nav-slider .nav-next:hover {

1190
	opacity: 10;

1191
}

1192
#nav-slider .nav-previous {

1193
    left: 11px;

1194
}

1195
#nav-slider .nav-next {

1196
    right: 11px;

1197
}

1198
1199
/*

1200
Post Formats Headings

1201
To hide the headings, display: none the ".entry-header .entry-format" selector,

1202
and remove the padding rules below.

1203
*/

1204
.entry-header .entry-format {

1205
	color: #666;

1206
	font-size: 10px;

1207
	font-weight: 500;

1208
	letter-spacing: 0.1em;

1209
	line-height: 2.6em;

1210
	position: absolute;

1211
	text-transform: uppercase;

1212
	top: 0;

1213
	right: 5px;

1214
}

1215
.entry-header hgroup .entry-title {

1216
	padding-top: 15px;

1217
}

1218
article.format-aside .entry-content,

1219
article.format-link .entry-content,

1220
article.format-status .entry-content {

1221
	padding: 20px 0 0;

1222
}

1223
article.format-status .entry-content {

1224
	min-height: 65px;

1225
}

1226
.recent-posts .entry-header .entry-format {

1227
	display: none;

1228
}

1229
.recent-posts .entry-header hgroup .entry-title {

1230
	padding-top: 0;

1231
}

1232
1233
/* Singular content styles for Posts and Pages */

1234
.singular .hentry {

1235
    padding: 3.88em 5%;

1236
}

1237
.singular.page .hentry,

1238
#content .error404 {

1239
    padding: 3em 5%;

1240
}

1241
.singular .entry-title,

1242
.error404 .entry-title {

1243
	color: #000;

1244
	font-size: 36px;

1245
	font-weight: bold;

1246
	line-height: 48px;

1247
}

1248
.singular .entry-title,

1249
.singular .entry-header .entry-meta {

1250
	padding-right: 0;

1251
}

1252
.singular .entry-header .entry-meta {

1253
    left: 30px;

1254
    position: absolute;

1255
    top: 23px;

1256
}

1257
blockquote.pull {

1258
	font-size: 21px;

1259
	font-weight: bold;

1260
	line-height: 1.6125em;

1261
	margin: 0 0 2em;

1262
	text-align: center;

1263
}

1264
.singular blockquote.pull {

1265
	margin: 0 -22.25% 2em;

1266
}

1267
.pull.alignleft {

1268
	margin: 0 2em 0 0;

1269
	text-align: right;

1270
	width: 33%;

1271
}

1272
.singular .pull.alignleft {

1273
	margin: 0 2em 0 -22.25%;

1274
}

1275
.pull.alignright {

1276
	margin: 0 0 0 2em;

1277
	text-align: left;

1278
	width: 33%;

1279
}

1280
.singular .pull.alignright {

1281
	margin: 0 -22.25% 0 2em;

1282
}

1283
.singular blockquote.pull.alignleft,

1284
.singular blockquote.pull.alignright {

1285
	width: 33%;

1286
}

1287
1288
/* =Aside

1289
----------------------------------------------- */

1290
1291
.format-aside .entry-title,

1292
.format-aside .entry-header .comments-link {

1293
	display: none;

1294
}

1295
.singular .format-aside .entry-title {

1296
	display: block;

1297
}

1298
.format-aside .entry-content {

1299
	padding: 0;

1300
}

1301
.singular .format-aside .entry-content {

1302
	padding: 2em 0 0;

1303
}

1304
1305
1306
/* =Link

1307
----------------------------------------------- */

1308
1309
.format-link .entry-title,

1310
.format-link .entry-header .comments-link {

1311
	display: none;

1312
}

1313
.singular .format-link .entry-title {

1314
	display: block;

1315
}

1316
.format-link .entry-content {

1317
	padding: 0;

1318
}

1319
.singular .format-link .entry-content {

1320
	padding: 2em 0 0;

1321
}

1322
1323
1324
/* =Gallery

1325
----------------------------------------------- */

1326
1327
.format-gallery .gallery-thumb {

1328
	float: left;

1329
	display: block;

1330
	margin: .375em 2em 0 0;

1331
}

1332
1333
1334
/* =Status

1335
----------------------------------------------- */

1336
1337
.format-status .entry-title,

1338
.format-status .entry-header .comments-link {

1339
	display: none;

1340
}

1341
.singular .format-status .entry-title {

1342
	display: block;

1343
}

1344
.format-status .entry-content {

1345
	padding: 0;

1346
}

1347
.singular .format-status .entry-content {

1348
	padding: 2em 0 0;

1349
}

1350
.format-status img.avatar {

1351
	-moz-border-radius: 3px;

1352
	border-radius: 3px;

1353
	-webkit-box-shadow: 0 1px 2px #ccc;

1354
	-moz-box-shadow: 0 1px 2px #ccc;

1355
	box-shadow: 0 1px 2px #ccc;

1356
	float: left;

1357
	margin: 4px 10px 2px 0;

1358
	padding: 0;

1359
}

1360
1361
1362
/* =Quote

1363
----------------------------------------------- */

1364
1365
.format-quote blockquote {

1366
	color: #555;

1367
	font-size: 17px;

1368
	margin: 0;

1369
}

1370
1371
1372
/* =Image

1373
----------------------------------------------- */

1374
1375
.indexed.format-image .entry-header {

1376
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */

1377
}

1378
.indexed.format-image .entry-content {

1379
	padding-top: 0.5em;

1380
}

1381
.indexed.format-image p,

1382
.indexed.format-image p img {

1383
	margin-bottom: 0;

1384
}

1385
.indexed.format-image footer.entry-meta {

1386
	background: #ccc;

1387
	margin-top: -7px;

1388
	padding: 20px 30px;

1389
	overflow: hidden;

1390
}

1391
.indexed.format-image div.entry-meta {

1392
	display: inline-block;

1393
	float: left;

1394
	width: 35%;

1395
}

1396
.indexed.format-image div.entry-meta + div.entry-meta {

1397
	float: none;

1398
	width: 65%;

1399
}

1400
.indexed.format-image .entry-meta span.cat-links,

1401
.indexed.format-image .entry-meta span.tag-links,

1402
.indexed.format-image .entry-meta span.comments-link {

1403
	display: block;

1404
}

1405
.indexed.format-image footer.entry-meta a {

1406
	color: #444;

1407
}

1408
.indexed.format-image footer.entry-meta a:hover {

1409
	color: #fff;

1410
}

1411
#content .indexed.format-image img {

1412
	border: none;

1413
	max-width: 100%;

1414
	padding: 0;

1415
}

1416
.indexed.format-image .wp-caption {

1417
	background: #111;

1418
	margin-bottom: 0;

1419
	max-width: 96%;

1420
	padding: 11px;

1421
}

1422
.indexed.format-image .wp-caption .wp-caption-text {

1423
	color: #ccc;

1424
}

1425
.indexed.format-image .wp-caption .wp-caption-text:before {

1426
	color: #444;

1427
}

1428
.indexed.format-image a:hover img {

1429
	opacity: 0.8;

1430
}

1431
1432
1433
/* =error404

1434
----------------------------------------------- */

1435
1436
.error404 #main #searchform {

1437
	background: #f9f9f9;

1438
	border: 1px solid #ccc;

1439
	border-width: 1px 0;

1440
	margin: 0 -30.55% 2em;

1441
	overflow: hidden;

1442
	padding: 2em 8.9%;

1443
}

1444
.error404 #main #s {

1445
	width: 95%;

1446
}

1447
.error404 #main .widget {

1448
	clear: none;

1449
	float: left;

1450
	margin-right: 3.7%;

1451
	width: 30.85%;

1452
}

1453
.error404 #main .widget_archive {

1454
	margin-right: 0;

1455
}

1456
.error404 #main .widget_tag_cloud {

1457
	float: none;

1458
	margin-right: 0;

1459
	width: 100%;

1460
}

1461
.error404 .widgettitle {

1462
	font-size: 10px;

1463
	letter-spacing: 0.1em;

1464
	line-height: 2.6em;

1465
	text-transform: uppercase;

1466
}

1467
1468
1469
/* =Showcase

1470
----------------------------------------------- */

1471
1472
h1.showcase-heading {

1473
	color: #666;

1474
	font-size: 10px;

1475
	font-weight: 500;

1476
	letter-spacing: 0.1em;

1477
	line-height: 2.6em;

1478
	text-transform: uppercase;

1479
}

1480
1481
/* Intro */

1482
article.intro {

1483
	background: #f9f9f9;

1484
	border-bottom: none;

1485
	margin: -1.855em -8.9% 2em;

1486
	padding: 0 8.9%;

1487
}

1488
article.intro .entry-title {

1489
	display: none;

1490
}

1491
article.intro .entry-content {

1492
	color: #111;

1493
	font-size: 16px;

1494
	padding: 2em 0 0.625em;

1495
}

1496
1497
1498
/* Featured post */

1499
section.featured-post {

1500
	float: left;

1501
	margin: -2em -8.9% 2em;

1502
	padding: 2em 8.9% 0;

1503
	position: relative;

1504
	width: 100%;

1505
}

1506
section.featured-post .hentry {

1507
	border: none;

1508
	color: #666;

1509
	margin: 0;

1510
}

1511
section.featured-post .entry-meta {

1512
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

1513
	clip: rect(1px, 1px, 1px, 1px);

1514
	position: absolute !important;

1515
}

1516
1517
/* Small featured post */

1518
section.featured-post .attachment-small-feature {

1519
	float: right;

1520
	height: auto;

1521
	margin: 0 -8.9% 2em 0;

1522
	max-width: 59%;

1523
	position: relative;

1524
	right: -15px;

1525
}

1526
section.featured-post.small {

1527
	padding-top: 0;

1528
}

1529
section.featured-post .attachment-small-feature:hover,

1530
section.featured-post .attachment-small-feature:focus,

1531
section.featured-post .attachment-small-feature:active {

1532
	opacity: .8;

1533
}

1534
article.feature-image.small {

1535
	float: left;

1536
	margin: 0 0 2em;

1537
	width: 45%;

1538
}

1539
article.feature-image.small .entry-title {

1540
	line-height: 1.2em;

1541
}

1542
article.feature-image.small .entry-summary {

1543
	color: #555;

1544
	font-size: 13px;

1545
}

1546
article.feature-image.small .entry-summary p a {

1547
	background: #222;

1548
	color: #eee;

1549
	display: block;

1550
	left: -23.8%;

1551
	padding: 9px 26px 9px 85px;

1552
	position: relative;

1553
	text-decoration: none;

1554
	top: 20px;

1555
	width: 180px;

1556
	z-index: 1;

1557
}

1558
article.feature-image.small .entry-summary p a:hover {

1559
	background: #1982d1;

1560
	color: #eee;

1561
	color: rgba(255,255,255,0.8);

1562
}

1563
1564
/* Large featured post */

1565
section.feature-image.large {

1566
	border: none;

1567
	max-height: 288px;

1568
	padding: 0;

1569
	width: 100%;

1570
}

1571
section.feature-image.large .showcase-heading {

1572
	display: none;

1573
}

1574
section.feature-image.large .hentry {

1575
	border-bottom: none;

1576
	left: 9%;

1577
	margin: 2em 9% 0 0;

1578
	position: absolute;

1579
	top: 0;

1580
}

1581
article.feature-image.large .entry-title a {

1582
	background: #222;

1583
	background: rgba(0,0,0,0.8);

1584
	-moz-border-radius: 3px;

1585
	border-radius: 3px;

1586
	color: #fff;

1587
	display: inline-block;

1588
	font-weight: 300;

1589
	padding: .2em 20px;

1590
}

1591
section.feature-image.large:hover .entry-title a,

1592
section.feature-image.large .entry-title:hover a {

1593
	background: #eee;

1594
	background: rgba(255,255,255,0.8);

1595
	color: #222;

1596
}

1597
article.feature-image.large .entry-summary {

1598
	display: none;

1599
}

1600
section.feature-image.large img {

1601
	display: block;

1602
	height: auto;

1603
	max-width: 117.9%;

1604
	padding: 0 0 6px;

1605
}

1606
1607
/* Featured Slider */

1608
.featured-posts {

1609
	border-bottom: 1px solid #ccc;

1610
	display: block;

1611
	height: 328px;

1612
	margin: 2em -8.9% 20px;

1613
	max-width: 1000px;

1614
	padding: 0;

1615
	position: relative;

1616
	overflow: hidden;

1617
}

1618
.featured-posts .showcase-heading {

1619
	padding-left: 8.9%;

1620
}

1621
.featured-posts section.featured-post {

1622
	background: #fff;

1623
	height: 288px;

1624
	left: 0;

1625
	margin: 0;

1626
	position: absolute;

1627
	top: 30px;

1628
	width: auto;

1629
}

1630
.featured-posts section.featured-post.large {

1631
	max-width: 100%;

1632
	overflow: hidden;

1633
}

1634
.featured-posts section.featured-post {

1635
	-webkit-transition-duration: 200ms;

1636
	-webkit-transition-property: opacity, visibility;

1637
	-webkit-transition-timing-function: ease;

1638
	-moz-transition-duration: 200ms;

1639
	-moz-transition-property: opacity, visibility;

1640
	-moz-transition-timing-function: ease;

1641
}

1642
.featured-posts section.featured-post {

1643
	opacity: 0;

1644
	visibility: hidden;

1645
}

1646
.featured-posts #featured-post-1 {

1647
	opacity: 1;

1648
	visibility: visible;

1649
}

1650
.featured-post .feature-text:after,

1651
.featured-post .feature-image.small:after {

1652
	content: ' ';

1653
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

1654
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

1655
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

1656
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */

1657
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

1658
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

1659
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */

1660
	width: 100%;

1661
	height: 45px;

1662
	position: absolute;

1663
	top: 230px;

1664
}

1665
.featured-post .feature-image.small:after {

1666
	top: 253px;

1667
}

1668
#content .feature-slider {

1669
	top: 5px;

1670
	right: 8.9%;

1671
	overflow: visible;

1672
	position: absolute;

1673
}

1674
.feature-slider ul {

1675
	list-style-type: none;

1676
	margin: 0;

1677
}

1678
.feature-slider li {

1679
	float: left;

1680
	margin: 0 6px;

1681
}

1682
.feature-slider a {

1683
	background: #3c3c3c;

1684
	background: rgba(60,60,60,0.9);

1685
	-moz-border-radius: 12px;

1686
	border-radius: 12px;

1687
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

1688
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

1689
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

1690
	display: block;

1691
	width: 14px;

1692
	height: 14px;

1693
}

1694
.feature-slider a.active {

1695
	background: #1982d1;

1696
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

1697
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

1698
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

1699
	cursor: default;

1700
	opacity: 0.5;

1701
}

1702
1703
/* Recent Posts */

1704
section.recent-posts {

1705
	padding: 0 0 2em;

1706
}

1707
section.recent-posts .hentry {

1708
	border: none;

1709
	margin: 0;

1710
}

1711
section.recent-posts .other-recent-posts {

1712
	border-bottom: 1px solid #ccc;

1713
	list-style: none;

1714
	margin: 0;

1715
}

1716
section.recent-posts .other-recent-posts li {

1717
	padding: 0.3125em 0;

1718
	position: relative;

1719
}

1720
section.recent-posts .other-recent-posts .entry-title {

1721
	border-top: 1px solid #ccc;

1722
	font-size: 17px;

1723
}

1724
section.recent-posts .other-recent-posts a[rel="bookmark"] {

1725
	color: #373737;

1726
	float: left;

1727
	max-width: 84%;

1728
}

1729
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {

1730
	content: '-';

1731
	color: transparent;

1732
	font-size: 11px;

1733
}

1734
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {

1735
}

1736
section.recent-posts .other-recent-posts .comments-link a,

1737
section.recent-posts .other-recent-posts .comments-link > span {

1738
	border-bottom: 2px solid #999;

1739
	bottom: -2px;

1740
	color: #444;

1741
	display: block;

1742
	font-size: 10px;

1743
	font-weight: 500;

1744
	line-height: 2.76333em;

1745
	padding: 0.3125em 0 0.3125em 1em;

1746
	position: absolute;

1747
	right: 0;

1748
	text-align: right;

1749
	text-transform: uppercase;

1750
	z-index: 1;

1751
}

1752
section.recent-posts .other-recent-posts .comments-link > span {

1753
	border-color: #bbb;

1754
	color: #888;

1755
}

1756
section.recent-posts .other-recent-posts .comments-link a:hover {

1757
	color: #1982d1;

1758
	border-color: #1982d1;

1759
}

1760
section.recent-posts .other-recent-posts li:after {

1761
	clear: both;

1762
	content: '.';

1763
	display: block;

1764
	height: 0;

1765
	visibility: hidden;

1766
}

1767
1768
1769
/* =Attachments

1770
----------------------------------------------- */

1771
1772
.image-attachment div.attachment {

1773
    background: f9f9f9;

1774
    overflow: hidden;

1775
    text-align: center;

1776
}

1777
.image-attachment div.attachment img {

1778
	display: block;

1779
	height: auto;

1780
	margin: 0 auto 2em;

1781
	max-width: 100%;

1782
}

1783
.image-attachment div.attachment a img {

1784
    border: 1px solid #ccc;

1785
    display: block;

1786
    height: auto;

1787
    margin: 0 auto;

1788
    max-width: 97%;

1789
    padding: 1%;

1790
}

1791
.image-attachment div.attachment a:focus img,

1792
.image-attachment div.attachment a:hover img,

1793
.image-attachment div.attachment a:active img {

1794
	border-color: #bbb;

1795
	background: #eee;

1796
}

1797
.image-attachment .entry-caption p {

1798
	font-size: 10px;

1799
	letter-spacing: 0.1em;

1800
	line-height: 2.6em;

1801
	margin: 0 0 2.6em;

1802
	text-transform: uppercase;

1803
}

1804
1805
1806
/* =Navigation

1807
-------------------------------------------------------------- */

1808
1809
#content nav {

1810
	clear: both;

1811
	overflow: hidden;

1812
	padding: 0 0 0.8em;

1813
}

1814
#content nav a {

1815
	display: inline-block;

1816
	font-size: 12px;

1817
	font-weight: bold;

1818
	line-height: 2.2em;

1819
}

1820
#nav-above {

1821
	padding: 0 0 1.625em;

1822
}

1823
#nav-above {

1824
	display: none;

1825
}

1826
.paged #nav-above {

1827
	display: block;

1828
}

1829
.nav-previous {

1830
	float: left;

1831
	width: 50%;

1832
}

1833
.nav-next {

1834
	float: right;

1835
	text-align: right;

1836
	width: 50%;

1837
}

1838
#content nav .meta-nav {

1839
	font-weight: normal;

1840
}

1841
#nav-below .wp-pagenavi {

1842
	float: right;

1843
}

1844
#nav-below .wp-pagenavi a, 

1845
#nav-below .wp-pagenavi span, 

1846
#nav-below #wp_page_numbers ul li a,

1847
.page-link span,

1848
.page-link a span {

1849
	border: none;

1850
	float:left;

1851
	height:32px;

1852
	background:#ddd;

1853
	color:#555;

1854
	text-align:center;

1855
	font-size:14px;

1856
	line-height:30px;

1857
	display:block;

1858
	padding:0 12px;

1859
	text-decoration:none;

1860
}

1861
#nav-below .wp-pagenavi a, 

1862
#nav-below .wp-pagenavi span,

1863
.page-link span {

1864
	margin: 0 0 0 10px;

1865
}

1866
#nav-below .wp-pagenavi span.pages,

1867
.page-link span.pages {

1868
	color: #555;

1869
	background: none; 

1870
	padding: 2px 0 0 0;

1871
}

1872
#nav-below .wp-pagenavi a:hover,

1873
#nav-below #wp_page_numbers ul li a:hover,

1874
.page-link a span:hover {

1875
	background:#444;

1876
	color:#fff;

1877
}

1878
#nav-below .wp-pagenavi span.current, 

1879
#nav-below #wp_page_numbers ul li.active_page a,

1880
.page-link span {

1881
	background:#444;

1882
	color:#fff;

1883
	font-weight: normal;

1884
}

1885
#nav-below #wp_page_numbers {

1886
    background: none repeat scroll 0 0 transparent;

1887
    float: right;

1888
    margin: 0;

1889
    width: auto;

1890
}

1891
#nav-below #wp_page_numbers ul {

1892
	border: none;

1893
    list-style: none;

1894
}

1895
#nav-below #wp_page_numbers ul li {

1896
    color: #aaa;

1897
    float: left;

1898
    font-size: 12px;

1899
    line-height: 30px;

1900
    margin-left: 10px;

1901
}

1902
#nav-below #wp_page_numbers ul li.page_info {

1903
	background: none;

1904
	border: none;

1905
}

1906
1907
1908
/* Singular navigation */

1909
#nav-single {

1910
    float: right;

1911
    position: relative;

1912
    right: 3%;

1913
    text-align: right;

1914
    top: 20px;

1915
    z-index: 1;

1916
}

1917
#nav-single .nav-previous,

1918
#nav-single .nav-next {

1919
	float: none;

1920
	width: auto;

1921
}

1922
#nav-single .nav-next {

1923
	padding-left: .5em;

1924
}

1925
1926
1927
/* =Widgets

1928
----------------------------------------------- */

1929
1930
.widget-area {

1931
	font-size: 12px;

1932
}

1933
.widget {

1934
    background-color: #fff;

1935
	border-bottom: 2px solid #ccc;

1936
    -moz-border-radius: 5px;

1937
    border-radius: 5px;

1938
    clear: both;

1939
    margin-bottom: 2em;

1940
	padding: 0.5em 1em 1em;

1941
}

1942
.widget-title {

1943
    border-bottom: 2px solid #ccc;

1944
    color: #222;

1945
	font-size: 16px;

1946
    font-weight: bold;

1947
    letter-spacing: 0.1em;

1948
    padding: 0 1em 0.5em;

1949
	margin: 0 -0.75em 1em;

1950
}

1951
.widget-title a {

1952
    color: #222;

1953
	font-size: 16px;

1954
    font-weight: bold;

1955
}

1956
.widget-title a:hover {

1957
	text-decoration: none;

1958
}

1959
.widget .paddingtop {

1960
    display: block;

1961
    padding-top: 0.5em;

1962
}

1963
.widget ul {

1964
    font-size: 15px;

1965
    margin: 0 0 0 1em;

1966
}

1967
.widget ul ul {

1968
	margin-left: 1.5em;

1969
}

1970
.widget ul li {

1971
	color: #777;

1972
	font-size: 13px;

1973
}

1974
.widget a {

1975
	font-weight: 400;

1976
	text-decoration: none;

1977
}

1978
.widget a:hover,

1979
.widget a:focus,

1980
.widget a:active {

1981
	text-decoration: underline;

1982
}

1983
1984
/* Search Widget */

1985
.widget_search form {

1986
    margin-top: 0.5em;

1987
}

1988
.widget_search #s {

1989
	width: 87%;

1990
}

1991
.widget_search #searchsubmit {

1992
	background: #ccc;

1993
	border: 1px solid #ccc;

1994
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

1995
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

1996
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

1997
	color: #888;

1998
	font-size: 13px;

1999
	line-height: 25px;

2000
	position: relative;

2001
	top: -2px;

2002
}

2003
.widget_search #searchsubmit:active {

2004
	background: #1982d1;

2005
	border-color: #0861a5;

2006
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

2007
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

2008
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

2009
	color: #bfddf3;

2010
}

2011
2012
/* Twitter */

2013
.widget_twitter li {

2014
	margin-bottom: 14px;

2015
}

2016
.widget_twitter .timesince {

2017
	display: block;

2018
	font-size: 11px;

2019
	margin-right: -10px;

2020
	text-align: right;

2021
}

2022
2023
/* Widget Image */

2024
.widget_image img {

2025
	height: auto;

2026
	max-width: 100%;

2027
}

2028
2029
/* Calendar Widget */

2030
2031
.widget_calendar #wp-calendar {

2032
	color: #555;

2033
	width: 100%;

2034
	text-align: center;

2035
}

2036
.widget_calendar #wp-calendar caption,

2037
.widget_calendar #wp-calendar td,

2038
.widget_calendar #wp-calendar th {

2039
	text-align: center;

2040
}

2041
.widget_calendar #wp-calendar caption {

2042
	font-size: 11px;

2043
	font-weight: 500;

2044
	padding: 5px 0 3px 0;

2045
	text-transform: uppercase;

2046
}

2047
.widget_calendar #wp-calendar th {

2048
	background: #f4f4f4;

2049
	border-top: 1px solid #ccc;

2050
	border-bottom: 1px solid #ccc;

2051
	font-weight: bold;

2052
}

2053
.widget_calendar #wp-calendar tfoot td {

2054
	background: #f4f4f4;

2055
	border-top: 1px solid #ccc;

2056
	border-bottom: 1px solid #ccc;

2057
}

2058
2059
2060
/* =Comments

2061
----------------------------------------------- */

2062
2063
#comments-title {

2064
    color: #222;

2065
    font-size: 14px;

2066
    font-weight: bold;

2067
    line-height: 14px;

2068
    padding: 0 0 2em;

2069
}

2070
#comments-title span {

2071
	text-transform: uppercase;

2072
}

2073
.nopassword,

2074
.nocomments {

2075
	color: #aaa;

2076
	font-size: 24px;

2077
	font-weight: 100;

2078
	margin: 26px 0;

2079
	text-align: center;

2080
}

2081
.commentlist {

2082
	list-style: none;

2083
	margin: 0 auto;

2084
	word-wrap: break-word;

2085
}

2086
.content .commentlist,

2087
.page-template-sidebar-page-php .commentlist {

2088
	width: 100%; /* reset the width for the one-column and sidebar page layout */

2089
}

2090
.commentlist > li.comment {

2091
	background: #f6f6f6;

2092
	border: 1px solid #ccc;

2093
	-moz-border-radius: 3px;

2094
	border-radius: 3px;

2095
	margin: 0 0 2em;

2096
	padding: 2em;

2097
	position: relative;

2098
}

2099
.commentlist .pingback {

2100
	margin: 0 0 2em;

2101
	padding: 0 2em;

2102
}

2103
.commentlist .children {

2104
	list-style: none;

2105
	margin: 0;

2106
}

2107
.commentlist .children li.comment {

2108
	border-left: 1px solid #ccc;

2109
	-moz-border-radius: 0 3px 3px 0;

2110
	border-radius: 0 3px 3px 0;

2111
	margin: 2em 0 0;

2112
	padding: 2em;

2113
	position: relative;

2114
}

2115
.commentlist .children li.comment .fn {

2116
	display: block;

2117
}

2118
.comment-meta .fn {

2119
	font-style: normal;

2120
}

2121
.comment-meta {

2122
    color: #666666;

2123
    font-size: 12px;

2124
    line-height: 2.2em;

2125
    margin-left: 18%;

2126
}

2127
.comment-content {

2128
    margin-left: 18%;

2129
}

2130
.commentlist .children li.comment .comment-meta {

2131
	line-height: 2em;

2132
	margin-left: 14%;

2133
}

2134
.commentlist .children li.comment .comment-content {

2135
	margin: 2em 0 0;

2136
}

2137
.comment-meta a {

2138
	font-weight: bold;

2139
}

2140
.comment-meta a:focus,

2141
.comment-meta a:active,

2142
.comment-meta a:hover {

2143
}

2144
.commentlist .avatar {

2145
	-moz-border-radius: 3px;

2146
	border-radius: 3px;

2147
	-webkit-box-shadow: 0 1px 2px #ccc;

2148
	-moz-box-shadow: 0 1px 2px #ccc;

2149
	box-shadow: 0 1px 2px #ccc;

2150
	left: 30px;

2151
	padding: 0;

2152
	position: absolute;

2153
	top: 30px;

2154
	height: auto;

2155
    max-width: 11%;

2156
}

2157
.commentlist > li:before {

2158
}

2159
.commentlist > li.pingback:before {

2160
	content: '';

2161
}

2162
.commentlist .children .avatar {

2163
	background: none;

2164
	-webkit-box-shadow: none;

2165
	-moz-box-shadow: none;

2166
	box-shadow: none;

2167
	left: 2.2em;

2168
	max-width: 10%;

2169
	padding: 0;

2170
	top: 3em;

2171
}

2172
a.comment-reply-link {

2173
	background: #eee;

2174
	-moz-border-radius: 3px;

2175
	border-radius: 3px;

2176
	color: #666;

2177
	display: inline-block;

2178
	font-size: 12px;

2179
	padding: 0 8px;

2180
	text-decoration: none;

2181
	margin-top: 0.5em;

2182
}

2183
a.comment-reply-link:hover,

2184
a.comment-reply-link:focus,

2185
a.comment-reply-link:active {

2186
	background: #888;

2187
	color: #fff;

2188
}

2189
a.comment-reply-link > span {

2190
	display: inline-block;

2191
	position: relative;

2192
	top: -1px;

2193
}

2194
2195
/* Post author highlighting */

2196
.commentlist > li.bypostauthor {

2197
	background: #ccc;

2198
	border-color: #d3d3d3;

2199
}

2200
.commentlist > li.bypostauthor .comment-meta {

2201
	color: #575757;

2202
}

2203
.commentlist > li.bypostauthor .comment-meta a:focus,

2204
.commentlist > li.bypostauthor .comment-meta a:active,

2205
.commentlist > li.bypostauthor .comment-meta a:hover {

2206
}

2207
.commentlist > li.bypostauthor:before {

2208
2209
}

2210
2211
/* Post Author threaded comments */

2212
.commentlist .children > li.bypostauthor {

2213
	background: #ccc;

2214
	border-color: #d3d3d3;

2215
}

2216
2217
/* Comment Form */

2218
#respond {

2219
	background: #ccc;

2220
	border: 1px solid #d3d3d3;

2221
	-moz-border-radius: 3px;

2222
	border-radius: 3px;

2223
	margin: 0 auto 2em;

2224
	padding: 2em;

2225
	position: relative;

2226
	width: auto;

2227
}

2228
.singular #respond {

2229
	width: 68.9%;

2230
}

2231
#respond input[type="text"],

2232
#respond textarea {

2233
	background: #fff;

2234
	border: 4px solid #eee;

2235
	-moz-border-radius: 5px;

2236
	border-radius: 5px;

2237
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

2238
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

2239
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);

2240
	position: relative;

2241
	padding: 10px;

2242
	text-indent: 80px;

2243
}

2244
#respond .comment-form-author,

2245
#respond .comment-form-email,

2246
#respond .comment-form-url,

2247
#respond .comment-form-comment {

2248
	position: relative;

2249
}

2250
#respond .comment-form-author label,

2251
#respond .comment-form-email label,

2252
#respond .comment-form-url label,

2253
#respond .comment-form-comment label {

2254
	background: #eee;

2255
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

2256
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

2257
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);

2258
	color: #555;

2259
	display: inline-block;

2260
	font-size: 13px;

2261
	left: 4px;

2262
	min-width: 60px;

2263
	padding: 4px 10px;

2264
	position: relative;

2265
	top: 40px;

2266
	z-index: 1;

2267
}

2268
#respond input[type="text"]:focus,

2269
#respond textarea:focus {

2270
	text-indent: 0;

2271
	z-index: 1;

2272
}

2273
#respond textarea {

2274
	resize: vertical;

2275
	width: 95%;

2276
}

2277
#respond .comment-form-author .required,

2278
#respond .comment-form-email .required {

2279
	color: #bd3500;

2280
	font-size: 22px;

2281
	font-weight: bold;

2282
	left: 75%;

2283
	position: absolute;

2284
	top: 45px;

2285
	z-index: 1;

2286
}

2287
#respond .comment-notes,

2288
#respond .logged-in-as {

2289
	font-size: 13px;

2290
}

2291
#respond p {

2292
	margin: 10px 0;

2293
}

2294
#respond .form-submit {

2295
	float: right;

2296
	margin: -20px 0 10px;

2297
}

2298
#respond input#submit {

2299
	background: #222;

2300
	border: none;

2301
	-moz-border-radius: 3px;

2302
	border-radius: 3px;

2303
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

2304
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

2305
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

2306
	color: #eee;

2307
	cursor: pointer;

2308
	font-size: 15px;

2309
	margin: 20px 0;

2310
	padding: 5px 42px 5px 22px;

2311
	position: relative;

2312
	left: 30px;

2313
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);

2314
}

2315
#respond input#submit:active {

2316
	background: #1982d1;

2317
	color: #bfddf3;

2318
}

2319
#respond #cancel-comment-reply-link {

2320
	color: #666;

2321
	margin-left: 10px;

2322
	text-decoration: none;

2323
}

2324
#respond .logged-in-as a:hover,

2325
#respond #cancel-comment-reply-link:hover {

2326
	text-decoration: underline;

2327
}

2328
.commentlist #respond {

2329
	margin: 2em 0 0;

2330
	width: auto;

2331
}

2332
#reply-title {

2333
	color: #373737;

2334
	font-size: 24px;

2335
	font-weight: bold;

2336
	line-height: 30px;

2337
}

2338
#cancel-comment-reply-link {

2339
	color: #888;

2340
	display: block;

2341
	font-size: 10px;

2342
	font-weight: normal;

2343
	line-height: 2.2em;

2344
	letter-spacing: 0.05em;

2345
	position: absolute;

2346
	right: 2em;

2347
	text-decoration: none;

2348
	text-transform: uppercase;

2349
	top: 1.1em;

2350
}

2351
#cancel-comment-reply-link:focus,

2352
#cancel-comment-reply-link:active,

2353
#cancel-comment-reply-link:hover {

2354
	color: #ff4b33;

2355
}

2356
#respond label {

2357
	line-height: 2.2em;

2358
}

2359
#respond input[type=text] {

2360
	display: block;

2361
	height: 24px;

2362
	width: 75%;

2363
}

2364
#respond p {

2365
	font-size: 12px;

2366
}

2367
p.comment-form-comment {

2368
	margin: 0;

2369
}

2370
.form-allowed-tags {

2371
	display: none;

2372
}

2373
2374
2375
/* =Footer

2376
----------------------------------------------- */

2377
2378
#colophon {

2379
    border-top: 1px solid #ccc;

2380
    clear: both;

2381
}

2382
#supplementary {

2383
    background-color: #eee;

2384
    overflow: hidden;

2385
    padding: 2em 3% 0;

2386
}

2387
#supplementary .widget {

2388
	margin-bottom: 2.5em;

2389
}

2390
#supplementary .widget-area {

2391
2392
}

2393
#supplementary .widget-title {

2394
2395
}

2396
#supplementary .widget ul {

2397
2398
}

2399
/* Two Footer Widget Areas */

2400
#supplementary.two .widget-area {

2401
	float: left;

2402
	width: 48.5%;

2403
}

2404
#supplementary.two .widget-area + .widget-area {

2405
	float: right;

2406
}

2407
2408
2409
/* Three Footer Widget Areas */

2410
#supplementary.three .widget-area {

2411
    float: left;

2412
    margin-right: 3%;

2413
    width: 31.3%;

2414
}

2415
#supplementary.three .widget-area + .widget-area + .widget-area {

2416
	margin-right: 0;

2417
}

2418
2419
/* Site Generator Line */

2420
#site-generator {

2421
	background-color: #fff;

2422
	border-top: 1px solid #ccc;

2423
	border-bottom: 2px solid #aaa;

2424
	clear: both;

2425
	display: block;

2426
	-moz-border-radius: 0 0 5px 5px;

2427
    border-radius: 0 0 5px 5px;

2428
	color: #666;

2429
	font-size: 12px;

2430
	line-height: 2.2em;

2431
	padding: 2.2em 0.5em;

2432
	text-align: center;

2433
}

2434
#site-generator a {

2435
	color: #555;

2436
	font-weight: bold;

2437
}

2438
#site-generator .sep {

2439
	margin: 0 7px;

2440
}

2441
#site-generator .copyright, 

2442
#site-generator .powered {

2443
    display: inline;

2444
    width: 47%;

2445
}

2446
#site-generator .copyright { 

2447
	clear: both;

2448
	margin-left: 3%;

2449
	float: left;

2450
    text-align: left;

2451
}

2452
#site-generator .powered { 

2453
	margin-right: 3%;

2454
	float: right;

2455
    text-align: right;

2456
}

2457
/* Social Profile */

2458
.social-profile {

2459
    clear: both;

2460
    float: right;

2461
    margin-right: 2.8%;

2462
    padding-bottom: 0.9em;

2463
}

2464
.social-profile ul {

2465
	list-style: none;

2466
	margin: 0;

2467
	padding: 0;

2468
}

2469
.social-profile ul li {

2470
	margin: 0 0 10px 10px;

2471
	float: left;

2472
}

2473
.social-profile ul li a {

2474
	display: block;

2475
	background: url("images/social-profiles.png") no-repeat right top;

2476
	width: 34px;

2477
	height: 34px;

2478
	-webkit-border-radius: 3px;

2479
	-moz-border-radius: 3px;

2480
	border-radius: 3px;

2481
	text-indent: -99999px;

2482
}

2483
.social-profile ul li a:active {

2484
	-moz-box-shadow: inset 0 0 6px #000;

2485
	-webkit-box-shadow: inset 0 0 6px #000;

2486
	box-shadow: inset 0 0 6px #000;

2487
}

2488
.social-profile ul li.facebook a {

2489
	background-position: 0 0;

2490
}

2491
.social-profile ul li.facebook a:hover {

2492
	background-position: 0 -44px;

2493
}

2494
.social-profile ul li.twitter a {

2495
	background-position: -44px 0;

2496
}

2497
.social-profile ul li.twitter a:hover {

2498
	background-position: -44px -44px;

2499
}

2500
.social-profile ul li.rss a {

2501
	background-position: -88px 0;

2502
}

2503
.social-profile ul li.rss a:hover {

2504
	background-position: -88px -44px;

2505
}

2506
.social-profile ul li.you-tube a {

2507
	background-position: -132px 0;

2508
}

2509
.social-profile ul li.you-tube a:hover {

2510
	background-position: -132px -44px;

2511
}

2512
.social-profile ul li.linkedin a {

2513
	background-position: -176px 0;

2514
}

2515
.social-profile ul li.linkedin a:hover {

2516
	background-position: -176px -44px;

2517
}

2518
.social-profile ul li.tumblr a {

2519
	background-position: -220px 0;

2520
}

2521
.social-profile ul li.tumblr a:hover {

2522
	background-position: -220px -44px;

2523
}

2524
.social-profile ul li.viemo a {

2525
	background-position: -264px 0;

2526
}

2527
.social-profile ul li.viemo a:hover {

2528
	background-position: -264px -44px;

2529
}

2530
.social-profile ul li.dribbble a {

2531
	background-position: -308px 0;

2532
}

2533
.social-profile ul li.dribbble a:hover {

2534
	background-position: -308px -44px;

2535
}

2536
.social-profile ul li.my-space a {

2537
	background-position: -352px 0;

2538
}

2539
.social-profile ul li.my-space a:hover {

2540
	background-position: -352px -44px;

2541
}

2542
.social-profile ul li.aim a {

2543
	background-position: -396px 0;

2544
}

2545
.social-profile ul li.aim a:hover {

2546
	background-position: -396px -44px;

2547
}

2548
.social-profile ul li.flickr a {

2549
	background-position: -440px 0;

2550
}

2551
.social-profile ul li.flickr a:hover {

2552
	background-position: -440px -44px;

2553
}

2554
.social-profile ul li.pinterest a {

2555
	background-position: -484px 0;

2556
}

2557
.social-profile ul li.pinterest a:hover {

2558
	background-position: -484px -44px;

2559
}

2560
.social-profile ul li.google-plus a {

2561
	background-position: -528px 0;

2562
}

2563
.social-profile ul li.google-plus a:hover {

2564
	background-position: -528px -44px;

2565
}

2566
.social-profile ul li.wordpress a {

2567
	background-position: -572px 0;

2568
}

2569
.social-profile ul li.wordpress a:hover {

2570
	background-position: -572px -44px;

2571
}

2572
.social-profile ul li.deviantart a {

2573
	background-position: -616px 0;

2574
}

2575
.social-profile ul li.deviantart a:hover {

2576
	background-position: -616px -44px;

2577
}

2578
img#wpstats {

2579
	display: none;

2580
}

2581
2582
/* =Responsive Structure

2583
----------------------------------------------- */

2584
/* Smaller than standard 1060 (devices and browsers) */

2585
@media screen and (max-width: 1060px) {

2586
  #page {

2587
    max-width: 900px;

2588
  }

2589
  #nav-slider .nav-previous, 

2590
  #nav-slider .nav-next {

2591
    top: 94px;

2592
  }

2593
}

2594
2595
@media screen and (max-width: 960px) {

2596
	/*  ipad */

2597
	#page {

2598
		max-width: 708px;

2599
	}

2600
	/* Simplify the basic layout */

2601
	#main #content {

2602
		margin: 0 3%;

2603
		width: auto;

2604
	}

2605
	#nav-slider .nav-previous,

2606
	#nav-slider .nav-next {

2607
		top: 137px;

2608
	}

2609
	#nav-below {

2610
		border-bottom: 1px solid #ccc;

2611
		margin-bottom: 2em;

2612
	}

2613
	#main #secondary {

2614
		float: none;

2615
		margin: 0 3%;

2616
		width: auto;

2617
	}

2618
	#branding ul.menu a, 

2619
	#colophon #access-footer ul.menu a {

2620
   		padding: 0 0.83em;

2621
	}

2622
	/* Remove the margin on singular articles */

2623
	.singular .entry-header,

2624
	.singular .entry-content,

2625
	.singular footer.entry-meta,

2626
	.singular #comments-title {

2627
		width: 100%;

2628
	}

2629
	/* Simplify the pullquotes and pull styles */

2630
	.singular blockquote.pull {

2631
		margin: 0 0 2em;

2632
	}

2633
	.singular .pull.alignleft {

2634
		margin: 0 2em 0 0;

2635
	}

2636
	.singular .pull.alignright {

2637
		margin: 0 0 0 2em;

2638
	}

2639
	.singular #author-info {

2640
		margin: 2.2em -8.8% 0;

2641
		padding: 20px 8.8%;

2642
	}

2643
	.widget_search #s {

2644
		width: 93.8%;

2645
	}

2646
	/* Make sure we have room for our comment avatars */

2647
	.commentlist {

2648
		width: 100%;

2649
	}

2650
	.commentlist > li.comment,

2651
	.commentlist .pingback {

2652
		width: auto;

2653
	}

2654
	/* And a full-width comment form */

2655
	#respond {

2656
		width: auto;

2657
	}

2658
	/* No need to float footer widgets at this size */

2659
	#colophon #supplementary .widget-area {

2660
		float: none;

2661
		margin-right: 0;

2662
		width: auto;

2663
	}

2664
	/* No need to float 404 widgets at this size */

2665
	.error404 #main .widget {

2666
		float: none;

2667
		margin-right: 0;

2668
		width: auto;

2669
	}	

2670
}

2671
	

2672
@media screen and (max-width: 767px) {

2673
	/*  small tablet */

2674
	#page {

2675
		max-width: 480px;

2676
	}

2677
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */

2678
	body {

2679
   		padding: 0;

2680
	}

2681
	body, input, textarea {

2682
		font-size: 13px;

2683
	}

2684
	#branding,

2685
	#site-generator {

2686
		border-radius: 0;

2687
	}

2688
	input#s {

2689
		font-size: 16px;

2690
	}

2691
	#main,

2692
	#supplementary {

2693
		padding-top: 1em;

2694
	}

2695
	#branding hgroup {

2696
		padding: 5.30625em 0 2em 0;

2697
		text-align: center;

2698
	}

2699
	#site-title {

2700
		font-size: 28px;

2701
		line-height: 38px;

2702
	}

2703
	#branding #searchform {

2704
		position: absolute;

2705
		text-align: center;

2706
		right: 0;

2707
		width: 100%;

2708
	}

2709
	#branding #s {

2710
		float: none;

2711
	}

2712
	#access ul {

2713
		font-size: 12px;

2714
	}

2715
	#nav-slider .nav-previous,

2716
	#nav-slider .nav-next {

2717
		top: 82px;

2718
	}

2719
	#slider, 

2720
	.hentry, 

2721
	.no-results, 

2722
	#author-info, 

2723
	#disqus_thread, 

2724
	#content .error404,

2725
	#nav-below,

2726
	.widget,

2727
	#supplementary .widget {

2728
		margin-bottom: 1em;

2729
	}

2730
	#content nav {

2731
		padding-bottom: 1em;

2732
	}

2733
	article.intro .entry-content {

2734
		font-size: 12px;

2735
	}

2736
	.entry-title {

2737
		font-size: 21px;

2738
	}

2739
	.featured-post .entry-title {

2740
		font-size: 14px;

2741
	}

2742
	.singular .entry-title {

2743
		font-size: 28px;

2744
	}

2745
	.entry-meta {

2746
		font-size: 12px;

2747
	}

2748
	blockquote {

2749
		margin: 0;

2750
	}

2751
	blockquote.pull {

2752
		font-size: 17px;

2753
	}

2754
	/* Reposition the site title and description slightly */

2755
	#site-title {

2756
		padding: 0;

2757
	}

2758
	#site-title,

2759
	#site-description {

2760
		margin-right: 0;

2761
	}

2762
	/* Make sure the logo and search form don't collide */

2763
	#branding #searchform {

2764
		top: 2em !important;

2765
	}

2766
	/* Floated content doesn't work well at this size */

2767
	.alignleft,

2768
	.alignright {

2769
		float: none;

2770
		margin-left: 0;

2771
		margin-right: 0;

2772
	}

2773
	/* Make sure the post-post navigation doesn't collide with anything */

2774
	#nav-single {

2775
		display: block;

2776
	}

2777
	.singular .hentry {

2778
		padding: 2em 5%;

2779
	}

2780
	.singular.page .hentry {

2781
		padding: 2em 5%;

2782
	}

2783
	.widget_search #s {

2784
		width: 89%;

2785
	}

2786
	/* Talking avatars take up too much room at this size */

2787
	.commentlist .children li.comment .comment-meta {

2788
		margin-left: 16%;

2789
	}

2790
	.commentlist > li.comment,

2791
	.commentlist > li.pingback {

2792
		margin-left: 0 !important;

2793
	}

2794
	.commentlist .avatar {

2795
2796
	}

2797
	.commentlist .children .avatar {

2798
		background: none;

2799
		left: 2.2em;

2800
		padding: 0;

2801
		position: absolute;

2802
		top: 2.2em;

2803
	}

2804
	/* Menu */

2805
	#access .menu-header-container {

2806
		padding: 14px 0;

2807
	}	

2808
	#branding ul.menu, 

2809
	#colophon #access-footer ul.menu,

2810
	#access-secondary {

2811
		display: none;

2812
	}

2813
	#branding ul.menu li,

2814
	#access-footer ul.menu li {

2815
		border: none;

2816
	    float: none;

2817
	    text-align: center;

2818
    }

2819
	#colophon #access-footer ul.menu a {

2820
		display: block;

2821
		float: none;

2822
	}	

2823
	.tinynav {

2824
		background-image: none;

2825
		background-color: transparent;

2826
		background-position: right center;

2827
		background-repeat: no-repeat;

2828
		

2829
		border: none;

2830
		color: #fff;

2831
		display: block;

2832
		margin-bottom: 0;

2833
		margin-left: auto;

2834
		margin-top: 0;

2835
		overflow: hidden;

2836
		width: 100%;

2837
	}	

2838
	.tinynav option {

2839
		color: #000;

2840
	}

2841
	/* Pagination */

2842
	#nav-below .wp-pagenavi a, 

2843
	#nav-below .wp-pagenavi span, 

2844
	#nav-below #wp_page_numbers ul li a,

2845
	.page-link span,

2846
	.page-link a span {

2847
		height: 25px;

2848
		font-size:12px;

2849
		line-height: 24px;

2850
		padding:0 10px;

2851
	}	

2852
	#nav-below .wp-pagenavi a, 

2853
	#nav-below .wp-pagenavi span,

2854
	.page-link span {

2855
		margin: 0 0 0 5px;

2856
	}	

2857
	

2858
	/* Use the available space in the smaller comment form */

2859
	.singular #respond {

2860
    	width: auto;

2861
	}

2862
	#respond input[type="text"] {

2863
		width: 95%;

2864
	}

2865
	#respond .comment-form-author .required,

2866
	#respond .comment-form-email .required {

2867
		left: 95%;

2868
	}

2869
	.social-profile {

2870
		float: none;

2871
		text-align: center;

2872
	}

2873
	.social-profile ul li {

2874
		display: inline-block;

2875
		float: none;

2876
		margin: 0 0 10px 10px;

2877
	}

2878
	#site-generator .copyright, #site-generator .powered {

2879
		display: block;

2880
		margin-left: 3%;

2881
		float: none;

2882
		text-align: center;

2883
		width: 97%;

2884
	}

2885
}

2886
@media (max-device-width: 650px) {	

2887
	.tinynav {

2888
		background-image: url("images/select-arrow.png");

2889
	}

2890
}

2891
@media screen and (max-width: 479px) {

2892
	/*  iphone */

2893
	#page {

2894
		max-width: 320px;

2895
	}

2896
	#site-title {

2897
		font-size: 26px;

2898
		line-height: 36px;

2899
	}

2900
	#site-description {

2901
		font-size: 12px;

2902
	}

2903
	#content .gallery-columns-2 .gallery-item {

2904
		width: 45%;

2905
		padding-right: 4%;

2906
	}

2907
	#content .gallery-columns-2 .gallery-item img {

2908
		width: 100%;

2909
		height: auto;

2910
	}

2911
	#nav-slider .nav-previous,

2912
	#nav-slider .nav-next {

2913
		top: 57px;

2914
	}

2915
	.widget_search #s {

2916
		width: 85%;

2917
	}

2918
	img.size-full,

2919
	img.size-large,

2920
	img.wp-post-image {

2921
		max-width: 94.6%;

2922
	}

2923
	.commentlist .children li.comment .comment-meta {

2924
		margin-left: 22%;

2925
	}

2926
	#site-generator .copyright, #site-generator .powered {

2927
		font-size: 9px;

2928
	}

2929
}

2930
@media screen and (max-width: 319px) {

2931
	/* small phone */

2932
	#page {

2933
		max-width: 100%;

2934
	}

2935
	#page {

2936
		margin-top: 0;

2937
	}

2938
	#branding {

2939
		border-top: none;

2940
	}

2941
	#branding #s:focus {

2942
		width: 150px;

2943
	}

2944
	input[type="text"] {

2945
		width: 98%;

2946
	}

2947
	.widget_search #s {

2948
		width: 80%;

2949
	}

2950
	#nav-slider .nav-previous,

2951
	#nav-slider .nav-next {

2952
		top: 45px;

2953
	}	

2954
}

2955
2956
2957
/* =Print

2958
----------------------------------------------- */

2959
2960
@media print {

2961
	body {

2962
		background: none !important;

2963
		font-size: 10pt;

2964
	}

2965
	footer.entry-meta a[rel=bookmark]:link:after,

2966
	footer.entry-meta a[rel=bookmark]:visited:after {

2967
		content: " [" attr(href) "] "; /* Show URLs */

2968
	}

2969
	#page {

2970
		clear: both !important;

2971
		display: block !important;

2972
		float: none !important;

2973
		max-width: 100%;

2974
		position: relative !important;

2975
	}

2976
	#branding {

2977
		border-top: none !important;

2978
		padding: 0;

2979
	}

2980
	#branding hgroup {

2981
		margin: 0;

2982
	}

2983
	#site-title a {

2984
		font-size: 21pt;

2985
	}

2986
	#site-description {

2987
		font-size: 10pt;

2988
	}

2989
	#branding #searchform {

2990
		display: none;

2991
	}

2992
	#branding img {

2993
		display: none;

2994
	}

2995
	#access {

2996
		display: none;

2997
	}

2998
	#main {

2999
		border-top: none;

3000
		box-shadow: none;

3001
	}

3002
	#primary {

3003
		float: left;

3004
		margin: 0;

3005
		width: 100%;

3006
	}

3007
	#content {

3008
		margin: 0;

3009
		width: auto;

3010
	}

3011
	.singular #content {

3012
		margin: 0;

3013
		width: 100%;

3014
	}

3015
	.singular .entry-header .entry-meta {

3016
		position: static;

3017
	}

3018
	.entry-meta .edit-link a {

3019
		display: none;

3020
	}

3021
	#content nav {

3022
		display: none;

3023
	}

3024
	.singular .entry-header,

3025
	.singular .entry-content,

3026
	.singular footer.entry-meta,

3027
	.singular #comments-title {

3028
		margin: 0;

3029
		width: 100%;

3030
	}

3031
	.entry-title,

3032
	.singular .entry-title {

3033
		font-size: 21pt;

3034
	}

3035
	.entry-meta {

3036
		font-size: 10pt;

3037
	}

3038
	.entry-header .comments-link {

3039
		display: none;

3040
	}

3041
	.page-link {

3042
		display: none;

3043
	}

3044
	.singular #author-info {

3045
		background: none;

3046
		border-bottom: none;

3047
		border-top: none;

3048
		margin: 2.2em 0 0;

3049
		padding: 0;

3050
	}

3051
	#respond {

3052
		display: none;

3053
	}

3054
	.widget-area {

3055
		display: none;

3056
	}

3057
	#colophon {

3058
		display: none;

3059
	}

3060
3061
	/* Comments */

3062
	.commentlist > li.comment {

3063
		background: none;

3064
		border: 1px solid #ccc;

3065
		-moz-border-radius: 3px;

3066
		border-radius: 3px;

3067
		margin: 0 auto 2em;

3068
		padding: 2em;

3069
		position: relative;

3070
		width: auto;

3071
	}

3072
	.commentlist .avatar {

3073
		height: 39px;

3074
		left: 2.2em;

3075
		top: 2.2em;

3076
		width: 39px;

3077
	}

3078
	.commentlist li.comment .comment-meta {

3079
		line-height: 2em;

3080
		margin-left: 50px;

3081
	}

3082
	.commentlist li.comment .fn {

3083
		display: block;

3084
	}

3085
	.commentlist li.comment .comment-content {

3086
		margin: 2em 0 0;

3087
	}

3088
	.commentlist .comment-edit-link {

3089
		display: none;

3090
	}

3091
	.commentlist > li::before,

3092
	.commentlist > li.bypostauthor::before {

3093
		content: '';

3094
	}

3095
	.commentlist .reply {

3096
		display: none;

3097
	}

3098
3099
	/* Post author highlighting */

3100
	.commentlist > li.bypostauthor {

3101
		color: #444;

3102
	}

3103
	.commentlist > li.bypostauthor .comment-meta {

3104
		color: #666;

3105
	}

3106
	.commentlist > li.bypostauthor:before {

3107
		content: none;

3108
	}

3109
3110
	/* Post Author threaded comments */

3111
	.commentlist .children > li.bypostauthor {

3112
		background: #fff;

3113
		border-color: #ccc;

3114
	}

3115
	.commentlist .children > li.bypostauthor > article,

3116
	.commentlist .children > li.bypostauthor > article .comment-meta {

3117
		color: #666;

3118
	}

3119
3120
}

3121
3122
3123
/* =IE7

3124
----------------------------------------------- */

3125
3126
#ie7 article.intro {

3127
	margin-left: -3%;

3128
	margin-right: -3%;

3129
	padding-left: -3%;

3130
	padding-right: -3%;

3131
	max-width: 1000px;

3132
}

3133
#ie7 section.featured-post {

3134
	margin-left: -3%;

3135
	margin-right: -3%;

3136
	max-width: 850px;

3137
}

3138
#ie7 section.recent-posts {

3139
	margin-right: 3%;

3140
}

3141
3142
/* =Contactform7 

3143
----------------------------------------------- */

3144
#content span.wpcf7-not-valid-tip {

3145
    background: none repeat scroll 0 0 transparent;

3146
    border: 0 none;

3147
    color: #FF0018;

3148
    font-size: 12px;

3149
    left: 5px;

3150
    line-height: 12px;

3151
    padding: 2px;

3152
    top: 0;

3153
}
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!