/* =Reset eric meyer's reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* end Reset */
/*colors
#224466 - dark blue
#E0EEF1 - very light blue
#F5F8F1 - very light green
#84B652 - medium green
*/
/* =Structure */
body {
	width: 94%;
	min-width: 600px;
	padding: 2em 3%;
}
#box{
	width:1016px;
	margin:0 auto;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000; 
		background-image:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(123,212,247)),
    color-stop(.80, rgb(84,186,227))
);
background-image:-moz-linear-gradient(
    center bottom,
    rgb(123,212,247) 0%,
    rgb(84,186,227) 80%
);

	background-color:#7bd3f7;
}
#header {
	clear: both;
	
	width: 100%;
}

#siteTabs {
	width: 100%;
}

#twoColumns {
	width: 100%;
}

#col1 {
	width: 62%;
	float:left;
	display: inline;
	margin: 0 1% 1em 1%;
}

#col2 {
	width: 34%;
	float: right;
	display: inline;
	margin: 0 1% 1em 0;
}

#footer {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}
/* =Typography */
body {
	background-color: #FFFFFF;
	background-image: url(images/body_bkg.jpg);
}

strong {
	font-weight: bold;
}

small {
	font-size: .7em;
}

hr {
	background-color: #E0EEF1;
	color: #E0EEF1;
	height: 2px;
	border: 0 none;
}

h1, h2, h3, h4, h5, h6 {margin:.8em 0 .2em 0;line-height: 1;}
h1 {font-size: 2.8em;}
h2 {font-size: 2.4em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.2em;}
p {margin:.4em 0 .8em 0;}

#header {
	height: 6em;
	position: relative;

}

#header h1, #header h2 {
	margin: 0;
	padding: 6px 6px 0 6px;
	font-size: 6px;
}

#header h1 a, #header h2 a {
	text-decoration: none;
	cursor: pointer;
}

#header p {
	margin: 4px 12px;
	padding: 0;
	color: #fff;
	font-size: 1.1em;
	display: block;
	color: #333333;
}

#search {
	position: absolute;
	right: 1em;
	top: 1em;
}

#footer {
	background-color: #E0EEF1;
}

#footer p {
	padding: .4em;
}

/* =Typography */

body, textarea, input, table {
	font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 90%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-weight: bold;
	color: #BB8844;
}

.entry {
	color: #224466;
}

.entry  h1, .entry  h2 {
	color: #BB8844;
}

.entry  h3, .entry  h4, .entry  h5, .entry  h6 {
	color: #224466;
}

.entry  h2 {font-size: 2em;}
.entry  h3 {font-size: 1.6em;}
.entry  h4, .entry  h5, .entry  h6 {font-size: 1em;}

.entry  img {
	border: 0px solid #FFF;
	background-color: #FDFAEF;
}
.entry ul, .entry ol {
	margin-top: 1em;
}

.entry ul li {
	list-style-type: disc;
	margin: 0 3em;
}

.entry ol {
	font-weight: bold;
}

.entry ol li {
	list-style-type: decimal;
	margin: 0 3em;
	font-weight: normal;
}

.entry p.postedby {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

a:link {
	color: #4E98AB;
}

a:visited {
	color: #AAAAAA;
}

a:active {
	color: red;
}

a:hover {
	color: #66AABB;
	text-decoration: none;
}

a[href^="http:"] {
	background: url(images/icon_external.png) no-repeat right top;
	padding-right: 10px;
}

a[href^="http://www.thetransient.com"], a[href^="http://thetransient.com"], a[href^="http://dev.thetransient.com"], .sidebar a[href^="http:"] {
	background-image: none;
	padding-right: 0;
}

#siteTabs a[href^="http:"] {
	background-image: url(images/icon_external_rev.png);
}

#siteTabs a[href^="http://www.thetransient.com"], #siteTabs a[href^="http://thetransient.com"], #siteTabs a[href^="http://dev.thetransient.com"] {
	background-image: none;
	padding-right: 0;
}

h1 a:link, h1 a:visited, h1 a:active {
	text-decoration: none;
	color: #BB8844;
}

