style.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143
  1. /*
  2. Theme Name: dw
  3. Theme URI: http://davidawindham.com/
  4. Description:
  5. Author: windhamdavid
  6. Version: 2.0
  7. Tags:
  8. */
  9. /* Thanks:
  10. normalize.css v3.0.1 * MIT License | git.io/normalize
  11. bootstrap v3.2.0 * Licensed under MIT | github.com/twbs/bootstrap
  12. Automattic _s github.com/Automattic/_s
  13. --------------------------------------------------- */
  14. html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
  15. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family:inherit;font-size: 100%;font-style:inherit;font-weight:inherit;background:transparent;border:0;margin:0;padding:0;outline:0;vertical-align: baseline;}
  16. html{overflow-y: scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;}
  17. body{line-height:1;}
  18. *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  19. article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
  20. h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}
  21. ol,ul{list-style: none;}
  22. blockquote,q{quotes: "" "";}
  23. blockquote:before,blockquote:after,q:before,q:after{content:'';}
  24. del {text-decoration:line-through;}
  25. table{border-collapse:collapse;border-spacing:0;}
  26. a:focus {outline:thin dotted;}
  27. a img {border: 0;}
  28. .clear {clear: both;}
  29. /*====== Type ======*/
  30. body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;}
  31. input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
  32. /*===== Structure =====*/
  33. .container-full {
  34. margin: 0 auto;
  35. width: 100%;
  36. }
  37. /*===== Layouts =====*/
  38. /*===== Elements =====*/
  39. body {
  40. background: rgba(160,160,160,0.73) url(img/3.png);
  41. }
  42. body,
  43. input,
  44. textarea {
  45. color: #666;
  46. font-size: 12px;
  47. line-height: 18px;
  48. }
  49. hr {
  50. background-color: #e7e7e7;
  51. border: 0;
  52. clear: both;
  53. height: 1px;
  54. margin-bottom: 18px;
  55. }
  56. p {
  57. margin-bottom: 18px;
  58. text-indent : 35px;
  59. }
  60. p.noindent {
  61. margin-bottom: 10px;
  62. text-indent : 0px;
  63. }
  64. ul {
  65. list-style: square;
  66. margin: 0 0 18px 1.5em;
  67. }
  68. ol {
  69. list-style: decimal;
  70. margin: 0 0 18px 1.5em;
  71. }
  72. ol ol {
  73. list-style: upper-alpha;
  74. }
  75. ol ol ol {
  76. list-style: lower-roman;
  77. }
  78. ol ol ol ol {
  79. list-style: lower-alpha;
  80. }
  81. ul ul,
  82. ol ol,
  83. ul ol,
  84. ol ul {
  85. margin-bottom: 0;
  86. }
  87. dl {
  88. margin: 0 0 24px 0;
  89. }
  90. dt {
  91. font-weight: bold;
  92. }
  93. dd {
  94. margin-bottom: 18px;
  95. }
  96. strong {
  97. font-weight: bold;
  98. }
  99. cite,
  100. em,
  101. i {
  102. font-style: italic;
  103. }
  104. big {
  105. font-size: 131.25%;
  106. }
  107. ins {
  108. background: #ffc;
  109. text-decoration: none;
  110. }
  111. blockquote {
  112. font-style: italic;
  113. padding: 0 3em;
  114. }
  115. blockquote cite,
  116. blockquote em,
  117. blockquote i {
  118. font-style: normal;
  119. }
  120. pre {
  121. background: #f7f7f7;
  122. color: #222;
  123. line-height: 18px;
  124. margin-bottom: 18px;
  125. padding: 1.5em;
  126. }
  127. abbr,
  128. acronym {
  129. border-bottom: 1px dotted #666;
  130. cursor: help;
  131. }
  132. sup,
  133. sub {
  134. height: 0;
  135. line-height: 1;
  136. position: relative;
  137. vertical-align: baseline;
  138. }
  139. sup {
  140. bottom: 1ex;
  141. }
  142. sub {
  143. top: .5ex;
  144. }
  145. input[type="text"],
  146. textarea {
  147. background: #f9f9f9;
  148. border: 1px solid #ccc;
  149. box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  150. -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  151. -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  152. padding: 2px;
  153. }
  154. a:link {
  155. color: #251a86;
  156. text-decoration: none;
  157. }
  158. a:visited {
  159. color: #251a86;
  160. text-decoration: none;
  161. }
  162. a:active,
  163. a:hover {
  164. color: #757576;
  165. text-decoration: none;
  166. }
  167. /*===== Header =====*/
  168. #header {
  169. padding: 50px 0 0 0;
  170. }
  171. #site-title {
  172. float: right;
  173. margin: 0 0 5px 0;
  174. font: 21px/27px "Courier New", Courier, mono;
  175. }
  176. #site-title a {
  177. color: #000;
  178. text-decoration: none;
  179. }
  180. #site-description {
  181. clear: right;
  182. float: right;
  183. font-style: italic;
  184. margin: 14px 0 18px 0;
  185. width: 160px;
  186. }
  187. /*==== Nav =====*/
  188. #access {
  189. background: #fff;
  190. display: block;
  191. float: left;
  192. margin: 0 auto;
  193. width: 940px;
  194. border-top: 1px solid #999;
  195. }
  196. .subnav {
  197. float: left;
  198. margin: 0px 10px 0 400px;
  199. font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  200. }
  201. .subnav ul {
  202. list-style: none;
  203. float: right;
  204. width: 220px;
  205. }
  206. .subnav ul a {
  207. float: left;
  208. margin: 0 5px;
  209. }
  210. #access .menu-header,
  211. div.menu {
  212. font-size: 13px;
  213. margin-left: 12px;
  214. width: 928px;
  215. }
  216. #access .menu-header ul,
  217. div.menu ul {
  218. list-style: none;
  219. margin: 0;
  220. }
  221. #access .menu-header li,
  222. div.menu li {
  223. float: right;
  224. position: relative;
  225. }
  226. #access a {
  227. color: #aaa;
  228. display: block;
  229. line-height: 38px;
  230. padding: 0 10px;
  231. text-decoration: none;
  232. }
  233. #access ul ul {
  234. box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  235. -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  236. -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  237. display: none;
  238. position: absolute;
  239. top: 38px;
  240. left: 0;
  241. float: left;
  242. width: 180px;
  243. z-index: 99999;
  244. }
  245. #access ul ul li {
  246. min-width: 180px;
  247. }
  248. #access ul ul ul {
  249. left: 100%;
  250. top: 0;
  251. }
  252. #access ul ul a {
  253. background: #333;
  254. line-height: 1em;
  255. padding: 10px;
  256. width: 160px;
  257. height: auto;
  258. }
  259. #access li:hover > a,
  260. #access ul ul :hover > a {
  261. background: #transparent;
  262. color: #555;
  263. }
  264. #access ul li:hover > ul {
  265. display: block;
  266. }
  267. #access ul li.current_page_item > a,
  268. #access ul li.current-menu-ancestor > a,
  269. #access ul li.current-menu-item > a,
  270. #access ul li.current-menu-parent > a {
  271. color: #000;
  272. }
  273. * html #access ul li.current_page_item a,
  274. * html #access ul li.current-menu-ancestor a,
  275. * html #access ul li.current-menu-item a,
  276. * html #access ul li.current-menu-parent a,
  277. * html #access ul li a:hover {
  278. color: #fff;
  279. }
  280. /*===== Content =====*/
  281. #main {
  282. clear: both;
  283. overflow: hidden;
  284. padding: 10px 0 0 0;
  285. }
  286. #content {
  287. margin-bottom: 36px;
  288. }
  289. #content,
  290. #content input,
  291. #content textarea {
  292. color: #333;
  293. font-size: 16px;
  294. line-height: 24px;
  295. }
  296. #content p,
  297. #content ul,
  298. #content ol,
  299. #content dd,
  300. #content pre,
  301. #content hr {
  302. margin-bottom: 24px;
  303. font-family: "Courier New", Courier, mono;
  304. }
  305. #content ul ul,
  306. #content ol ol,
  307. #content ul ol,
  308. #content ol ul {
  309. margin-bottom: 0;
  310. }
  311. #content pre,
  312. #content kbd,
  313. #content tt,
  314. #content var {
  315. font-size: 15px;
  316. line-height: 21px;
  317. }
  318. #content code {
  319. font-size: 13px;
  320. }
  321. #content dt,
  322. #content th {
  323. color: #000;
  324. }
  325. #content h1,
  326. #content h2,
  327. #content h3,
  328. #content h4,
  329. #content h5,
  330. #content h6 {
  331. color: #000;
  332. line-height: 1.5em;
  333. margin: 0 0 20px 0;
  334. }
  335. #content table {
  336. border: 1px solid #e7e7e7;
  337. margin: 0 -1px 24px 0;
  338. text-align: left;
  339. width: 100%;
  340. }
  341. #content tr th,
  342. #content thead th {
  343. color: #888;
  344. font-size: 12px;
  345. font-weight: bold;
  346. line-height: 18px;
  347. padding: 9px 24px;
  348. }
  349. #content tr td {
  350. border-top: 1px solid #e7e7e7;
  351. padding: 6px 24px;
  352. }
  353. #content tr.odd td {
  354. background: #f2f7fc;
  355. }
  356. .hentry {
  357. margin: 0 0 20px 0;
  358. }
  359. .reserved-gallery {
  360. float: left;
  361. padding: 5px;
  362. }
  363. .home .sticky {
  364. background: #f2f7fc;
  365. border-top: 4px solid #000;
  366. margin-left: -20px;
  367. margin-right: -20px;
  368. padding: 18px 20px;
  369. }
  370. .single .hentry {
  371. margin: 0 0 36px 0;
  372. }
  373. .page-title {
  374. color: #000;
  375. font-size: 14px;
  376. font-weight: bold;
  377. margin: 0 0 36px 0;
  378. }
  379. .page-title span {
  380. color: #333;
  381. font-size: 16px;
  382. font-style: italic;
  383. font-weight: normal;
  384. }
  385. .entry-caption-parent .page-title span {
  386. color: #777;
  387. font-size: 12px;
  388. font-style: italic;
  389. font-weight: normal;
  390. }
  391. .nav-previous span.meta-nav {
  392. color: #888;
  393. font-size: 12px;
  394. font-style: italic;
  395. font-weight: normal;
  396. }
  397. .nav-next span.meta-nav {
  398. color: #888;
  399. font-size: 12px;
  400. font-style: italic;
  401. font-weight: normal;
  402. }
  403. .page-title a:link,
  404. .page-title a:visited {
  405. color: #888;
  406. text-decoration: none;
  407. }
  408. .page-title a:active,
  409. .page-title a:hover {
  410. color: #373339;
  411. }
  412. #content .entry-title {
  413. color: #000;
  414. font-size: 18px;
  415. line-height: 1.3em;
  416. margin-bottom: 20px;
  417. }
  418. h2.entry-title {
  419. color: #999;
  420. }
  421. .entry-title a:link,
  422. .entry-title a:visited {
  423. color: #000;
  424. text-decoration: none;
  425. }
  426. .entry-title a:active,
  427. .entry-title a:hover {
  428. color: #a0aec4;
  429. }
  430. .entry-meta {
  431. color: #888;
  432. font-size: 12px;
  433. }
  434. .entry-meta-attachment {
  435. float: right;
  436. color: #888;
  437. font: 11px "Courier New", Courier, mono;
  438. }
  439. .entry-meta abbr,
  440. .entry-utility abbr {
  441. border: none;
  442. }
  443. .entry-meta abbr:hover,
  444. .entry-utility abbr:hover {
  445. border-bottom: 1px dotted #666;
  446. }
  447. .entry-content,
  448. .entry-summary {
  449. clear: both;
  450. padding: 18px 0 20px;
  451. }
  452. .entry-guestbook {
  453. clear: both;
  454. padding: 3px 0 10px 0;
  455. }
  456. .entry-content h5 {
  457. font: 14px "Courier New", Courier, mono;
  458. }
  459. .signature {
  460. font: 16px "Courier New", Courier, mono;
  461. float: right;
  462. margin: 10px 150px 40px 0px;
  463. }
  464. #inside h3 {
  465. font: 16px "Courier New", Courier, mono;
  466. line-height: 10px;
  467. margin: 0 0 10px 0;
  468. }
  469. #inside p {
  470. margin: 0 0 10px 0;
  471. line-height: 20px;
  472. }
  473. #content .entry-summary p:last-child {
  474. margin-bottom: 12px;
  475. }
  476. .entry-content fieldset {
  477. border: 1px solid #e7e7e7;
  478. margin: 0 0 24px 0;
  479. padding: 24px;
  480. }
  481. .entry-content fieldset legend {
  482. background: #fff;
  483. color: #000;
  484. font-weight: bold;
  485. padding: 0 24px;
  486. }
  487. .entry-content input {
  488. margin: 0 0 24px 0;
  489. }
  490. .entry-content input.file,
  491. .entry-content input.button {
  492. margin-right: 24px;
  493. }
  494. .entry-content label {
  495. color: #888;
  496. font-size: 12px;
  497. }
  498. .entry-content select {
  499. margin: 0 0 24px 0;
  500. }
  501. .entry-content sup,
  502. .entry-content sub {
  503. font-size: 10px;
  504. }
  505. .entry-content blockquote.left {
  506. float: left;
  507. margin-left: 0;
  508. margin-right: 24px;
  509. text-align: right;
  510. width: 33%;
  511. }
  512. .entry-content blockquote.right {
  513. float: right;
  514. margin-left: 24px;
  515. margin-right: 0;
  516. text-align: left;
  517. width: 33%;
  518. }
  519. .page-link {
  520. color: #000;
  521. font-weight: bold;
  522. margin: 0 0 22px 0;
  523. word-spacing: 0.5em;
  524. }
  525. .page-link a:link,
  526. .page-link a:visited {
  527. background: #f1f1f1;
  528. color: #333;
  529. font-weight: normal;
  530. padding: 0.5em 0.75em;
  531. text-decoration: none;
  532. }
  533. .home .sticky .page-link a {
  534. background: #d9e8f7;
  535. }
  536. .page-link a:active,
  537. .page-link a:hover {
  538. color: #ff4b33;
  539. }
  540. body.page .edit-link {
  541. clear: both;
  542. display: block;
  543. }
  544. #entry-author-info {
  545. background: #f2f7fc;
  546. border-top: 4px solid #000;
  547. clear: both;
  548. font-size: 14px;
  549. line-height: 20px;
  550. margin: 24px 0;
  551. overflow: hidden;
  552. padding: 18px 20px;
  553. }
  554. #entry-author-info #author-avatar {
  555. background: #fff;
  556. border: 1px solid #e7e7e7;
  557. float: left;
  558. height: 60px;
  559. margin: 0 -104px 0 0;
  560. padding: 11px;
  561. }
  562. #entry-author-info #author-description {
  563. float: left;
  564. margin: 0 0 0 104px;
  565. }
  566. #entry-author-info h2 {
  567. color: #000;
  568. font-size: 100%;
  569. font-weight: bold;
  570. margin-bottom: 0;
  571. }
  572. .entry-utility {
  573. clear: both;
  574. color: #888;
  575. font-size: 12px;
  576. line-height: 18px;
  577. }
  578. .entry-meta a,
  579. .entry-utility a {
  580. color: #888;
  581. }
  582. .entry-meta a:hover,
  583. .entry-utility a:hover {
  584. color: #ff4b33;
  585. }
  586. #content .video-player {
  587. padding: 0;
  588. }
  589. .date {
  590. float: right;
  591. margin: -20px 0 20px 50px;
  592. color: #777;
  593. font: 14px/18px "Courier New", Courier, mono;
  594. }
  595. /*===== Meta ===== */
  596. .meta {
  597. font-size: 11px;
  598. }
  599. .categories-fb {
  600. text-align: right;
  601. }
  602. span.fb {
  603. width: 16px;
  604. height: 16px;
  605. margin-left: 5px;
  606. padding: 3px 4px 2px 5px;
  607. background-image: url(img/fb1.png) ;
  608. background-position: 0 16px;
  609. position: relative;
  610. -webkit-transition: all ease 0.3s;
  611. -moz-transition: all ease 0.3s;
  612. -o-transition: all ease 0.3s;
  613. -ms-transition: all ease 0.3s;
  614. transition: all ease 0.3s;
  615. }
  616. span.fb:hover {
  617. background-position: 0 0;
  618. }
  619. /*===== Comments =====*/
  620. .commentbubble {
  621. font-size: 12px;
  622. color: #777;
  623. float: right;
  624. margin: 0 55px 0 0;
  625. }
  626. .comment {
  627. padding: 10px;
  628. }
  629. .commentbubble a.toogle-comments {
  630. float: right;
  631. text-align: right;
  632. }
  633. .comments-area {
  634. background: #ebebeb;
  635. padding: 15px;
  636. }
  637. #content .comments-area p {
  638. margin: 0 0 8px;
  639. font-size: 13px;
  640. }
  641. #content .comments-area .reply {
  642. margin: 5px 8px 0px;
  643. padding: 2px 9px;
  644. background: #ebeaea;
  645. font-size: 11px;
  646. }
  647. .comments-title {
  648. margin-bottom: 48px;
  649. margin-bottom: 3.428571429rem;
  650. font-size: 16px;
  651. font-size: 1.142857143rem;
  652. line-height: 1.5;
  653. font-weight: normal;
  654. }
  655. .comments-area {
  656. margin: 0px 50px;
  657. }
  658. .comments-area ul {
  659. margin: 0px 0px;
  660. list-style: none;
  661. }
  662. .comments-area h3 {
  663. margin: 0 0 0;
  664. }
  665. .comments-meta {
  666. font-size: 10px;
  667. }
  668. .comments-area article {
  669. margin: 24px 0;
  670. }
  671. .comments-area article header {
  672. margin: 0 0 48px;
  673. overflow: hidden;
  674. position: relative;
  675. }
  676. .comments-area article header img {
  677. float: left;
  678. padding: 0;
  679. line-height: 0;
  680. }
  681. .comments-area article header cite,
  682. .comments-area article header time {
  683. display: block;
  684. margin-left: 85px;
  685. }
  686. .comments-area article header cite {
  687. font-style: normal;
  688. font-size: 15px;
  689. }
  690. .comments-area cite b {
  691. font-weight: normal;
  692. }
  693. .comments-area article header time {
  694. text-decoration: none;
  695. font-size: 12px;
  696. color: #5e5e5e;
  697. }
  698. .comments-area article header a {
  699. text-decoration: none;
  700. color: #5e5e5e;
  701. }
  702. .comments-area article header a:hover {
  703. color: #21759b;
  704. }
  705. .comments-area article header cite a {
  706. color: #444;
  707. }
  708. .comments-area article header cite a:hover {
  709. text-decoration: underline;
  710. }
  711. a.comment-reply-link,
  712. a.comment-edit-link {
  713. color: #686868;
  714. font-size: 13px;
  715. }
  716. a.comment-reply-link:hover,
  717. a.comment-edit-link:hover {
  718. color: #21759b;
  719. }
  720. .commentlist .pingback {
  721. line-height: 1.714285714;
  722. margin-bottom: 24px;
  723. }
  724. li.comment.even {
  725. background: #fff;
  726. }
  727. li.comment.odd {
  728. background: #f3f3f3;
  729. }
  730. li.comment.thread-even {
  731. background: #f5f5f5;
  732. }
  733. li.comment.thread-odd {
  734. background: #fff;
  735. }
  736. .comment-meta {
  737. font-size: 11px;
  738. line-height: 12px;
  739. }
  740. .comment-meta a {
  741. color: #777;
  742. float: right;
  743. }
  744. /* Comment form */
  745. #respond {
  746. margin-top: 10px;
  747. }
  748. #respond h3#reply-title {
  749. margin: 0px 8px 0px;
  750. padding: 2px 9px;
  751. background: #ebeaea;
  752. font-size: 11px;
  753. margin: 0;
  754. }
  755. #respond h3#reply-title #cancel-comment-reply-link {
  756. margin-left: 10px;
  757. font-weight: normal;
  758. font-size: 12px;
  759. font-size: 0.857142857rem;
  760. }
  761. #respond form {
  762. margin: 24px 0;
  763. margin: 1.714285714rem 0;
  764. }
  765. #respond form p {
  766. margin: 11px 0;
  767. margin: 0.785714286rem 0;
  768. }
  769. #respond form p.logged-in-as {
  770. margin-bottom: 24px;
  771. margin-bottom: 1.714285714rem;
  772. }
  773. #respond form label {
  774. display: block;
  775. line-height: 1.714285714;
  776. }
  777. #respond form input[type="text"],
  778. #respond form textarea {
  779. -moz-box-sizing: border-box;
  780. box-sizing: border-box;
  781. font: 0.857142857rem "Courier New", Courier, mono;
  782. line-height: 1.714285714;
  783. padding: 10px;
  784. padding: 0.714285714rem;
  785. width: 100%;
  786. }
  787. #respond form p.form-allowed-tags {
  788. margin: 0;
  789. font-size: 12px;
  790. font-size: 0.857142857rem;
  791. line-height: 2;
  792. color: #5e5e5e;
  793. }
  794. .required {
  795. color: red;
  796. }
  797. img.avatar {
  798. width: 20px;
  799. height: 20px;
  800. margin: 0 0 -5px;
  801. }
  802. /* =Asides
  803. -------------------------------------------------------------- */
  804. .home #content .category-asides p {
  805. font-size: 14px;
  806. line-height: 20px;
  807. margin-bottom: 10px;
  808. margin-top: 0;
  809. }
  810. .home .hentry.category-asides {
  811. padding: 0;
  812. }
  813. .home #content .category-asides .entry-content {
  814. padding-top: 0;
  815. }
  816. /* =Gallery listing
  817. -------------------------------------------------------------- */
  818. .category-gallery .size-thumbnail img {
  819. border: 10px solid #f1f1f1;
  820. margin-bottom: 0;
  821. }
  822. .category-gallery .gallery-thumb {
  823. float: left;
  824. margin-right: 20px;
  825. margin-top: -4px;
  826. }
  827. .home #content .category-gallery .entry-utility {
  828. padding-top: 4px;
  829. }
  830. /* =Attachment pages
  831. -------------------------------------------------------------- */
  832. .single-attachment .hentry {
  833. margin: 0px;
  834. }
  835. .attachment .entry-content .entry-caption {
  836. font-size: 140%;
  837. margin-top: 24px;
  838. }
  839. .entry-caption-attachment {
  840. margin: 0px auto 0;
  841. text-align: center;
  842. }
  843. #content .entry-caption-attachment h2.entry-title {
  844. margin: 0 0 5px;
  845. font-weight: normal;
  846. }
  847. #content .entry-caption-parent p.page-title {
  848. margin: -30px 0 0 0;
  849. font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  850. }
  851. #content .entry-caption-parent p.page-title a {
  852. color: #555;
  853. }
  854. #content .entry-caption-attachment p {
  855. font-size: 14px;
  856. text-indent: 0px;
  857. line-height: 15px;
  858. margin-bottom: 0px;
  859. }
  860. .entry-caption-attachment h2 {
  861. font: bold 27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  862. }
  863. .attachment .entry-content .nav-previous a:before {
  864. content: '\2190\00a0';
  865. }
  866. .attachment .entry-content .nav-next a:after {
  867. content: '\00a0\2192';
  868. }
  869. /* =Images
  870. -------------------------------------------------------------- */
  871. .img-responsive {
  872. display: block;
  873. width: 100% \9;
  874. max-width: 100%;
  875. height: auto;
  876. }
  877. .img-rounded {
  878. border-radius: 6px;
  879. }
  880. .img-thumbnail {
  881. padding: 4px;
  882. line-height: 1.42857143;
  883. background-color: #ffffff;
  884. border: 1px solid #dddddd;
  885. border-radius: 4px;
  886. -webkit-transition: all 0.2s ease-in-out;
  887. -o-transition: all 0.2s ease-in-out;
  888. transition: all 0.2s ease-in-out;
  889. display: inline-block;
  890. width: 100% \9;
  891. max-width: 100%;
  892. height: auto;
  893. }
  894. .img-circle {
  895. border-radius: 50%;
  896. }
  897. #content img {
  898. max-width: 880px;
  899. }
  900. #content .home img {
  901. border: 15px solid #000;
  902. }
  903. #content .attachment img {
  904. max-width: 900px;
  905. }
  906. #content .alignleft,
  907. #content img.alignleft {
  908. display: inline;
  909. float: left;
  910. margin-right: 24px;
  911. margin-top: 4px;
  912. }
  913. #content .alignright,
  914. #content img.alignright {
  915. display: inline;
  916. float: right;
  917. margin-left: 24px;
  918. margin-top: 4px;
  919. }
  920. #content .aligncenter,
  921. #content img.aligncenter {
  922. clear: both;
  923. display: block;
  924. margin-left: auto;
  925. margin-right: auto;
  926. }
  927. #content img.alignleft,
  928. #content img.alignright,
  929. #content img.aligncenter {
  930. margin-bottom: 12px;
  931. }
  932. #content .wp-caption {
  933. background: #f1f1f1;
  934. line-height: 18px;
  935. margin-bottom: 20px;
  936. padding: 4px;
  937. text-align: center;
  938. }
  939. #content .wp-caption img {
  940. margin: 5px 5px 0;
  941. }
  942. #content .wp-caption p.wp-caption-text {
  943. color: #888;
  944. font-size: 12px;
  945. margin: 5px;
  946. }
  947. #content .gallery {
  948. margin: 0 auto 18px;
  949. }
  950. #content .gallery .gallery-item {
  951. float: left;
  952. margin-top: 0;
  953. text-align: center;
  954. width: 33%;
  955. }
  956. #content .gallery img {
  957. border: 2px solid #cfcfcf;
  958. }
  959. #content .gallery .gallery-caption {
  960. color: #888;
  961. font-size: 12px;
  962. margin: 0 0 12px;
  963. }
  964. #content .gallery dl {
  965. margin: 0;
  966. }
  967. #content .gallery img {
  968. border: 10px solid #f1f1f1;
  969. }
  970. #content .gallery br+br {
  971. display: none;
  972. }
  973. #content .attachment img { /* single attachment images should be centered */
  974. display: block;
  975. margin: 0 auto;
  976. }
  977. /* =Navigation
  978. -------------------------------------------------------------- */
  979. .navigation {
  980. color: #888;
  981. font-size: 12px;
  982. line-height: 18px;
  983. overflow: hidden;
  984. clear: both;
  985. }
  986. .navigation a:link,
  987. .navigation a:visited {
  988. color: #888;
  989. text-decoration: none;
  990. }
  991. .navigation a:active,
  992. .navigation a:hover {
  993. color: #ff4b33;
  994. }
  995. .nav-previous {
  996. float: left;
  997. width: 50%;
  998. margin: 0 0 15px 0;
  999. }
  1000. .nav-next {
  1001. float: right;
  1002. text-align: right;
  1003. width: 50%;
  1004. }
  1005. #nav-above {
  1006. margin: 0 0 18px 0;
  1007. }
  1008. #nav-above {
  1009. display: none;
  1010. }
  1011. .paged #nav-above,
  1012. .single #nav-above {
  1013. display: block;
  1014. }
  1015. #nav-below {
  1016. margin: 50px 0 0px;
  1017. padding: 20px 10px 0;
  1018. border-top: 1px solid #cecece;
  1019. }
  1020. .pagination {
  1021. margin-top: 40px;
  1022. border-top: 1px solid #cecece;
  1023. padding: 20px 0 0;
  1024. }
  1025. .pagination a {
  1026. padding: 4px 5px;
  1027. color: #fff;
  1028. font-weight: bold;
  1029. font-size: 16px;
  1030. }
  1031. .pagination a:active {
  1032. padding: 4px 5px;
  1033. background: #707071;
  1034. color:#fff;
  1035. }
  1036. .pagination a:hover {
  1037. padding: 4px 5px;
  1038. background: #fff;
  1039. color: #ec0000;
  1040. }
  1041. .pagination a.next,
  1042. .pagination a.prev {
  1043. padding: 4px 7px;
  1044. color: #ec0000;
  1045. font-weight: bold;
  1046. font-size: 27px;
  1047. }
  1048. .pagination .current {
  1049. padding: 4px 5px;
  1050. background: #fff;
  1051. color: #ec0000;
  1052. font-weight: bold;
  1053. font-size: 16px;
  1054. }
  1055. /* =Footer
  1056. -------------------------------------------------------------- */
  1057. p.cc {
  1058. float: right;
  1059. font-size: 14px;
  1060. margin: 2px 20px 30px 10px;
  1061. }
  1062. span.quiet {
  1063. display: none;
  1064. }
  1065. img.dw {
  1066. float: right;
  1067. margin: 0;
  1068. }
  1069. /*==== Accessibility ======*/
  1070. .screen-reader-text {
  1071. position: absolute;
  1072. left: -9000px;
  1073. }
  1074. .sr-only {
  1075. position: absolute;
  1076. width: 1px;
  1077. height: 1px;
  1078. margin: -1px;
  1079. padding: 0;
  1080. overflow: hidden;
  1081. clip: rect(0, 0, 0, 0);
  1082. border: 0;
  1083. }
  1084. .sr-only-focusable:active,
  1085. .sr-only-focusable:focus {
  1086. position: static;
  1087. width: auto;
  1088. height: auto;
  1089. margin: 0;
  1090. overflow: visible;
  1091. clip: auto;
  1092. }