/*  
Theme Name: UX
Theme URI: http://uxdesign.com/
Description: UX Theme.
Version: 1
Author: Michael Cummimngs
Author URI: http://uxdesign.com/
/* Body */
a img { border:0; }
body { margin:0px; padding:0px; background:#454A4B; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; clear:both; } /* removed: url(img/bg.png) repeat-y center top*/
#page { width:800px; margin:0 auto; background:url(img/fourelements.jpg) no-repeat center top; } /* page defines width, centered on screen */
.entry { font: Tahoma, sans-serif; color:#333; font-size:12px; }
#body { padding:6px 10px; margin:0 170px 0 170px; background:url(img/crumbbg.png) no-repeat left top #F8FBF1; font-size:1.3em; }
.post { padding-top:10px; }
#body h1 { display:inline; }
#body h2 { margin:0; padding:8px 0 0 0; font-size:1.4em; color:#454A4B; }
#body h2 a { text-decoration:none; color:#356A95; }
#body h2 a:hover { text-decoration:underline; }
#body h2 a:visited { color:#356A95; }
#body h2#cat { font-size:1.4em; font-weight:bold; display:block; color:#618CAD; margin:0; padding:8px 0 0 0;  }
#body h3 { font: 1.2em bold Helvetica, Arial, sans-serif; color:#454A4B; margin:10px 0; }
#body h3 a { font: 1.2em bold Helvetica, Arial, sans-serif; color:#356A95; text-decoration:none; display:inline; line-height:0px; }
#body h3 a:hover { text-decoration:underline; }
#body h3 a:visited { color:#356A95; text-decoration:none; }
#body h4 { font: 1.1em Helvetica, Arial, sans-serif; font-weight:bold; color:#454A4B; padding:0 0 10px 0; margin-top:12px; display:inline; }
#body h4 a { font: 1.1em bold Helvetica, Arial, sans-serif; color:#356A95; text-decoration:none; }
#body a { color:#336699; }
h4#hm a { margin:0; padding:0; }
#ex { padding-top:10px; }
#body h5 { font: 0.9em bold Helvetica, Arial, sans-serif; color:#454A4B; margin:0; padding:0; }
#body h6 { font: 0.8em bold Helvetica, Arial, sans-serif; color:#454A4B; }
.bydate { border-top:1px dotted #999; border-bottom:1px dotted #999; padding:4px 0; }
#by { color:#999; float:right; padding-right:10px;  }
#read {  color:#356A95; width:100%; float:right; font-weight:bold; text-align:right; padding:8px 0px; }
#abs { border-top:1px dotted #999; margin-left:16px; background:url(img/idxpstbg.png) repeat-x left top; padding:10px; clear:right; }
.date { float:right; margin:-15px 0 0 0; padding:0; font-weight:normal; color:#868686; font-size:11px;}
#crumb { height:20px; margin:0; padding:0; display:block; text-align:left; font: 0.8em Verdana, sans-serif; color:#EAEAEA; line-height:-5px; }
#crumb a { text-decoration:none; color:#EAEAEA; }
#crumb a:hover { text-decoration:underline; color:#FFF; }
#calls img { vertical-align:text-top; }
/* Header */
div#header { margin:0px; padding:0px; background:url(img/headbg.png) repeat-x left bottom; }
#header h1 { margin:8px 0px 10px 0px; font:2.5em Verdana, sans-serif; color:#356A95; display:inline; }
#header h1 a {color:#356A95; text-decoration:none; letter-spacing:0.1em; word-spacing:-0.2em; }
#header h1 a:hover {color:#356A95; text-decoration:underline; }
#header h1 a:visited {color:#356A95; }
#id { text-align:left; padding:16px 0px 6px 15px; width:46em; background:url(img/ux.gif) no-repeat right 4px; }
#uxsearch { float:right; margin:8px 12px 0px 0px; padding:0px; }
#uxsearch input { vertical-align:text-top; }
input#s { height:13px; font:11px Tahoma, Arial, sans-serif; color:#444; margin-right:4px; }
#logo { margin:0 10px; float:right; }
#tag { font: Arial, sans-serif; color:#666; font-size:11.5px; text-transform:uppercase; letter-spacing:0.1em; word-spacing:-0.1em;}
/* Drop menu */
.uxmenu_d { position:absolute; top:0; border:1px solid #93C8EB; border-width:0 1px; font:normal 11px Arial; line-height:18px; z-index:100; background-color:#F2F7FB; width:220px; visibility:hidden; }
.uxmenu_d a { width:auto; display:block; text-indent:5px; border:0 solid #93C8EB; border-bottom-width:1px; padding:2px 0; text-decoration:none; color:#333; }
* html .uxmenu_d a { width:100%; } /*IE only hack*/
.uxmenu_d a:hover{ background-color:#FEFEFA; color:#4F4F4F; text-decoration:underline; }
/* Nav */
#tabs { float:left; width:100%; background:url(img/tabbg.png) repeat-x top #6FA7D5; font:bold 12px "Trebuchet MS", sans-serif; line-height:normal; }
#tabs ul { list-style-type:none; margin:0; margin-left:10px; padding:0; }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url(img/tab-left.png) no-repeat left top; margin-left:2px; padding:0 0 0 9px; text-decoration:none; cursor:pointer; }
#tabs a span { float:left; display:block; background:url(img/tab-right.png) no-repeat right top; padding:5px 14px 5px 5px; font-weight:bold; color:#FFF; }
#tabs a:hover span { color:#FFF; }
#tabs a:hover { background-position:0% -125px; }
#tabs a:hover span { background-position:100% -125px; }
#tabs a.ux-selected { background-position:0 -125px; }
#tabs a.ux-selected span { background-position:100% -125px; }
/* Right Margin Callouts */
.rbox { margin:10px auto; width:150px; background:url(img/sbbody-r.png) no-repeat bottom right; font-size:11px; }
.rboxhd { background:url(img/sbhead-r.png) no-repeat top right; margin:0; padding:0; text-align:center; }
.rboxhd h2 { background:url(img/sbhead-l.png) no-repeat top left; margin:0; padding:3px 5px 3px; font:bold 1.1em "Trebuchet MS", sans-serif; color:white; text-transform:uppercase; }
.rboxbdy {	background:url(img/sbbody-l.png) no-repeat bottom left; margin:0; padding:6px 8px 10px;font: 0.9em Verdana, sans-serif; color:#444; letter-spacing:0.11em; vertical-align:text-top; }
/* Left Column */
div#colleft { margin:0; padding:0; background:url(img/left.png) repeat-y left; width:100%; }/* used for bg img repeat */
div#leftcol { padding:10px 0px 0px 10px; width:160px; float:left; font-size:11px; color:#FFF; }
#leftcol ul { padding:0 0 5px 0; margin:0 10px; }
#leftcol li { list-style-type:none; }
#leftcol h2 { display:inline; font:1.1em Sans-serif; text-transform:uppercase; letter-spacing:1px; }
#leftcol a { color:#EEECDF; padding-left:4px; line-height:130%; text-decoration:none; }
#leftcol a:hover { color:#F6F5EB; text-decoration:underline; }
/* Right Column */
div#colright { margin:0; padding:0; background:url(img/right.png) repeat-y top right; width:100%; }/* used for bg img repeat */
div#rightcol { padding:0px; width:170px; float:right; }
#uxsearch { padding-top:18px; }
#search input { font:10px "Trebuchet MS", sans-serif; color:#333; }
.form-item { padding:5px; vertical-align:text-top; text-align:right;}
.form-item label { margin-bottom:4px; display:block; }
#commentform { background:url(img/combg.png) repeat-x top left; padding:4px 0 0 10px; }
#commentform h4 { font-weight:bold; }
.commentlist { overflow:hidden; }
#comment { margin-top:10px; }
/*
width:420px; text-align:left; background:url(img/combg.png) repeat-x top left; padding:5px 10px;
#commentform p { text-align:right; }
#commentform input, textarea { font:11px "Trebuchet MS", sans-serif; color:#333; background:##EEF0E6; padding-left:5px;  }
textarea#comment { text-align:left; width:96.5%; padding:5px; margin-top:10px; }
input#submit { font:1em bold Verdana, sans-serif; color:#FF3300; background:#FAFAFA; }
*/
#nxtbak { text-align:center; margin-top:26px; }
hr { color:#8D8D83; background:#8D8D83; height:1px; }
/* Footer */
div#foot { clear:both; padding:10px 0px 12px 10px;background:url(img/headbg.png) repeat-x left bottom #FFF; line-height:24px; text-align:left; border-top:1px solid #CCC; border-bottom:1px solid #345461; }
#foot li { list-style-type:none; display:inline; border-left:1px solid #333; padding:0 4px 0 6px; }
#foot .cat-item-1 { border-left:none; padding-left:0px; }
#foot a { color:#333; }
.clear { clear:both; display:block; height:0px; overflow:hidden; margin:0; padding:0; }
.ux-book-cover {float:right; padding:0 0 6px 10px;}
.ux-design-book-graphic-l {float:left; padding:0 10px 6px 0;}
.ux-design-book-graphic-r {float:right; padding:0 0 6px 10px;}


/* Amazone JS/include */

div#ux-books {display:block; height:500px; width:155px; overflow:hidden; /*border:1px dotted white; */}

/* HighSlide */

}
.highslide {
	cursor: url(/img/hs/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid silver;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/img/hs/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(/img/hs/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}

/* Mac-style close button */
.close {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(/img/hs/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hs/close.png', sizingMethod='scale');
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.odd, .even { padding:8px 6px; margin:0px; border-top:1px dotted #999; }
.odd {background-color:#F0EADA;}

li.eventsText { list-style-type:none; }
li.eventsTitle { list-style-type:none; }
li.eventsDescription { list-style-type:none; }

#twitter_update_list {margin:0;padding:0;}
#twitter_update_list li {list-style-type:none;margin:4px 0px;padding:0; overflow: }