/*
Theme Name: Zen Elements III
Theme URI: www.zenelements.com
Description: Theme for Zen Elements III
Author: Alex Mitchell
Author URI: www.zenelements.com
*/

<!-- #e23b30 #323232-->

h1 {text-transform:lowercase; padding:5px 0 7px 25px;}
.post h1 {text-transform:lowercase; padding:5px 0 7px 25px;}
h2 {text-transform:lowercase;}
h3 {text-transform:lowercase;}
h4 {text-transform:lowercase;}
h1 a {color:#323232; text-transform:lowercase; border:none;}
h1 a:hover {border:none; color:#e23b30;}

.snippet {}
.snippet p {margin:10px 0 25px 0;}
a.snippetImg {border:none;}
a.snippetImg:hover {border:none;}
a.snippetImg img {margin:10px 0 0 0; border:1px solid #ccc; padding:5px;}
a.snippetImg img:hover {border:1px solid #999;}
a.more-link {border-left:5px solid #e23b30; border-bottom:none; background:#e5e5e5; padding:3px 10px 3px 13px; font-family:Georgia, "Times New Roman"; font-size:20px; font-style:italic; color:#e23b30;}
a.more-link:hover {border-left:5px solid #; background:#e5e5e5; color:#000;}
.commentCount {float:right; margin:-47px 0 0 0; width:55px;}
.commentCount a {display:block; text-align:center; width:55px; padding:4px 0 15px 0; background:url(images/comments.png) 0 0 no-repeat; font-family:Georgia, "Times New Roman"; font-size:20px; font-style:italic; color:#fff; border:none;}
.commentCount a:hover {padding:4px 0 15px 0; background:url(images/comments.png) -55px 0 no-repeat;}

.postBreak {margin:20px 0; border:none; border-top:1px solid #ccc;}

BACKWARDSCOMP {}
.postDetails {background:#333333; margin:0px; padding:5px 10px; color:#fff; height:23px;} .postDetails a {color:#fff;} .postDetails a:hover {color:#CCC;} p.excerptImage a {border:5px solid #dedede; float:left; margin:5px 10px 15px 0px; padding:0px;} p.excerptImage a:hover {border:5px solid #a5a5a5; float:left; margin:5px 10px 15px 0px;} p.excerptImage a img {border:none;} p.excerptText {font-weight:bold; font-size:12px; line-height:1.75; margin:30px 0px 0px 0px;} p.excerptText a {font-weight:bold; font-size:12px;}

#sidebar {float:right; width:308px; padding:0; background:#eee url(images/bg_sidebar_2.png) left top no-repeat; border:1px solid #dce1e6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#sidebar #h3 {font-size:16px;}
#sidebar .subscribe {padding:25px 10px 0 10px;}
	.subscribe a {border:none; opacity:0.75;}
	.subscribe a:hover {border:none; opacity:1;}
	.tCount span {display:none; margin:-115px 0 0 175px; width:115px; height:42px; padding:5px; background:#dce1e6; border:1px solid #d1d7de; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.8;} .tCount span h3 {margin:-10px 0 0 0; padding:0 0 0 0;} .tCount span small {display:block;} .tCount:hover span {display:block; position:absolute;}
#sidebar .sponsor {padding:10px; border-top:1px dotted #c4c8cc;}
	#sidebar .sponsor h3 {margin:0 0 10px 0;} #sidebar .sponsor a {border:none; margin:0 8px 10px 0;} #sidebar .sponsor a img {border:5px solid #c4c8cc; padding:1px; margin:0;} #sidebar .sponsor a img:hover {border:5px solid #b3bac1;}
#sidebar .search {padding:10px; border-top:1px dotted #c4c8cc;}
	#sidebar .search h3 {margin:0 0 10px 0;}
	#sidebar #searchform {width:287px;}
	#sidebar #searchform .searchInput {float:left; width:205px; height:32px; padding:1px 0 1px 5px; border:3px solid #e23b30; border-right:none; font-size:1.2em; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;}
	#sidebar #searchform .searchSubmit {float:right; width:74px; height:40px; border:3px solid #e23b30; border-left:none; padding:0; background:#e23b30; font-size:23px; color:#fff; font-family:Georgia, "Times New Roman"; font-style:italic; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
	#sidebar #searchform .searchSubmit:hover {cursor:pointer; background:#323232; color:#fff;}
#sidebar .friends {padding:10px; border-top:1px dotted #c4c8cc;}
	#sidebar .friends ul {list-style:none; float:left; padding:0; margin:10px 0 0 0;}
	#sidebar .friends ul li {display:block; float:left; width:130px; margin:0 0 5px 0; padding:0 0 0 5px;}
	#sidebar .friends ul li a:link, #sidebar .friends ul li a:visited {font-size:12px; text-decoration:none; color:#e23b30; padding:1px 2px; text-decoration:none;}
	#sidebar .friends ul li a:hover, #sidebar .friends ul li a:active {color:#000; padding:1px 2px;}
#sidebar .doodle {padding:10px; min-height:250px; border-top:1px dotted #aaa; background:url(../../../images/doodles/doodle.gif) left bottom no-repeat;}
#sidebar .doodle a {position:absolute; margin:200px 0 0 0; padding:3px; font-size:11px; background:url(../../../../images/oW50.png);}
#sidebar .doodle a:hover {}

.postIMG {display:block; border:1px solid #c4c8cc; padding:5px; text-align:center;}
.postIMG img {max-width:618px;}
.postBox {border:1px solid #c4c8cc; height:inherit; margin:10px 0 0 0; width:580px; padding:20px 20px;}
.sourceDownload {text-align:center;} .sourceDownload a {border:none;} .sourceDownload a:hover {border:none;}

body#blog .lEight ul {list-style:none;} body#blog .lEight ul li {line-height:1.5;}

ol.list_code { font-family: "Courier New", Courier, monospace; margin: 20px 0px 0px 20px; padding: 0px 0px 0px 15px; color:#000099; }
ol.list_code li {border-left: 3px solid #69aa69; background: #ffffff; padding:2px 0px 2px 15px; margin: 3px 0px; font-size:12px;}
ol.list_code li.alt { border-left: 3px solid #69aa69; background: #f0f0f0; padding:2px 0px 2px 15px; }
ol.list_code li.title {list-style: none; background: #f3f3f3; color:#000000;}
span.code-doctype {font-style: italic;}
span.code-tag{color:#000099;}
span.code-value{color:#0000ff;}
span.code-comment {color:#999999;}
span.code-a{color:#006600;}
span.code-img{color:#990099;}
span.code-form{color:FF9900;}
span.code-table{color:#009999;}
span.code-text{color:#000000;}
span.code-css{color:#ff00ff;}

ul.list_external-links { list-style:none; }
ul.list_external-links li { background:url(http://www.zenelements.co.uk/blog/images/ul_li_external-link.gif) left no-repeat; padding:5px 0px 5px 25px; }
ul.list_positive { list-style:none; }
ul.list_positive li { background:url(http://www.zenelements.co.uk/blog/images/ul_li_positive.gif) left no-repeat; padding:5px 0px 5px 25px; }
ul.list_negative { list-style:none; }
ul.list_negative li { background:url(http://www.zenelements.co.uk/blog/images/ul_li_negative.gif) left no-repeat; padding:5px 0px 5px 25px; }
ul.list_mixed { list-style:none;}
li.list_negative { background:url(http://www.zenelements.co.uk/blog/images/ul_li_negative.gif) left no-repeat; padding:5px 0px 5px 25px; }
li.list_positive { background:url(http://www.zenelements.co.uk/blog/images/ul_li_positive.gif) left no-repeat; padding:5px 0px 5px 25px; }

#shareit {margin:40px 0; width:620px; height:165px; padding:10px 0 0 10px; background:#fff url(../../../images/shareit.gif) no-repeat; border:1px solid #e5e5e5;}
#shareit h4 {font-family:Georgia, "Times New Roman"; font-size:36px; font-style:italic; color:#e23b30; text-transform:none; font-weight:normal;}
#shareit p {margin:5px 0; font-size:14px; width:340px;}
#shareit .items {height:25px; width:350px; padding:5px;}
#shareit .item {float:left; width:102px; margin:0 5px 0 0;}
.item a {border:none;}
.item a:hover {border:none;}

.commentlist {margin:20px 0 10px 0;}
.commentlist li {margin:25px 0; display:block; list-style:none; padding:0;}
.commentlist li p {margin:7px 0 5px 0; padding:10px 15px; background:#e5e5e5; font-size:12px; color:#323232;}
.commentlist li img {float:left; display:block; margin:2px 10px 10px 2px;}
span.author {display:block; margin:0 0 5px 0;}
span.cldata {display:block; font-size:50%;}
span.cldata a {border:none;}

.cF {padding:0 10px}
.cF fieldset {border:none;}
.cF legend {font-weight:bold; margin:0 0 0 -10px; padding:0;}
.cF label {float:left; width:135px; font-size:14px;}
.cF input {width:250px; height:19px; padding:2px; color:#666; background:#fff; border:1px solid #ccc;}
.cF input:focus {background:#fff; border:1px solid #aaa;}
.cF textarea {width:381px; height:200px; padding:4px; color:#666; background:#fff; border:1px solid #ccc; font-family:arial; letter-spacing:1px;}
.cF textarea:focus {border:1px solid #aaa;}
#cFS {margin:5px 0; width:390px; height:35px; font-size:1.2em; padding:5px 0; color:#fff; background:#e23b30; border:none;}
#cFS:hover {cursor:pointer; background:#444;}
.cF span {padding:0 0 0 10px; font-size:70%; font-style:italic;}
.cFR {color:#900;} .cFO {color:#090;}
select {color:#666; background:#fff; border:1px solid #ccc;}
select option {width:250px; height:19px; color:#666;}
select option:hover {background:#900;}
  
.wp-pagenavi {font-size:12px;}  
.wp-pagenavi a, .wp-pagenavi a:link {height:16px; width:16px; padding:3px 7px 3px 7px; text-align:center; border:1px solid #c4c8cc; color:#e23b30; margin:3px; font-weight:bold;}
.wp-pagenavi a:visited { }
.wp-pagenavi a:hover {border:1px solid #e23b30;}
.wp-pagenavi a:active { }
.wp-pagenavi span.pages {height:16px; width:16px; padding:3px 7px 3px 7px; text-align:center; border:1px solid #c4c8cc; color:#e23b30; margin:3px; font-weight:bold;}
.wp-pagenavi span.current {height:16px; width:16px; padding:3px 7px 3px 7px; text-align:center; background:#e23b30; border:1px solid #e23b30; color:#fff; margin:3px; font-weight:bold;}
.wp-pagenavi span.extend { }
.wp-pagenavi .last {display:none;}

@font-face {font-family: SketchRockwell; src: url('http://www.zenelements.com/blog/images/tutorials/web/css3-introduction/SketchRockwell.ttf');}

.css3T {width:630px; margin:0 auto 10px auto; font-size:14px;} .css3T a {margin:0 0 0 7px;}
.css3T thead {text-align:center;} .css3T thead tr td {border-bottom:2px solid #363b43; padding:7px 0;} .css3T thead tr.browsers td {border-bottom:none;}
.css3T tbody tr.alt {background:#e6e6e6;} .css3T tbody tr td {border-bottom:1px solid #363b43; padding:7px 0; width:35px;} .css3T tbody tr:hover {background:#ddd;}
.css3T tbody tr td.yes {background:url(http://www.zenelements.com/blog/images/css3yes.png) 50% 50% no-repeat;}
.css3T tbody tr td.no {background:url(http://www.zenelements.com/blog/images/css3no.png) 50% 50% no-repeat;}
.css3T tbody tr td.maybe {background:url(http://www.zenelements.com/blog/images/css3maybe.png) 50% 50% no-repeat;}