/***** Reset CSS *****/

* { border:0; margin:0; padding:0; list-style:none; font-size:100%; }
label, input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="button"], input[type="radio"], select { cursor:pointer; }
input, textarea, select { font-size:100%; font-family:Arial, Tahoma, sans-serif; color:#333; padding:0.1em 0.1em; border:1px solid #000; vertical-align:middle; }
select { padding:0; } option { padding-right:0.5em; }
input[type="image"], input[type="radio"], input[type="checkbox"] { border:none; padding:0; }
body.theukdave { font:12px/1.5em "Trebuchet MS", Arial, Tahoma, sans-serif; color:#6d6d6d; background:url(../img/body-bg.png) repeat-x top; }

/***** Generic styles *****/

	/* Links */

a { color:#000; }
a:hover { text-decoration:none; }
a.title { text-decoration:none; }

.img-link { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.img-link:hover { opacity:0.7; }

	/* Titles */

.title-h1 { color:#00227c; font-size:2em; margin-bottom:1.2em; font-weight:bold; }
.title-h2 { color:#96aed5; font-size:1em; border-bottom:1px solid #d4e2f9; padding-bottom:0.2em; margin-bottom:1em; }
.title-h3 { color:#00227c; font-size:1.5em; margin-bottom:0.8em; font-weight:normal; }
.title-h4 { color:#6d6d6d; font-size:1em; margin-bottom:1em; }

[class*="title-h"] .com { color:#000; }

	/* Text content */

.text-content p { margin-bottom:1.3em; }
.text-content *:last-child { margin-bottom:0; }

.text-content strong { color:#333; font-weight:normal; }

.text-content a { padding:1px 2px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.text-content a:hover { color:#fff; background:#666; text-decoration: underline; }
.text-content a.quiet-link { text-decoration: none; color: #6d6d6d; background: inherit; }

	/* Entries lists */

.list-entries > li { margin-top:3.3em; overflow:hidden; }
.list-entries > li:first-child { margin-top:0; }

	/* Entry */

.entry-content { margin-bottom: 3em; }
.entry-pic { float:left; width:210px; overflow:hidden; margin: 0 1em 0 0; }
.entry-pic img { max-width:210px; }
.entry-pic + .entry-content { margin-left:235px; }

	/* Classics Lists */
	
.list-1 > li { position:relative; padding-left:1.6em; }
.list-1 > li:before { content:'\25CF'; position:absolute; left:0; color:#000; font-size:1em; }
	
.list-margin { margin-left: 1.6em; margin-bottom: 2em; }	
.li-margin > li { margin-bottom: 1.3em; }	

	/* Table layout */

.tpl-2cols { display:table; }
.tpl-2cols > li { display:table-row; }

.tpl-2cols .label,
.tpl-2cols .value { display:table-cell; }
.tpl-2cols .label { text-align:right; padding-right:1.6em; }
.tpl-2cols .value { color:#000; }

	/* Code */

pre.code { border: 1px solid #e3effc; background-color: #fcfeff; clear: left; padding: 1em 1.4em; margin: 0 0 1em 0; display: inline-block; }
pre.code.javascript::before { content: "Javascript"; display: block; padding-bottom: 1em; font-style: italic; color: #aaa; font-family: Verdana; }
pre.code.java::before { content: "Java"; display: block; padding-bottom: 1em; font-style: italic; color: #aaa; font-family: Verdana; }
pre.code.python::before { content: "Python"; display: block; padding-bottom: 1em; font-style: italic; color: #aaa; font-family: Verdana; }
pre.code strong { color: #6d6d6d; font-weight: bold; }
pre.code em { color: #aaa }

a.readmore { display:block; float:right;}

/***** Main containers *****/

html, body { height:100%; }

#wrapper { position:relative; width:915px; margin:0 auto; min-height:100%; }
header { position:relative; height:85px; margin-bottom:50px; }
#center { overflow:hidden; padding-bottom:100px; }
footer { position:absolute; bottom:15px; left:0; }

#sidebar-left { float:left; width:210px; }
#sidebar-right { margin-left:235px; width:680px; }

.columns-container { overflow:hidden; }

/***** Sidebar left *****/
	
#sidebar-left .nav-sub { line-height:1.5em; padding-bottom: 1.6em; }
#sidebar-left .nav-sub a { text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
#sidebar-left .nav-sub a:hover,
#sidebar-left .nav-sub a.active { color:#96aed5; }
#sidebar-left .nav-sub li { margin-bottom: 0.4em; }

/***** Header *****/

	/* Logo */

#logo { position:absolute; bottom:0; left:0; width:211px; height:32px; background:url(../img/logo.png) no-repeat; }
#logo a { display:block; width:100%; height:100%; text-indent:-9999px; }

	/* Nav */
	
#nav-main { position:absolute; bottom:0; right:0; height:32px; line-height:32px; background:#fff; border-bottom:1px solid #dcdcdc; border-radius:3px; box-shadow:#eee 1px 1px 0; overflow:hidden; }
#nav-main li { float:left; width:135px; }
#nav-main a { position:relative; outline:none; font-weight:bold; display:block; text-decoration:none; text-align:center; color:#919191; font-size:1.3em; background:url(../img/menu-rollover.png) repeat-x center top; text-shadow:#fff 1px 1px 0; }

#nav-main a:before { content:''; position:absolute; top:0; left:0; height:100%; border-left:1px solid #e7e7e7; border-right:1px solid #fefefe; }
#nav-main li:first-child a:before { display:none; }

#nav-main a.active,
#nav-main a:hover { background-position:center bottom; color:#00227c; }
 
.ie7 #nav-main a { zoom:1; }
 
/***** Footer *****/
 
footer { width:100%; color:#afafaf; border:1px solid #cdcdcd; border-radius:2px; height:33px; line-height:33px; }
footer a { color:#afafaf; }
footer .copyright { padding:0 1.3em; }
footer .copyright:before { content:'TheUKDave'; padding-right:0.8em; margin-right:0.8em; border-right:1px solid #afafaf; }

/***** Messages *****/

.messages { border: 1px solid; padding: 0.6em; margin: 0.6em 0; }
.messages ul { margin-left: 1.6em }
.messages li { list-style: circle }
.messages.info { border-color: #f4f0a1; background-color: #fffcd9; color: #7f7a1f; }
.messages.success { border-color: #c4e8c0; background-color: #efffec; color: #2ca01f }
.messages.error { border-color: #efc7c3; background-color: #fff0eb; color: #cf5649 }