Projet

Général

Profil

Paste
Télécharger (26,4 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / bluemasters / css / style.css @ 87dbc3bf

1
* { margin:0; padding:0; }
2
.column-fix { padding:0 10px; }
3
.alpha .column-fix { padding: 0 3.33px 0 10px; }
4
.omega .column-fix { padding: 0 10px 0 3.33px; }
5
.alpha.omega .column-fix { padding:0 6.66px; }
6

    
7
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
8

    
9
body { padding: 0; background: transparent url(../images/bg.gif) repeat; font: 12px/1.4 Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;  text-align: center;  }
10

    
11
a {color:#1b8bb4; text-decoration:none; border:none;}
12

    
13
a:link, li a.active {color:#1b8bb4; text-decoration:none; border:none;}
14

    
15
a:hover {color:#1b8bb4; text-decoration: underline; border:none;}
16

    
17
img {max-width: 100%; height: auto;} 
18

    
19
img a { border:none; }
20

    
21
h1, h2, h3, h4, h5, h6 { font-family:  Arial, Helvetica, Sans Serif; margin:0 0 10px 0; }
22

    
23
h1 { font-size:230%; }
24

    
25
h2 { font-size:183%; font-weight: bold;}
26

    
27
h3 { font-size:140%; font-weight: bold;}
28

    
29
h4 { font-size:120%; font-weight: bold;}
30

    
31
h5 { font-size:100%; }
32

    
33
h1.title { border-bottom:1px dotted #84a1af; margin:0 0 20px 0; }
34

    
35
.node h2 a { color:#1c8cb5; font-size: 26px; }
36

    
37
p { margin:0 0 10px 0; }
38

    
39
blockquote { border: 1px solid #ced1da; background: #eef0f5; margin:20px 0; padding: 20px; color:#788093; font-weight:bold; font-style:italic; }
40

    
41
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
42

    
43
.clearfix { display: inline-block; }
44

    
45
html[xmlns] .clearfix { display: block; }
46

    
47
/*
48
 * Page
49
 */
50
#page { background: url(../images/bg.png) repeat-x; }
51

    
52
/*
53
 * Header-top
54
 */
55
#header-top-inside {  height:52px; margin:0 auto; }
56

    
57
#header-top-inside-left { float:left; text-align:left; padding:20px 0 0 0; color:#485766; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%; }
58

    
59
#header-top-inside-left a  { color: #6a87a3; }
60

    
61
#header-top-inside-left-feed { float:left; padding:20px 0 0 0; }
62

    
63
#header-top-inside-right { float:right; text-align:right; padding:15px 0 0 0; }
64

    
65
/*
66
* Header menu
67
*/
68
.region-header ul.menu li { float:left; display:block; overflow:hidden; list-style-type:none; padding:0 10px; margin:0; border-right:1px solid #6a87a3;  }
69

    
70
.region-header ul.menu li.first { padding:0 10px 0 0; }
71

    
72
.region-header ul.menu li.last { border-right:none; }
73

    
74
/*
75
 * Wrapper
76
 */
77
#wrapper { margin:0 auto; text-align:left; padding:0 0 20px 0; }
78

    
79
#header { padding: 29px 0 21px 0; }
80

    
81
#logo-floater { float:left;  margin: 0; text-align: left; }
82

    
83
#logo-floater a { outline:none; }
84

    
85
#site-name a { color:#ffffff; font-size:14px; outline:none; }
86

    
87
#slogan { color:#485766; text-transform:uppercase; font-size:10px; }
88

    
89
#navigation { float:right; margin:10px 0 0 40px;  display:block; }
90

    
91
#highlighted { padding:0 0 20px 0; }
92

    
93
#main-area { background: transparent; clear:both; display:block; overflow:hidden;  background-image:url(../images/home-block-box-bg.png); padding: 10px;} 
94

    
95
#main-area-inside {  display:block; overflow:hidden; background-image:url(../images/main-area-bg.png); } 
96

    
97
#main { padding:20px; } 
98

    
99
.no-sidebars #main { padding:20px 40px 20px 20px; } 
100

    
101
.no-sidebars #main-area-inside { background: #ffffff; }
102

    
103
/*
104
* Taxonomy - Feed Pages
105
* .node-teaser
106
*/
107
.node-teaser { display:block; margin:0 0 25px 0; padding:0 0 5px 0; border-bottom:1px dotted #84A1AF; }
108

    
109
/*
110
 * Region-sidebar-first
111
 */
112
#right { background: #EEF0F5; }
113

    
114
#right .block h2 {  background: #9097a9 url(../images/icons/menu-icon.png) no-repeat 10px center; color:#ffffff; padding:10px 10px 10px 45px; font-size:160%;  margin: 0; }
115

    
116
#right .block .content { padding:20px 20px 30px 20px; } 
117

    
118
#right .block.block-menu .content,
119

    
120
#right .block.block-system .content { padding:10px; margin:0; } 
121

    
122
#right .block ul.menu { padding:0; margin:0; } 
123

    
124
#right .block ul.menu ul { padding:0 0 0 10px; }
125

    
126
#right .block ul.menu li { padding:0; margin:0; list-style: none; } 
127

    
128
#right .block ul.menu li a { background: url("../images/menu-right-bg.png") no-repeat scroll 96% center #E0E3EB; color: #747C93; display: block;
129
font-family:  Verdana, Arial,Helvetica,sans-serif; font-weight: 600; overflow: hidden; padding: 10px 20px 10px 10px; margin:0 0 2px 0; } 
130

    
131
#right .block ul.menu li ul.menu li a { background-image:none; margin:0 0 2px 0; }
132

    
133
/*
134
 * Home
135
 */
136
#home-blocks-area { background-image:url(../images/home-block-box-bg.png); padding: 20px 10px 0 10px; 
137
min-height:100px; overflow:hidden; clear:both; } 
138

    
139
/* Example overrides */
140

    
141
.home-block-area { float:none; padding:0; } 
142

    
143
.home-block-area.first { padding-left:0; }
144

    
145
.home-block-area.last { padding-right:0;  }
146

    
147
#home-blocks-area .region-home-area-3-b .block { background:none; margin: -6px 0 0; }
148

    
149
#home-blocks-area .block { background:url(../images/home-block-header-bg.png) repeat-x top; padding-bottom:20px;  }
150

    
151
#home-blocks-area .block h2 { height: 36px; font-size:20px; font-weight:bold; color:#ffffff; margin:0; padding:10px 0 0 20px; }
152

    
153
#home-blocks-area .region-home-area-1 .block h2 { background:url(../images/icons/man-icon.png) no-repeat 13px 10px; padding:10px 0 0 49px; }
154

    
155
#home-blocks-area .region-home-area-2 .block h2 { background:url(../images/icons/bubble-icon.png) no-repeat 13px 10px; padding:10px 0 0 49px; }
156

    
157
#home-blocks-area .region-home-area-3 .block h2 { background:url(../images/icons/phone-icon.png) no-repeat 13px 10px; padding:10px 0 0 49px; }
158

    
159
#home-blocks-area .block .content { background:url(../images/sectionbg.png); padding:20px; display:block; overflow:hidden; 
160
font-family:  Arial, Helvetica, Sans Serif; font-size: 14px; color: #6a7796; }
161

    
162
#home-blocks-area .block .content h1, 
163
#home-blocks-area .block .content h2, 
164
#home-blocks-area .block .content h3, 
165
#home-blocks-area .block .content h4 { color:#ffffff; }
166

    
167
#home-blocks-area .block .content h3 { font-size:17px; }
168

    
169
#home-blocks-area .block .content .detail h3 { font-size:14px; padding:0; margin:0; }
170
#home-blocks-area .block .content .detail h4 { color: #6a7796; font-size: 14px; line-height: 16px; padding:0; margin:0; font-weight:normal; }
171

    
172
#home-blocks-area .block .content p.post-note{  font-size: 12px; margin-top: -8px; }
173

    
174
#home-blocks-area .block .content p.post-note a{ color: #3f9fcf; }
175

    
176
.ico { float: left; margin: 0 20px 10px 0;  }
177

    
178
.ico2 img { margin-right: 5px; width: auto;} 
179
 
180
.clear{ clear: both; }
181

    
182
/*
183
 * Footer
184
 */
185
#footer { clear:both; margin:0 auto; text-align:center; display: block; background-color: #0F131F; border-bottom: 1px solid #040507; 
186
min-height:100px; }
187

    
188
#footer-inside { margin:0 auto; text-align:left; padding:20px 0; }
189

    
190
#footer a { color:#417893; }
191

    
192
#footer a:link, #footer li a.active { color:#417893; }
193

    
194
#footer a:hover { color:#417893; }
195

    
196
#footer h2{ color: #8c94ac; background: transparent; font-size:22px; padding:0 0 10px 0; }
197

    
198
#footer .content{ color: #ffffff; }
199

    
200
#footer ul.menu li { margin: 0 0 0.25em 0; } 
201

    
202
#footer ul.menu li.leaf { list-style:none; }
203

    
204
#footer ul.menu li a { color:#606574; }
205

    
206
#footer-bottom { clear:both; margin:0 auto; text-align:center; display: block; background: #040507;border-top:1px solid #0F131F; padding:20px 0; }
207

    
208
#footer-bottom-inside { margin:0 auto; text-align:left; min-height:50px; color:#6a7796; font-family:  Verdana, Helvetica, sans-serif; font-size: 11px;}
209

    
210
#footer-bottom-inside a {color:#6a7796;}
211

    
212
/*
213
 * Footer Gallery block 
214
 */   
215
.footer-gallery-block img { background-color: #191F2F; border: 1px solid #252C3E; float: left; margin-bottom: 10px; margin-right: 9px; padding: 5px; width: auto;} 
216

    
217
/*
218
 * Footer Twitter block 
219
 */
220
#footer ul.twitter { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url("../images/tweetbg.png") repeat scroll 0 0 transparent;
221
list-style-type: none; padding: 10px; margin-left:0; }
222

    
223
#footer ul.twitter{ padding:10px; }
224

    
225
#footer ul.twitter li, #footer li.twitter-message { color: #417893; font-family:  Verdana; font-size: 12px; margin: 0; }
226

    
227
#footer a.twitter-link, #footer a.twitter-user { color: #B8E2F6; }
228

    
229
#footer .twitter-timestamp { color: #305465; display: block; font-family:  Verdana; font-size: 11px; margin-top: 25px; }
230

    
231
/*
232
 * Node
233
 */
234
div.field-type-taxonomy-term-reference { color: #444955; font-size:11px; font-weight: bold; background: url(../images/tag.png) no-repeat left; padding-left: 28px; margin-top: 10px; display:block;
235
overflow:hidden; }
236

    
237
div.field-type-taxonomy-term-reference a { color: #1b8bb4;}
238

    
239
div.field-type-taxonomy-term-reference .field-label { float:left; display:block; clear:both; }
240

    
241
div.field-type-taxonomy-term-reference .field-items .field-item { float:left; display:block; padding:0 5px ;}
242

    
243

    
244
.node .content img { border: 1px solid #ced1da; background: #eef0f5; padding: 1%; margin:20px 0; max-width: 97.5%;} 
245

    
246
/*
247
 * contact form
248
 */
249
form#contact_form label { font-weight: bold; }
250

    
251
form#commentform input, form#contact_form input[type="text"] { background: none repeat scroll 0 0 #EEF0F5; border: 1px solid #CED1DA; font-size: 18px; height: 2em;width: 95%; }
252

    
253
form#contact_form input[type="text"] { width: 43%; }
254

    
255
form#commentform textarea, form#contact_form textarea { background: none repeat scroll 0 0 #EEF0F5; border: 1px solid #CED1DA; font-family: Verdana; font-size: 14px;
256
height: 170px; margin: 0 0 10px 10px; width: 290px; }
257

    
258
form#contact_form textarea { height: 300px; margin-left: 0; width: 100%; }
259

    
260
#map_wrap { float: right; margin-right: 0; }
261

    
262
p.map { display: block; font-weight: bold; margin: 0; }
263

    
264
form#commentform input#submit, form#contact_form button { background: none repeat scroll 0 0 #11719F; border: 0 none; color: #FFFFFF; float: right; font-weight: bold; margin-top: 10px; padding: 0 5px; width: 80px; }
265

    
266
form#contact_form button { height: 45px; margin: 0; width: 120px; }
267

    
268
/*
269
 * Module contact form
270
 */
271
.contact-form label { font-weight:bold; padding:5px 0; }
272

    
273
.contact-form .form-text { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; height:25px; line-height:25px; width: 98%; padding:5px; color: #666666; } 
274

    
275
.contact-form textarea { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:5px; font-family: Verdana, Helvetica, sans-serif; color: #666666; }
276

    
277
.contact-form .form-submit {  background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 10px 0 0 0; padding: 10px; cursor:pointer; 
278
font-family: Arial, Verdana, Helvetica, sans-serif; }
279

    
280
/*
281
 * Comments
282
 */
283
#comments { clear:both; }
284

    
285
.comment-form label { font-weight:bold; padding:5px 0; }
286

    
287
.comment-form .form-text { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; height:25px; line-height:25px; width: 98%; padding:5px; color: #666666; } 
288

    
289
.comment-form textarea { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:5px; 
290
font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height:120%; color: #666666; }
291

    
292
.comment-form .form-submit {  background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 10px 0 0 10px; padding: 10px; cursor:pointer; 
293
font-family: Arial, Verdana, Helvetica, sans-serif; }
294

    
295
.comment { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:20px; margin:20px 0;  }
296

    
297
.comment .submitted { color:#777d8a; font-size:11px; }
298

    
299
.comment h3 a.permalink { font-size:12px; font-family: Verdana, Helvetica, sans-serif; }
300

    
301
/*
302
 * Form items
303
 */
304
.form-item, .form-actions { clear: both; display: block; margin-bottom: 1em; margin-top: 1em; overflow: hidden; }
305

    
306
/*
307
 * List items
308
 */
309
ul.menu { margin: 0 0 0.75em; padding: 0; list-style:inside; }
310

    
311
ul.menu li { margin: 0 0 0.25em 1.5em; padding: 0; } 
312

    
313
.links { clear:both; overflow:hidden; margin:10px 0; }
314

    
315
ul li.leaf { list-style-type: disc; list-style-image:none; }
316

    
317
ul.inline li.node-readmore, ul.inline li.comment-add { background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 7px 0 0 7px;  cursor:pointer; 
318
font-family: Arial, Verdana, Helvetica, sans-serif; padding:10px; }
319

    
320
.node-readmore a, .comment-add a, .comment-add a.active { color:#ffffff; padding:10px; }
321

    
322
.home-block-area .node-readmore , .home-block-area .comment-add { margin:0 5px; }
323

    
324
.home-block-area .node-readmore a, .home-block-area .comment-add a{ font-size:12px; padding:0 5px; }
325

    
326
.user-picture { float:left; margin:0 20px 0 0; background: #ffffff; border: 1px solid #CED1DA; padding:4px; }
327

    
328
.user-picture a, .user-picture img { padding:0; margin:0; display:block; overflow:hidden; }
329

    
330
/*
331
 * Pager
332
 */
333
ul.pager { background: #eef0f5; border: 1px solid #ced1da; margin:20px 0; padding:20px; display:block; overflow:hidden; }
334

    
335
ul.pager li { padding:0; margin:0; }
336

    
337
ul.pager li.pager-current { padding:10px; background:#4eabd7; color:#ffffff; }
338

    
339
ul.pager a { padding:10px; background:#11719f; color:#ffffff; }
340

    
341
ul.pager a:hover { background:#4eabd7; }
342

    
343
/*
344
 * Main menu links
345
 */
346
#navigation .block-menu h2 { display: none; }
347

    
348
/* Superfish menu essential styles */ 
349
#navigation ul.sf-menu, #navigation ul.sf-menu * { margin:0; padding: 0; list-style: none; }
350

    
351
#navigation ul.sf-menu { line-height: 1.0; }
352

    
353
#navigation ul.sf-menu ul { position: absolute; top: -999em; width: 190px !important; /* left offset of submenus need to match (see below) */}
354

    
355
#navigation ul.sf-menu ul li { width: 100%; }
356

    
357
#navigation ul.sf-menu li:hover {        visibility:        inherit; /* fixes IE7 'sticky bug' */ }
358

    
359
#navigation ul.sf-menu li { float: left; position: relative; }
360

    
361
#navigation ul.sf-menu a { display: block; position:        relative; }
362

    
363
#navigation ul.sf-menu li:hover ul, #navigation ul.sf-menu li.sfHover ul { left: 0; top: 33px; /* match top ul list item height */ z-index: 99; }
364

    
365
#navigation ul.sf-menu li:hover li ul, #navigation ul.sf-menu li.sfHover li ul { top: -999em; }
366

    
367
#navigation ul.sf-menu li li:hover ul, #navigation ul.sf-menu li li.sfHover ul { left: 190px !important; /* match ul width */ top: 0; }
368

    
369
#navigation ul.sf-menu li li:hover li ul, #navigation ul.sf-menu li li.sfHover li ul { top: -999em; }
370

    
371
#navigation ul.sf-menu li li li:hover ul, #navigation ul.sf-menu li li li.sfHover ul { left: 190px !important; /* match ul width */ top: 0; }
372

    
373
/* 1st level */
374
#navigation ul.menu, #navigation ul.sf-menu  { float:right; display:block; padding:0; margin:0; position:relative; z-index:1; }
375

    
376
#navigation ul.menu:after, #navigation ul.sf-menu:after, #navigation .content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
377

    
378
#navigation ul.menu li, #navigation ul.sf-menu li { display: inline-block; float:left; vertical-align: middle; padding:0 5px 0 0; margin:0; }
379

    
380
#navigation ul.menu li.last, #navigation ul.sf-menu li.last { padding:0; }
381

    
382
#navigation ul.menu li a, #navigation ul.sf-menu li a { outline:none; padding: 5px 10px; text-decoration: none; display:block; color:#7A8090; font-size:17px; font-weight:bold; text-align:center; }
383

    
384
#navigation ul.menu li a:hover, #navigation ul.menu li a.active, #navigation ul.sf-menu li a:hover, #navigation ul.sf-menu li a.active{ text-decoration:none; color:#ffffff; border-radius: 5px; -moz-border-radius: 5px; background: #0d0f13; }
385

    
386
#navigation ul.menu li a:after, #navigation ul.sf-menu li a:after { content: none; }
387

    
388
#navigation ul.menu li.expanded, #navigation ul.sf-menu li { position: relative; }
389

    
390
#navigation ul.menu li.expanded:hover a, #navigation ul.sf-menu li:hover a { border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background: #0d0f13; }
391

    
392
#navigation ul.sf-menu a.sf-with-ul {padding-right: 2.25em;}
393

    
394
#navigation ul.sf-menu li a { line-height: 23px; }
395

    
396
/* 2nd level */
397
.sf-menu li:hover ul, .sf-menu li.sfHover ul {        left: 0; top: 27px; /* match top ul list item height */ z-index:99; }
398

    
399
#navigation ul.menu li.expanded ul.menu, #navigation ul.sf-menu li ul { width: 190px; z-index:100; font-size:12px; padding:0; background: #0d0f13; display: none; position: absolute;  }
400

    
401
#navigation ul.menu li.expanded:hover > ul.menu, #navigation ul.sf-menu li:hover > ul { display: block; }
402

    
403
#navigation ul.menu li.expanded ul.menu li a, #navigation ul.sf-menu li ul li a { font-size: 15px; color:#7A8090; padding:10px; display:block; width:180px; text-align:left; border-radius:0; -moz-border-radius:0; }
404

    
405
#navigation ul.menu li.expanded ul.menu li a:hover, #navigation ul.sf-menu li ul li a:hover { color: #ffffff; }
406

    
407
/* 3rd, 4th, 5th, (...) level  */
408
#navigation ul.menu li ul ul { display: none; left: 190px; top:0; }
409

    
410
#navigation ul.sf-menu li ul ul { display: none; left: 190px; top:0; }
411

    
412
/*Superfish support: Reset background/border*/
413
#navigation ul.sf-menu li { background: transparent; border-top:none; }
414

    
415
#navigation ul.sf-menu a {border: none; }
416

    
417
#navigation ul.sf-menu li li { border:none; } 
418

    
419
#navigation ul.sf-shadow ul {border-radius: 0;}
420

    
421
/*
422
 * Secondary menu links
423
 */
424
#footer-bottom-inside-right ul#secondary-menu, #footer-bottom-inside-right ul.menu  { padding:0; margin:0; text-align:right; }
425

    
426
#footer-bottom-inside-right ul#secondary-menu:after, #footer-bottom-inside-right ul.menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
427

    
428
#footer-bottom-inside-right ul#secondary-menu li, #footer-bottom-inside-right ul.menu li { padding:0; margin:0; border-right:1px solid #6A7796; display:inline-block; float:left; }
429

    
430
#footer-bottom-inside-right ul#secondary-menu li a, #footer-bottom-inside-right ul.menu li a { padding:0 10px; line-height:140%; }
431

    
432
#footer-bottom-inside-right ul#secondary-menu li.first a, #footer-bottom-inside-right ul.menu li.first a { padding:0 10px 0 0; }
433

    
434
#footer-bottom-inside-right ul#secondary-menu li.last, #footer-bottom-inside-right ul.menu li.last { border-right:none; }
435

    
436
#footer-bottom-inside-right ul#secondary-menu li.last a, #footer-bottom-inside-right ul.menu li.last a { padding:0 0 0 10px;  } 
437

    
438
/*
439
 * Search block
440
 */
441
#search-block-form { width:200px; -moz-border-radius: 8px; border-radius: 8px; background-color: #101011; border-color: #292D30;
442
border-style: none solid solid; border-width: 0 1px 1px; padding:0 5px; }
443

    
444
#search-block-form .form-text { background: transparent; border:none; color: #6A87A3; font-size: 11px; width:170px; outline:none; height:25px; line-height:25px; }
445

    
446
#search-block-form label{ display: none; }
447

    
448
#search-block-form .form-submit { background: url("../images/search.png") no-repeat scroll center center transparent; border: 0 none; width: 25px;
449
text-indent:-9999px; cursor:pointer; height:25px; line-height:25px; }
450

    
451
/*
452
 * Front-page Slider 
453
 */
454
/* Browser Resets */
455
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
456

    
457
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
458

    
459
/* FlexSlider Necessary Styles */
460
/*-----------------------------*/
461
.flexslider {margin: 0; padding: 0;}
462

    
463
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
464

    
465
.flexslider .slides img {width: 100%; display: block;}
466

    
467
.flex-pauseplay span {text-transform: capitalize;}
468

    
469
/* Clearfix for the .slides element */
470
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
471

    
472
html[xmlns] .slides {display: block;} 
473

    
474
* html .slides {height: 1%;}
475

    
476
/* No JavaScript Fallback */
477
/* If you are not using another script, such as Modernizr, make sure you
478
 * include js that eliminates this class on page load */
479
.no-js .slides > li:first-child {display: block;}
480

    
481
/* FlexSlider bluemasters Styles */
482
/*-----------------------------*/
483
#slideshow{position: relative; padding: 0 0 1px 0; background:url(../images/slide-shadow.png) center 99.5% no-repeat; }
484

    
485
.flexslider {background: #fff; border: 10px solid #fff; position: relative; margin-bottom:42px; zoom: 1;display: none;}
486

    
487
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
488

    
489
.loading .flex-viewport {max-height: 300px;}
490

    
491
.flexslider .slides {zoom: 1;}
492

    
493
.flexslider .slides > li {position: relative;}
494

    
495
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
496
.flex-container {zoom: 1; position: relative;}
497

    
498
/* Caption style */
499
.slider-item-caption {width: 97.8%; padding: 1.1%; position: absolute; bottom: 0; left: 0; z-index: 101; background: url(../images/30w087b.png); color: #fff; font-size: 1.7em;}
500

    
501
/* Control Nav */
502
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center; z-index: 100;}
503

    
504
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
505

    
506
.flex-control-nav li:first-child {margin: 0;}
507

    
508
.flex-control-paging li a {background:url(../images/slide-nav-button.png) no-repeat center; width:14px; height:14px; display:inline-block; margin: 4px; border:none; outline:none; cursor: pointer; text-indent: -9999px;}
509

    
510
.flex-control-paging li a:hover {font-weight: bold; border:none; outline:none;}
511

    
512
.flex-control-paging li a.flex-active {background:url(../images/slide-nav-button-hover.png) no-repeat center; border:none; outline:none; cursor: default;}
513

    
514
/*
515
 * Top social, Network
516
 */
517
#topSocial ul { list-style: none outside none; padding:0; margin:0;}
518

    
519
#topSocial ul li { display:inline; }
520

    
521
#topSocial ul li a { display:block; float:left; height:16px; width:16px; text-indent:-9999px; padding:0 5px 0 0; outline:none; }
522

    
523
#topSocial ul li a.twitter { background:url(../images/twitter-top.png) 0 0 no-repeat; }        
524

    
525
#topSocial ul li a.facebook { background:url(../images/facebook-top.png) 0 0 no-repeat; }
526

    
527
#topSocial ul li a.rss { background:url(../images/rss-top.png) 0 0 no-repeat; }
528

    
529
.network { display:block; text-align:center; padding:15px 0; }
530

    
531
.network a { display:inline-block; overflow:hidden; height:32px; width:32px; text-indent:-9999px; padding:0 5px 0 0; outline:none; }
532

    
533
.network a.twitter { background:url(../images/twitter2.png) 0 0 no-repeat; }
534

    
535
.network a.facebook { background:url(../images/facebook.png) 0 0 no-repeat; }
536

    
537
.network a.in { background:url(../images/in.png) 0 0 no-repeat; }
538

    
539
.network a.tumblr { background:url(../images/tumblr.png) 0 0 no-repeat; }
540

    
541
.network a.youtube { background:url(../images/youtube.png) 0 0 no-repeat; }
542

    
543
.network a.flickr { background:url(../images/flickr.png) 0 0 no-repeat; }
544

    
545
/*
546
 * Credits
547
 */
548
.credits-container { height: auto; margin: 0 auto; padding: 0; }
549

    
550
.credits-container a { text-decoration: underline; }
551

    
552
a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,  
553
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
554
background: url("../images/footer-logo-smashing.png") no-repeat scroll center top transparent; display: block; float: left;
555
height: 54px; margin: 0; outline: 0 none; padding: 0; text-indent: -9999px; width: 154px; }
556

    
557
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
558
background: url("../images/footer-logo-drupalizing.png") no-repeat scroll center top transparent; }        
559

    
560

    
561
/*
562
 * EXTRA
563
 */
564

    
565
/*  --------------------------------------------------------------------- */
566
table { margin:15px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}
567

    
568
th {background:#9097A9; color:#ffffff;}
569

    
570
tr.even { background-color:#e0e3eb; }
571

    
572
tr.odd { background-color:#ffffff; }
573

    
574
td,th { padding:10px; }
575

    
576
td { border: 1px solid #cdcdcd;}
577

    
578
td.active { background:none; border: 1px solid #cdcdcd;}
579

    
580
/*  --------------------------------------------------------------------- */
581
ul, ol { display:block; margin:15px 0 15px 40px; }
582
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
583
ol { list-style-type:decimal; }
584
ol ol { list-style-type:upper-alpha; }
585
ol ol ol {list-style-type:lower-alpha; }
586
li { display:list-item; }
587
ul li a { text-decoration:none; }
588

    
589
div.messages { margin: 0 10px 20px 10px; }
590

    
591
/*
592
 * Responsive styles 
593
 */
594
/*LANDSCAPE PHONE TO DOWN*/
595
@media (max-width: 480px) {
596
        /*#home-blocks-area*/
597
        #home-blocks-area .block h2 { font-size:16px; }
598
        #home-blocks-area .block .content h3 { font-size:14px; line-height: 18px;}
599
}
600

    
601
/*LANDSCAPE PHONE TO PORTRAIT TABLET*/
602
@media all and (max-width: 759px) {
603
        /*top header*/
604
        #header-top-inside-left { float: none; display: inline-block; }
605
        #header-top-inside-left-feed { float: none; padding: 30px 0 0 0; display: inline-block; }
606
        #header-top-inside-right { float: none; padding: 20px 0 0 0;display: inline-block; }
607
        /*header*/
608
        #header { padding: 120px 0 21px 0; }
609
        #logo-floater { text-align: center; float: none; }
610
        /*main navigation*/
611
        #navigation { margin: 30px auto 20px; width: 55%; float: none; min-width: 220px; }
612
        select { width: 100%; padding: 7px; border: 1px solid black; }
613
        select:focus { outline: none;}
614
        /*banner*/
615
        #slideshow { background: none; }
616
        /*main-area*/
617
        #main-area-inside { background: #ffffff; }
618
        /*footer*/
619
        #footer h2 { padding: 30px 0 10px 0; }
620
        #footer #footer-left-1 h2 { padding: 0 0 10px 0; }
621
        #footer-bottom a { display: inline-block; float: none;}
622
        /*footer secondary menu*/        
623
        #footer-bottom-inside, #footer-bottom-inside-right ul#secondary-menu, #footer-bottom-inside-right ul.menu { text-align: center; }
624
        #footer-bottom-inside-right ul#secondary-menu li, #footer-bottom-inside-right ul.menu li { padding: 0; margin: 4px 0; border-right: none; display: block; float: none; }
625
        #footer-bottom-inside-right ul#secondary-menu li a, #footer-bottom-inside-right ul#secondary-menu li.first a,
626
        #footer-bottom-inside-right ul.menu li a, #footer-bottom-inside-right ul.menu li.first a { padding:0; }
627
        /*comment-forms*/
628
        .comment-form .form-text { width: 93%; } 
629
        .contact-form .form-text { width: 93%; }
630
}
631

    
632
/*LANDSCAPE DESKTOP TO DOWN*/
633
@media all and (max-width: 979px) {
634
        .column-fix, .alpha .column-fix, .omega .column-fix, .alpha.omega .column-fix { padding:0; }
635
        /*home-blocks*/
636
        #home-blocks-area { padding-top: 10px; }
637
        /*footer*/
638
        #footer h2 { font-size: 18px; }
639
        .footer-gallery-block img { float: none; width: 44px; height: 41px; }
640
}
641

    
642
/*PORTRAIT TABLET TO LANDSCAPE AND DESKTOP*/
643
@media all and (min-width: 760px) and (max-width: 979px) {
644
        /*main navigation*/
645
        #navigation { margin: 30px 0 0 0; width: 250px; }
646
        #navigation select { width: 100%; padding: 7px; border: 1px solid black; }
647
        #navigation select:focus { outline: none;}
648
        /*banner*/
649
        #slideshow { background: url(../images/slide-shadow_700.png) center 99.5% no-repeat; }
650
        /*home-blocks*/
651
        #home-blocks-area .region-home-area-1 .block h2, #home-blocks-area .region-home-area-2 .block h2, #home-blocks-area .region-home-area-3 .block h2 { background: none; padding: 10px 0 0 10px; }
652
        #home-blocks-area .block .content { padding: 10px; }
653
        #home-blocks-area ul.inline li.node-readmore, #home-blocks-area ul.inline li.comment-add { margin: 10px 0 0 5px;  padding:7px 1px; }
654
        #home-blocks-area ul.inline li.node-readmore.last { margin: 10px 0 0 0px; }
655
        .ico { margin: 0 10px 10px 0; }
656
        /*main-area*/
657
        #main-area-inside { background-image:url(../images/main-area-bg_680.png); }
658
        /*comment-forms*/
659
        .comment-form .form-text { width: 97%; }
660
        .contact-form .form-text { width: 97%; }
661
}        
662

    
663
/*DESKTOP SCREENS*/
664
@media all and (min-width: 980px) {
665
    
666
}