Commits

Anonymous committed 03d68fd

Merged from 2009-restyle.

Comments (0)

Files changed (14)

 
 $(DOCBOOK_ALL_IN_ONE_XHTMLS_CSS): %: $(DOCMAKE_STYLE_CSS)
 	cp -f $< $@
+
+common/style.css.ttml: lib/smoked-wp-theme.css.ttml
+	touch $@
+

common/images/archives.jpg

Added
New image

common/images/blockquote.jpg

Added
New image

common/images/boat.jpg

Added
New image

common/images/categories.jpg

Added
New image

common/images/container-bottom.jpg

Added
New image

common/images/container-top.jpg

Added
New image

common/images/domtab.js

+/*
+	DOMtab Version 3.1415927
+	Updated March the First 2006
+	written by Christian Heilmann
+	check blog for updates: http://www.wait-till-i.com	
+	free to use, not free to resell
+*/
+
+domtab={
+	tabClass:'domtab', // class to trigger tabbing
+	listClass:'domtabs', // class of the menus
+	activeClass:'active', // class of current link
+	contentElements:'div', // elements to loop through
+	backToLinks:/#top/, // pattern to check "back to top" links
+	printID:'domtabprintview', // id of the print all link
+	showAllLinkText:'show all content', // text for the print all link
+	prevNextIndicator:'doprevnext', // class to trigger prev and next links
+	prevNextClass:'prevnext', // class of the prev and next list
+	prevLabel:'previous', // HTML content of the prev link
+	nextLabel:'next', // HTML content of the next link
+	prevClass:'prev', // class for the prev link
+	nextClass:'next', // class for the next link
+	init:function(){
+		var temp;
+		if(!document.getElementById || !document.createTextNode){return;}
+		var tempelm=document.getElementsByTagName('div');		
+		for(var i=0;i<tempelm.length;i++){
+			if(!domtab.cssjs('check',tempelm[i],domtab.tabClass)){continue;}
+			domtab.initTabMenu(tempelm[i]);
+			domtab.removeBackLinks(tempelm[i]);
+			if(domtab.cssjs('check',tempelm[i],domtab.prevNextIndicator)){
+				domtab.addPrevNext(tempelm[i]);
+			}
+			domtab.checkURL();
+		}
+		if(document.getElementById(domtab.printID) 
+		   && !document.getElementById(domtab.printID).getElementsByTagName('a')[0]){
+			var newlink=document.createElement('a');
+			newlink.setAttribute('href','#');
+			domtab.addEvent(newlink,'click',domtab.showAll,false);
+			newlink.onclick=function(){return false;} // safari hack
+			newlink.appendChild(document.createTextNode(domtab.showAllLinkText));
+			document.getElementById(domtab.printID).appendChild(newlink);
+		}
+	},
+	checkURL:function(){
+		var id;
+		var loc=window.location.toString();
+		loc=/#/.test(loc)?loc.match(/#(\w.+)/)[1]:'';
+		if(loc==''){return;}
+		var elm=document.getElementById(loc);
+		if(!elm){return;}
+		var parentMenu=elm.parentNode.parentNode.parentNode;
+		parentMenu.currentSection=loc;
+		parentMenu.getElementsByTagName(domtab.contentElements)[0].style.display='none';
+		domtab.cssjs('remove',parentMenu.getElementsByTagName('a')[0].parentNode,domtab.activeClass);
+		var links=parentMenu.getElementsByTagName('a');
+		for(i=0;i<links.length;i++){
+			if(!links[i].getAttribute('href')){continue;}
+			if(!/#/.test(links[i].getAttribute('href').toString())){continue;}
+			id=links[i].href.match(/#(\w.+)/)[1];
+			if(id==loc){
+				var cur=links[i].parentNode.parentNode;
+				domtab.cssjs('add',links[i].parentNode,domtab.activeClass);
+				break;
+			}
+		}
+		domtab.changeTab(elm,1);
+		elm.focus();
+		cur.currentLink=links[i];
+		cur.currentSection=loc;
+	},
+	showAll:function(e){
+		document.getElementById(domtab.printID).parentNode.removeChild(document.getElementById(domtab.printID));
+		var tempelm=document.getElementsByTagName('div');		
+		for(var i=0;i<tempelm.length;i++){
+			if(!domtab.cssjs('check',tempelm[i],domtab.tabClass)){continue;}
+			var sec=tempelm[i].getElementsByTagName(domtab.contentElements);
+			for(var j=0;j<sec.length;j++){
+				sec[j].style.display='block';
+			}
+		}
+		var tempelm=document.getElementsByTagName('ul');		
+		for(i=0;i<tempelm.length;i++){
+			if(!domtab.cssjs('check',tempelm[i],domtab.prevNextClass)){continue;}
+			tempelm[i].parentNode.removeChild(tempelm[i]);
+			i--;
+		}
+		domtab.cancelClick(e);
+	},
+	addPrevNext:function(menu){
+		var temp;
+		var sections=menu.getElementsByTagName(domtab.contentElements);
+		for(var i=0;i<sections.length;i++){
+			temp=domtab.createPrevNext();
+			if(i==0){
+				temp.removeChild(temp.getElementsByTagName('li')[0]);
+			}
+			if(i==sections.length-1){
+				temp.removeChild(temp.getElementsByTagName('li')[1]);
+			}
+			temp.i=i; // h4xx0r!
+			temp.menu=menu;
+			sections[i].appendChild(temp);
+		}
+	},
+	removeBackLinks:function(menu){
+		var links=menu.getElementsByTagName('a');
+		for(var i=0;i<links.length;i++){
+			if(!domtab.backToLinks.test(links[i].href)){continue;}
+			links[i].parentNode.removeChild(links[i]);
+			i--;
+		}
+	},
+	initTabMenu:function(menu){
+		var id;
+		var lists=menu.getElementsByTagName('ul');
+		for(var i=0;i<lists.length;i++){
+			if(domtab.cssjs('check',lists[i],domtab.listClass)){
+				var thismenu=lists[i];
+				break;
+			}
+		}
+		if(!thismenu){return;}
+		thismenu.currentSection='';
+		thismenu.currentLink='';
+		var links=thismenu.getElementsByTagName('a');
+		for(i=0;i<links.length;i++){
+			if(!/#/.test(links[i].getAttribute('href').toString())){continue;}
+			id=links[i].href.match(/#(\w.+)/)[1];
+			if(document.getElementById(id)){
+				domtab.addEvent(links[i],'click',domtab.showTab,false);
+				links[i].onclick=function(){return false;} // safari hack
+				domtab.changeTab(document.getElementById(id),0);
+			}
+		}
+		id=links[0].href.match(/#(\w.+)/)[1];
+		if(document.getElementById(id)){
+			domtab.changeTab(document.getElementById(id),1);
+			thismenu.currentSection=id;
+			thismenu.currentLink=links[0];
+			domtab.cssjs('add',links[0].parentNode,domtab.activeClass);
+		}
+	},
+	createPrevNext:function(){
+		// this would be so much easier with innerHTML, darn you standards fetish!
+		var temp=document.createElement('ul');
+		temp.className=domtab.prevNextClass;
+		temp.appendChild(document.createElement('li'));
+		temp.getElementsByTagName('li')[0].appendChild(document.createElement('a'));
+		temp.getElementsByTagName('a')[0].setAttribute('href','#');
+		temp.getElementsByTagName('a')[0].innerHTML=domtab.prevLabel;
+		temp.getElementsByTagName('li')[0].className=domtab.prevClass;
+		temp.appendChild(document.createElement('li'));
+		temp.getElementsByTagName('li')[1].appendChild(document.createElement('a'));
+		temp.getElementsByTagName('a')[1].setAttribute('href','#');
+		temp.getElementsByTagName('a')[1].innerHTML=domtab.nextLabel;
+		temp.getElementsByTagName('li')[1].className=domtab.nextClass;
+		domtab.addEvent(temp.getElementsByTagName('a')[0],'click',domtab.navTabs,false);
+		domtab.addEvent(temp.getElementsByTagName('a')[1],'click',domtab.navTabs,false);
+		// safari fix
+		temp.getElementsByTagName('a')[0].onclick=function(){return false;}
+		temp.getElementsByTagName('a')[1].onclick=function(){return false;}
+		return temp;
+	},
+	navTabs:function(e){
+		var li=domtab.getTarget(e);
+		var menu=li.parentNode.parentNode.menu;
+		var count=li.parentNode.parentNode.i;
+		var section=menu.getElementsByTagName(domtab.contentElements);
+		var links=menu.getElementsByTagName('a');
+		var othercount=(li.parentNode.className==domtab.prevClass)?count-1:count+1;
+		section[count].style.display='none';
+		domtab.cssjs('remove',links[count].parentNode,domtab.activeClass);
+		section[othercount].style.display='block';
+		domtab.cssjs('add',links[othercount].parentNode,domtab.activeClass);
+		var parent=links[count].parentNode.parentNode;
+		parent.currentLink=links[othercount];
+		parent.currentSection=links[othercount].href.match(/#(\w.+)/)[1];
+		domtab.cancelClick(e);
+	},
+	changeTab:function(elm,state){
+		do{
+			elm=elm.parentNode;
+		} while(elm.nodeName.toLowerCase()!=domtab.contentElements)
+		elm.style.display=state==0?'none':'block';
+	},
+	showTab:function(e){
+		var o=domtab.getTarget(e);
+		if(o.parentNode.parentNode.currentSection!=''){
+			domtab.changeTab(document.getElementById(o.parentNode.parentNode.currentSection),0);
+			domtab.cssjs('remove',o.parentNode.parentNode.currentLink.parentNode,domtab.activeClass);
+		}
+		var id=o.href.match(/#(\w.+)/)[1];
+		o.parentNode.parentNode.currentSection=id;
+		o.parentNode.parentNode.currentLink=o;
+		domtab.cssjs('add',o.parentNode,domtab.activeClass);
+		domtab.changeTab(document.getElementById(id),1);
+		document.getElementById(id).focus();
+		domtab.cancelClick(e);
+	},
+/* helper methods */
+	getTarget:function(e){
+		var target = window.event ? window.event.srcElement : e ? e.target : null;
+		if (!target){return false;}
+		if (target.nodeName.toLowerCase() != 'a'){target = target.parentNode;}
+		return target;
+	},
+	cancelClick:function(e){
+		if (window.event){
+			window.event.cancelBubble = true;
+			window.event.returnValue = false;
+			return;
+		}
+		if (e){
+			e.stopPropagation();
+			e.preventDefault();
+		}
+	},
+	addEvent: function(elm, evType, fn, useCapture){
+		if (elm.addEventListener) 
+		{
+			elm.addEventListener(evType, fn, useCapture);
+			return true;
+		} else if (elm.attachEvent) {
+			var r = elm.attachEvent('on' + evType, fn);
+			return r;
+		} else {
+			elm['on' + evType] = fn;
+		}
+	},
+	cssjs:function(a,o,c1,c2){
+		switch (a){
+			case 'swap':
+				o.className=!domtab.cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
+			break;
+			case 'add':
+				if(!domtab.cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
+			break;
+			case 'remove':
+				var rep=o.className.match(' '+c1)?' '+c1:c1;
+				o.className=o.className.replace(rep,'');
+			break;
+			case 'check':
+				var found=false;
+				var temparray=o.className.split(' ');
+				for(var i=0;i<temparray.length;i++){
+					if(temparray[i]==c1){found=true;}
+				}
+				return found;
+			break;
+		}
+	}
+}
+domtab.addEvent(window, 'load', domtab.init, false);
+	

common/images/faux.jpg

Added
New image

common/images/header.jpg

Added
New image

common/images/recent-posts.jpg

Added
New image

common/style.css.ttml

     background-color : #90EE90; /* LightGreen */
 }
 [% SET navbar_width = "20%" %]
-[% PROCESS "shlomif/navbar.ttml" %]
-.navbar 
+[% PROCESS "smoked-wp-theme.css.ttml" %]
+.invisible
 {
-    /* derived from moccasin, but less intrusive, as a background.*/
-    background-color: #FFEED3; 
+    visibility: hidden;
 }
-.navbar ul
-{
-    font-family: sans-serif;
-    font-size : small;
-}
-[% INCLUDE "nav_links.ttml" %]
-[% PROCESS "newsitem.css.ttml" %]
 div.indent { margin-left : 3em }
 p.indent { margin-left : 3em  }
 div.rightalign { text-align : right }
     http://www.zvon.org/xxl/CSS2Tutorial/Examples/example3.html
 */
 
-.main 
-{
-    padding-left : 1em;
-    margin-left : 25%;
-}
-.main img
-{
-     margin-right: 1em;
-}
-
 ul.noindent { margin-left : 0em }
 .center { text-align: center }
 #noie
 /* This is for the breadcrumbs trail (= leading path) at the top. */
 .leading_path
 {
-    background-color : #ccffd0;
+    background-color : white;
     margin-bottom: 0.2em;
     padding-left: 0.2em;
     padding-top: 0.1em;
 {
     border:0;
 }
-[% PROCESS "shlomif/common_defs.ttml" %]
+[% PROCESS "shlomif/navbar.ttml" %]
 [% INCLUDE "lang_switch.css.ttml" %]
+[% INCLUDE "nav_links.ttml" %]
 .about_site
 {
     width: 35%;

lib/rejects/old-style.css.ttml

+[% PROCESS "shlomif/navbar.ttml" %]
+.navbar 
+{
+    /* derived from moccasin, but less intrusive, as a background.*/
+    background-color: #FFEED3; 
+}
+.navbar ul
+{
+    font-family: sans-serif;
+    font-size : small;
+}
+[% INCLUDE "nav_links.ttml" %]
+[% PROCESS "newsitem.css.ttml" %]
+[% PROCESS "shlomif/common_defs.ttml" %]
+
+.main 
+{
+    padding-left : 1em;
+    margin-left : 25%;
+}
+.main img
+{
+     margin-right: 1em;
+}
+

lib/smoked-wp-theme.css.ttml

+/*
+Theme Name: Smoked
+Description: A clean theme suitable for any blog. Sidebar Widgets and Sidebar Navigation Tabs. WP PageNavi Ready
+Theme URI: http://demo.creativeblogdesigns.com/?wptheme=Smoked
+Tags: dark, white, two-columns, fixed-width, left-sidebar, blue
+Version: 1.2
+Author: byPrelco Web Design
+Author URI: http://www.byprelco.com
+*/
+
+[% SET sidebar_id = "#navbar" %]
+[% SET content_id = "#main" %]
+[% SET widget_id = "#nav_menu" %]
+
+html, body, div, span, applet, object, iframe,
+blockquote, pre,
+abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-weight: inherit;
+    font-style: inherit;
+    font-size: 100%;
+    font-family: inherit;
+    vertical-align: baseline;
+    background: none;
+}
+
+
+body {
+    background: #01698f;
+    text-align: center;
+    font-family: Helvetica, sans-serif;
+[% IF 0 %]
+    font-size: 12px;
+[% END %]
+    color: #666;
+}
+
+#header {
+    margin: 0 auto;
+    height: 158px;
+    width: 900px;
+    background: url('images/header.jpg');
+    text-align: left;
+    overflow: hidden;
+}
+
+#header h1 {
+    margin: 30px auto 0 20px;
+    font-size: 35px;
+    letter-spacing: 4px;
+}
+
+#header h1 a {
+    color: #FFF;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+#header p {
+    margin: 10px auto 0 22px;
+    font-size: 25px;
+    color:#FFF;
+    letter-spacing: 2px;
+}
+
+#faux {
+    margin: 10px auto 0 auto;
+    height: 100%;
+    width: 900px;
+    background: url('images/faux.jpg') repeat;
+}
+
+#container-all {
+    margin: 0;
+    height: auto;
+    width: 900px;
+    background: url('images/container-top.jpg') top no-repeat;
+    overflow: hidden;
+}
+
+[% sidebar_id %] {
+    width: 210px;
+    height: auto;
+    text-align: left;
+    float: left;
+}
+
+[% sidebar_id %] h2 {
+    font-size: 16px;
+    letter-spacing: 1px;
+    font-weight: bold;
+    border-bottom: 1px solid #01698f;
+    padding-left: 5px;
+    margin-bottom: 10px;
+    color:#01698f;
+}
+
+[% sidebar_id %] ul li {
+    font-size: 13px;
+    list-style: square;
+    list-style-position:inside;
+    line-height: 18px;
+}
+
+[% sidebar_id %] ul li a {
+[% IF 0 %]
+    color: #5A5A43;
+[% END %]
+    text-decoration: none;
+}
+
+.domtab {
+    width: 250px;
+    text-align:center;
+}
+
+.domtabs li {
+    display: inline;
+    list-style: none;
+}
+
+[% widget_id %] {
+    text-align: left;
+    width: 230px;
+    margin-left: 10px;
+    margin-top: 5px;
+}
+
+.domtabs-link {
+    color: #333;
+    font-weight: bold;
+}
+
+.domtabs-description {
+    font-size: 11px;
+    color:#999;
+    font-weight: bold;
+    border-bottom: 1px dashed #999;
+    margin-bottom: 5px;
+    font-family: Arial, Helvetica, sans-serif;
+    color:#01698f;
+}
+
+[% widget_id %] {
+    text-align: left;
+    width: 230px;
+    margin-left: 10px;
+    margin-top: 20px;
+}
+
+[% widget_id %] a {
+[% IF 0 %]
+    color:#01698f;
+[% END %]
+}
+
+
+a.tagsz-1 { font-size:  8px; }
+a.tagsz-2 { font-size: 10px; }
+a.tagsz-3 { font-size: 12px; }
+a.tagsz-4 { font-size: 14px; }
+a.tagsz-5 { font-size: 16px; }
+
+
+[% sidebar_id %] #searchform .hidden {
+    display:none;
+    }
+
+[% sidebar_id %] form#searchform div {
+    margin: 20px 0;
+    height: 38px;
+    width: auto;
+    }
+    
+[% sidebar_id %] #searchform input#s {
+    margin: 0 5px auto 10px;
+    padding: 0;
+    height: 18px;
+    width: 144px;
+    border: #01698f solid 1px;
+    font-weight:bold;
+    font-size: 15px;
+    color: #4265A7;
+    line-height: 20px;
+    overflow: hidden;
+    text-align:center;
+    }
+
+[% sidebar_id %] #searchform input#searchsubmit {
+    margin: 0 auto 0 0;
+    height: 18px;
+    width: 53px;
+    color: #FFF;
+    border: 0;
+    background: #01698f;
+    font-size: 12px;
+    font-weight: bold;
+    }
+
+[% sidebar_id %] div#calendar_wrap {
+    margin: 0 auto 7px 0;
+    width: 250px;
+    text-align: center;
+    font-size: 14px;
+    }
+
+[% sidebar_id %] #calendar_wrap table{
+    margin: 0 auto;
+    color:#516999;
+    }
+
+[% sidebar_id %] #calendar_wrap caption {
+    margin: 0 auto 7px 0;
+    font-size: 16px;
+    font-weight: bold;
+    }
+    
+[% sidebar_id %] #calendar_wrap a{
+    font-size: 14px;
+    color: #516999;
+    font-weight: bold;
+    text-decoration: none;
+    }
+
+
+[% content_id %] {
+    margin: 10px auto 0 0px;
+    width: 630px;
+    height: auto;
+    float: right;
+    text-align: left;
+}
+
+.post {
+    text-align: justify;
+    width: 610px;
+}
+
+.post-title h1 {
+    font-size: 24px;
+    border-bottom: 1px dashed #01698f;
+    text-align: left;
+}
+
+.post-title h1 a {
+    color:#01698f;
+    text-decoration: none;
+    font-weight: bold;
+    letter-spacing: 3px;
+    text-align: left;
+}
+
+.post-date {
+    margin-top: 3px;
+    font-family:Verdana, Geneva, sans-serif;
+    font-size: 13px;
+    font-style:italic;
+}
+
+.post-tags {
+    margin-top: 1px;
+    font-family:Verdana, Geneva, sans-serif;
+    font-size: 13px;
+    font-style:italic;
+}
+
+.post-tags a {
+    font-weight: bold;
+    text-decoration: none;
+    color:#01698f;
+    font-style: normal;
+    font-size: 12px;
+}
+
+.post-content {
+    margin: 10px auto 0 auto;
+    font-family:Tahoma, Geneva, sans-serif;
+    font-size: 14px;
+}
+
+.post-content p {
+    margin-bottom: 10px;
+    letter-spacing: 1px;
+    line-height: 18px;
+}
+
+.post-content img {
+    border:4px solid #DDDDDD;
+    margin:4px 0;
+}
+
+.post-content a img {
+    border:4px solid #DDDDDD;
+}
+
+.post-content a:hover img {
+    border-color:#CCCCCC;
+}
+
+.post-content a {
+    color:#01698f;
+}
+
+.post-content ol {
+    margin: 7px auto 7px 18px;
+    }
+
+.post-content ol li {
+    margin-left: 5px;
+    padding: 0px;
+    }
+
+.post-content ul {
+    margin: 7px auto 7px 14px;
+    }
+
+.post-content ul li {
+    margin-left: 5px;
+    padding: 0px;
+    }
+
+.post-content h1 {
+    margin: 5px auto 5px 0;
+    padding-left: 8px;
+    padding-bottom: 4px;
+    font-size: 25px;
+    font-weight: bold;
+    border-left: 4px #01698f solid;
+    border-bottom: 1px #01698f solid;
+    }
+
+.post-content h2 {
+    margin: 5px auto 5px 0;
+    padding-left: 8px;
+    padding-bottom: 4px;
+    font-size: 25px;
+    font-weight: normal;
+    font-style:italic;
+    border-left: 4px #01698f solid;
+    border-bottom: 1px #01698f solid;
+    }
+
+.post-content h3 {
+    margin: 5px auto 5px 0;
+    padding-left: 8px;
+    padding-bottom: 4px;
+    font-size: 22px;
+    font-weight: bold;
+    border-left: 6px #01698f solid;
+    }
+
+.post-content h4 {
+    margin: 5px auto 5px 0;
+    padding-left: 8px;
+    padding-bottom: 4px;
+    font-size: 22px;
+    font-weight: normal;
+    font-style:italic;
+    border-left: 6px #01698f solid;
+    }
+
+.post-content h5 {
+    margin: 5px auto 5px 0;
+    padding-left: 8px;
+    padding-bottom: 4px;
+    font-size: 22px;
+    font-weight: normal;
+    border-left: 6px #01698f solid;
+    }
+
+.post-content blockquote {
+    background:url('images/blockquote.jpg') no-repeat top left;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    margin-left: 20px;
+    border-left: 2px #01698f solid;
+    padding-left: 15px;
+    }
+
+.post-content img.alignleft {
+    float: left;
+    margin: 0 20px 20px 0;
+}
+
+.post-content img.alignright {
+    float: right;
+    margin: 0 0 20px 20px;
+}
+
+.post-content img.aligncenter {
+    text-align: center;
+}
+
+[% content_id %] .comments {
+    margin: 10px auto auto auto;
+    width: 590px;
+    font-family:Tahoma, Geneva, sans-serif;
+    }
+
+[% content_id %] .comments a {
+    text-decoration: none;
+    color:#666666;
+    font-weight: bold;
+    }
+
+.comments-template {
+    width: 530px;
+    }
+
+.comments-template p {
+    text-indent: 0px;
+    }
+
+#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
+    background: #ffffff;
+    border: 1px solid #cccccc;
+    color: #666666;
+}
+
+.commentlist {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.commentlist li {
+    background: #ebebeb;
+    padding: 20px;
+    border: 1px solid #cccccc;
+    margin: 0 0 20px 0;
+}
+
+.avatar {
+    float: left;
+    margin: 0 5px 0 0;
+}
+
+.post-meta {
+    width: 590px;
+    background: #F5F5F5 none repeat scroll 0 0;
+    border:1px solid #E3E4E4;
+    color:#666666;
+    margin:10px 0 22px;
+    padding:5px 10px;
+    font-family:Tahoma, Geneva, sans-serif;
+}
+
+.post-meta a {
+    color:#01698f;
+}
+
+.navigation {
+    margin: 10px auto 40px auto;
+    width: 590px;
+    height: auto;
+    font-size: 14px;
+    color: #01698F;
+}
+
+.navigation a {
+    text-decoration: none;
+    font-weight: bold;
+    color: #01698F;
+}
+
+.navigation .alignleft {
+    float: left;
+    border: none;
+}
+
+.navigation .alignright {
+    float:right;
+    border: none;
+}
+
+.navigation a.alignleft, .navigation a.alignright {
+    border: none;
+}
+
+.navigation .clear {
+    clear: both;
+    height: 1px;
+    width: auto;
+}
+
+#pagenavi {
+    text-align: center;
+}
+
+#pagenavi .wp-pagenavi {
+    margin: 0 auto;
+    text-align: left;
+}
+
+#pagenavi .wp-pagenavi span.pages,#pagenavi span.current,#pagenavi a.page,#pagenavi a  {
+    background: none;
+    color: #01698F;
+    border: 1px solid #01698F;
+    font-size: 11px;
+}
+
+.navigation .clear {
+    clear: both;
+    height: 1px;
+    width: auto;
+}
+
+
+#container-footer {
+    clear: both;
+    margin: 0;
+    height: 46px;
+    width: 900px;
+    background: url('images/container-bottom.jpg') top no-repeat;
+}
+
+#footer {
+    margin: 10px auto;
+    color:#FFF;
+    font-family: Verdana, Geneva, sans-serif;
+    text-align: left;
+    margin-left: 2em;
+    margin-right: 2em;
+}
+
+#footer a {
+    color: #FF8800;
+    text-decoration: underline;
+    font-weight: bold;
+}
+
+[% sidebar_id %] a:link {
+    color: #448800 ;
+    text-decoration: underline;
+}