/b2evolution/nonzero/rsc/css/style.css

  1@charset "UTF-8";
  2/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
  3@import url("../../../../rsc/css/basic.css");		/*	Import basic styles			*/
  4@import url("../../../../rsc/css/blog_base.css");	/* 	Import default blog navigation styles	*/
  5@import url("item.css");				/* 	Import blog content styles		*/
  6/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
  7
  8/*
  9
 10	Nonzero1.0 by nodethirtythree design
 11	http://www.nodethirtythree.com
 12	missing in a maze
 13
 14*/
 15
 16/*
 17	This is the main CSS
 18		without the color specific changes.
 19	This is to avoid duplication, make debugging easier,
 20		and minimize the bytes of the files.
 21*/
 22
 23/* Basic Stuff */
 24
 25*
 26{
 27margin: 0em;
 28padding: 0em;
 29}
 30
 31body
 32{
 33background-color: #fff;
 34color: #585858;
 35font-size: 9pt;
 36font-family: "trebuchet ms", helvetica, sans-serif;
 37}
 38
 39h1,h2,h3,h4,h5,h6
 40{
 41font-weight: normal;
 42letter-spacing: -1px;
 43text-transform: lowercase;
 44}
 45
 46span h1,
 47h1 span
 48{
 49font-weight: bold;
 50}
 51span h1 a,
 52h1 span a {
 53	text-decoration: none;
 54	color: #fff;
 55}
 56
 57span h3,
 58h3 span
 59{
 60font-weight: bold;
 61}
 62
 63span h4 a,
 64h4 span a {
 65	text-decoration: none;
 66}
 67span h4,
 68h4 span
 69{
 70font-weight: bold;
 71}
 72
 73br.clear
 74{
 75clear: both;
 76}
 77
 78img
 79{
 80padding: 3px;
 81border: solid 1px #e1e1e1;
 82}
 83
 84#secondaryContent_3columns img,
 85#secondaryContent_2columns img,
 86.postinfo img {
 87	border: none;
 88	padding: 0;
 89}
 90
 91#main_inner ul,
 92#main_inner ol {
 93	margin-left: 1.3em;
 94}
 95
 96img.floatTL
 97{
 98float: left;
 99margin-right: 1.5em;
100margin-bottom: 1.5em;
101margin-top: 0.5em;
102}
103
104a
105{
106text-decoration: underline;
107}
108
109a:hover
110{
111text-decoration: none;
112}
113
114.widget_core_free_html ul,
115ul.links
116{
117list-style: none;
118}
119
120.widget_core_free_html ul li.first,
121ul.links li.first
122{
123}
124
125section,
126.bText ul li,
127.bText ol li,
128.widget_core_free_html ul li,
129ul.links li,
130blockquote,
131p
132{
133line-height: 1.7em;
134}
135
136/* Header */
137
138#header
139{
140width:100%;
141height:122px;
142}
143
144#header_inner
145{
146position: relative;
147width: 950px;
148height:122px;
149margin: 0 auto;
150}
151
152/* Logo */
153
154#logo
155{
156position: absolute;
157bottom: 0.6em;
158}
159
160#logo h1
161{
162display: inline;
163color: #fff;
164font-size: 2.6em;
165}
166
167#logo .widget_core_coll_tagline,
168#logo h2
169{
170display: inline;
171padding-left: 0.5em;
172font-size: 1.0em;
173}
174
175/* Menu */
176
177#menu
178{
179position: absolute;
180right: 0em;
181bottom: 0em;
182}
183
184#menu ul
185{
186list-style: none;
187}
188
189#menu li
190{
191float: left;
192}
193
194#menu li a
195{
196margin-left: 0.5em;
197display: block;
198padding: 1.1em 1.4em 1.0em 1.4em;
199border: solid 1px #fff;
200color: #616161;
201font-weight: bold;
202font-size: 1.0em;
203text-transform: lowercase;
204text-decoration: none;
205}
206
207#menu li a.active
208{
209color: #fff;
210}
211
212/* Main */
213
214#main_inner p
215{
216text-align: justify;
217margin-bottom: 2.0em;
218}
219
220#main_inner ul
221{
222margin-bottom: 2.0em;
223}
224
225#main_inner
226{
227position: relative;
228width: 950px;
229margin: 0 auto;
230padding-top: 3.5em;
231}
232
233#main_inner h3 a {
234	text-decoration: none;
235}
236
237#main_inner h3,h4
238{
239border-bottom: dotted 1px #E1E1E1;
240position: relative;
241}
242
243#main_inner h3
244{
245font-size: 2.1em;
246padding-bottom: 0.1em;
247margin-bottom: 0.8em;
248}
249
250#main_inner h4
251{
252font-size: 1.2em;
253padding-bottom: 0.175em;
254margin-bottom: 1.4em;
255margin-top: 0.95em;
256}
257
258#main_inner .featurepost {
259	padding-left: 23px;
260	padding-right: 10px;
261}
262
263#main_inner .featurepost,
264#main_inner .post
265{
266position: relative;
267}
268
269#main_inner .featurepost h3,
270#main_inner .post h3
271{
272position: relative;
273font-size: 1.7em;
274padding-bottom: 1.2em;
275}
276
277#main_inner .featurepost ul.post_info,
278#main_inner .post ul.post_info
279{
280list-style: none;
281position: absolute;
282top: 3em;
283font-size: 0.88em;
284}
285
286#main_inner .featurepost ul.post_info li,
287#main_inner .post ul.post_info li
288{
289background-position: 0em -0.1em;
290background-repeat: no-repeat;
291display: inline;
292padding-left: 18px;
293}
294
295#main_inner .featurepost ul.post_info li.date,
296#main_inner .post ul.post_info li.date
297{
298}
299
300#main_inner .featurepost ul.post_info li.comments,
301#main_inner .post ul.post_info li.comments
302{
303margin-left: 1.1em;
304}
305
306/* Footer */
307
308#footer
309{
310width: 950px;
311margin: 0 auto;
312text-align: center;
313clear: both;
314border-top: dotted 1px #E1E1E1;
315margin-top: 1.0em;
316margin-bottom: 1.0em;
317padding-top: 1.0em;
318text-transform: lowercase;
319}
320
321/* Search */
322
323.widget_core_coll_search_form input.submit,
324input.button
325{
326color: #fff;
327font-weight: bold;
328text-transform: lowercase;
329font-size: 0.8em;
330height: 2.0em;
331}
332
333.widget_core_coll_search_form input.SearchField,
334input.text
335{
336border: solid 1px #F1F1F1;
337font-size: 1.0em;
338padding: 0.25em 0.25em 0.25em 0.25em;
339}
340
341.search_options,
342#search
343{
344position: relative;
345width: 100%;
346margin-bottom: 2.0em;
347}
348
349.widget_core_coll_search_form input.SearchField,
350#search input.text
351{
352/* position: absolute; */
353top: 0em;
354left: 0em;
355width: 9.5em;
356}
357
358.widget_core_coll_search_form input.submit,
359#search input.button
360{
361/* position: absolute; */
362top: 0em;
363right: 0em;
364min-width: 2.0em;
365/* max-width: 2.5em; */
366}
367
368/* Restyling blockquote */
369blockquote {
370	padding: 1em;
371	padding-bottom: 0;
372	margin-left: 2.5em;
373	margin-right: 2.5em;
374	margin-bottom: 1em;
375}
376blockquote p {
377	margin-bottom: 0;
378}
379/* Restyling blockquote */
380
381/* Fixing bCommentSmallPrint */
382div.bCommentSmallPrint {
383	font-size: 0.88em;
384}
385div.bCommentSmallPrint img {
386	border: none;
387	vertical-align: bottom;
388}
389/* Fixing bCommentSmallPrint */
390
391/* Fixing Pagetop Container */
392#pagetop {
393	text-align: right;
394	float: right;
395	/* width: 600px; */
396	margin: 5px 12px 0 0;
397}
398#pagetop ul {
399	list-style: none;
400	padding: 0;
401	margin: 0;
402}
403#pagetop li {
404	display: inline;
405}
406#pagetop li a {
407	padding: 0 0 0 25px;
408	color: #fff;
409	text-decoration: none;
410	text-transform: lowercase;
411}
412#pagetop li a:hover {
413	text-decoration: none;
414}
415/* Fixing Pagetop Container */
416
417/* LAYOUT - 3 COLUMNS */
418
419	/* Primary content */
420	
421	#primaryContent_3columns
422	{
423	position: relative;
424	margin-right: 34em;
425	}
426	
427	#columnA_3columns
428	{
429	position: relative;
430	float: left;
431	width: 100%;
432	margin-right: -34em;
433	padding-right: 2em;
434	}
435	
436	/* Secondary Content */
437	
438	#secondaryContent_3columns
439	{
440	float: right;
441	}
442	
443	#columnB_3columns
444	{
445	width: 13.0em;
446	float: left;
447	padding: 0em 2em 0.5em 2em;
448	border-left: dotted 1px #E1E1E1;
449	}
450	
451	#columnC_3columns
452	{
453	width: 13.0em;
454	float: left;
455	padding: 0em 0em 0.5em 2em;
456	border-left: dotted 1px #E1E1E1;
457	}
458	
459	#columnD_widecolumn
460	{
461		width: 26.0em;
462		padding: 0em 2em 0.5em 2em;
463		border-left: dotted 1px #E1E1E1;
464	}
465	
466/* LAYOUT - 2 COLUMNS */
467
468	/* Primary content */
469	
470	#primaryContent_2columns
471	{
472	position: relative;
473	margin-right: 17em;
474	}
475	
476	#columnA_2columns
477	{
478	position: relative;
479	float: left;
480	width: 100%;
481	margin-right: -17em;
482	padding-right: 2em;
483	}
484	
485	/* Secondary Content */
486	
487	#secondaryContent_2columns
488	{
489	float: right;
490	}
491	
492	#columnC_2columns
493	{
494	width: 13.0em;
495	float: left;
496	padding: 0em 0em 0.5em 2em;
497	border-left: dotted 1px #E1E1E1;
498	}
499
500/* LAYOUT - 1 COLUMN */
501
502	/* Primary content */
503	
504	#primaryContent_1column
505	{
506	position: relative;
507	}
508	
509	#columnA_1column
510	{
511	position: relative;
512	width: 100%;
513	}
514