web/wp-content/themes/thematic/library/styles/default.css
changeset 1 0d28b7c10758
equal deleted inserted replaced
0:0d9a58d2c515 1:0d28b7c10758
       
     1 
       
     2 /* =Global Elements
       
     3 -------------------------------------------------------------- */
       
     4 
       
     5 body, input, textarea {
       
     6     font: 15px Georgia,serif;
       
     7     line-height:22px;
       
     8 }
       
     9 p, ul, ol, dd, pre {
       
    10     margin-bottom:22px;
       
    11 }
       
    12 pre, code {
       
    13 	font:14px Monaco, monospace;
       
    14 	line-height:22px;
       
    15 }
       
    16 blockquote {
       
    17     color:#666;
       
    18     font-style:italic;
       
    19 }
       
    20 table {
       
    21     border:1px solid #ccc;
       
    22     border-width:1px 1px 0 1px;
       
    23     font-size:13px;
       
    24     line-height:18px;
       
    25     margin:0 0 22px 0;
       
    26     text-align:left;
       
    27 }
       
    28 caption {
       
    29     text-align:left;
       
    30 }
       
    31 tr {
       
    32     border-bottom:1px solid #ccc;
       
    33 }
       
    34 th, td {
       
    35     padding: .7em 1.25em;
       
    36 }
       
    37 hr {
       
    38     background-color:#ccc;
       
    39     border:0;
       
    40     color:#ccc;
       
    41     height:1px;
       
    42     margin-bottom:22px;
       
    43 }
       
    44 a:link {
       
    45     color:#004B91;
       
    46 }
       
    47 a:visited {
       
    48     color:#743399;
       
    49 }
       
    50 a:active,
       
    51 a:hover {
       
    52     color: #FF4B33;
       
    53 }
       
    54 
       
    55 
       
    56 /* =Header
       
    57 -------------------------------------------------------------- */
       
    58 
       
    59 #header {
       
    60     z-index:2;
       
    61 }
       
    62 #branding {
       
    63     padding:88px 0 44px 0;
       
    64 }
       
    65 #blog-title {
       
    66     font-family:Arial,sans-serif;
       
    67     font-size:34px;
       
    68     font-weight:bold;
       
    69     line-height:40px;
       
    70 }
       
    71 #blog-title a {
       
    72     color:#000;
       
    73     text-decoration:none;
       
    74 }
       
    75 #blog-title a:active,
       
    76 #blog-title a:hover {
       
    77     color: #FF4B33;
       
    78 }
       
    79 #blog-description {
       
    80     color:#666;
       
    81     font-size:13px;
       
    82     font-style:italic;
       
    83 }
       
    84 
       
    85 
       
    86 /* =Menu
       
    87 -------------------------------------------------------------- */
       
    88 
       
    89 .skip-link {
       
    90     display:none;
       
    91 }
       
    92 #access {
       
    93     border-bottom:1px solid #ccc;
       
    94     height:32px;
       
    95     font-size:13px;
       
    96     overflow:visible;
       
    97     z-index:100;
       
    98 }
       
    99 /*** ESSENTIAL STYLES ***/
       
   100 .sf-menu, .sf-menu * {
       
   101 	margin:			0;
       
   102 	padding:		0;
       
   103 	list-style:		none;
       
   104 }
       
   105 .sf-menu {
       
   106 	line-height:	1.0;
       
   107 }
       
   108 .sf-menu ul {
       
   109 	position:		absolute;
       
   110 	top:			-999em;
       
   111 	width:			10em; /* left offset of submenus need to match (see below) */
       
   112 }
       
   113 .sf-menu ul li {
       
   114 	width:			100%;
       
   115 }
       
   116 .sf-menu li:hover {
       
   117 	visibility:		inherit; /* fixes IE7 'sticky bug' */
       
   118 }
       
   119 .sf-menu li {
       
   120 	float:			left;
       
   121 	position:		relative;
       
   122 }
       
   123 .sf-menu a {
       
   124 	display:		block;
       
   125 	position:		relative;
       
   126 }
       
   127 .sf-menu li:hover ul,
       
   128 .sf-menu li.sfHover ul {
       
   129 	left:			0;
       
   130 	top:			2.5em; /* match top ul list item height */
       
   131 	z-index:		99;
       
   132 }
       
   133 ul.sf-menu li:hover li ul,
       
   134 ul.sf-menu li.sfHover li ul {
       
   135 	top:			-999em;
       
   136 }
       
   137 ul.sf-menu li li:hover ul,
       
   138 ul.sf-menu li li.sfHover ul {
       
   139 	left:			10em; /* match ul width */
       
   140 	top:			0;
       
   141 }
       
   142 ul.sf-menu li li:hover li ul,
       
   143 ul.sf-menu li li.sfHover li ul {
       
   144 	top:			-999em;
       
   145 }
       
   146 ul.sf-menu li li li:hover ul,
       
   147 ul.sf-menu li li li.sfHover ul {
       
   148 	left:			10em; /* match ul width */
       
   149 	top:			0;
       
   150 }
       
   151 
       
   152 /*** THEMATIC SKIN ***/
       
   153 .sf-menu {
       
   154     border-right:1px solid #ccc;
       
   155 	float:left;
       
   156 }
       
   157 .sf-menu a {
       
   158 	border-left:1px solid #ccc;
       
   159 	border-top:1px solid #ccc;
       
   160 	border-bottom:1px solid #ccc;
       
   161 	padding:9px 13px;
       
   162 	text-decoration:none;
       
   163 }
       
   164 .sf-menu .current_page_item a,
       
   165 .sf-menu .current_page_ancestor a,
       
   166 .sf-menu .current_page_parent a {
       
   167     border-bottom-color:#fff;
       
   168 }
       
   169 .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
       
   170 	color:			#666;
       
   171 }
       
   172 .sf-menu li {
       
   173 	background:		#fff;
       
   174 }
       
   175 .sf-menu li li {
       
   176 	background:		#fff;
       
   177 }
       
   178 .sf-menu li li li {
       
   179 	background:		#9AAEDB;
       
   180 }
       
   181 .sf-menu li:hover, .sf-menu li.sfHover,
       
   182 .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
       
   183     background:     #fafafa;
       
   184 	outline:		0;
       
   185     border-bottom-color:#ccc;
       
   186 }
       
   187 .sf-menu ul {
       
   188     border-right:1px solid #ccc;
       
   189     border-bottom:1px solid #ccc;
       
   190 }
       
   191 .sf-menu li:hover ul,
       
   192 .sf-menu li.sfHover ul {
       
   193 	top:32px; /* overriding essential styles */
       
   194 }
       
   195 .sf-menu ul ul {
       
   196     margin-top:0;
       
   197 }
       
   198 .sf-menu ul a {
       
   199     background:#fafafa;
       
   200 	border-bottom:none;
       
   201 }
       
   202 .sf-menu ul a:hover {
       
   203     color: #FF4B33;
       
   204 }
       
   205 
       
   206 
       
   207 /* =Content
       
   208 -------------------------------------------------------------- */
       
   209 
       
   210 #main {
       
   211     clear:both;
       
   212     padding:66px 0 22px 0;
       
   213 }
       
   214 .page-title {
       
   215     font-size:13px;
       
   216     line-height:18px;
       
   217     padding:0 0 44px 0;
       
   218 }
       
   219 .attachment .page-title {
       
   220     font-style:italic;
       
   221 }
       
   222 .page-title a {
       
   223     color:#666;
       
   224     text-decoration:none;
       
   225 }
       
   226 .page-title a:active,
       
   227 .page-title a:hover {
       
   228     color: #FF4B33;
       
   229 }
       
   230 .page-title span {
       
   231     font-style:italic;
       
   232 }
       
   233 .page-title .meta-nav {
       
   234     font-style:normal;
       
   235 }
       
   236 .hentry {
       
   237     padding:0 0 22px 0;
       
   238 }
       
   239 .single .hentry {
       
   240     padding:0;
       
   241 }
       
   242 .home #content .sticky {
       
   243     border:1px solid #ccc;
       
   244     margin:0 0 66px 0;
       
   245     padding:22px 20px 0 20px;
       
   246 }
       
   247 .entry-title {
       
   248     font-family:Arial,sans-serif;
       
   249     font-size:26px;
       
   250     font-weight:bold;
       
   251     line-height:26px;
       
   252     padding:0 0 7px 0;
       
   253 }
       
   254 .entry-title a {
       
   255     color:#000;
       
   256     text-decoration:none;
       
   257 }
       
   258 .entry-title a:active,
       
   259 .entry-title a:hover {
       
   260     color: #FF4B33;
       
   261 }
       
   262 .entry-meta {
       
   263     color:#666;
       
   264     font-size:13px;
       
   265     font-style:italic;
       
   266     line-height:18px;
       
   267 }
       
   268 .entry-meta .author {
       
   269 }
       
   270 .entry-meta .n {
       
   271     font-size:11px;
       
   272     font-style:normal;
       
   273     letter-spacing:0.05em;
       
   274     text-transform:uppercase;
       
   275 }
       
   276 .entry-meta a {
       
   277     color:#666;
       
   278     text-decoration:none;
       
   279 }
       
   280 .entry-meta a:active,
       
   281 .entry-meta a:hover {
       
   282     color: #FF4B33;
       
   283 }
       
   284 .entry-meta abbr {
       
   285     border:none;
       
   286     cursor:text;
       
   287     font-size:11px;
       
   288     font-style:normal;
       
   289     letter-spacing:0.05em;
       
   290     text-transform:uppercase;
       
   291 }
       
   292 .entry-content {
       
   293     padding:22px 0 0 0;
       
   294 }
       
   295 .entry-content h1,
       
   296 .entry-content h2 {
       
   297     font-family:Arial,sans-serif;
       
   298     font-size:19px;
       
   299     font-weight:bold;
       
   300     padding:28px 0 14px 0;
       
   301 }
       
   302 .entry-content h3 {
       
   303     font-size:17px;
       
   304     font-style:italic;
       
   305     padding:28px 0 14px 0;
       
   306 }
       
   307 .entry-content h4 {
       
   308     font-size:11px;
       
   309     font-family:Arial,sans-serif;
       
   310     font-weight:bold;
       
   311     text-transform:uppercase;
       
   312     letter-spacing:0.05em;
       
   313 }
       
   314 .entry-content table {
       
   315     margin-left:1px;
       
   316 }
       
   317 .entry-content embed {
       
   318     margin:0 0 22px 0;
       
   319 }
       
   320 .entry-utility {
       
   321     color:#666;
       
   322     font-size:13px;
       
   323     line-height:18px;
       
   324     margin:0 0 44px 0;
       
   325 }
       
   326 .entry-utility a {
       
   327     color:#666;
       
   328     font-style:italic;
       
   329     text-decoration:none;
       
   330 }
       
   331 .entry-utility a:active,
       
   332 .entry-utility a:hover {
       
   333     color: #FF4B33;
       
   334 }
       
   335 .page-link {
       
   336     font-size:13px;
       
   337     font-weight:bold;
       
   338     line-height:18px;
       
   339     margin:0 0 22px 0;
       
   340     padding:22px 0 0 0;
       
   341     word-spacing:0.5em;
       
   342 }
       
   343 .page-link a {
       
   344     border:1px solid #ccc;
       
   345     color:#666;
       
   346     font-weight:normal;
       
   347     padding:0.5em 0.75em;
       
   348     text-decoration:none;
       
   349 }
       
   350 .page-link a:active,
       
   351 .page-link a:hover {
       
   352     color: #FF4B33;
       
   353 }
       
   354 ul#links-page,
       
   355 ul#archives-page {
       
   356     list-style:none;
       
   357     margin-left:0;
       
   358     overflow:hidden;
       
   359 }
       
   360 li.content-column {
       
   361     float:left;
       
   362     margin-right:20px;
       
   363     width:45%;
       
   364 }
       
   365 .gallery {
       
   366     padding:0 0 22px 0;
       
   367 }
       
   368 .wp-caption-text,
       
   369 .gallery-caption {
       
   370     color:#666;
       
   371     font-size:13px;
       
   372     line-height:18px;
       
   373 }
       
   374 #author-info {
       
   375     margin:0 0 44px 0;
       
   376     overflow:hidden;
       
   377 }
       
   378 #author-info .avatar {
       
   379     float:left;
       
   380     margin:.3em 1em 0 0;
       
   381 }
       
   382 
       
   383 
       
   384 /* =Attachments
       
   385 -------------------------------------------------------------- */
       
   386 
       
   387 .attachment-jpeg #container,
       
   388 .attachment-png #container {
       
   389     width:100%;
       
   390 }
       
   391 .attachment-jpeg #content,
       
   392 .attachment-png #content {
       
   393     width:930px;
       
   394 }
       
   395 .attachment-jpeg #comments,
       
   396 .attachment-png #comments {
       
   397     width:540px;
       
   398     overflow:hidden;
       
   399 }
       
   400 .attachment-jpeg .main-aside,
       
   401 .attachment-png .main-aside {
       
   402     display:none;    
       
   403 }
       
   404 
       
   405 
       
   406 /* =Navigation
       
   407 -------------------------------------------------------------- */
       
   408 
       
   409 .navigation {
       
   410     color:#666;
       
   411     font-size:13px;
       
   412     line-height:18px;
       
   413     margin:0px 0 22px 0;
       
   414     overflow:hidden;
       
   415 }
       
   416 .navigation a {
       
   417     color:#666;
       
   418     font-style:italic;
       
   419     text-decoration:none;
       
   420 }
       
   421 .navigation a:active,
       
   422 .navigation a:hover {
       
   423     color: #FF4B33;
       
   424 }
       
   425 .navigation .meta-nav {
       
   426     font-style:normal;
       
   427 }
       
   428 .nav-previous {
       
   429 	float: left;
       
   430 	width:50%;
       
   431 }
       
   432 .nav-next {
       
   433 	float: right;
       
   434 	width:50%;
       
   435 	text-align:right;
       
   436 }
       
   437 #nav-above,#nav-below {
       
   438 	width: 100%;
       
   439 }
       
   440 #nav-above {
       
   441     display:none;
       
   442 }
       
   443 .paged #nav-above {
       
   444     display:block;
       
   445     padding:0 0 44px 0;
       
   446 }
       
   447 
       
   448 
       
   449 /* =Comments
       
   450 -------------------------------------------------------------- */
       
   451 
       
   452 #comments {
       
   453     padding:22px 0 0 0;
       
   454 }
       
   455 #comments,
       
   456 #comments input,
       
   457 #comments textarea {
       
   458     font-size:13px;
       
   459     line-height:18px;
       
   460 }
       
   461 #comments code {
       
   462     font-size:12px;
       
   463     line-height:18px;
       
   464 }
       
   465 #comments h3 {
       
   466     font-family:Arial,sans-serif;
       
   467     font-size:15px;
       
   468     font-weight:bold;
       
   469     line-height:22px;
       
   470     padding:0 0 18px 0;
       
   471 }
       
   472 #comments-list {
       
   473     padding:0 0 18px 0;
       
   474 }
       
   475 #comments-list ol,
       
   476 #comments-list ul {
       
   477     list-style:none;
       
   478     margin:0;
       
   479 }
       
   480 #comments-list ol {
       
   481     border:1px solid #ccc;
       
   482     border-bottom:none;
       
   483     margin:0 0 18px 0;
       
   484 }
       
   485 #comments-list li {
       
   486     background:#fafafa;
       
   487     border-bottom:1px solid #ccc;
       
   488     padding:18px 1.5em 0 1.5em;
       
   489     position:relative;
       
   490 }
       
   491 #comments-list li.alt {
       
   492     background:#fff;
       
   493 }
       
   494 #comments-list li.bypostauthor {
       
   495     background:#FFFFCC;
       
   496 }
       
   497 #comments-list ul li {
       
   498     border:1px solid #ccc;
       
   499     margin:0 0 18px 0;
       
   500 }
       
   501 #comments-list li .avatar {
       
   502     position:absolute;
       
   503     top:22px;
       
   504     left:1.5em;
       
   505     width:36px;
       
   506     height:36px;
       
   507 }
       
   508 #comments-list .comment-author {
       
   509     font-weight:bold;
       
   510     padding:9px 0 0 46px;
       
   511 }
       
   512 #comments-list .comment-meta {
       
   513     color:#666;
       
   514     font-size:11px;
       
   515     padding:0 0 9px 46px;
       
   516 }
       
   517 #comments-list .comment-meta a {
       
   518     color:#666;
       
   519     font-style:italic;
       
   520     text-decoration:none;
       
   521 }
       
   522 #comments-list .comment-meta a:active,
       
   523 #comments-list .comment-meta a:hover {
       
   524     color: #FF4B33;
       
   525 }
       
   526 .comment-reply-link {
       
   527     font-size:11px;
       
   528     padding:0 0 18px 0;
       
   529     text-align:right;
       
   530 }
       
   531 .comment-reply-link a {
       
   532     color:#666;
       
   533     font-style:italic;
       
   534     text-decoration:none;
       
   535 }
       
   536 .comment-reply-link a:active,
       
   537 .comment-reply-link a:hover {
       
   538     color: #FF4B33;
       
   539 }
       
   540 .comment-navigation {
       
   541     font-weight:bold;
       
   542     padding:0 0 18px 0;
       
   543     margin-right:0.5em;
       
   544 }
       
   545 .comment-navigation a {
       
   546     border:1px solid #ccc;
       
   547     color:#666;
       
   548     font-weight:normal;
       
   549     padding:0.5em 0.75em;
       
   550     text-decoration:none;
       
   551 }
       
   552 .comment-navigation a:active,
       
   553 .comment-navigation a:hover {
       
   554     color: #FF4B33;
       
   555 }
       
   556 .comment-navigation a,
       
   557 .comment-navigation span {
       
   558     margin-right:0.5em;
       
   559 }
       
   560 #trackbacks-list .comment-content {
       
   561     position:absolute;
       
   562     left:-9000px;
       
   563 }
       
   564 #respond {
       
   565     background:#fff;
       
   566     margin-bottom:22px;
       
   567     overflow:hidden;
       
   568     padding:18px 0 0 0;
       
   569     position:relative;
       
   570 }
       
   571 #comments-list #respond {
       
   572     border-bottom:1px solid #ccc;
       
   573     margin:0 0 18px 0;
       
   574     padding:18px 1.5em;
       
   575 }
       
   576 #comments-list ul #respond {
       
   577     border:1px solid #ccc;
       
   578     margin:0;
       
   579 }
       
   580 #cancel-comment-reply {
       
   581     font-size:11px;
       
   582     position:absolute;
       
   583     top:18px;
       
   584     right:1.5em;
       
   585 }
       
   586 #cancel-comment-reply a {
       
   587     color:#666;
       
   588 }
       
   589 #respond .required {
       
   590     color:#FF4B33;
       
   591     font-weight:bold;
       
   592 }
       
   593 .form-section label {
       
   594     font-size:11px;
       
   595 }
       
   596 .form-section input {
       
   597     margin:0 0 18px 0;
       
   598     width:98%;
       
   599 }
       
   600 .form-section textarea {
       
   601     width:99%;
       
   602 }
       
   603 #form-allowed-tags p {
       
   604     color:#666;
       
   605     font-size:11px;
       
   606     margin:0;    
       
   607 }
       
   608 #form-allowed-tags span {
       
   609     font-style:italic;
       
   610 }
       
   611 #form-allowed-tags code {
       
   612     font-size:11px;
       
   613     line-height:normal;
       
   614 }
       
   615 .form-submit {
       
   616     padding:18px 0 0 0;
       
   617     text-align:right;
       
   618 }
       
   619 .subscribe-to-comments {
       
   620     color:#666;
       
   621     float:left;
       
   622     font-size:11px;
       
   623     margin:0;
       
   624     padding:18px 0 0 0;
       
   625 }
       
   626 .solo-subscribe-to-comments {
       
   627     color:#666;
       
   628     font-size:11px;
       
   629     padding:18px 0 0 0;
       
   630 }
       
   631 .comment_license {
       
   632     color:#666;
       
   633     clear:both;
       
   634     font-size:11px;
       
   635     margin:0;
       
   636     padding:18px 0 0 0;
       
   637 }
       
   638 
       
   639 
       
   640 /* =Asides, Sidebars & Widget-Ready Areas
       
   641 -------------------------------------------------------------- */
       
   642 
       
   643 .aside,
       
   644 .aside input {
       
   645     font-size:13px;
       
   646     line-height:18px;
       
   647     margin-bottom:6px;
       
   648 }
       
   649 .aside p,
       
   650 .aside ul,
       
   651 .aside ol,
       
   652 .aside dd,
       
   653 .aside pre {
       
   654     margin-bottom:18px;
       
   655 }
       
   656 .aside pre,
       
   657 .aside code {
       
   658     font-size:12px;
       
   659     line-height:18px;
       
   660 }
       
   661 .aside .current_page_item a {
       
   662     color: #FF4B33;
       
   663 }
       
   664 .aside .current_page_item .page_item a {
       
   665     color:#666;
       
   666 }
       
   667 .aside .current_page_item .page_item a:hover,
       
   668 .aside .current_page_item .page_item a:active {
       
   669     color: #FF4B33;
       
   670 }
       
   671 .aside {
       
   672     color:#666;
       
   673 }
       
   674 .aside a {
       
   675     color:#666;
       
   676 }
       
   677 .aside a:active,
       
   678 .aside a:hover {
       
   679     color: #FF4B33;
       
   680 }
       
   681 .aside h3 {
       
   682     font-size:15px;
       
   683     font-style:italic;
       
   684     line-height:22px;
       
   685 }
       
   686 .aside h3 a {
       
   687     text-decoration:none;
       
   688 }
       
   689 .aside caption {
       
   690     font-size:11px;
       
   691     font-family:Arial,sans-serif;
       
   692     font-weight:bold;
       
   693     text-transform:uppercase;
       
   694     letter-spacing:0.05em;
       
   695 }
       
   696 .aside ul {
       
   697     list-style:none;
       
   698     margin-left:0;
       
   699 }
       
   700 .aside ul ul {
       
   701     list-style:disc;
       
   702     margin:0 0 22px 20px;
       
   703 }
       
   704 .aside ul ul li {
       
   705     padding:1px 0;
       
   706 }
       
   707 .aside ul ul ul {
       
   708     margin-bottom:0;
       
   709 }
       
   710 .aside form,
       
   711 .aside table {
       
   712     margin-bottom:22px;
       
   713 }
       
   714 .aside table {
       
   715     border:none;
       
   716 }
       
   717 .aside thead {
       
   718     border:1px solid #ccc;
       
   719 }
       
   720 .aside tbody {
       
   721     border:1px solid #ccc;
       
   722 }
       
   723 .aside th, .aside td {
       
   724     border-right:1px solid #ccc;
       
   725     padding:.25em .8em;
       
   726 }
       
   727 .aside tfoot tr {
       
   728     border:none;
       
   729 }
       
   730 .aside tfoot td {
       
   731     border-color:transparent;
       
   732 }
       
   733 .widget_tag_cloud {
       
   734     margin:0 0 22px 0;
       
   735 }
       
   736 .aside #searchsubmit {
       
   737 	display: none;	
       
   738 }
       
   739 /*
       
   740     Main Asides
       
   741 */
       
   742 .main-aside ul {
       
   743     padding:0 20px;
       
   744 }
       
   745 .main-aside h3 {
       
   746 }
       
   747 .main-aside ul ul {
       
   748     padding:0;
       
   749 }
       
   750 #primary {
       
   751     border:1px solid #ccc;
       
   752     padding:18px 0 0 0;
       
   753     margin-bottom:22px;
       
   754 }
       
   755 /*
       
   756     Content Asides
       
   757 */
       
   758 #content .aside {
       
   759     border:1px solid #ccc;
       
   760     margin:0 0 22px 0;
       
   761     padding:18px 0 0 0;
       
   762 }
       
   763 #content .aside ul {
       
   764     padding:0 20px;
       
   765 }
       
   766 #content .aside h3 {
       
   767     font-family:Georgia,serif;
       
   768     font-weight:normal;
       
   769     font-size:17px;
       
   770     font-style:italic;
       
   771     padding:0 0 7px 0;
       
   772     text-transform:none;
       
   773 }
       
   774 #content .aside ul ul {
       
   775     padding:0;
       
   776 }
       
   777 /*
       
   778     Footer Asides
       
   779 */
       
   780 #subsidiary {
       
   781     padding:33px 0 0 0;    
       
   782 }
       
   783 
       
   784 
       
   785 /* =Footer
       
   786 -------------------------------------------------------------- */
       
   787 
       
   788 #footer {
       
   789     border-top:1px solid #ccc;
       
   790     margin-top:22px;
       
   791 }
       
   792 #siteinfo {
       
   793     color:#666;
       
   794     font-size:11px;
       
   795     line-height:18px;
       
   796     padding:22px 0 44px 0;
       
   797 }
       
   798 #siteinfo a {
       
   799     color:#666;
       
   800 }
       
   801 #siteinfo a:active,
       
   802 #siteinfo a:hover {
       
   803     color: #FF4B33;
       
   804 }
       
   805 
       
   806 
       
   807 /* =PageNavi
       
   808 -------------------------------------------------------------- */
       
   809 
       
   810 /* Using !important to override PageNavi CSS */
       
   811 
       
   812 .wp-pagenavi {
       
   813     margin:0 0 0 -.5em;
       
   814     padding:0.5em 0;    
       
   815 }
       
   816 .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
       
   817     border:1px solid #ccc !important;
       
   818     color:#666!important;
       
   819     font-style:normal;
       
   820     margin:0 .375em !important;
       
   821     padding:0.5em 0.25em !important;
       
   822 }
       
   823 .wp-pagenavi a:visited {
       
   824     border:1px solid #ccc !important;
       
   825     color:#666 !important;
       
   826 }
       
   827 .wp-pagenavi a:hover {
       
   828     border:1px solid #ccc !important;
       
   829     color:#FF4B33 !important;
       
   830 }
       
   831 .wp-pagenavi a:active {
       
   832     border:1px solid #ccc !important;
       
   833     color:#FF4B33 !important;
       
   834 }
       
   835 .wp-pagenavi span.pages {
       
   836     border:none !important;
       
   837     color:#666 !important;
       
   838     margin:0 !important;
       
   839     padding:0 !important;
       
   840 }
       
   841 .wp-pagenavi span.current {
       
   842     border:none !important;
       
   843     color:#666 !important;
       
   844     font-weight:normal !important;
       
   845     margin:0 !important;
       
   846     padding:0 !important;
       
   847 }
       
   848 .wp-pagenavi span.extend {
       
   849     background-color:#FFFFFF;
       
   850     border:1px solid #000000;
       
   851     color:#000000;
       
   852     margin:2px;
       
   853     padding:2px 4px;
       
   854 }