h1 a:hover {
	text-decoration: underline;
	color: #BB8844;
}

h2 a:link, h2 a:visited, h2 a:active {
	text-decoration: none;
	color: #BB8844;
}

h2 a:hover {
	text-decoration: underline;
	color: #BB8844;
}

#twoColumns {
	background-color: white;
}

#col1 {
	line-height: 1.7em;
}

#col2 {
	line-height: 1em;
}

/* =Components */

/*
.sidebar a:visited, .entry a:visited {
	color: #4E98AB;
	padding-right: .6em;
	background-image: url(images/icon_visited.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

.entry .postmetadata a:visited {
	color: #4E98AB;
	padding-right: 0;
	background-image: none;
}
*/
.sidebar .widgettitle {
	margin: 0;
	padding: 0;
	color: #84B652;
	font-size: 1.2em;
	font-weight: bold;
	cursor: move;
}
.sidebar .widgettitle span {
	font-size: 10px;
	color: #1C86A0;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.sidebar li.widget {
	padding: .4em;
	margin-top: 1em;
	background-color: #F5F8F1;
	border-top: 1px solid #CCDDBB;
	border-bottom: 1px solid #CCDDBB;
	line-height: 1.7em;
}

.sidebar li.widgetHover {
	background-color: #F5F8F1;
}
/*
.sidebar li.widgetHover h2 {
	color: #AAAAAA;
}
*/
.ui-state-highlight {
	border: 2px dotted #cccccc;
	height: 60px;
	margin: 1em 0;
}

.ctc {
	line-height: 1;
}

#recentcomments .recentcommentsArticleLink {
display: block;
}


.comments-template{
	margin: 1em 0 0;
	border-top: 1px solid #ccc;
	padding: 1em 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 1em;
	list-style: none;
}

.comments-template ol li{
	margin: 1em 0 0;
	line-height: 1.8em;
	padding: 0 0 1em;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3 {
	font-size: 1.1em;
}

.commentmetadata{
	font-size: 1em;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 1em;
}

/* Begin Images - thanks Kubrick theme */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: .4em;
	margin: 0 0 .4em .6em;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 .6em .4em 0;
	display: inline;
	}

.verticalMiddle {
	vertical-align: middle;
}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


#siteTabs .ui-tabs-hide {
	display: none;
}

#siteTabs {
	background-color: #66AABB;
	clear:both;
}

#siteTabs ul li {
	display: inline;
	float: left;
	margin: 0 0 0 1em;
}

#siteTabs ul li a {
	width: 150px;
	height: 60px;
	background-position: center top;
	display: block;
}

#siteTabs ul {
	clear: both;
}


#siteTabs ul li.tabs_tab_tshaped a {
	background-image: url(images/tabs_tshaped.png);
	background-position: left 60px;
	text-decoration: none;
}

#siteTabs ul li.tabs_tab_chipsfordinner a {
	background-image: url(images/tabs_chipsfordinner.png);
	background-position: left 60px;
	text-decoration: none;
}

#siteTabs ul li.tabs_tab_jaclynfriedlander a {
	background-image: url(images/tabs_jaclynfriedlander.png);
	background-position: left 60px;
	text-decoration: none;
}

#siteTabs ul li.tabs_tab_tshaped a:hover, #siteTabs ul li.tabs_tab_chipsfordinner a:hover, #siteTabs ul li.tabs_tab_jaclynfriedlander a:hover {
	background-position: left 0;
	text-decoration: none;
}

#siteTabs ul li.ui-tabs-selected a {
	background-position: left 0;
	text-decoration: none;
}

.siteTabsContent {
	clear: both;
	color: white;
	padding: .8em;
	line-height: 1.7em;
	min-height: 13em;
}

.siteTabsContent a:link, .siteTabsContent a:visited, .siteTabsContent a:hover, .siteTabsContent a:active {
	color: white;
}

.siteTabsContent  h2{
	color: white;
	font-size: 1.4em;
	margin: 0;
}

#siteTabs #tshaped {
	background-color: #1C86A0;
}

