/*
Theme Name: Dotsandloops-wide Dev
Theme URI: http://dotsandloops.net
Description:
Author: e-head
Version: 0.2
Tags: dotsandloops, wide
*/
/****************
 Layout
*****************/
html {height: 100%;}

body {
	background: #CFCDC2 url(/img/bkgd-960.gif) top center repeat-y;
	margin: 0;
	padding: 0;
    border: 0; 
	font-weight: normal;
	font-family: Avenir, "Lucida Grande", Lucida, Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-size: 0.8125em;
	line-height: 1.4em;
	color: #444444;
    text-align: center;
    height: 100%;
}	

#header {
    margin-bottom: 3.5em;
}

#wrap {
    margin: 0 auto;
	padding: 0;
	width: 860px;
    text-align: left;
}

#left {
	width: 585px;
	padding: 0;
    margin: 0 25px 0 0;
}

#right {
	width: 230px;
	padding: 0;
    float: right;
}

#footer {
    width: 860px;
	margin-top: 3.5em;
    padding-top: 30px;
    padding-bottom: 2.2em;
    font-size: 85%;
    color: #999;
    background: url(/img/dnl_bottombanner.gif) top left no-repeat;
}
#footer a {
    color: #999;
}

/************
 Defaults: Links
*************/

a img {
    border: 0;
}
a {
    color: #8F7E23;
    text-decoration: none;
}
a:link {
    color: #8F7E23;
}
a:visited {
    text-decoration: underline;
}
a:hover, #left p a:hover {
    text-decoration: underline;
}

/*************************
 Default: Text, Fonts, and Headings
**************************/

code {
	font: small Georgia, Times New Roman, Serif;
	color: #666666;
    line-height: 1.6em;
}

strong {
	font-style: normal;
	font-weight: bold;
	color: #6F787F;
}
b {
	font-weight: bold;
	color: #555555;
}
q {
	font: small verdana, Avenir, sans-serif;
	font-weight: normal;
	font-style: italic;
}
blockquote {
	background: transparent url(/img/quote_start.gif) no-repeat;
	padding: 0px 23px 0px 25px;
	margin: 6px 0px 0px 0px;
    font-style: italic;
}
small {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.2em;	
}
p {
	margin: .3em 0em .7em 0em;
}

h1, h2, h3, h4 {
    font-weight: normal;
    line-height: 1.1em;
    color: #728594;
    letter-spacing: -1px;
}
h1, h2 {
    font-family: trebuchet ms, tahoma, verdana, helvetica, arial, sans-serif;
    margin: 1em 0 .2em 0;
    padding: 0 0 .2em 0;
}
h3, h4 {
	font-family: Verdana, Avenir, "Lucida Grande", Lucida, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    margin: 1em 0 .15em 0;
    padding: 0 0 .15em 0;
}
h1 {font-size: 2.1em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h4 {color: #74848F;}

h5 {
	font-family: Verdana, Avenir, "Lucida Grande", Lucida, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #728594;
	margin-bottom: .5em;
}

h6 {
	font-family: Verdana, Avenir, "Lucida Grande", Lucida, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 100%;
	color: #777777;
	margin-bottom: .5em;
}

/***********
 Sidebar
************/

ul#extras, ul#recently, ul#tags, ul#syndicate, ul#related_posts, ul#related_tags {
    list-style: none;
    line-height: 1.6em;
    margin: 0 0 1.5em 0;
    padding: 0 0 0 .2em;
}
ul#extras li, ul#recently li, ul#syndicate li, ul#related_posts li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    background: url(/img/simple_bullet.gif) left .72em no-repeat;
}
ul#recently li {
    line-height: 1.4em;
    padding-bottom: .6em;
    background: url(/img/simple_bullet.gif) left .6em no-repeat;
}
ul#related_tags li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#tags {
    display: block;
}
ul#tags li {
    padding: 0;
    margin-left: .2em; 
    display: inline;
}
#right h2 {
    margin-bottom: .15em;
    padding: 0;
}
#right, #right a {
    color: #999
}
#right:hover a {
    color: #8F7E23;
}
#right:hover {
    color: #444444;
}
#right.showlinks a {
    color: #8F7E23;
}
#right.showlinks {
    color: #444444;
}
/***   tag cloud   ***/
.weight5 {
    font-size: 1.6em;
}
.weight1 {
    font-size: 1em;
}
.weight2 {
    font-size: 1.3em;
}
.weight3 {
    font-size: 1.4em;
}
.weight4 {
    font-size: 1.5em;
}
/*****************
 Top Section
******************/

/* Thanks to Zeldman for the idea behind this topmenu */
ul#topnav {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    float: right;
    height: 59px;
    width: 363px;
    position: relative;
    background: transparent url(/img/topnavi.gif) top left no-repeat;
}
ul#topnav li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    position: absolute;
    top: 0;
}
ul#topnav a {
    display: block;
    height: 59px;
}
ul#topnav li a {
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
}
#blogmenu  {left: 0; width: 60px;}
#archivesmenu   {left: 60px; width: 117px;}
#aboutmenu   {left: 177px; width: 91px;}
#contactmenu {left: 268px; width: 95px;}

