SHOW:
|
|
- or go back to the newest paste.
1 | /* ----------- Restart-----------------*/ | |
2 | html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video | |
3 | { | |
4 | margin: 0; | |
5 | padding: 0; | |
6 | border: 0; | |
7 | outline: 0; | |
8 | font-size: 100%; | |
9 | vertical-align: baseline; | |
10 | background: transparent; | |
11 | } | |
12 | ||
13 | article,aside,figure,footer,header,hgroup,nav,section { | |
14 | display: block; | |
15 | } | |
16 | ||
17 | nav ul { | |
18 | list-style: none; | |
19 | } | |
20 | ||
21 | blockquote,q { | |
22 | quotes: none; | |
23 | } | |
24 | ||
25 | blockquote:before,blockquote:after,q:before,q:after { | |
26 | content: ''; | |
27 | content: none; | |
28 | } | |
29 | ||
30 | a { | |
31 | margin: 0; | |
32 | padding: 0; | |
33 | font-size: 100%; | |
34 | vertical-align: baseline; | |
35 | background: transparent; | |
36 | outline: none; | |
37 | } | |
38 | ||
39 | ins { | |
40 | background-color: #ff9; | |
41 | color: #000; | |
42 | text-decoration: none; | |
43 | } | |
44 | ||
45 | mark { | |
46 | background-color: #ff9; | |
47 | color: #000; | |
48 | font-style: italic; | |
49 | font-weight: bold; | |
50 | } | |
51 | ||
52 | del { | |
53 | text-decoration: line-through; | |
54 | } | |
55 | ||
56 | abbr[title],dfn[title] { | |
57 | border-bottom: 1px dotted #000; | |
58 | cursor: help; | |
59 | } | |
60 | ||
61 | table { | |
62 | border-collapse: collapse; | |
63 | border-spacing: 0; | |
64 | } | |
65 | ||
66 | hr { | |
67 | display: block; | |
68 | height: 1px; | |
69 | border: 0; | |
70 | border-top: 1px solid #ccc; | |
71 | margin: 1em 0; | |
72 | padding: 0; | |
73 | } | |
74 | ||
75 | input,select { | |
76 | vertical-align: middle; | |
77 | } | |
78 | ||
79 | /* ----------- End Restart-----------------*/ | |
80 | /*---------------------------- TEXT STYLES ----------------------------*/ | |
81 | a { | |
82 | text-decoration: none; | |
83 | color: #ed8137; | |
84 | } | |
85 | ||
86 | a:hover { | |
87 | text-decoration: underline; | |
88 | } | |
89 | ||
90 | h1,h2,h3,h4,h5,h6 { | |
91 | color: #454545; | |
92 | line-height: 1.5em; | |
93 | margin-top: 10px; | |
94 | margin-bottom: 10px; | |
95 | font-weight: 100; | |
96 | font-family: Georgia, "Times New Roman", Times, serif; | |
97 | } | |
98 | ||
99 | h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { | |
100 | color: #6a6a6a; | |
101 | text-decoration: none; | |
102 | } | |
103 | ||
104 | h1 a:hover { | |
105 | color: #454545; | |
106 | text-decoration: none; | |
107 | } | |
108 | ||
109 | h1 { | |
110 | font-size: 28px; | |
111 | } | |
112 | ||
113 | h2 { | |
114 | font-size: 21px; | |
115 | margin-bottom: 13px; | |
116 | } | |
117 | ||
118 | h3 { | |
119 | font-size: 20px; | |
120 | } | |
121 | ||
122 | h4 { | |
123 | font-size: 17px; | |
124 | } | |
125 | ||
126 | h5 { | |
127 | font-size: 16px; | |
128 | } | |
129 | ||
130 | h6 { | |
131 | font-size: 15px; | |
132 | } | |
133 | ||
134 | hr { | |
135 | display: block; | |
136 | height: 1px; | |
137 | border: 0; | |
138 | border-top: 1px solid #ebebeb; | |
139 | margin: 0; | |
140 | margin-top: 3px; | |
141 | margin-bottom: 3px; | |
142 | padding: 0; | |
143 | } | |
144 | ||
145 | .hr { | |
146 | height: 1px; | |
147 | - | background-image: url(images/hr.gif); |
147 | + | background-image: url(../images/hr.gif); |
148 | background-repeat: repeat-x; | |
149 | background-color: transparent; | |
150 | background-position: top; | |
151 | border-top: 0px; | |
152 | margin: 0px; | |
153 | } | |
154 | ||
155 | p { | |
156 | margin-bottom: 15px; | |
157 | margin-top: 15px; | |
158 | } | |
159 | ||
160 | ol { | |
161 | margin-left: 35px; | |
162 | } | |
163 | ||
164 | ul{ | |
165 | margin-left:30px; | |
166 | } | |
167 | ||
168 | strong { | |
169 | font-weight: bold; | |
170 | } | |
171 | ||
172 | em { | |
173 | font-style: italic; | |
174 | } | |
175 | ||
176 | .alignleft { | |
177 | float: left; | |
178 | margin-right: 10px; | |
179 | } | |
180 | ||
181 | .alignright { | |
182 | float: right; | |
183 | margin-left: 10px; | |
184 | } | |
185 | ||
186 | .relative { | |
187 | position: relative; | |
188 | } | |
189 | ||
190 | /*---------------------------- END TEXT STYLES ----------------------------*/ | |
191 | body { | |
192 | font-family: Verdana, Geneva, sans-serif; | |
193 | font-size: 12px; | |
194 | color: #6a6a6a; | |
195 | line-height: 1.6em; | |
196 | background-color: #aaa9a9; | |
197 | } | |
198 | ||
199 | #main-container { | |
200 | position: absolute; | |
201 | left: 0px; | |
202 | top: 0px; | |
203 | width: 100%; | |
204 | } | |
205 | ||
206 | #site { | |
207 | height: auto; | |
208 | width: 980px; | |
209 | text-align: left; | |
210 | padding: 0px; | |
211 | background-color: #FFF; | |
212 | float: left; | |
213 | margin-top: 15px; | |
214 | margin-bottom: 15px; | |
215 | } | |
216 | ||
217 | #line-top { | |
218 | background-color: #535353; | |
219 | border-bottom: 1px solid #272727; | |
220 | height: 5px; | |
221 | } | |
222 | ||
223 | .center { | |
224 | height: auto; | |
225 | width: 980px; | |
226 | margin: auto; | |
227 | text-align: left; | |
228 | padding: 0px; | |
229 | } | |
230 | ||
231 | #header-top { | |
232 | width: 100%; | |
233 | display: block; | |
234 | height: 100px; | |
235 | } | |
236 | ||
237 | /*---------------------------- LOGO ----------------------------*/ | |
238 | #logo-container { | |
239 | width: 160px; | |
240 | float: left; | |
241 | margin-top: 15px; | |
242 | margin-left: 40px; | |
243 | } | |
244 | ||
245 | #logo-container a { | |
246 | width: 160px; | |
247 | height: 71px; | |
248 | display: block; | |
249 | - | background-image: url(images/logo.png); |
249 | + | background-image: url(../images/logo.png); |
250 | background-repeat: no-repeat; | |
251 | } | |
252 | ||
253 | /*---------------------------- END LOGO ----------------------------*/ | |
254 | ||
255 | /*-------------------------MENU---------------------------------*/ | |
256 | #menu-container { | |
257 | float: right; | |
258 | margin-top: 45px; | |
259 | margin-right: 25px; | |
260 | max-width: 700px; | |
261 | } | |
262 | ||
263 | #menu ul { | |
264 | text-align: right; | |
265 | } | |
266 | ||
267 | #menu ul li { | |
268 | display: inline; | |
269 | } | |
270 | ||
271 | #menu ul li a { | |
272 | text-transform: uppercase; | |
273 | padding-right: 15px; | |
274 | padding-left: 15px; | |
275 | font-size: 13px; | |
276 | line-height: 0.2em; | |
277 | color: #535353; | |
278 | height: 10px; | |
279 | font-style: normal; | |
280 | letter-spacing: 1px; | |
281 | } | |
282 | ||
283 | #menu ul li a:hover { | |
284 | color: #111; | |
285 | text-decoration: none | |
286 | } | |
287 | ||
288 | #menu ul li.selected a { | |
289 | color: #535353; | |
290 | } | |
291 | ||
292 | .drop-arrow { | |
293 | font-family: "Times New Roman", Times, serif; | |
294 | font-size: 16px; | |
295 | position: relative; | |
296 | top: -1px; | |
297 | left: 2px; | |
298 | } | |
299 | ||
300 | /*---------- DROP DOWN ------------*/ | |
301 | #menu ul ul { | |
302 | width: 170px; | |
303 | top: 15px; | |
304 | left: 5px; | |
305 | padding-top: 12px; | |
306 | text-align: left; | |
307 | display: none; | |
308 | z-index: 20000; | |
309 | } | |
310 | ||
311 | #menu ul ul ul { | |
312 | top: -1px; | |
313 | left: 170px; | |
314 | padding: 0px; | |
315 | border: 1px solid #ebebeb; | |
316 | } | |
317 | ||
318 | #menu ul ul li a { | |
319 | font-size: 11px; | |
320 | padding-right: 10px; | |
321 | height: auto; | |
322 | text-align: left; | |
323 | line-height: 30px; | |
324 | padding-left: 10px; | |
325 | display: block; | |
326 | } | |
327 | ||
328 | #menu ul ul li:hover { | |
329 | background-color: #f1f1f1; | |
330 | } | |
331 | ||
332 | #menu ul ul li { | |
333 | display: block; | |
334 | border-bottom: 1px solid #ebebeb; | |
335 | border-left: 1px solid #ebebeb; | |
336 | border-right: 1px solid #ebebeb; | |
337 | background-color: #fff; | |
338 | } | |
339 | ||
340 | #menu ul ul ul { | |
341 | border-bottom-width: 0px; | |
342 | border-left-width: 0px; | |
343 | } | |
344 | ||
345 | a.sf-with-ul { | |
346 | display: inline; | |
347 | } | |
348 | ||
349 | #menu ul .sf-sub-indicator { | |
350 | top: 6px; | |
351 | right: 18px; | |
352 | } | |
353 | ||
354 | #menu ul ul li .sf-sub-indicator { | |
355 | top: 0px; | |
356 | right: 7px; | |
357 | } | |
358 | ||
359 | /*---------------------------SLIDER----------------------------*/ | |
360 | ||
361 | #slider-container,#page-title { | |
362 | width: 980px; | |
363 | height: auto; | |
364 | position: relative; | |
365 | } | |
366 | ||
367 | #page-title { | |
368 | color: #747474; | |
369 | background-color: #efefec; | |
370 | border-bottom: 1px solid #e6e6e6; | |
371 | border-top: 1px solid #e6e6e6; | |
372 | height: 34px; | |
373 | } | |
374 | ||
375 | #page-title h6 { | |
376 | margin-top: 7px; | |
377 | margin-bottom: 7px; | |
378 | display: block; | |
379 | font-size: 13px; | |
380 | font-style: italic; | |
381 | padding-left: 40px; | |
382 | } | |
383 | ||
384 | #static-header-img img{ | |
385 | margin-top:-6px; | |
386 | margin-bottom:-6px; | |
387 | width:980px; | |
388 | } | |
389 | ||
390 | #slider-container-shadow { | |
391 | width: 100%; | |
392 | height: 6px; | |
393 | - | background-image: url(images/shadow_sl.png); |
393 | + | background-image: url(../images/shadow_sl.png); |
394 | background-repeat: repeat-x; | |
395 | background-position: top; | |
396 | position: relative; | |
397 | z-index: 2000; | |
398 | } | |
399 | ||
400 | #slider { | |
401 | width: 980px; | |
402 | height: 370px; | |
403 | position: relative; | |
404 | } | |
405 | ||
406 | #description-box { | |
407 | position: absolute; | |
408 | width: 960px; | |
409 | background-color: #000; | |
410 | z-index: 20; | |
411 | bottom: -100px; | |
412 | padding-left: 10px; | |
413 | padding-right: 10px; | |
414 | opacity: 0.8; | |
415 | filter: alpha(opacity =80); | |
416 | } | |
417 | ||
418 | #description-box p { | |
419 | color: #fff; | |
420 | margin-top: 10px; | |
421 | margin-bottom: 10px; | |
422 | } | |
423 | ||
424 | /*---------------- ACCORDION SLIDER -----------------*/ | |
425 | ||
426 | #slider .accordion-holder img { | |
427 | width: 700px; | |
428 | display: block; | |
429 | } | |
430 | ||
431 | .accordion-holder { | |
432 | position: absolute; | |
433 | top: 0px; | |
434 | left: 0px; | |
435 | z-index: 3; | |
436 | width: 700px; | |
437 | height: 370px; | |
438 | visibility: hidden; | |
439 | } | |
440 | ||
441 | .accordion-shadow { | |
442 | height: 380px; | |
443 | width: 20px; | |
444 | position: absolute; | |
445 | left: -20px; | |
446 | - | background-image: url(images/accordion_shadow.png); |
446 | + | background-image: url(../images/accordion_shadow.png); |
447 | background-repeat: repeat-y; | |
448 | top: -10px; | |
449 | } | |
450 | ||
451 | ||
452 | .accordion-description { | |
453 | width: 300px; | |
454 | margin-top: 50px; | |
455 | background-color: #000; | |
456 | z-index: 200; | |
457 | position: absolute; | |
458 | right: 0px; | |
459 | bottom: 0px; | |
460 | padding: 10px; | |
461 | padding-left: 15px; | |
462 | color: #fff; | |
463 | display:none; | |
464 | } | |
465 | ||
466 | .accordion-description h4,.accordion-description p { | |
467 | margin-top: 0px; | |
468 | margin-bottom: 0px; | |
469 | color: #fff; | |
470 | } | |
471 | ||
472 | .accordion-description a { | |
473 | font-family: Georgia, "Times New Roman", Times, serif; | |
474 | font-style: italic; | |
475 | } | |
476 | ||
477 | /*------------ THUMBNAIL SLIDER -------------*/ | |
478 | ||
479 | #slider-img-wrapper { | |
480 | overflow: hidden; | |
481 | position: relative; | |
482 | width: 980px; | |
483 | height: 370px; | |
484 | } | |
485 | ||
486 | #slider img { | |
487 | position: absolute; | |
488 | top: 0px; | |
489 | left: 0px; | |
490 | z-index: 3; | |
491 | width: 980px; | |
492 | height: 370px; | |
493 | display:none; | |
494 | } | |
495 | ||
496 | #slider img.first { | |
497 | display: block; | |
498 | } | |
499 | ||
500 | #slider img.current { | |
501 | z-index: 10; | |
502 | } | |
503 | ||
504 | #slider-navigation-container { | |
505 | width: 875px;; | |
506 | height: 60px; | |
507 | border-bottom: 1px solid #e6e6e6; | |
508 | padding-top: 20px; | |
509 | padding-bottom: 20px; | |
510 | padding-left: 83px; | |
511 | padding-right:22px; | |
512 | } | |
513 | ||
514 | #slider-navigation { | |
515 | position: relative; | |
516 | overflow: hidden; | |
517 | width: 800px; | |
518 | height: 60px; | |
519 | left: 10px; | |
520 | top: 0px; | |
521 | ||
522 | } | |
523 | ||
524 | .slider_nav_tumb { | |
525 | width: 90px; | |
526 | height: 70px; | |
527 | display: block; | |
528 | - | background-image: url(images/slider_nav_bg.png); |
528 | + | background-image: url(../images/slider_nav_bg.png); |
529 | background-repeat: no-repeat; | |
530 | padding: 7px; | |
531 | padding-top: 8px; | |
532 | } | |
533 | ||
534 | #slider-navigation .items { | |
535 | width: 20000em; | |
536 | position: absolute; | |
537 | left: 0px; | |
538 | } | |
539 | ||
540 | #slider-navigation .items div { | |
541 | float: left; | |
542 | } | |
543 | ||
544 | #slider-navigation .items img { | |
545 | width: 70px; | |
546 | height: 50px; | |
547 | background-color: #FFF; | |
548 | border: 1px solid #d9d9d9; | |
549 | background-repeat: no-repeat; | |
550 | padding: 3px; | |
551 | margin-right: 24px; | |
552 | } | |
553 | ||
554 | #slider-navigation .items img.active { | |
555 | background-color: #efefec; | |
556 | border: 1px solid #d9d9d9; | |
557 | position: relative; | |
558 | } | |
559 | ||
560 | .browse { | |
561 | width: 41px; | |
562 | height: 41px; | |
563 | display: block; | |
564 | position: absolute; | |
565 | } | |
566 | ||
567 | #left-arrow { | |
568 | left: -48px; | |
569 | top: 10px; | |
570 | float: left; | |
571 | width: 38px; | |
572 | height: 38px; | |
573 | display: block; | |
574 | - | background-image: url(images/slider_arrow_l.png); |
574 | + | background-image: url(../images/slider_arrow_l.png); |
575 | background-repeat: no-repeat; | |
576 | } | |
577 | ||
578 | #right-arrow { | |
579 | right: 14px; | |
580 | top: 10px; | |
581 | width: 38px; | |
582 | height: 38px; | |
583 | display: block; | |
584 | - | background-image: url(images/slider_arrow_r.png); |
584 | + | background-image: url(../images/slider_arrow_r.png); |
585 | background-repeat: no-repeat; | |
586 | } | |
587 | ||
588 | /*-------------------------END THUMBNAIL SLIDER----------------------------*/ | |
589 | /*-------------------------NIVO SLIDER----------------------------*/ | |
590 | ||
591 | #nivo-slider { | |
592 | width: 980px; | |
593 | height:370px; | |
594 | margin-top: -6px; | |
595 | - | background-image: url(images/ajax-loader.gif); |
595 | + | background-image: url(../images/ajax-loader.gif); |
596 | background-repeat: no-repeat; | |
597 | background-position: center; | |
598 | } | |
599 | ||
600 | #nivo-slider img { | |
601 | width: 980px; | |
602 | height: 370px; | |
603 | display: none; | |
604 | top: 0px; | |
605 | left: 0px; | |
606 | } | |
607 | ||
608 | .nivo-controlNav { | |
609 | position: absolute; | |
610 | bottom: -34px; | |
611 | } | |
612 | ||
613 | #nivo-controlNav-holder { | |
614 | background-color: #fff; | |
615 | height: 50px; | |
616 | border-bottom: 1px solid #ebebeb; | |
617 | } | |
618 | ||
619 | .nivo-controlNav a { | |
620 | width: 15px; | |
621 | height: 15px; | |
622 | - | background-image: url(images/page_nav.png); |
622 | + | background-image: url(../images/page_nav.png); |
623 | background-repeat: no-repeat; | |
624 | float: left; | |
625 | list-style: none; | |
626 | margin-left: 3px; | |
627 | margin-right: 3px; | |
628 | display: block; | |
629 | } | |
630 | ||
631 | .nivo-controlNav a.active { | |
632 | - | background-image: url(images/page_nav_active_black.png); |
632 | + | background-image: url(../images/page_nav_active_black.png); |
633 | } | |
634 | ||
635 | .nivo-nextNav { | |
636 | display: block; | |
637 | - | background-image: url(images/nivo_arrow_r.png); |
637 | + | background-image: url(../images/nivo_arrow_r.png); |
638 | background-repeat: no-repeat; | |
639 | width: 20px; | |
640 | height: 29px; | |
641 | margin-right: 10px; | |
642 | } | |
643 | ||
644 | .nivo-prevNav { | |
645 | display: block; | |
646 | - | background-image: url(images/nivo_arrow_l.png); |
646 | + | background-image: url(../images/nivo_arrow_l.png); |
647 | background-repeat: no-repeat; | |
648 | width: 20px; | |
649 | height: 29px; | |
650 | margin-left: 10px; | |
651 | } | |
652 | ||
653 | .nivo-caption p { | |
654 | padding: 15px; | |
655 | } | |
656 | ||
657 | /*-------------------------CONTENT----------------------------*/ | |
658 | #content-container { | |
659 | height: auto; | |
660 | min-height: 400px; | |
661 | width: 980px; | |
662 | } | |
663 | ||
664 | .content-gradient { | |
665 | - | background-image: url(images/content_bg.png); |
665 | + | background-image: url(../images/content_bg.png); |
666 | background-repeat: repeat-x; | |
667 | background-position: top; | |
668 | } | |
669 | ||
670 | #content { | |
671 | float: left; | |
672 | height: auto; | |
673 | min-height: 200px; | |
674 | width: 590px; | |
675 | margin: 40px; | |
676 | } | |
677 | ||
678 | #full-width { | |
679 | float: left; | |
680 | height: auto; | |
681 | min-height: 200px; | |
682 | margin: 40px; | |
683 | width:900px; | |
684 | } | |
685 | ||
686 | .sidebar-to-left #content { | |
687 | float: right; | |
688 | } | |
689 | ||
690 | .sidebar-to-left .sidebar { | |
691 | float: left; | |
692 | margin-left: 40px; | |
693 | margin-right: 0px; | |
694 | } | |
695 | ||
696 | #site-intro { | |
697 | text-align: center; | |
698 | position: relative; | |
699 | top: -8px; | |
700 | margin-bottom: 20px; | |
701 | } | |
702 | ||
703 | #site-intro span { | |
704 | display: inline; | |
705 | float: left; | |
706 | } | |
707 | ||
708 | #site-intro-container { | |
709 | display: inline-block; | |
710 | height: 20px; | |
711 | margin-left: auto; | |
712 | margin-right: auto; | |
713 | max-width: 850px; | |
714 | } | |
715 | ||
716 | .intro-text { | |
717 | color: #454545; | |
718 | line-height: 1.5em; | |
719 | font-weight: 100; | |
720 | font-family: Georgia, "Times New Roman", Times, serif; | |
721 | font-style: italic; | |
722 | font-size: 21px; | |
723 | } | |
724 | ||
725 | .intro-swril { | |
726 | display: block; | |
727 | width: 35px; | |
728 | height: 27px; | |
729 | margin-top: 3px; | |
730 | } | |
731 | ||
732 | .swril-left { | |
733 | - | background-image: url(images/intro_swril.png); |
733 | + | background-image: url(../images/intro_swril.png); |
734 | background-repeat: no-repeat; | |
735 | float: left; | |
736 | margin-right: 5px; | |
737 | } | |
738 | ||
739 | .swril-right { | |
740 | - | background-image: url(images/intro_swril_r.png); |
740 | + | background-image: url(../images/intro_swril_r.png); |
741 | background-repeat: no-repeat; | |
742 | float: left; | |
743 | margin-left: 5px; | |
744 | } | |
745 | ||
746 | h1.page-heading{ | |
747 | font-size: 22px; | |
748 | margin-bottom: 6px; | |
749 | margin-top:0px; | |
750 | } | |
751 | ||
752 | .blog-post { | |
753 | margin-bottom: 40px; | |
754 | margin-top: -15px; | |
755 | } | |
756 | ||
757 | .post-boxes{ | |
758 | margin-top:40px; | |
759 | margin-bottom:-40px; | |
760 | } | |
761 | ||
762 | .blog-post h1,.blog-post h1 a { | |
763 | font-size: 22px; | |
764 | margin-bottom: 11px; | |
765 | font-style: normal; | |
766 | } | |
767 | ||
768 | .post-info { | |
769 | color: #6a6a6a; | |
770 | float: left; | |
771 | font-size: 11px; | |
772 | margin-bottom: 20px; | |
773 | text-transform: uppercase; | |
774 | width: 100%; | |
775 | position: relative; | |
776 | border-bottom: 1px solid #ebebeb; | |
777 | border-top: 1px solid #ebebeb; | |
778 | padding-bottom: 7px; | |
779 | } | |
780 | ||
781 | .post-info ul{ | |
782 | margin-left:0px; | |
783 | } | |
784 | ||
785 | .post-info a { | |
786 | font-style: normal; | |
787 | color: #ed8137; | |
788 | } | |
789 | ||
790 | a.read-more { | |
791 | text-transform: capitalize; | |
792 | font-style: normal; | |
793 | color: #ed8137; | |
794 | } | |
795 | ||
796 | .no-caps { | |
797 | font-family: Georgia, "Times New Roman", Times, serif; | |
798 | font-style: italic; | |
799 | text-transform: lowercase; | |
800 | } | |
801 | ||
802 | .post-info ul li { | |
803 | display: inline; | |
804 | float: left; | |
805 | padding-right: 15px; | |
806 | padding-top: 7px; | |
807 | } | |
808 | ||
809 | .post-info ul li.post-info-comments { | |
810 | border-right: 0px; | |
811 | float: right; | |
812 | padding-right: 0px; | |
813 | } | |
814 | ||
815 | .post-info ul li.post-info-comments img { | |
816 | float: left; | |
817 | } | |
818 | ||
819 | .post-info ul li.post-info-categories { | |
820 | border-right: 0px; | |
821 | padding-right: 5px; | |
822 | } | |
823 | ||
824 | #full-width .post-info ul li.post-info-categories { | |
825 | border-right: 0px; | |
826 | width: auto; | |
827 | padding-right: 5px; | |
828 | } | |
829 | ||
830 | ||
831 | img.img-frame,img.shadow-frame,img.attachment-post_box_img, .img-frame img { | |
832 | padding: 4px; | |
833 | background-color: #fefefe; | |
834 | border: 1px solid #d9d9d9; | |
835 | } | |
836 | ||
837 | img.attachment-post_box_img { | |
838 | float: left; | |
839 | margin-right: 10px; | |
840 | margin-bottom: 15px; | |
841 | } | |
842 | ||
843 | .more-arrow { | |
844 | font-size: 20px; | |
845 | font-family: Georgia, "Times New Roman", Times, serif; | |
846 | position: relative; | |
847 | top: 1px; | |
848 | } | |
849 | ||
850 | .image-margin { | |
851 | margin: 5px; | |
852 | } | |
853 | ||
854 | /* Page navigation */ | |
855 | #content-container .wp-pagenavi a,#content-container .wp-pagenavi span.pages | |
856 | { | |
857 | border-color: #ebebeb; | |
858 | color: #6A6A6A; | |
859 | } | |
860 | ||
861 | #content-container .wp-pagenavi span.current,#content-container .wp-pagenavi span.extend | |
862 | { | |
863 | border-color: #cccccc; | |
864 | color: #6A6A6A; | |
865 | } | |
866 | ||
867 | #content-container .wp-pagenavi span.pages,#content-container .wp-pagenavi a.last | |
868 | { | |
869 | font-family: Georgia, "Times New Roman", Times, serif; | |
870 | font-style: italic; | |
871 | } | |
872 | ||
873 | /*-------- COLUMNS --------*/ | |
874 | .columns-wrapper { | |
875 | width: 590px; | |
876 | float: left; | |
877 | margin-bottom: 30px; | |
878 | } | |
879 | ||
880 | #full-width .columns-wrapper{ | |
881 | width:900px; | |
882 | float: left; | |
883 | margin-bottom: 30px; | |
884 | } | |
885 | ||
886 | #footer-columns{ | |
887 | width:900px; | |
888 | float: left; | |
889 | } | |
890 | ||
891 | .columns-wrapper p { | |
892 | margin-bottom: 7px; | |
893 | margin-top: 7px; | |
894 | } | |
895 | ||
896 | .two-columns{ | |
897 | width: 430px; | |
898 | float: left; | |
899 | margin-right: 40px; | |
900 | } | |
901 | ||
902 | #content .two-columns{ | |
903 | width: 275px; | |
904 | } | |
905 | ||
906 | .three-columns { | |
907 | width: 273px; | |
908 | float: left; | |
909 | margin-right: 40px; | |
910 | } | |
911 | ||
912 | .three-columns-3{ | |
913 | margin-right:0px; | |
914 | width: 273px; | |
915 | float: left; | |
916 | } | |
917 | ||
918 | #content .three-columns { | |
919 | width: 170px; | |
920 | } | |
921 | ||
922 | .four-columns { | |
923 | width: 195px; | |
924 | float: left; | |
925 | margin-right: 40px; | |
926 | } | |
927 | ||
928 | .four-columns-4{ | |
929 | width: 195px; | |
930 | float: left; | |
931 | margin-right:0px; | |
932 | } | |
933 | ||
934 | #content .four-columns { | |
935 | width: 116px; | |
936 | } | |
937 | ||
938 | .services-box,.pricing-box { | |
939 | line-height: 1.7em; | |
940 | } | |
941 | ||
942 | .services-box img { | |
943 | margin-top: 8px; | |
944 | margin-bottom: 15px; | |
945 | } | |
946 | ||
947 | .services-box h4,.pricing-box h4 { | |
948 | color: #828282; | |
949 | font-size: 14px; | |
950 | text-transform: uppercase; | |
951 | font-style: normal; | |
952 | font-family: Verdana, Geneva, sans-serif; | |
953 | letter-spacing: 2px; | |
954 | margin-top: 7px; | |
955 | } | |
956 | ||
957 | .pricing-box { | |
958 | line-height:1.7em; | |
959 | background-color:#efefec; | |
960 | border:1px solid #e6e6e6; | |
961 | -moz-border-radius: 7px; | |
962 | -webkit-border-radius: 7px; | |
963 | -khtml-border-radius: 10px; | |
964 | text-align:center; | |
965 | width:230px; | |
966 | padding:20px; | |
967 | ||
968 | } | |
969 | .pricing-box ul { | |
970 | text-align:center; | |
971 | margin-bottom:15px; | |
972 | width:200px; | |
973 | margin-left:30px; | |
974 | } | |
975 | ||
976 | .columns-wrapper div.pricing-box ul li { | |
977 | float:left; | |
978 | margin:5px; | |
979 | } | |
980 | ||
981 | .pricing-box .button { | |
982 | margin-top:20px; | |
983 | } | |
984 | ||
985 | .pricing-box .price{ | |
986 | font-family:Georgia, "Times New Roman", Times, serif; | |
987 | font-size:36px; | |
988 | line-height:36px; | |
989 | display:block; | |
990 | position:relative; | |
991 | top:5px; | |
992 | } | |
993 | ||
994 | .pricing-box h4{ | |
995 | margin-top:0px; | |
996 | ||
997 | } | |
998 | /*-----------PORTFOLIO WITH PREVIEW -----------*/ | |
999 | ||
1000 | .portfolio-big-img { | |
1001 | margin-bottom: 15px; | |
1002 | width:580px; | |
1003 | min-height:200px; | |
1004 | - | background-image: url(images/ajax-loader-small.gif); |
1004 | + | background-image: url(../images/ajax-loader-small.gif); |
1005 | background-repeat: no-repeat; | |
1006 | background-position: center; | |
1007 | background-color: transparent; | |
1008 | } | |
1009 | ||
1010 | #portfolio-preview { | |
1011 | float: left; | |
1012 | height: auto; | |
1013 | min-height: 200px; | |
1014 | width: 590px; | |
1015 | margin: 40px 10px 40px 40px; | |
1016 | } | |
1017 | ||
1018 | #portfolio-preview h4 { | |
1019 | font-style: normal; | |
1020 | } | |
1021 | ||
1022 | #portfolio-preview h1,#portfolio-preview h1 a { | |
1023 | font-size: 22px; | |
1024 | margin-bottom: 8px; | |
1025 | font-style: normal; | |
1026 | margin-top: 0px; | |
1027 | } | |
1028 | ||
1029 | #portfolio-preview hr{ | |
1030 | margin-bottom:10px; | |
1031 | } | |
1032 | ||
1033 | .portfolio-items { | |
1034 | float: left; | |
1035 | width: 300px; | |
1036 | padding-left: 1px; | |
1037 | } | |
1038 | ||
1039 | .showcase-item { | |
1040 | float: left; | |
1041 | display: block; | |
1042 | width: 297px; | |
1043 | margin-bottom: 8px; | |
1044 | background-color: #efefec; | |
1045 | border: 1px solid #e6e6e6; | |
1046 | } | |
1047 | ||
1048 | .showcase-item:hover { | |
1049 | background-color: #f5f5f2; | |
1050 | } | |
1051 | ||
1052 | .showcase-item h6 { | |
1053 | float: left; | |
1054 | width: 210px; | |
1055 | margin-top: 7px; | |
1056 | text-transform: capitalize; | |
1057 | font-size: 13px; | |
1058 | font-style: normal; | |
1059 | } | |
1060 | ||
1061 | .showcase-item span { | |
1062 | font-family: Georgia, "Times New Roman", Times, serif; | |
1063 | text-transform: uppercase; | |
1064 | font-size: 11px; | |
1065 | } | |
1066 | ||
1067 | .portfolio-items img { | |
1068 | margin: 5px 10px 5px 4px; | |
1069 | width: 50px; | |
1070 | height:46px; | |
1071 | - | background-image: url(images/ajax-loader-small.gif); |
1071 | + | background-image: url(../images/ajax-loader-small.gif); |
1072 | background-repeat: no-repeat; | |
1073 | background-position: center; | |
1074 | } | |
1075 | ||
1076 | .portfolio-sidebar { | |
1077 | height: auto; | |
1078 | min-height: 200px; | |
1079 | float: right; | |
1080 | width: 300px; | |
1081 | margin-top: 40px; | |
1082 | font-size: 15px; | |
1083 | overflow: hidden; | |
1084 | margin-right: 40px; | |
1085 | } | |
1086 | ||
1087 | .portfolio-sidebar h4 { | |
1088 | font-family: Georgia, "Times New Roman", Times, serif; | |
1089 | font-size: 16px; | |
1090 | font-style: normal; | |
1091 | color: #484848; | |
1092 | border-bottom: 1px solid #ebebeb; | |
1093 | margin-bottom: 0px; | |
1094 | padding-bottom: 8px; | |
1095 | text-transform: uppercase; | |
1096 | } | |
1097 | ||
1098 | #portfolio-wrapper { | |
1099 | height: 369px; | |
1100 | } | |
1101 | ||
1102 | #portfolio-big-pagination { | |
1103 | margin-top: 1px; | |
1104 | margin-left: 1px; | |
1105 | margin-bottom:30px; | |
1106 | display: block; | |
1107 | width: 299px; | |
1108 | height: 30px; | |
1109 | float: left; | |
1110 | border-bottom: 1px solid #ebebeb; | |
1111 | border-top: 1px solid #ebebeb; | |
1112 | text-transform: uppercase; | |
1113 | line-height: 26px; | |
1114 | font-family: Georgia, "Times New Roman", Times, serif; | |
1115 | font-size: 14px; | |
1116 | } | |
1117 | ||
1118 | .portfolio-big-arrows { | |
1119 | font-size: 26px; | |
1120 | line-height: 22px; | |
1121 | position: relative; | |
1122 | top: 2px; | |
1123 | } | |
1124 | ||
1125 | #portfolio-big-pagination a { | |
1126 | text-decoration: none; | |
1127 | font-style: normal; | |
1128 | color: #454545; | |
1129 | } | |
1130 | ||
1131 | #portfolio-big-pagination a:hover { | |
1132 | color: #333; | |
1133 | text-decoration: none; | |
1134 | } | |
1135 | ||
1136 | #portfolio-navigation { | |
1137 | margin-top: 17px; | |
1138 | } | |
1139 | ||
1140 | #portfolio-navigation ul { | |
1141 | display: inline; | |
1142 | } | |
1143 | ||
1144 | #portfolio-navigation ul li { | |
1145 | float: left; | |
1146 | width: 135px; | |
1147 | } | |
1148 | ||
1149 | #portfolio-navigation ul li a { | |
1150 | border-bottom: 0px; | |
1151 | width: 135px; | |
1152 | } | |
1153 | ||
1154 | #portfolio-navigation ul li a img { | |
1155 | padding: 7px; | |
1156 | } | |
1157 | ||
1158 | #content-container ul#sidebar-projects, #footer ul#sidebar-projects { | |
1159 | float: left; | |
1160 | width: 288px; | |
1161 | padding-left: 1px; | |
1162 | margin-top: 10px; | |
1163 | } | |
1164 | ||
1165 | #footer ul#sidebar-projects { | |
1166 | margin-top: 5px; | |
1167 | } | |
1168 | ||
1169 | #sidebar-projects img { | |
1170 | margin-bottom: 0px; | |
1171 | margin-right: 0px; | |
1172 | float: left; | |
1173 | } | |
1174 | ||
1175 | #footer #sidebar-projects img { | |
1176 | width:83px; | |
1177 | } | |
1178 | ||
1179 | #sidebar-projects li, #footer #sidebar-projects li{ | |
1180 | border-bottom: 0px; | |
1181 | width: 124px; | |
1182 | float: left; | |
1183 | padding: 0px; | |
1184 | margin: 0px; | |
1185 | margin-bottom: 10px; | |
1186 | margin-right: 15px; | |
1187 | } | |
1188 | ||
1189 | #footer ul#sidebar-projects li { | |
1190 | width:93px; | |
1191 | margin-bottom: 8px; | |
1192 | margin-right: 8px; | |
1193 | } | |
1194 | ||
1195 | /*------------------ GALLERY ---------------------*/ | |
1196 | #gallery { | |
1197 | min-height: 500px; | |
1198 | } | |
1199 | ||
1200 | #gallery img { | |
1201 | margin-right: 0px; | |
1202 | } | |
1203 | ||
1204 | #gallery-categories { | |
1205 | width: 100%; | |
1206 | border-bottom: 1px solid #ebebeb; | |
1207 | border-top: 1px solid #ebebeb; | |
1208 | line-height: 29px; | |
1209 | } | |
1210 | ||
1211 | #gallery-categories h6 { | |
1212 | float: left; | |
1213 | margin-top: 3px; | |
1214 | margin-bottom: 0px; | |
1215 | margin-right: 20px; | |
1216 | margin-left: 3px; | |
1217 | } | |
1218 | ||
1219 | #gallery-categories ul li { | |
1220 | display: inline; | |
1221 | padding-right: 30px; | |
1222 | font-size: 14px; | |
1223 | text-transform: uppercase; | |
1224 | color: #a4a4a4; | |
1225 | position: relative; | |
1226 | top: -1px; | |
1227 | } | |
1228 | ||
1229 | #gallery-categories ul li.selected,#gallery-categories ul li:hover { | |
1230 | color: #6a6a6a; | |
1231 | } | |
1232 | ||
1233 | /* pagination styles */ | |
1234 | #portfolio-pagination { | |
1235 | float: left; | |
1236 | margin-top: 10px; | |
1237 | } | |
1238 | ||
1239 | #portfolio-pagination ul { | |
1240 | margin: 0; | |
1241 | padding: 0; | |
1242 | } | |
1243 | ||
1244 | #portfolio-pagination ul li { | |
1245 | width: 15px; | |
1246 | height: 15px; | |
1247 | - | background-image: url(images/page_nav.png); |
1247 | + | background-image: url(../images/page_nav.png); |
1248 | background-repeat: no-repeat; | |
1249 | float: left; | |
1250 | list-style: none; | |
1251 | margin-left: 3px; | |
1252 | margin-right: 3px; | |
1253 | } | |
1254 | ||
1255 | #portfolio-pagination ul li:hover,#portfolio-pagination ul li.selected { | |
1256 | - | background-image: url(images/page_nav_active_black.png); |
1256 | + | background-image: url(../images/page_nav_active_black.png); |
1257 | } | |
1258 | ||
1259 | /* item styles */ | |
1260 | .portfolio-item { | |
1261 | float: left; | |
1262 | margin-right: 26px; | |
1263 | margin-bottom: 26px; | |
1264 | display: none; | |
1265 | border: 0px solid #eef1f5; | |
1266 | background-repeat: no-repeat; | |
1267 | } | |
1268 | ||
1269 | .portfolio-item a { | |
1270 | display: block; | |
1271 | } | |
1272 | ||
1273 | .portfolio-item img { | |
1274 | display:block; | |
1275 | - | background-image: url(images/ajax-loader-small.gif); |
1275 | + | background-image: url(../images/ajax-loader-small.gif); |
1276 | background-repeat: no-repeat; | |
1277 | background-position: center; | |
1278 | background-color: transparent; | |
1279 | } | |
1280 | ||
1281 | .page-wrapper { | |
1282 | float: left; | |
1283 | } | |
1284 | ||
1285 | /* category filter styles */ | |
1286 | #portfolio-categories { | |
1287 | width: 100%; | |
1288 | border-bottom: 1px solid #ebebeb; | |
1289 | border-top: 1px solid #ebebeb; | |
1290 | line-height: 32px; | |
1291 | float: left; | |
1292 | margin-bottom: 40px; | |
1293 | font-family:Georgia,"Times New Roman",Times,serif; | |
1294 | } | |
1295 | ||
1296 | #portfolio-categories h6 { | |
1297 | float: left; | |
1298 | margin-top: 3px; | |
1299 | margin-bottom: 0px; | |
1300 | margin-right: 20px; | |
1301 | margin-left: 3px; | |
1302 | font-style:italic; | |
1303 | } | |
1304 | ||
1305 | #portfolio-categories_left { | |
1306 | display: none; | |
1307 | } | |
1308 | ||
1309 | #portfolio-categories_right { | |
1310 | display: none; | |
1311 | } | |
1312 | ||
1313 | #portfolio-categories ul li { | |
1314 | display: inline; | |
1315 | padding-right: 30px; | |
1316 | font-size: 12px; | |
1317 | text-transform: uppercase; | |
1318 | color: #a4a4a4; | |
1319 | position: relative; | |
1320 | top: -1px; | |
1321 | float: left; | |
1322 | letter-spacing: 1px; | |
1323 | } | |
1324 | ||
1325 | #portfolio-categories ul li.selected { | |
1326 | color: #000; | |
1327 | } | |
1328 | ||
1329 | #portfolio-categories ul li:hover a { | |
1330 | text-decoration: none; | |
1331 | font-style: normal; | |
1332 | } | |
1333 | ||
1334 | .port_cat_l { | |
1335 | display: none; | |
1336 | } | |
1337 | ||
1338 | .port_cat_r { | |
1339 | display: none; | |
1340 | } | |
1341 | ||
1342 | .port_cat_active { | |
1343 | display: inline; | |
1344 | float: left; | |
1345 | } | |
1346 | ||
1347 | .loading { | |
1348 | width: 54px; | |
1349 | height: 55px; | |
1350 | - | background-image: url(images/ajax-loader.gif); |
1350 | + | background-image: url(../images/ajax-loader.gif); |
1351 | background-repeat: no-repeat; | |
1352 | margin-left: auto; | |
1353 | margin-right: auto; | |
1354 | position:relative; | |
1355 | top: 160px; | |
1356 | } | |
1357 | ||
1358 | .item-wrapper { | |
1359 | float: left; | |
1360 | } | |
1361 | ||
1362 | .item-desc { | |
1363 | width: 300px; | |
1364 | margin-top: 15px; | |
1365 | } | |
1366 | ||
1367 | .item-desc h4 { | |
1368 | margin-bottom: 0px; | |
1369 | } | |
1370 | ||
1371 | .item-desc p { | |
1372 | margin-top: 10px; | |
1373 | margin-bottom: 5px; | |
1374 | } | |
1375 | ||
1376 | ||
1377 | /*-------------------------END CONTENT----------------------------*/ | |
1378 | #footer-container { | |
1379 | background-color: #efefec; | |
1380 | width: 100%; | |
1381 | height: auto; | |
1382 | display: block; | |
1383 | float: left; | |
1384 | border-top: 1px solid #e6e6e6; | |
1385 | } | |
1386 | ||
1387 | #footer { | |
1388 | margin: 40px; | |
1389 | color: #9e9e9d; | |
1390 | font-size: 14px; | |
1391 | height: auto; | |
1392 | float: left; | |
1393 | font-family: Georgia, "Times New Roman", Times, serif; | |
1394 | font-style: italic; | |
1395 | line-height: 1.5em; | |
1396 | margin-bottom:10px; | |
1397 | } | |
1398 | ||
1399 | #footer .columns-wrapper{ | |
1400 | margin-bottom:0px; | |
1401 | } | |
1402 | ||
1403 | #footer h4 { | |
1404 | color: #575757; | |
1405 | font-family: Verdana, Geneva, sans-serif; | |
1406 | font-weight: bold; | |
1407 | font-size: 12px; | |
1408 | font-style: normal; | |
1409 | text-transform: uppercase; | |
1410 | margin-top: 0px; | |
1411 | border-width:0px; | |
1412 | } | |
1413 | ||
1414 | #footer ul { | |
1415 | text-decoration: none; | |
1416 | list-style: none; | |
1417 | margin-left:0px; | |
1418 | margin-top:-7px; | |
1419 | } | |
1420 | ||
1421 | #footer ul li a { | |
1422 | display: block; | |
1423 | width: 202px; | |
1424 | color: #848484; | |
1425 | } | |
1426 | ||
1427 | #footer ul li{ | |
1428 | border-bottom: 1px solid #dadada; | |
1429 | padding-top: 7px; | |
1430 | padding-bottom: 7px; | |
1431 | } | |
1432 | ||
1433 | #footer ul li a:hover { | |
1434 | text-decoration: none; | |
1435 | color: #999; | |
1436 | } | |
1437 | ||
1438 | #footer hr { | |
1439 | border-color: #e6e6e6; | |
1440 | } | |
1441 | ||
1442 | #footer-icons { | |
1443 | width: 195px; | |
1444 | height: 50px; | |
1445 | } | |
1446 | ||
1447 | #footer-icons ul { | |
1448 | display: inline; | |
1449 | height: 50px; | |
1450 | width: 206px; | |
1451 | } | |
1452 | ||
1453 | #footer-icons li { | |
1454 | display: inline; | |
1455 | list-style: none; | |
1456 | float: left; | |
1457 | } | |
1458 | ||
1459 | #footer-icons li { | |
1460 | width: 32px; | |
1461 | border-bottom: 0px; | |
1462 | padding-right: 7px; | |
1463 | } | |
1464 | ||
1465 | #footer #footer-icons ul li a { | |
1466 | border-bottom: 0px; | |
1467 | } | |
1468 | ||
1469 | #footer-icons a img { | |
1470 | opacity: 0.9; | |
1471 | filter: alpha(opacity = 90); | |
1472 | } | |
1473 | ||
1474 | #footer-icons a img:hover { | |
1475 | opacity: 1; | |
1476 | filter: alpha(opacity = 100); | |
1477 | } | |
1478 | ||
1479 | #footer p { | |
1480 | margin-top: 10px; | |
1481 | } | |
1482 | ||
1483 | #footer-projcets { | |
1484 | margin-top: 10px; | |
1485 | } | |
1486 | ||
1487 | #footer-projcets ul { | |
1488 | display: inline; | |
1489 | } | |
1490 | ||
1491 | #footer-projcets ul li { | |
1492 | float: left; | |
1493 | } | |
1494 | ||
1495 | #footer-projcets ul li a { | |
1496 | width: 80px; | |
1497 | height: 80px; | |
1498 | background-color: #fff; | |
1499 | margin: 3px; | |
1500 | padding: 4px; | |
1501 | border: 1px solid #dadada; | |
1502 | } | |
1503 | ||
1504 | #footer-projcets ul li a:hover { | |
1505 | background-color: #dbdbdb; | |
1506 | border: 1px solid #cacaca; | |
1507 | } | |
1508 | ||
1509 | .footer-widget { | |
1510 | margin-bottom: 30px; | |
1511 | } | |
1512 | ||
1513 | #copyrights { | |
1514 | width: 100%; | |
1515 | height: 62px; | |
1516 | float: left; | |
1517 | background-color: #363636; | |
1518 | } | |
1519 | ||
1520 | #copyrights h5 { | |
1521 | font-size: 13px; | |
1522 | font-family: Georgia, "Times New Roman", Times, serif; | |
1523 | font-style: italic; | |
1524 | margin-top: 21px; | |
1525 | color: #a3a3a3; | |
1526 | margin-left: 40px; | |
1527 | } | |
1528 | ||
1529 | #copyrights a { | |
1530 | color: #e0e0e0; | |
1531 | } | |
1532 | ||
1533 | /*-------------------------SIDEBAR----------------------------*/ | |
1534 | .sidebar { | |
1535 | height: auto; | |
1536 | min-height: 200px; | |
1537 | float: right; | |
1538 | width: 270px; | |
1539 | margin-top: 36px; | |
1540 | margin-bottom:30px; | |
1541 | margin-right: 40px; | |
1542 | } | |
1543 | ||
1544 | .sidebar a { | |
1545 | font-style: normal; | |
1546 | } | |
1547 | ||
1548 | .sidebar-box { | |
1549 | margin-bottom: 25px; | |
1550 | height:auto; | |
1551 | overflow:hidden; | |
1552 | } | |
1553 | ||
1554 | .sidebar-box ul { | |
1555 | text-decoration: none; | |
1556 | list-style: none; | |
1557 | margin-left:0px; | |
1558 | margin-top:-10px; | |
1559 | } | |
1560 | ||
1561 | .sidebar-box ul li a { | |
1562 | display: block; | |
1563 | width: 258px; | |
1564 | color: #6a6a6a; | |
1565 | text-decoration: none; | |
1566 | font-size: 13px; | |
1567 | } | |
1568 | ||
1569 | .sidebar-box ul li{ | |
1570 | padding: 6px; | |
1571 | border-bottom: 1px solid #ebebeb; | |
1572 | } | |
1573 | ||
1574 | ||
1575 | .sidebar-box ul li a:hover { | |
1576 | color: #373737; | |
1577 | } | |
1578 | ||
1579 | .sidebar-box h4 { | |
1580 | font-family: Georgia, "Times New Roman", Times, serif; | |
1581 | font-size: 16px; | |
1582 | font-style: normal; | |
1583 | color: #484848; | |
1584 | border-bottom: 1px solid #ebebeb; | |
1585 | margin-bottom: 10px; | |
1586 | padding-bottom: 9px; | |
1587 | text-transform: uppercase; | |
1588 | } | |
1589 | ||
1590 | .sidebar-box input[type='text'] { | |
1591 | width: 260px; | |
1592 | margin-bottom: 10px; | |
1593 | height: 29px; | |
1594 | } | |
1595 | ||
1596 | ||
1597 | /*-------------------------END SIDEBAR----------------------------*/ | |
1598 | /* --------------------- BUTONS --------------------- */ | |
1599 | a.button,a.button { | |
1600 | - | background: transparent url(images/buttons_dark_a.png) no-repeat scroll |
1600 | + | background: transparent url(../images/buttons_dark_a.png) no-repeat scroll |
1601 | top right; | |
1602 | display: inline-block; | |
1603 | height: 35px; | |
1604 | margin-top: 0; | |
1605 | padding-right: 5px; | |
1606 | /* the same value as the width of buttons_a.gif */ | |
1607 | text-decoration: none; | |
1608 | color: #fff; | |
1609 | font-style:normal; | |
1610 | } | |
1611 | ||
1612 | a.button span,a.button span { | |
1613 | - | background: transparent url(images/buttons_dark_span.png) no-repeat top |
1613 | + | background: transparent url(../images/buttons_dark_span.png) no-repeat top |
1614 | left; | |
1615 | display: block; | |
1616 | line-height: 21px; | |
1617 | padding: 7px 12px 7px 16px; | |
1618 | font-family:Georgia, "Times New Roman", Times, serif; | |
1619 | letter-spacing:1px; | |
1620 | text-transform:uppercase; | |
1621 | font-size: 12px; | |
1622 | letter-spacing:1px; | |
1623 | } | |
1624 | ||
1625 | a.button:hover,a.button:hover { | |
1626 | color: #fff; | |
1627 | background-position: bottom right; | |
1628 | cursor: pointer; | |
1629 | text-decoration: none; | |
1630 | } | |
1631 | ||
1632 | a.button:hover span,a.button:hover span { | |
1633 | background-position: bottom left; | |
1634 | cursor: pointer; | |
1635 | } | |
1636 | ||
1637 | a.button-small,a.button-small { | |
1638 | - | background: transparent url(images/buttons_small_a.gif) no-repeat scroll |
1638 | + | background: transparent url(../images/buttons_small_a.gif) no-repeat scroll |
1639 | top right; | |
1640 | display: inline-block; | |
1641 | height: 35px; | |
1642 | margin-right: 6px; | |
1643 | margin-top: 0; | |
1644 | padding-right: 5px; | |
1645 | /* the same value as the width of buttons_a.gif */ | |
1646 | text-decoration: none; | |
1647 | color: #8e8e8e; | |
1648 | font-style:normal; | |
1649 | } | |
1650 | ||
1651 | a.button-small span,a.button-small span { | |
1652 | - | background: transparent url(images/buttons_small_span.gif) no-repeat top |
1652 | + | background: transparent url(../images/buttons_small_span.gif) no-repeat top |
1653 | left; | |
1654 | display: block; | |
1655 | line-height: 21px; | |
1656 | padding: 7px 12px 7px 16px; | |
1657 | font-family:Georgia, "Times New Roman", Times, serif; | |
1658 | letter-spacing:1px; | |
1659 | text-transform:uppercase; | |
1660 | font-size: 12px; | |
1661 | word-spacing: 4px; | |
1662 | } | |
1663 | ||
1664 | a.button-small:hover,a.button-small:hover { | |
1665 | color: #fff; | |
1666 | background-position: bottom right; | |
1667 | cursor: pointer; | |
1668 | text-decoration: none; | |
1669 | } | |
1670 | ||
1671 | a.button-small:hover span,a.button-small:hover span { | |
1672 | color: #8e8e8e; | |
1673 | background-position: bottom left; | |
1674 | cursor: pointer; | |
1675 | } | |
1676 | ||
1677 | ||
1678 | /*------------- CONTACT PAGE --------------*/ | |
1679 | input { | |
1680 | width: 300px; | |
1681 | height: 24px; | |
1682 | border: 1px solid #ccc; | |
1683 | background-color: #fff; | |
1684 | padding-top: 2px; | |
1685 | padding-bottom: 2px; | |
1686 | padding-left: 5px; | |
1687 | -moz-border-radius: 3px; | |
1688 | -webkit-border-radius: 3px; | |
1689 | border-radius: 3px; | |
1690 | } | |
1691 | ||
1692 | textarea { | |
1693 | width: 300px; | |
1694 | height: 150px; | |
1695 | padding-top: 0px; | |
1696 | font-family: Arial; | |
1697 | font-size: 13px; | |
1698 | padding-top: 8px; | |
1699 | padding-bottom: 8px; | |
1700 | border: 1px solid #ccc; | |
1701 | padding-left: 5px; | |
1702 | -moz-border-radius: 3px; | |
1703 | -webkit-border-radius: 3px; | |
1704 | border-radius: 3px; | |
1705 | } | |
1706 | ||
1707 | #submit_form { | |
1708 | margin-top: 25px; | |
1709 | } | |
1710 | ||
1711 | form h6 { | |
1712 | margin-bottom: 3px; | |
1713 | } | |
1714 | ||
1715 | .contact_message { | |
1716 | z-index: 1000000; | |
1717 | } | |
1718 | ||
1719 | .check { | |
1720 | width: 24px; | |
1721 | height: 24px; | |
1722 | - | background-image: url(images/ok.png); |
1722 | + | background-image: url(../images/ok.png); |
1723 | background-repeat: no-repeat; | |
1724 | } | |
1725 | ||
1726 | .contact_loader { | |
1727 | width: 32px; | |
1728 | height: 32px; | |
1729 | - | background-image: url(images/contact-loader.gif); |
1729 | + | background-image: url(../images/contact-loader.gif); |
1730 | background-repeat: no-repeat; | |
1731 | } | |
1732 | ||
1733 | #contact_status { | |
1734 | margin-top: 30px; | |
1735 | } | |
1736 | ||
1737 | .invalid { | |
1738 | border: 1px solid #ff6666; | |
1739 | } | |
1740 | ||
1741 | #invalid_input { | |
1742 | display: none; | |
1743 | } | |
1744 | ||
1745 | #sent_successful { | |
1746 | display: none; | |
1747 | } | |
1748 | ||
1749 | .question_icon { | |
1750 | width: 14px; | |
1751 | height: 13px; | |
1752 | - | background-image: url(images/question_icon.png); |
1752 | + | background-image: url(../images/question_icon.png); |
1753 | background-repeat: no-repeat; | |
1754 | position: absolute; | |
1755 | top: 35px; | |
1756 | right: -40px; | |
1757 | z-index: 2; | |
1758 | } | |
1759 | ||
1760 | .contact_form_textarea .question_icon { | |
1761 | top: 40px; | |
1762 | } | |
1763 | ||
1764 | .contact_form_input,.contact_form_textarea { | |
1765 | position: relative; | |
1766 | width: 290px; | |
1767 | } | |
1768 | ||
1769 | .contact_message { | |
1770 | background-color: #fff; | |
1771 | border: 1px solid #ccc; | |
1772 | -moz-border-radius: 4px; | |
1773 | -webkit-border-radius: 4px; | |
1774 | border-radius: 4px; | |
1775 | width: 100px; | |
1776 | position: absolute; | |
1777 | top: 37px; | |
1778 | right: 15px; | |
1779 | z-index: 1; | |
1780 | margin-bottom: 0px; | |
1781 | font-size: 11px; | |
1782 | padding-left: 5px; | |
1783 | padding-right: 5px; | |
1784 | z-index: 3000; | |
1785 | } | |
1786 | ||
1787 | .contact_form_textarea .contact_message { | |
1788 | top: 57px; | |
1789 | } | |
1790 | ||
1791 | .contact_message p { | |
1792 | margin-top: 5px; | |
1793 | margin-bottom: 5px; | |
1794 | } | |
1795 | ||
1796 | #contact_status div { | |
1797 | float: left; | |
1798 | } | |
1799 | ||
1800 | #contact_status span { | |
1801 | float: left; | |
1802 | margin-left: 10px; | |
1803 | margin-top: 3px; | |
1804 | } | |
1805 | ||
1806 | #slider-container { | |
1807 | overflow: hidden; | |
1808 | } | |
1809 | ||
1810 | #map-canvas { | |
1811 | width: 268px; | |
1812 | height: 268px; | |
1813 | background-color: #fff; | |
1814 | -moz-box-shadow: 0px 0px 6px #c6c6c6; | |
1815 | -webkit-box-shadow: 0px 0px 6px #c6c6c6; | |
1816 | box-shadow: 0px 0px 6px #c6c6c6; | |
1817 | border: 1px solid #CCC; | |
1818 | margin-top: 25px; | |
1819 | } | |
1820 | ||
1821 | ||
1822 | /*----------------------- COMMENTS ---------------------------*/ | |
1823 | .commentContainer { | |
1824 | border: #ebebeb 1px solid; | |
1825 | margin-top: 20px; | |
1826 | background-color: #fafafa; | |
1827 | padding: 0px; | |
1828 | font-size: 12px; | |
1829 | -moz-border-radius: 2px; | |
1830 | -webkit-border-radius: 2px; | |
1831 | border-radius: 2px; | |
1832 | } | |
1833 | ||
1834 | #commentContentContainer ul.children .commentContainer { | |
1835 | margin-top: 20px; | |
1836 | padding: 0px; | |
1837 | margin-left: 20px; | |
1838 | } | |
1839 | ||
1840 | #commentContentContainer ul.children li { | |
1841 | border-left: 1px solid #ccc; | |
1842 | margin-top: -1px; | |
1843 | padding-top: 1px; | |
1844 | margin-left: 10px; | |
1845 | padding-bottom: 20px; | |
1846 | margin-bottom: -20px; | |
1847 | - | background-image: url(images/comment-reply-bg.jpg); |
1847 | + | background-image: url(../images/comment-reply-bg.jpg); |
1848 | background-repeat: repeat-x; | |
1849 | background-position: center; | |
1850 | } | |
1851 | ||
1852 | #content-container ul.commentlist,#content-container ul.commentlist ul { | |
1853 | margin-left: 0px; | |
1854 | list-style: none; | |
1855 | padding-left: 0px; | |
1856 | } | |
1857 | ||
1858 | .comentBox { | |
1859 | padding: 20px; | |
1860 | min-height: 108px; | |
1861 | position: relative; | |
1862 | } | |
1863 | ||
1864 | #commentContentContainer ul.children .comentBox { | |
1865 | padding: 20px; | |
1866 | position: relative; | |
1867 | } | |
1868 | ||
1869 | .comentBox p { | |
1870 | margin-top: -10px; | |
1871 | } | |
1872 | ||
1873 | .comentBox img { | |
1874 | margin-right: 20px; | |
1875 | margin-bottom: 10px; | |
1876 | margin-top: 0px; | |
1877 | padding: 4px; | |
1878 | background-color: #FFFFFF; | |
1879 | border: 1px solid #e6e6e6; | |
1880 | } | |
1881 | ||
1882 | .commentAutor { | |
1883 | float: left; | |
1884 | } | |
1885 | ||
1886 | .commentDate { | |
1887 | position: absolute; | |
1888 | bottom: 10px; | |
1889 | right: 20px; | |
1890 | color: #999999; | |
1891 | margin-top: 10px; | |
1892 | font-family: Georgia, "Times New Roman", Times, serif; | |
1893 | font-style: italic; | |
1894 | } | |
1895 | ||
1896 | ul.children .commentDate { | |
1897 | right: 10px; | |
1898 | } | |
1899 | ||
1900 | .commentNavigation { | |
1901 | width: 100%; | |
1902 | float: left; | |
1903 | height: 30px; | |
1904 | position: relative; | |
1905 | margin-top: 20px; | |
1906 | } | |
1907 | ||
1908 | .commentInput { | |
1909 | padding-top: 4px; | |
1910 | height: 20px; | |
1911 | width: 250px; | |
1912 | margin-bottom: 5px; | |
1913 | } | |
1914 | ||
1915 | .commentTextArea { | |
1916 | width: 350px; | |
1917 | margin-bottom: 15px; | |
1918 | } | |
1919 | ||
1920 | .commentText { | |
1921 | margin-top: 10px; | |
1922 | } | |
1923 | ||
1924 | .reply_icon { | |
1925 | width: 22px; | |
1926 | height: 22px; | |
1927 | - | background-image: url(images/reply.png); |
1927 | + | background-image: url(../images/reply.png); |
1928 | background-repeat: no-repeat; | |
1929 | float: left; | |
1930 | margin-right: 9px; | |
1931 | margin-top: -2px; | |
1932 | } | |
1933 | ||
1934 | .reply { | |
1935 | float: left; | |
1936 | } | |
1937 | ||
1938 | #commentform { | |
1939 | margin-top: 25px; | |
1940 | } | |
1941 | ||
1942 | /*----------------------- END COMMENTS ---------------------------*/ | |
1943 | ||
1944 | /*----------- ELEMENTS -----------*/ | |
1945 | code { | |
1946 | border: 1px dashed #d3d3d3; | |
1947 | font: normal 13px; | |
1948 | padding: 2px; | |
1949 | padding-left: 7px; | |
1950 | padding-right: 7px; | |
1951 | } | |
1952 | ||
1953 | .hihglight1 { | |
1954 | background-color: #E6E8E8; | |
1955 | border: 1px solid #CCC; | |
1956 | padding: 2px; | |
1957 | color: #000000; | |
1958 | padding-left: 5px; | |
1959 | padding-right: 5px; | |
1960 | font-style: italic; | |
1961 | } | |
1962 | ||
1963 | .hihglight2 { | |
1964 | background-color: #666; | |
1965 | border: 1px solid #333; | |
1966 | padding: 2px; | |
1967 | color: #FFF; | |
1968 | padding-left: 5px; | |
1969 | padding-right: 5px; | |
1970 | font-style: italic; | |
1971 | } | |
1972 | ||
1973 | blockquote { | |
1974 | margin: 20px; | |
1975 | border-left: 5px solid #d0d4d8; | |
1976 | padding-left: 25px; | |
1977 | font-family: Georgia, "Times New Roman", Times, serif; | |
1978 | font-size: 16px; | |
1979 | font-style: italic; | |
1980 | line-height: 1.5em; | |
1981 | - | background: transparent url(images/quote.png) no-repeat scroll top left; |
1981 | + | background: transparent url(../images/quote.png) no-repeat scroll top left; |
1982 | background-position: top left; | |
1983 | } | |
1984 | ||
1985 | .info_box,.note_box,.tip_box,.error_box,tip_box { | |
1986 | padding: 20px; | |
1987 | margin: 20px 0px; | |
1988 | -moz-border-radius: 7px; | |
1989 | -webkit-border-radius: 7px; | |
1990 | -khtml-border-radius: 10px; | |
1991 | border-radius: 7px; | |
1992 | padding-left: 55px; | |
1993 | background: #eee; | |
1994 | font-style: italic; | |
1995 | font-family: Georgia, "Times New Roman", Times, serif; | |
1996 | font-size: 14px; | |
1997 | } | |
1998 | ||
1999 | .info_box { | |
2000 | - | background: #ddf3fc url(images/icons/info.png) no-repeat scroll 10px |
2000 | + | background: #ddf3fc url(../images/icons/info.png) no-repeat scroll 10px |
2001 | 14px; | |
2002 | border: 1px solid #8ed9f6; | |
2003 | color: #2e6093; | |
2004 | } | |
2005 | ||
2006 | .note_box { | |
2007 | - | background: #fffadb url(images/icons/note.png) no-repeat scroll 10px |
2007 | + | background: #fffadb url(../images/icons/note.png) no-repeat scroll 10px |
2008 | 15px; | |
2009 | border: 1px solid #f5d145; | |
2010 | color: #9e660d; | |
2011 | } | |
2012 | ||
2013 | .error_box { | |
2014 | - | background: #ffdede url(images/icons/error.png) no-repeat scroll 10px |
2014 | + | background: #ffdede url(../images/icons/error.png) no-repeat scroll 10px |
2015 | 15px; | |
2016 | border: 1px solid #d97676; | |
2017 | color: #cd0a0a; | |
2018 | } | |
2019 | ||
2020 | .tip_box { | |
2021 | - | background: #eff7d9 url(images/icons/tip.png) no-repeat scroll 10px 15px |
2021 | + | background: #eff7d9 url(../images/icons/tip.png) no-repeat scroll 10px 15px |
2022 | ; | |
2023 | border: 1px solid #b7db58; | |
2024 | color: #5d791b; | |
2025 | } | |
2026 | ||
2027 | table { | |
2028 | border: 1px solid #D8D8D8; | |
2029 | border-collapse: collapse; | |
2030 | margin-bottom: 20px; | |
2031 | margin-top: 20px; | |
2032 | } | |
2033 | ||
2034 | table th { | |
2035 | font-family: Georgia, "Times New Roman", Times, serif; | |
2036 | padding: 5px; | |
2037 | padding-left: 13px; | |
2038 | padding-right: 13px; | |
2039 | background-color: #f1f2f4; | |
2040 | border-right: 1px solid #D8D8D8; | |
2041 | font-size: 14px; | |
2042 | } | |
2043 | ||
2044 | table td { | |
2045 | border: 1px solid #D8D8D8; | |
2046 | padding: 5px; | |
2047 | padding-left:13px; | |
2048 | } | |
2049 | ||
2050 | table td:hover { | |
2051 | background-color: #f1f2f4; | |
2052 | } | |
2053 | ||
2054 | #calendar_wrap table td { | |
2055 | text-align: center; | |
2056 | padding-left:3px; | |
2057 | } | |
2058 | ||
2059 | table#wp-calendar{ | |
2060 | margin-bottom:0px; | |
2061 | } | |
2062 | ||
2063 | #calendar_wrap table td#prev{ | |
2064 | text-align: left; | |
2065 | } | |
2066 | ||
2067 | caption { | |
2068 | margin-bottom: 5px; | |
2069 | } | |
2070 | ||
2071 | .drop-caps { | |
2072 | font-family: Georgia, "Times New Roman", Times, serif; | |
2073 | font-size: 300%; | |
2074 | line-height: 0.8em; | |
2075 | margin-right: 0.1em; | |
2076 | padding-bottom: 0.1em; | |
2077 | text-transform: uppercase; | |
2078 | float: left; | |
2079 | position: relative; | |
2080 | top: 4px; | |
2081 | } | |
2082 | ||
2083 | /* --------------------- BULLETS --------------------- */ | |
2084 | ul.bullet_check li, div.bullet_check li { | |
2085 | list-style: none; | |
2086 | - | background: transparent url(images/check.png) no-repeat 0 .2em; |
2086 | + | background: transparent url(../images/check.png) no-repeat 0 .2em; |
2087 | padding: 0px; | |
2088 | margin: 7px; | |
2089 | line-height: 18px; | |
2090 | padding-left: 25px; | |
2091 | } | |
2092 | ||
2093 | ul.bullet_arrow li, div.bullet_arrow li { | |
2094 | list-style: none; | |
2095 | - | background: transparent url(images/arrow.png) no-repeat 0 .2em; |
2095 | + | background: transparent url(../images/arrow.png) no-repeat 0 .2em; |
2096 | padding: 0px; | |
2097 | margin: 7px; | |
2098 | line-height: 18px; | |
2099 | padding-left: 25px; | |
2100 | } | |
2101 | ||
2102 | ul.bullet_arrow2 li, div.bullet_arrow2 li { | |
2103 | list-style: none; | |
2104 | - | background: transparent url(images/arrow2.png) no-repeat 0 .2em; |
2104 | + | background: transparent url(../images/arrow2.png) no-repeat 0 .2em; |
2105 | padding: 0px; | |
2106 | margin: 7px; | |
2107 | line-height: 18px; | |
2108 | padding-left: 25px; | |
2109 | } | |
2110 | ||
2111 | ul.bullet_arrow3 li, div.bullet_arrow3 li { | |
2112 | list-style: none; | |
2113 | - | background: transparent url(images/arrow3.png) no-repeat 0 .2em; |
2113 | + | background: transparent url(../images/arrow3.png) no-repeat 0 .2em; |
2114 | padding: 0px; | |
2115 | margin: 7px; | |
2116 | line-height: 18px; | |
2117 | padding-left: 25px; | |
2118 | } | |
2119 | ||
2120 | ul.bullet_arrow4 li, div.bullet_arrow4 li { | |
2121 | list-style: none; | |
2122 | - | background: transparent url(images/arrow4.png) no-repeat 0 .2em; |
2122 | + | background: transparent url(../images/arrow4.png) no-repeat 0 .2em; |
2123 | padding: 0px; | |
2124 | margin: 7px; | |
2125 | line-height: 18px; | |
2126 | padding-left: 25px; | |
2127 | } | |
2128 | ||
2129 | ul.bullet_numeric li, div.bullet_numeric li { | |
2130 | list-style: none; | |
2131 | list-style: decimal; | |
2132 | padding-left: 20px; | |
2133 | } | |
2134 | ||
2135 | ul.bullet_star li, div.bullet_star li { | |
2136 | list-style: none; | |
2137 | - | background: transparent url(images/star.png) no-repeat 0 .2em; |
2137 | + | background: transparent url(../images/star.png) no-repeat 0 .2em; |
2138 | padding: 0px; | |
2139 | margin: 7px; | |
2140 | line-height: 18px; | |
2141 | padding-left: 25px; | |
2142 | } | |
2143 | ||
2144 | ul.bullet_plus li, div.bullet_plus li { | |
2145 | list-style: none; | |
2146 | - | background: transparent url(images/plus.png) no-repeat 0 .2em; |
2146 | + | background: transparent url(../images/plus.png) no-repeat 0 .2em; |
2147 | padding: 0px; | |
2148 | margin: 7px; | |
2149 | line-height: 18px; | |
2150 | padding-left: 25px; | |
2151 | } | |
2152 | ||
2153 | /*----- TESTIMONIALS -----*/ | |
2154 | ||
2155 | #testimonials { | |
2156 | height: auto; | |
2157 | overflow: hidden; | |
2158 | padding: 10px 0 5px 2px; | |
2159 | width: 580px; | |
2160 | } | |
2161 | ||
2162 | #testimonials img { | |
2163 | float: left; | |
2164 | margin-right: 10px; | |
2165 | margin-bottom: 5px; | |
2166 | cursor: pointer; | |
2167 | opacity: 0.7; | |
2168 | filter: alpha(opacity = 70); | |
2169 | padding: 5px; | |
2170 | } | |
2171 | ||
2172 | #testimonials img.current { | |
2173 | cursor: default; | |
2174 | opacity: 1; | |
2175 | filter: alpha(opacity = 100); | |
2176 | } | |
2177 | ||
2178 | #testimonials div { | |
2179 | width: 0px; | |
2180 | float: left; | |
2181 | display: none; | |
2182 | margin-right: 10px; | |
2183 | } | |
2184 | ||
2185 | #testimonials div.first { | |
2186 | width: 245px; | |
2187 | display: block; | |
2188 | } | |
2189 | ||
2190 | #testimonials div h3 { | |
2191 | color: #444; | |
2192 | margin: 0 0 -10px 0; | |
2193 | width: 240px; | |
2194 | font-size: 15px; | |
2195 | } | |
2196 | ||
2197 | #testimonials div p { | |
2198 | font-size: 12px; | |
2199 | width: 240px; | |
2200 | line-height: 1.8em; | |
2201 | margin-top: 13px; | |
2202 | margin-bottom: 0px; | |
2203 | } | |
2204 | ||
2205 | /*------------------ TABS------------------*/ | |
2206 | .tabs-container { | |
2207 | min-height: 200px; | |
2208 | } | |
2209 | ||
2210 | /* root element for tabs */ | |
2211 | .tabs { | |
2212 | list-style: none; | |
2213 | margin: 0 !important; | |
2214 | padding: 0; | |
2215 | height: 45px; | |
2216 | border-bottom: 1px solid #cdcdcd; | |
2217 | } | |
2218 | ||
2219 | /* single tab */ | |
2220 | .tabs li { | |
2221 | float: left; | |
2222 | text-indent: 0; | |
2223 | padding: 0; | |
2224 | margin: 0 !important; | |
2225 | list-style-image: none !important; | |
2226 | } | |
2227 | ||
2228 | /* link inside the tab. uses a background image */ | |
2229 | .tabs a { | |
2230 | - | background: url(images/tabs.png) no-repeat 0 0 transparent; |
2230 | + | background: url(../images/tabs.png) no-repeat 0 0 transparent; |
2231 | font-size: 14px; | |
2232 | display: block; | |
2233 | height: 45px; | |
2234 | line-height: 45px; | |
2235 | width: 111px; | |
2236 | text-align: center; | |
2237 | text-decoration: none; | |
2238 | color: #6a6a6a; | |
2239 | padding: 0px; | |
2240 | margin: 0px; | |
2241 | position: relative; | |
2242 | top: 1px; | |
2243 | font-family:Georgia, "Times New Roman", Times, serif; | |
2244 | text-transform:uppercase; | |
2245 | letter-spacing:1px; | |
2246 | } | |
2247 | ||
2248 | .tabs a:active { | |
2249 | outline: none; | |
2250 | } | |
2251 | ||
2252 | /* when mouse enters the tab move the background image */ | |
2253 | .tabs a:hover { | |
2254 | background-position: 0 -46px; | |
2255 | color: #454545; | |
2256 | } | |
2257 | ||
2258 | /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ | |
2259 | .tabs .current,.tabs .current:hover,.tabs li.current a { | |
2260 | background-position: 0 -92px; | |
2261 | cursor: default !important; | |
2262 | color: #000 !important; | |
2263 | } | |
2264 | ||
2265 | /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ | |
2266 | /* width 1 */ | |
2267 | .tabs .w1 { | |
2268 | background-position: -519px 0; | |
2269 | width: 134px; | |
2270 | } | |
2271 | ||
2272 | .tabs .w1:hover { | |
2273 | background-position: -519px -46px; | |
2274 | } | |
2275 | ||
2276 | .tabs .w1.current { | |
2277 | background-position: -519px -92px; | |
2278 | } | |
2279 | ||
2280 | /* width 2 */ | |
2281 | .tabs .w2 { | |
2282 | background-position: -366px -0px; | |
2283 | width: 154px; | |
2284 | } | |
2285 | ||
2286 | .tabs .w2:hover { | |
2287 | background-position: -366px -46px; | |
2288 | } | |
2289 | ||
2290 | .tabs .w2.current { | |
2291 | background-position: -366px -92px; | |
2292 | } | |
2293 | ||
2294 | /* width 3 */ | |
2295 | .tabs .w3 a { | |
2296 | background-position: -247px -0px; | |
2297 | width: 174px; | |
2298 | } | |
2299 | ||
2300 | .tabs .w3:hover a { | |
2301 | background-position: -247px -46px; | |
2302 | } | |
2303 | ||
2304 | .tabs .w3 a.current { | |
2305 | background-position: -247px -92px; | |
2306 | } | |
2307 | ||
2308 | /* width 4 */ | |
2309 | .tabs .w4 { | |
2310 | background-position: -0px -0px; | |
2311 | width: 194px; | |
2312 | } | |
2313 | ||
2314 | .tabs .w4:hover { | |
2315 | background-position: -0px -46px; | |
2316 | } | |
2317 | ||
2318 | .tabs .w4.current { | |
2319 | background-position: -0px -92px; | |
2320 | } | |
2321 | ||
2322 | /* initially all panes are hidden */ | |
2323 | .panes .pane { | |
2324 | display: none; | |
2325 | } | |
2326 | ||
2327 | .panes { | |
2328 | padding: 15px; | |
2329 | border: 1px solid #CCC; | |
2330 | border-top: 0px; | |
2331 | } | |
2332 | ||
2333 | /*------------------- ACCORDION ------------------------*/ | |
2334 | .accordion-container { | |
2335 | min-height: 250px; | |
2336 | } | |
2337 | ||
2338 | #accordion { | |
2339 | background:#f9f9f9; | |
2340 | border:1px solid #e2e2e2; | |
2341 | } | |
2342 | ||
2343 | /* accordion header */ | |
2344 | #accordion h2 { | |
2345 | background:#EFEFEC; | |
2346 | margin:0; | |
2347 | padding:10px 15px; | |
2348 | font-size:14px; | |
2349 | font-weight:normal; | |
2350 | border:1px solid #fff; | |
2351 | border-bottom:1px solid #ddd; | |
2352 | cursor:pointer; | |
2353 | font-style:italic; | |
2354 | } | |
2355 | ||
2356 | /* currently active header */ | |
2357 | #accordion h2.current { | |
2358 | cursor:default; | |
2359 | background-color:#fff; | |
2360 | } | |
2361 | ||
2362 | /* accordion pane */ | |
2363 | #accordion .pane { | |
2364 | border:1px solid #fff; | |
2365 | border-width:0 2px; | |
2366 | display:none; | |
2367 | padding:15px; | |
2368 | color:#6a6a6a; | |
2369 | font-size:12px; | |
2370 | } | |
2371 | ||
2372 | /* a title inside pane */ | |
2373 | #accordion .pane h3 { | |
2374 | font-weight:normal; | |
2375 | margin:0 0 -5px 0; | |
2376 | font-size:16px; | |
2377 | color:#999; | |
2378 | } | |
2379 | ||
2380 | /*-------------OTHER------------*/ | |
2381 | ||
2382 | .hidden { | |
2383 | visibility: hidden; | |
2384 | width: 0px; | |
2385 | height: 0px; | |
2386 | } | |
2387 | ||
2388 | .loading-container { | |
2389 | - | background-image: url(images/ajax-loader-small.gif); |
2389 | + | background-image: url(../images/ajax-loader-small.gif); |
2390 | } | |
2391 | ||
2392 | #searchform { | |
2393 | margin-top: 20px; | |
2394 | } | |
2395 | ||
2396 | .sidebar-box #search_input{ | |
2397 | width:168px; | |
2398 | float:left; | |
2399 | height:25px; | |
2400 | margin-top:2px; | |
2401 | margin-right:5px; | |
2402 | } | |
2403 | ||
2404 | #search_button{ | |
2405 | float:right; | |
2406 | } | |
2407 | ||
2408 | #content #search_button{ | |
2409 | float:none; | |
2410 | } | |
2411 | ||
2412 | #content #search_input{ | |
2413 | display:block; | |
2414 | margin-bottom:10px; | |
2415 | margin-left:3px; | |
2416 | } | |
2417 | ||
2418 | ul.blogroll img { | |
2419 | float: left; | |
2420 | margin-right: 7px; | |
2421 | width: 45px; | |
2422 | } | |
2423 | ||
2424 | ul.blogroll li { | |
2425 | border-bottom: 1px solid #EBEBEB; | |
2426 | padding-top: 6px; | |
2427 | padding-bottom: 6px; | |
2428 | overflow: hidden; | |
2429 | color: #a6a6a6; | |
2430 | } | |
2431 | ||
2432 | ul.blogroll li a { | |
2433 | border-bottom-width: 0px; | |
2434 | font-family: Georgia, "Times New Roman", Times, serif; | |
2435 | font-style: italic; | |
2436 | padding: 0px; | |
2437 | } | |
2438 | ||
2439 | div.wp_syntax { | |
2440 | margin-top: 20px; | |
2441 | margin-bottom: 30px; | |
2442 | } | |
2443 | ||
2444 | cite { | |
2445 | font-size: 14px; | |
2446 | font-family: Georgia, "Times New Roman", Times, serif; | |
2447 | } | |
2448 | ||
2449 | .nomargin{ | |
2450 | margin-right:0px; | |
2451 | } | |
2452 | ||
2453 | .sidebar .textwidget{ | |
2454 | padding-top:10px; | |
2455 | } | |
2456 | ||
2457 | a.rsswidget img{ | |
2458 | position:relative; | |
2459 | top:2px; | |
2460 | } | |
2461 | ||
2462 | .sidebar #SGM{ | |
2463 | - | background-image: url(images/ajax-loader-small.gif); |
2463 | + | background-image: url(../images/ajax-loader-small.gif); |
2464 | background-repeat: no-repeat; | |
2465 | background-position: center; | |
2466 | border:1px solid #ebebeb; | |
2467 | width:267px; | |
2468 | margin-top:20px; | |
2469 | } | |
2470 | ||
2471 | .sidebar-heading{ | |
2472 | margin-top:0px; | |
2473 | } | |
2474 | ||
2475 | .sidebar-box ul li.cat-item a{ | |
2476 | display:inline; | |
2477 | } | |
2478 | ||
2479 | ||
2480 | /*-------------- UPDATES-------------*/ | |
2481 | ||
2482 | /*-------------- VERSION 1.1 --------------*/ | |
2483 | ||
2484 | .mandatory{ | |
2485 | color:#ff0000; | |
2486 | } | |
2487 | ||
2488 | #footer #search_input{ | |
2489 | width:185px; | |
2490 | } | |
2491 | ||
2492 | .sidebar-box ul ul{ | |
2493 | margin-top:5px; | |
2494 | } | |
2495 | ||
2496 | .sidebar-box ul ul li{ | |
2497 | border-bottom-width: 0px; | |
2498 | } | |
2499 | ||
2500 | /*-------------- VERSION 2.0 --------------*/ | |
2501 | ||
2502 | #portfolio-categories ul{ | |
2503 | float:left; | |
2504 | margin-left:0px; | |
2505 | } | |
2506 | ||
2507 | .item-desc h4 a:hover{ | |
2508 | text-decoration:none; | |
2509 | } | |
2510 | ||
2511 | /*-------------- VERSION 2.1 --------------*/ | |
2512 | ||
2513 | #content-container .gallery img{ | |
2514 | padding: 4px; | |
2515 | background-color: #fefefe; | |
2516 | border: 1px solid #d9d9d9; | |
2517 | } | |
2518 | ||
2519 | .blog-post{ | |
2520 | float:left; | |
2521 | } | |
2522 | ||
2523 | #content-container .wp-pagenavi{ | |
2524 | float:left; | |
2525 | margin-top:20px; | |
2526 | } | |
2527 | ||
2528 | /*-------------- VERSION 2.3 --------------*/ | |
2529 | ||
2530 | .columns-wrapper { | |
2531 | float:none; | |
2532 | overflow:hidden; | |
2533 | } | |
2534 | ||
2535 | #content .blog-post{ | |
2536 | width:590px; | |
2537 | } | |
2538 | ||
2539 | #full-width .blog-post{ | |
2540 | width:900px; | |
2541 | } | |
2542 | ||
2543 | /*-------------- VERSION 2.4 --------------*/ | |
2544 | ||
2545 | #logo-container { | |
2546 | margin-bottom: -15px; | |
2547 | } | |
2548 | ||
2549 | .portfolio-showcase-item{ | |
2550 | display:none; | |
2551 | } | |
2552 | ||
2553 | input[type=submit]{ | |
2554 | width:auto; | |
2555 | height:auto; | |
2556 | background-color:#fafafa; | |
2557 | background-image: -webkit-gradient( | |
2558 | linear, | |
2559 | left bottom, | |
2560 | left top, | |
2561 | color-stop(0.02, rgb(240,240,240)), | |
2562 | color-stop(0.51, rgb(250,250,250)) | |
2563 | ); | |
2564 | background-image: -moz-linear-gradient( | |
2565 | center bottom, | |
2566 | rgb(240,240,240) 2%, | |
2567 | rgb(250,250,250) 51% | |
2568 | ); | |
2569 | ||
2570 | } | |
2571 | ||
2572 | /*-------------- VERSION 2.6 --------------*/ | |
2573 | ||
2574 | #footer #sidebar-projects img{ | |
2575 | height:83px; | |
2576 | } | |
2577 | ||
2578 | /*-------------- VERSION 2.6.2 --------------*/ | |
2579 | ||
2580 | .clear{ | |
2581 | clear:both; | |
2582 | } | |
2583 | ||
2584 | .preview-item .two-columns{ | |
2585 | width: 275px; | |
2586 | } | |
2587 | ||
2588 | .preview-item .three-columns { | |
2589 | width: 170px; | |
2590 | } | |
2591 | ||
2592 | .preview-item .four-columns { | |
2593 | width: 116px; | |
2594 | } | |
2595 | ||
2596 | .aligncenter, div.aligncenter { | |
2597 | display: block; | |
2598 | margin-left: auto; | |
2599 | margin-right: auto; | |
2600 | } | |
2601 | ||
2602 | .wp-caption img { | |
2603 | border: 0 none; | |
2604 | margin: 0; | |
2605 | padding: 0; | |
2606 | } | |
2607 | .wp-caption p.wp-caption-text , .gallery-caption{ | |
2608 | line-height: 1.5em; | |
2609 | margin: 0; | |
2610 | padding: 0 4px 5px; | |
2611 | font-size: 11px; | |
2612 | font-family: "Droid Serif",Georgia, "Times New Roman", Times, serif; | |
2613 | font-style:italic; | |
2614 | } | |
2615 | ||
2616 | .sticky { | |
2617 | border-bottom-width: 4px; | |
2618 | border-bottom-style:double; | |
2619 | } | |
2620 | .bypostauthor{} | |
2621 | ||
2622 | /*----------- BLOG POSTS LOADER WIDGET --------------*/ | |
2623 | .sidebar-post-wrapper { | |
2624 | padding-bottom: 15px; | |
2625 | margin-top: 15px; | |
2626 | border-bottom: 1px solid #ebebeb; | |
2627 | } | |
2628 | ||
2629 | #footer .sidebar-post-wrapper { | |
2630 | padding-bottom: 11px; | |
2631 | margin-top: 10px; | |
2632 | } | |
2633 | ||
2634 | .sidebar-post-wrapper img { | |
2635 | padding: 3px; | |
2636 | } | |
2637 | ||
2638 | .sidebar-post-wrapper h6 a { | |
2639 | font-style: italic; | |
2640 | color:#737373; | |
2641 | font-size:12px; | |
2642 | } | |
2643 | ||
2644 | .sidebar-post-wrapper h6{ | |
2645 | margin-top:0px; | |
2646 | margin-bottom:5px; | |
2647 | } | |
2648 | ||
2649 | .info-wrapper{ | |
2650 | float:left; | |
2651 | width:187px; | |
2652 | color:#EBEBEB; | |
2653 | } | |
2654 | ||
2655 | #footer .info-wrapper{ | |
2656 | width:110px; | |
2657 | } | |
2658 | ||
2659 | .info-wrapper img{ | |
2660 | padding: 0; | |
2661 | position: relative; | |
2662 | top: 2px; | |
2663 | width: 20px; | |
2664 | } | |
2665 | ||
2666 | #footer .sidebar-post-info{ | |
2667 | display:none; | |
2668 | } | |
2669 | ||
2670 | .sidebar-post-wrapper h6 a:hover { | |
2671 | text-decoration: none; | |
2672 | } | |
2673 | ||
2674 | .sidebar-post-info a { | |
2675 | font-size: 11px; | |
2676 | } | |
2677 | ||
2678 | .no-arrows #slider-navigation{ | |
2679 | margin-left:-55px; | |
2680 | } | |
2681 | ||
2682 | ||
2683 | /*-------------- VERSION 2.6.7 --------------*/ | |
2684 | ||
2685 | /*----- CONTENT SLIDER -----*/ | |
2686 | ||
2687 | #content-slider-wrapper{ | |
2688 | width: 900px; | |
2689 | padding: 30px 40px 0 40px; | |
2690 | background-color:#f0f0f0; | |
2691 | position:relative; | |
2692 | border-bottom:1px solid #E6E6E6; | |
2693 | border-top:1px solid #E6E6E6; | |
2694 | } | |
2695 | ||
2696 | #content-slider { | |
2697 | width: 900px; | |
2698 | display: block; | |
2699 | overflow: hidden; | |
2700 | position: relative; | |
2701 | min-height: 250px; | |
2702 | padding-bottom:30px; | |
2703 | } | |
2704 | ||
2705 | #content-slider h2 { | |
2706 | font-size: 24px; | |
2707 | margin-top:0px; | |
2708 | } | |
2709 | ||
2710 | ul#slider-ul { | |
2711 | width: 900px; | |
2712 | list-style: none; | |
2713 | padding: 0px; | |
2714 | margin: 0px; | |
2715 | overflow: hidden; | |
2716 | } | |
2717 | ||
2718 | ul#slider-ul li { | |
2719 | float: left; | |
2720 | width: 900px; | |
2721 | margin-right: 30px; | |
2722 | display: none; | |
2723 | } | |
2724 | ||
2725 | ul#slider-ul li:first-child { | |
2726 | display: block; | |
2727 | } | |
2728 | ||
2729 | .slider-text { | |
2730 | width: 420px; | |
2731 | height: auto; | |
2732 | float: left; | |
2733 | line-height: 1.9em; | |
2734 | } | |
2735 | ||
2736 | ul#slider-ul li img { | |
2737 | float: right; | |
2738 | width: 450px; | |
2739 | height: 280px; | |
2740 | } | |
2741 | ||
2742 | ul#content-slider-navigation { | |
2743 | list-style: none; | |
2744 | text-align: center; | |
2745 | position: absolute; | |
2746 | width: 100%; | |
2747 | bottom: 2px; | |
2748 | padding-left: 0px; | |
2749 | margin: 0px; | |
2750 | display: none; | |
2751 | } | |
2752 | ||
2753 | ul#content-slider-navigation li { | |
2754 | display: inline; | |
2755 | cursor: pointer; | |
2756 | margin: 0 1px; | |
2757 | width: 15px; | |
2758 | height: 15px; | |
2759 | } | |
2760 | ||
2761 | ul#content-slider-navigation li span { | |
2762 | - | background-image: url(images/c_page_nav.png); |
2762 | + | background-image: url(../images/c_page_nav.png); |
2763 | background-repeat: no-repeat; | |
2764 | width: 15px; | |
2765 | height: 15px; | |
2766 | display: inline-block; | |
2767 | } | |
2768 | ||
2769 | ul#content-slider-navigation li.selected span { | |
2770 | - | background-image: url(images/c_page_nav_active_black.png); |
2770 | + | background-image: url(../images/c_page_nav_active_black.png); |
2771 | } | |
2772 | ||
2773 | .slider-browse { | |
2774 | position: absolute; | |
2775 | width: 40px; | |
2776 | height: 40px; | |
2777 | top: 159px; | |
2778 | display: none; | |
2779 | opacity:0.6; | |
2780 | filter: alpha(opacity =60); | |
2781 | } | |
2782 | ||
2783 | .slider-browse:hover{ | |
2784 | opacity:1; | |
2785 | filter: alpha(opacity =100); | |
2786 | } | |
2787 | ||
2788 | #slider-left { | |
2789 | left: 0px; | |
2790 | - | background: url("images/c_slider_arrow_l.png") no-repeat scroll 0 0 |
2790 | + | background: url("../images/c_slider_arrow_l.png") no-repeat scroll 0 0 |
2791 | transparent; | |
2792 | } | |
2793 | ||
2794 | #slider-right { | |
2795 | right: 0px; | |
2796 | - | background: url("images/c_slider_arrow_r.png") no-repeat scroll 0 0 |
2796 | + | background: url("../images/c_slider_arrow_r.png") no-repeat scroll 0 0 |
2797 | transparent; | |
2798 | } | |
2799 | a.button, a.button { | |
2800 | padding-right: 7px; | |
2801 | } | |
2802 | ||
2803 | a.button span, a.button span { | |
2804 | padding: 7px 7px 7px 16px; | |
2805 | } | |
2806 | #content-slider .header-button{ | |
2807 | margin-left:-3px; | |
2808 | } | |
2809 | ||
2810 | /*---------------------- END CONTENT SLIDER -----------------------*/ | |
2811 |