#siteTabs #chipsfordinner {
	background-color: #491E06;
}

#siteTabs #jaclynfriedlander {
	background-color: #2F3A79;
}

/* navigation */
.navigation {
	clear:both;
}


/* resume */
.history-position {
	font-weight: bold;
}

.tags ul li {
	float: left;
	display: block;
	margin: 0 .4em 0 0;
	white-space: nowrap;
}



#pageForms{
	width: 100%;
}

#pageForms dt {
	clear:both;
	width:100px;
	float:left;
	text-align:right;
}

#pageForms dd {
	float:left;
	width:66%;
	margin:0 0 0.5em 0.25em;
}

/* form elements */
input, textarea {
	font-family: verdana;
	font-size: 1em;
}

.contact textarea {
	width: 500px;
	height: 300px;
	overflow: auto;
}

.form-submit {
	font-weight: bold;
	color: white;
	background-color: #6F8BA7;
	border: 1px solid #333333;
}

.form-checkbox {
	padding: 4px;
	background-color: transparent;
	border: 0px solid #A5A5A5;
}
/*
.formOnFocus {
	padding: 4px;
	background-color: white;
	border: 1px solid #A5A5A5;
}
*/
.formDefault, input, textarea {
	padding: 4px;
	background-color: #F4F4F4;
	border: 1px solid #A5A5A5;
}
/*
.formOnFocusTextarea {
	padding: 4px;
	background-color: white;
	border: 1px solid #A5A5A5;
}

.formDefaultTextarea, textarea {
	padding: 4px;
	background-color: #F4F4F4;
	border: 1px solid #A5A5A5;
	width: 98%;
}
*/
/*
.btn_submit {
	background-color: #2F3A79;
	color: white;
	border: 1px solid #000000;
	font-weight: bold;
}

.btn_submit_over {
	background-color: #5360D2;
	color: white;
	border: 1px solid #000000;
	font-weight: bold;
}
*/
.formError
{
	display: block;
	color: red;
}

.formError_off
{
	display: none;
}

#pageForms legend {
	font-size: 1.4em;
	font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-weight: bold;
	color: #692512;
}

#pageForms dt.curFormField label {
	font-weight: bold;
}

#pageForms textarea {
	width: 100%;
	height: 20em;
}


input, textarea, select {
	padding: .2em;
	border: 1px solid #808080;
}

#ie6only input , #ie6only textarea, #ie6only select {
	padding: 1px .2em 0 .2em;
}

input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

.curFocus {
	background-color: #DDECF0;
	border: 1px solid #224466;
}

.button {
	background-color: #224466;
	color: white;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #224466;
	padding: 4px 8px;
	-webkit-box-shadow: 0px 0px 4px  #000000;
-moz-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

.buttonHighlight {
	background-color: #4A1F06;
	color: white;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #D1E5EA;
	padding: 4px 8px;
	-webkit-box-shadow: 0px 0px 4px  #000000;
-moz-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

.sidebar .widget_search input {
	margin-bottom: .2em;
}


/* elsewhere */
#elsewhere {
	margin: 1em 0;
	line-height: 2.4em;
	background-color: white;
}

#elsewhere h2 {
	margin-bottom: .4em;
}

#elsewhere img {
	vertical-align: middle;
	margin-right: 2px;
}

#ie6only #elsewhere img {
	margin-bottom: 4px;
}

.siteSuccess {
	margin: 1em 0;
	padding: .4em .4em .4em 2em;
	background-color: #F4F4F4;
	background-image: url(images/icon_siteSuccess.gif);
	background-position: 0.6em center;
	background-repeat: no-repeat;
}

.siteError {
	margin: 1em 0;
	padding: .4em .4em .4em 2em;
	background-color: #F4F4F4;
	background-image: url(images/icon_siteError.gif);
	background-position: 0.6em center;
	background-repeat: no-repeat;
}

/* ui tools */
.clearFloats
{
	overflow: hidden;
}

	#ie7andup .clearFloats, #ie6only .clearFloats {
		height: 1%;
	}
	
.floatLeft {
	float: right;
}