/* -- undo browser HTML defaults -- */

ul,ol {list-style: none;}
ul,li,blockquote,body,html {margin: 0; padding: 0;}

/* -- end -- */


body {
margin : 0;
padding : 0;
font-family : Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color : #383d44;
}



/* --------------header-------------------------- */

#head { width: 965px; 
        height: 60px; 
        margin-top: -20px;
        position:relative; 
        border-bottom: 1px solid #e1e1e1;}


h1 a {float:left;
display : block; background: url(../images/title.png) no-repeat top left; width: 150px; height: 60px; margin: 0;}

h1 a:hover {outline:none; border:none;}

h1 span {display: none;}


/* navigation */

.nav {float:right; padding-bottom: 1px; width: 800px; height: 60px; list-style: none; margin-top: 20px;}

.nav li {position: relative; display: inline; float: right;}

.nav li a {color: #326ea1; background-color: #fff; margin: 0px 2px; padding: 2px 4px; *padding: 2px 8px; font: 14px normal Arial, sans-serif; text-decoration: none; -webkit-transition-duration: .30s; -webkit-transition-property: color, background; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

.nav li a:hover {border:none; background-color: #326ea1; color: #fff;}

/* ----------end of header-------------------------- */



/* --------------container------------------ */


#container {
width: 965px;
margin: 0 auto;
}

/* --------------content--------------------- */

#content {
margin : 10px 0 15px 0;
padding: 0 45px 20px 0;
width : 620px;
font-size : 14px;
float : left;
}

#content-archive {width: 560px; float : left; margin: 10px 0 0 0;}

#content-archive .archive_list h3 {font:20px normal "Trebuchet MS", Helvetica, Georgia, Times, serif;}

#content-archive .archive_list {
padding-left : 0;
list-style-type : none;
}

#content-archive .archive_list li {
        font-size: 14px;
	padding: 0 0 2px 18px;
	line-height: 1.4em;
	background: url(../images/page_white_text.gif) no-repeat 0 0;
}

h3.entry-title a {
font: 28px "Trebuchet MS", Helvetica, Georgia, Times, serif; color: #333; font-weight: normal;}

h3.entry-title a:hover {color: #000; border-bottom: none;}

.entry-date {font-weight:normal;}

h3.page-title {
font: 28px "Trebuchet MS", Helvetica, Georgia, Times, serif; color: #333; font-weight: normal;}

h3.page-title a {
font: 28px "Trebuchet MS", Helvetica, Georgia, Times, serif; color: #333; font-weight: normal; text-decoration:none;}

h3.page-title a:hover {color: #000; border-bottom: none;}

#content h4 {font: 18px "Trebuchet MS", Helvetica, Georgia, Times, serif; font-style:italic; margin-left: 4px;}

h3, p, li {
font-size : 0.9em;
line-height : 1.6em;
}


#content ul, #content-archive ul {
	list-style: none;
        margin-left: 25px;
	}
#content ul li, #content-archive ul li {
	padding: 0 0 4px 16px;
	line-height: 1.4em;
	background: url(../images/bullet-circle.gif) no-repeat 0 4px;
	}

.caps {
font-size : 0.9em;
letter-spacing : 0.1em;
}

small, .small {
font-size : 0.9em;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #666b75;
        font-size : 0.92em;
	background: url(../images/quote.gif) no-repeat 10px 0;
	border: none;
}

.pq {
	width: 40%;
	float:right;
        color: #666b75;
	font-size:125%;
	line-height:120%;
	margin:7px;
	padding:0px 0px 5px 5px;
}
.pq:first-letter {
	background: url(../images/quote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}


/* -----------------sidebars------------------- */

#sidebar {
font-size : 11px;
line-height : 1.5em;
margin: 10px 0 0 0;
padding: 15px 0 10px 45px;
float : left;
width : 240px;
}

#sidebar h3 {
text-align : left;
font:20px normal "Trebuchet MS", Helvetica, Georgia, Times, serif;
margin : 0;
padding : 0 0 3px 0;
color: #383d44;
}

#sidebar-1 {
padding-top : 26px;
float : left;
width : 370px;
text-align : left;
}

#sidebar-1 h3 {
font: 25px "Trebuchet MS", Helvetica, Georgia, Times, serif; color: #333; font-weight: normal;}

#sidebar-1 p {
font-size : 14px;
line-height : 1.5em;
}
#sidebar-1 p {
text-align : left;
}

.sidebar_list li {
        font-size: 12px;
	padding: 0 0 2px 18px;
	line-height: 1.4em;
	background: url(../images/page_white_text.gif) no-repeat 0 0;
}

#sidebar a:link, #sidebar a:visited, .details a:link, .details a:visited {
	padding-bottom: 0;
	color: #326ea1;
	text-decoration: none;
	}
#sidebar a:hover, .details a:hover {
	padding-bottom: 0;
	color: #383d44;
	border-bottom: 2px solid #dbd5c5;
	}


#about {margin: 5px 0 5px 0; padding: 3px 0 10px 0; border-bottom: 1px solid #e1e1e1; }

#wp {margin:15px 0 15px 0;}
#wp a, #wp a:hover {border: none; text-decoration: none;}

/* iSpeak */

#hear {margin: 5px 0 5px 0; padding: 10px 0 5px 0; border-bottom: 1px solid #e1e1e1;}