#blogmenu a:hover, #blogmenu a.selected {background: transparent url(/img/topnavi.gif) 0 -60px no-repeat;}
#archivesmenu a:hover, #archivesmenu a.selected {background: transparent url(/img/topnavi.gif) -60px -60px no-repeat;}
#aboutmenu a:hover, #aboutmenu a.selected {background: transparent url(/img/topnavi.gif) -177px -60px no-repeat;}
#contactmenu a:hover, #contactmenu a.selected {background: transparent url(/img/topnavi.gif) -268px -60px no-repeat;}

#header h1 {
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

#header h1 a:link, #header h1 a:visited {
    display: block;
    background: #fff url(/img/dnl_topbanner.gif) top left no-repeat;
    width: 343px;
    height: 65px;
    margin: 0;
    padding: 0;
    border: 0;
}
    
#header h1 a:hover {
    background: #fff url(/img/dnl_topbanner.gif) 0 -65px no-repeat;
}
/*************
 Main Section
**************/
.postmetadata {
    font-size: .9em;
}
.postmetadata, .postmetadata a {
    color: #999;
}
.postmetadata a:visited {
    text-decoration: none;
}
.postmetadata a:hover {
    text-decoration: underline;
}
.postmetadata:hover a {
    color: #8F7E23;
}
.postmetadata:hover {
    color: #444444;
}
.showlinks a {
    color: #8F7E23;
}
.showlinks {
    color: #444444;
}
.postcontent a img {
	padding: 2px;
	border: 1px #8F7E23 solid;
}
.postcontent a:hover img {
	background-color: #8F7E23;
	border: 1px #8F7E23 solid;
}
.postcontent, .postexcerpt {
    line-height: 1.6em;
    padding-bottom: .8em;
    margin-bottom: 1em;
}
.post {
    background: url(/img/divider4.gif) bottom repeat-x;
}
h2.posttitle {
    margin-top: .4em;
}
/*** horizontal navigation menu ***/
.older {
	padding-left: 16px;
	padding-bottom: 3px;
        width: 290px;
	background: url(/img/l_arrow_plain.gif) left no-repeat;
    margin-bottom: 2em;
}
.newer {
	text-align: right;
        width: 290px;
	padding-right: 16px;
	padding-bottom: 3px;
	background: url(/img/r_arrow_plain.gif) right no-repeat;
}
/*** Comments ***/
#commentlist {
	list-style-type: none;
	margin: 2em 0 0 0;
	padding: 0;
}
#commentlist li {
	margin-bottom: 20px;
    padding: .5em;
    border: 1px #bbb dotted;
}
#commentlist blockquote {
	color: #4F7F7E;
}
#commentlist li.postauthor {
	border: #663366 1px solid;
}
.commentmeta {
	margin-bottom: .8em; 
	padding-bottom: .5em;
    border-bottom: 1px #bbb dotted;
}
#h_leave_a_comment, #h_related_posts, #comments {
    margin: 2em 0 0 0;
}
/* See sidebar lists section for more */

/*** Search Page ***/
.search_title {
    color: #999;
    font-size: 1.2em;
}

/**************
 Archives Page
***************/
ul.postspermonth {
    list-style: none;
    line-height: 1.6em;
    margin: 0 0 1.5em 0;
    padding: 0;
}
ul.postspermonth li {
    list-style: none;
    margin: 0 0 0 .9em;
    padding: 0;
    padding-left: 10px;
    background: url(/img/simple_bullet.gif) left center no-repeat;
}

/*****************
 Replaced Headings
******************/
.replace {
    letter-spacing : -1000em;
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace {
    letter-spacing : normal;
    text-indent : -999em;
    overflow : hidden;
}
/* End of hack */

/* Main section */
#archives {
    width: 585px;
    height: 45px;
    margin-top: .3em;
    background: url(/img/h_archives_w.gif) no-repeat;
}
#about {
    width: 585px;
    height: 45px;
    margin-top: .3em;
    background: url(/img/h_about_w.gif) no-repeat;
}
#resume {
    width: 585px;
    height: 45px;
    margin-top: .3em;
    background: url(/img/h_resume_w.gif) no-repeat;
}
#contact {
    width: 585px;
    height: 45px;
    margin-top: .3em;
    background: url(/img/h_contact_w.gif) no-repeat;
}
#h_syndicate {
    width: 585px;
    height: 45px;
    margin-top: .3em;
    background: url(/img/h_syndicate2_w.gif) no-repeat;
}
#h_recent_comments {
    width: 585px;
    height: 45px;
    margin-top: .3em;
    background: url(/img/h_recent_comments.gif) no-repeat;
}
#h_related_posts {
    width: 585px;
    height: 25px;
    background: url(/img/h_related_posts.gif) no-repeat;
}
#comments {
    width: 585px;
    height: 27px;
    background: url(/img/h_comments.gif) no-repeat;
}
#h_leave_a_comment {
    width: 585px;
    height: 20px;
    background: url(/img/h_leave_a_comment.gif) no-repeat;
    margin-bottom: .5em;
}
/* Side Menu */
#h_recently {
    width: 165px;
    height: 25px;
    background: url(/img/h_recently.gif) no-repeat;
}
#h_extras {
    width: 165px;
    height: 20px;
    background: url(/img/h_extras.gif) no-repeat;
}
#h_related_tags {
    width: 165px;
    height: 21px;
    background: url(/img/h_related_tags.gif) no-repeat;
}
#h_folksonomy {
    width: 165px;
    height: 27px;
    background: url(/img/h_folksonomy.gif) no-repeat;
}

