1/* Content
2----------------------------------------------- */
3body {
4font-size: 14px;
5font-family: __normalfont__;
6color: __pagetextcolour__;
7/*background-image: url('back2.png');*/
8background-image: url('images/bg-texture-@{ini_imagetheme}.jpg'); /* or light */
9background-color: __backgroundcolour__;
10padding: 0 0 0 0;
11margin: 0px;
12}
13
14.left, .right{ color: __sidebartextcolour__; }
15
16/* Header
17----------------------------------------------- */
18.header-outer {
19background: transparent none repeat-x scroll 0 -400px;
20background-image: none;
21}
22.header h1 {
23font-size: 40px;
24font-family: __headerfont__;
25color: __headertextcolour__;
26/*text-shadow: 2 2 2 rgba(0, 0, 0, .2);*/
27}
28.header h1 a {
29color: __headertextcolour__;
30}
31.header .description {
32font-size: 18px;
33}
34.header-inner .header .titlewrapper {
35padding: 22px 0;
36}
37.header-inner .header .descriptionwrapper {
38padding: 0 0;
39}
40
41/* Columns
42----------------------------------------------- */
43.main-outer {
44border-top: 0 solid transparent;
45}
46.fauxcolumn-left-outer .fauxcolumn-inner {
47border-right: 1px solid transparent;
48}
49.fauxcolumn-right-outer .fauxcolumn-inner {
50border-left: 1px solid transparent;
51}
52/* Headings
53----------------------------------------------- */
54h2 {
55font-family: __headerfont__;
56margin: 0 0 1em 0;
57font-weight: bold;
58color: #000000;
59}
60
61/* Posts
62----------------------------------------------- */
63.date-header {
64display: inline;
65background-color: __postfooterback__;
66color: __postfootertextcolour__;
67padding: 0.4em;
68letter-spacing: 3px;
69margin: inherit;
70font-size: 11px;
71text-transform: uppercase;
72font-weight: bold;
73}
74.date-header:hover {
75background-color: __hyperlinkcolour__;
76}
77.date-header a:link, .date-header a:visited {
78color: __postfootertextcolour__;
79width: 100%; height: 100%;
80text-decoration: none;
81}
82.main-inner {
83padding-top: 35px;
84padding-bottom: 65px;
85}
86.main-inner .column-center-inner {
87padding: 0 0;
88}
89.main-inner .column-center-inner .section {
90margin: 0 1em;
91}
92.post {
93margin: 4200px 0 450px 0;
94}
95h3.post-title, .comments h4 {
96font-size: 22px;
97font-weight: normal;
98margin: .75em 0 0;
99text-decoration: underline;
100margin-bottom: 1.35em;
101}
102.post-body {
103font-size: 110%;
104line-height: 1.4;
105position: relative;
106background-color: __postback__;
107}
108.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
109.BlogList .item-thumbnail img {
110padding: 2px;
111background: __imageback__;
112border: 1px solid __bordercolour__;
113-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
114-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
115box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
116}
117.post-body img, .post-body .tr-caption-container {
118padding: 5px;
119}
120.post-body .tr-caption-container {
121color: #666666;
122}
123.post-body .tr-caption-container img {
124padding: 0;
125background: transparent;
126border: none;
127-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
128-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
129box-shadow: 0 0 0 rgba(0, 0, 0, .1);
130}
131.post-header {
132margin: 0 0 1.5em;
133line-height: 1.6;
134font-size: 90%;
135}
136.post-footer {
137margin: 20px -2px 0;
138padding: 5px 10px;
139color: __postfootertextcolour__;
140background-color: __postfooterback__;
141border-bottom: 3px solid __bordercolour__2;
142/*border-bottom: 3px solid #eeeeee;*/
143line-height: 1.6;
144font-size: 90%;
145}
146#comments .comment-author {
147padding-top: 1.5em;
148border-top: 1px solid transparent;
149background-position: 0 1.5em;
150}
151#comments .comment-author:first-child {
152padding-top: 0;
153border-top: none;
154}
155.avatar-image-container {
156margin: .2em 0 0;
157}
158#comments .avatar-image-container img {
159border: 1px solid __bordercolour__;
160}
161
162/* Accents
163---------------------------------------------- */
164.section-columns td.columns-cell {
165border-left: 1px solid transparent;
166}
167.blog-pager {
168background: transparent url() repeat-x scroll top center;
169background-color: __blogpagerback__;
170padding: 1em;
171}
172.footerbutton{
173/*background-color: #a11919;*/
174background-color: __menuhovercolour__;
175padding: 5px;
176margin: 0.15em;
177}
178.footerbutton:hover { background-color: __hyperlinkhovercolour__; }
179
180.container { width: 693px; margin-left: auto; margin-right: auto; }
181
182.pane {
183    /*width: 200px;*/
184    width: 100%;
185    /* min-height: 275px;*/
186    display: inline-block;
187    margin:     0px; padding: 0px;
188    /* background-image: url('purpleback.png');  */
189    font-size: 1em;
190}
191
192.main { font-size: 1.15em;  }
193
194.header { letter-spacing: 0.15em; display: block; border-bottom: 1px solid __headerback__; text-transform: uppercase; }
195.purple { background-image: url(''); }
196.red { background-image: url(''); }
197.green { background-image: url(''); }
198
199.contentarea{
200    width: 1000px; min-height: 300px;
201    margin-left: auto; margin-right: auto;
202    background-color: __sidebarback__;
203    /*margin-top: 30px;*/
204}
205
206.descriptionwrapper {
207  background: __headerback__;
208  width: 693px; margin-left: auto; margin-right: auto;
209  vertical-align: middle;
210  padding: 0px;
211  padding-top: 0px; height: 30px;
212  padding-left: 24px; box-sizing: border-box;
213  letter-spacing: 3.6px !important;
214  /*color: white;*/
215}
216.descriptionwrapper p {
217  margin: 0px; display: inline;
218  position: relative; top: -8px;
219}
220
221
222.statcol { padding: 8px !important; box-sizing: border-box; }
223
224div.statcol{ float: left; padding: 0px; vertical-align: middle; overflow: hidden; text-align: left; margin-bottom: 0px; }
225/* div.statrow{ padding-top: 0px; vertical-align: middle; clear: both; float: none; } */
226div.statrow { width: 100%; margin: 0 auto; overflow: hidden; }
227
228.headerpane{
229    width: 100%; min-height: 72px;
230    background-color: __menuhovercolour__;
231    color: __descriptiontextcolour__; font-size: 24px;
232}
233.headerpane div.padfurther {
234  /*padding: 18px; padding-bottom: 0px;*/
235  width: 693px; margin-left: auto; margin-right: auto;
236}
237.headerpane h1 { margin-bottom: 0px; }
238
239.divider{
240    width: 100%; height: 24px;
241    background-color: __headerback__;
242}
243
244
245.header, .menutitle2 { letter-spacing: 0.15em; display: block; border-bottom: 1px solid __headerback__; text-transform: uppercase; }
246
247h1 { padding: 0px; margin: 0px; font-weight: normal; margin-bottom: 8px; }
248
249a.footerbutton:link, a.footerbutton:visited, a.footerbutton:active { color: __pagetextcolour__; }
250a:link, a:visited, a:active { color: __hyperlinkcolour__; text-decoration: none; }
251a:hover { color: __hyperlinkhovercolour__; text-decoration: underline; }
252
253.colourblock {
254  color: __colourblocktextcolour__;
255  width: 31%;
256  height: 100%;
257  padding: 1em !important;
258  /*background-color: yellow;*/
259  margin-right: 1em;
260  box-sizing: border-box;
261} .colourblock:first-child { margin-left: 1em; }
262
263.centerwrapper { margin: auto; height: 200px; width: 90%; }
264
265/*  ----
266gradient blocks */
267
268.gradient1 {
269  background: __gradient1startcolour__;
270  background: linear-gradient(45deg, __gradient1startcolour__ 0%, __gradient1endcolour__ 100%);
271}
272
273.gradient2 {
274  background: __gradient2startcolour__;
275background: linear-gradient(45deg, __gradient2startcolour__ 0%, __gradient2endcolour__ 100%);
276}
277
278.gradient3 {
279  background: __gradient3startcolour__;
280background: linear-gradient(45deg, __gradient3startcolour__ 0%, __gradient3endcolour__ 100%);
281}
282
283.pane .header, .ddblueblockmenu .menutitle2, .colourblock .header
284  { text-decoration: none; border-bottom: 1px solid __colourblocktextcolour__; margin-bottom: 0.85em;
285    /*margin-top: 1.35em;*/
286  }
287
288/* ----- forms ----- */
289select {
290 font-family: ~"__formfieldfonts__";
291 font-size: 16px;
292 margin-right: 6px;
293 background-color: __formfieldback__;
294 border: 1px solid __formfieldborder__;
295 color: __formfieldtextcolour__;
296}
297
298input, input[type='text'], input[type='password'], textarea {
299 font-family: ~"__formfieldfonts__";
300 font-size: 16px;
301 margin-right: 6px;
302 background-color: __formfieldback__;
303 border: 1px solid __formfieldborder__;
304 color: __formfieldtextcolour__;
305}
306
307button, button[type='submit']{
308 font-family: ~"__formfieldfonts__";
309 font-size: 16px;
310 margin-right: 6px;
311 background-color: __formfieldback__;
312 border: 3px ridge __formfieldborder__;
313 color: __formfieldtextcolour__;
314}
315
316
317/* menus */
318/*Credits: Dynamic Drive CSS Library */
319/*URL: http://www.dynamicdrive.com/style/ */
320.ddblueblockmenu{
321border: 0px solid __headerback__;
322border-bottom-width: 0;
323width: 100%;
324/*font-size: 0.8em;*/
325}
326
327.ddblueblockmenu ul{
328margin: 0;
329padding: 0px;
330list-style-type: none;
331margin-bottom: 1.15em;
332}
333
334.ddblueblockmenu li a{
335display: block;
336padding: 6px 0px;
337padding-left: 9px;
338/*width: 169px; 185px minus all left/right paddings and margins*/
339text-decoration: none;
340color: __menucolour__;
341/*background-color: #595959;*/
342border-bottom: 0px solid __unusedborder__;
343border-left: 0px solid __activemenuoptionback__;
344}
345
346* html .ddblueblockmenu li a{ /*IE only */
347width: 187px; /*IE 5*/
348width: 169px; /*185px minus all left/right paddings and margins*/
349}
350
351.ddblueblockmenu li a:hover {
352background-color: __menuhovercolour__;
353border-left-color: __activemenuoptionback__;
354text-decoration: none;
355}
356
357.ddblueblockmenu li .active {
358background-color: __activemenuoptionback__;
359border-left-color: __activemenuoptionback__;
360cursor: default;
361}
362
363.ddblueblockmenu div.menutitle{
364color: __menucolour__  ;
365border-bottom: 3px solid __unusedborder__;
366padding: 1px 0;
367padding-left: 5px;
368/* background-color: #3c3c3c; */ padding-top: 12px;
369font: bold 90%;
370}