.hearme {border-top: 1px solid #e1e1e1; margin: 10px 0 10px 0; padding: 4px 0 4px 0;}

ul.hearme_list {font-size : 10px !important; color : #666; line-height : 1.5em !important; padding: 0 0 0 18px;
	background: url(../images/calendar.gif) no-repeat top left;}

ul.hearme_list li {padding-left: 0;}



.comments_error {
color : #333;
background-color : #fff4f4;
margin : 0 0 0 10px;
}
ul.comments_error {
padding : 0.3em;
list-style-type : circle;
list-style-position : inside;
border : 2px solid #fdd;
}
div#cpreview {
}

form#txpCommentInputForm {margin-top: 10px; padding-top: 10px;}

form#txpCommentInputForm td {
vertical-align : top;
padding-left : 15px;
}
textarea#message {
width : 450px;
height : 200px;
}

.comment_name_input, .comment_email_input, .comment_web_input, .txpCommentInputMessage, .button {border: 1px solid #e0e0d5;}

#txpCommentHelpLink {font-size: 10px;}

p.closed {border: 1px solid #ccc; color: #666; margin: 15px 20px 10px 30px; padding: 10px; font-size: 11px;}


.divider {margin : 20px 0 40px 10px; padding : 10px; border-bottom: 1px solid #e1e1e1;}

.navigation {
margin : 0;
}
.navigation a {
font-size : 12px !important;
}
.nav-previous {
float : left;
padding-left: 10px;
}
.nav-next {
float : right;
}


/* -------------flickr-------------- */

#flickr {margin: 0 auto; padding: 15px 0 15px 0; border-top: 1px solid #e1e1e1; width: 965px; float:left;}

#flickr img {
	float: left;
	margin: 0 10px 0 0;
	width: 75px;
	height: 75px;
	padding: 4px;
	border: 1px solid #dbd5c5;
	background: #fff;
	}
#flickr a:hover img {
	border-color: #fff;
	background: #fff;
	}




/* -------------image rules------------------------ */

img, img a, img a:hover {
	border: 0;
	}

img.web, img.web a {width : 68px;
height : 68px;
margin : 2px 2px;
padding: 4px;
border : 1px solid #dbd5c5;
background: #fff;
clear : left;
}

a:hover img.web {border: 1px solid #fff; background: #fff; text-decoration:none;}


pre {
background : #fff url(../images/code.png) no-repeat 0 0;
margin-left: 10px;
}

.codesnip {font-family : "courier new", courier, monospace !important; color : #000; font-size: 0.9em;}

code {
font-family : "courier new", courier, monospace !important;
display : block;
background : #555;
padding : 5px;
margin-left : 30px;
overflow : auto;
min-height : 4em;
border : 1px solid #000;
color : #fff;
}
.clear {
clear : both;
}
a, a:active {
outline : none;
}


/* ---------------footer-------------------- */

#footer {margin: 0 auto; padding: 0 0 5px 0;width:965px; border-top: 1px solid #e1e1e1; text-align: center;}

span.date {color:#aaa; font-size: 11px;}


/* microformats */

#content .vevent {border:none;}

#content .vevent abbr {border-bottom: none;}

#content .rating abbr {cursor:help; border-bottom: none;}

acronym {cursor:help;} 

abbr {border: none;}

#content span.title {font-size: 11px !important; font-weight: bold; }

#content span.vcard {display: none;}

.summary {font-size : 1em;
line-height : 1.6em;
font-weight: bold;}

.rating {font-size : 1em;
line-height : 1.6em;}

.url {font-size : 1em;
line-height : 1.6em;}



/* post meta */

#meta {
font-size: 11px;
margin: 25px;
padding: 8px;
color: #333;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}


/* related sidebar */

#related {margin-bottom: 15px; padding: 20px 0 0 0;}

#related h3 {
text-align : left;
font-size : 110%;
color: #000;
font-family : "Trebuchet MS", Helvetica, Georgia, Times, serif;
margin : 0 0 -30px 0;
padding : 0;
}

#related p {font-size: 12px;}

.related_articles li {
        font-size: 12px;
	padding: 0 0 2px 18px;
	line-height: 1.4em;
	background: url(../images/page_white_text.gif) no-repeat 0 0;
}



.video {
background: #e6e3d7 url('../images/movie.gif') 8px 8px no-repeat;
margin: 10px 0 0 10px;
padding: 5px 20px 5px 50px;
border-top: 4px solid #dbd5c5 ;
border-bottom: 1px solid #dbd5c5;
}

.excerpt strong {
  background: #ff3;
  color: #000;
  font-weight: normal;
}

.details {float:right; width:360px; margin: -10px 0 0 5px;}

.alert_info {
	background: #FFF6BF url('../images/information.gif') 8px 8px no-repeat;
	border: 1px solid #FFD324;
	border-top: 4px solid #FFD324;
	text-align: left;
	margin: 10px 0 0 10px;
	padding: 5px 20px 5px 32px;
}

.alert_excl {
	background: #FFF6BF url('../images/exclamation.gif') 8px 8px no-repeat;
	border: 1px solid #FFD324;
	border-top: 4px solid #FFD324;
	text-align: left;
	margin: 10px 0 0 10px;
	padding: 5px 20px 5px 32px;
}