/*******************
 Classes
********************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    font-size: 0;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hilight {
	padding-left: 1px;
	padding-right: 1px;
	background-color: #F1F4F7;
}
span.hilight, p.hilight, div.hilight {
	color: #728594;
}
h1.hilight, h3.hilight, h5.hilight {
	color: #728594;
}

/*** Forms ***/
.txtbox {
    background-color: #FFF;
    color: #666;
    padding: 1px 4px;
    background: #fff url(/img/form_input_bg.gif) left top no-repeat;
    border: 1px solid #cfcfcf;
}
.txtbox:hover {
    border:1px solid #aaa;
    background-image: none;
    background-color: #f6f6f6;
}
.txtbox:focus, .txtbox:focus {
    border:1px solid #999;
    background-image: none;
    background-color: #f6f6f6;
}

/*
input.button, button {
    background: #fff;
    border: 1px solid #8F7E23;
    cursor: pointer;
    padding: 1px 5px;
    color: #8F7E23 ;
}
input.button:hover, button:hover {
    background: #f6f6f6;
}
*/

input.button, button {
    cursor: pointer;
    background-color: #FFF;
    color: #8F7E23;
    padding: 1px 4px;
    background: #fff;
    border: 1px solid #cfcfcf;
}
input.button:hover, button:hover {
    background: #fff;
	color: #8F7E23;
    border: 1px solid #8F7E23;
}

#s {
    width: 220px;
}
#searchit {
    float: right;
}
#searchform {
    margin: 0 0 1.6em 0;
}

#comment {
    margin-bottom: 0;
    padding-bottom: 0;
}
#addit {
    margin-top: 3px;
    padding-top: 0;
}

/*** Tables ***/

table th {
	font-style: normal;
	font-weight: bold;
	color: #728594;
}
table td {
    padding: .2em .4em .2em 0;
}

table.tb-cs {
	border-collapse: collapse;
	}

table.tb-cs td {
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
}
table.tb-s {
	border-collapse: collapse;
	}

table.tb-s td {
	border: 1px solid #999999;
	padding: 5px;
}

table.tb-plain {
	border-collapse: collapse;
}

table.tb-plain td {
	padding-right: .4em;
}

/***   Lists   ***/
ul.square {
    list-style: none;
    line-height: 1.6em;
    margin: 0 0 1.5em 0;
    padding: 0;
}
ul.square li {
    list-style: none;
    margin: 0 0 0 .9em;
    padding: 0;
    padding-left: 10px;
    background: url(/img/simple_bullet.gif) left 9px no-repeat;
}

ul.linklist {
    list-style: none;
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0;
}
ul.linklist li {
    list-style: none;
    margin: 0 0 .4em 0;
    padding: 0;
    padding-left: 10px;
    background: url(/img/simple_bullet.gif) left 9px no-repeat;
}
ul.linklist div {
    font-size: 90%;
    line-height: 1.6em;
}
/***   Links   ***/
a.novisits:visited, .novisits a:visited {
    text-decoration: none;
}
a.novisits:hover, .novisits a:hover {
    text-decoration: underline;
}
.command {
	color: #728594;
}
.gray-b {
	color: #bbbbbb;
}
.gray-9 {
	color: #999999;
}
.gray-5 {
	color: #555555;
}
.gray-3 {
	color: #333333;
}
.p90 {
	font-size: 90%;
}

/*** Images ***/
.img-left {
	padding: 0px;
	margin: 4px 7px 3px 0px;
	float: left;
}
.img-right {
	padding: 0px;
	margin: 4px 0px 3px 7px;
	float: right;
}
.img-border {
	padding: 3px;
	border: 1px #ccc solid;
}
/*** Boxes ***/
.bkgd-gray {
 	background: #F0F0F0;
 	padding: 3px;
}
.bkgd-slate {
	background: #DEE3E7;
	padding: 3px;
}
.bkgd-white {
	background: #FFF;
	padding: 3px;
}