body { background: url('/image/background-gradient-2.png') repeat-x #EFEFEF; font:14px "Lucida Grande", trebuchet, "Trebuchet MS", arial, helvetica, sans-serif; line-height: 20px; color: #242424; }
#page { width: 980px; background: #fff; margin: 0px auto; padding: 10px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; border: 1px solid #ccc; }

h1 { font-family: "Century Gothic", arial, helvetica, sans-serif; font-size: 22px; color: #FF9900; font-weight: normal; font-style: italic; margin-top: 20px; }
h2 { font-size: 16px; color: #0066B2; border-bottom: 1px solid #0066B2; width: 600px; } 
h3 { font-size: 16px; color: #0066B2; } 

a { color: #0092FF; text-decoration: none; }
a:hover { color: #0092FF; text-decoration: underline; }

#header { position: relative; }
#header h1 { font-family: "Century Gothic", arial, helvetica, sans-serif; color: #FF9900; font-size: 22px; font-weight: normal; font-style: italic; text-align: right; width: 650px; margin: 0px; padding: 0px; }
#header #breadcrumbs {position: absolute; top: 45px; left: 5px; font-size: 12px; margin: 0px; padding: 0px; }
#header #breadcrumbs a { color: #0092FF; text-decoration: none; }
#header #breadcrumbs a:hover { color: #0092FF; text-decoration: underline; }
#header ul { list-style: none; position: absolute; top: 5px; right: 10px; margin: 0px; padding: 0px; }
#header li { display: inline; padding: 0px 10px; }

#footer { width: 980px; font-size: 12px; margin: 0px auto; padding: 0px; text-align: center; }
#footer ul { list-style: none; margin-right: 25px;  }
#footer li { display: inline; margin: 0px; padding: 0px 10px; }

#header a, #footer a { color: #484848; }
#header a:hover, #footer a:hover, #header a.on, #footer a.on { color: #FF9900; text-decoration: none; }

#content { float: left; width: 700px; padding: 10px 0px; }

#right-nav { float: right; width: 220px;  background: url('/image/vr.png') no-repeat; margin: 0px; padding: 0px 0px 0px 40px; font-size: 12px; }
#right-nav ul { list-style: none; margin:0px; padding: 0px; }
#right-nav li { padding: 2px; }
#right-nav li span { color: #999; }

#bio-photo { position: relative; width: 174px; height: 174px; margin: 0px 0px 10px 0px; padding: 0px; }
#bio-photo #overlay { position: absolute; top: -3px; left: -3px; }

.hr { background: url('/image/hr.png') no-repeat; width: 651px; height: 2px; float: left; margin: 3px; padding: 0px; }
.vr { background: url('/image/vr.png') no-repeat; width: 2px; height: 490px; float: left; margin: 0px 4px; padding: 0px; }

.right { float: right; }
.left { float: left; }
.clear { clear: both;} 

.button { margin-top: 10px; } 

textarea { padding: 10px; }
.textarea { border: 1px solid #999; }
.textarea-large { width: 98%; height: 400px; }
.textarea-medium { width: 98%; height: 250px; }

.textbox { height: 20px; padding: 4px; border: 1px solid #999; }
.textbox-xl { width: 300px; }
.textbox-state { text-transform: uppercase; width: 22px; }

label.required {background:url(/image/required.gif) no-repeat right top; padding-right:10px;}
.form-field { margin-bottom: 10px; }
.form-field small { color: #999; }


#processing { display: none; }

#log-results { display: none; }
#SUCCESS, .SUCCESS { color:#4e8c28; padding: 20px 15px 20px 15px; background: #e9ffdb; border: 1px solid #6cb142; margin: 10px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#ERROR, .ERROR { color:#cc0000; padding: 20px 45px 20px 15px; background: #ffeeee; border: 1px solid #ff5050; margin: 8px 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#ERROR p, .ERROR p { margin: 3px 0px; }

#media-nav { 
	margin: 10px 0px; 
	padding: 8px; 
	background-color: #efefef; 
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
}
#media-nav #media-nav-left { width: 92px; text-align: left; float: left; }
#media-nav #media-nav-center { width: 500px; text-align: center; float: left; font-weight: bold; }
#media-nav #media-nav-right { width: 92px; text-align: right; float: left; }

#media { text-align: center; padding-top:10px; position: relative; }
#media h2 { font-size: 16px;}
#media p {}

#media #hi-res { font-size: 10px; }

#media #video-download { font-size: 10px; position: absolute; top: 350px; right: 46px; }

.content-image { 
	padding: 2px; 
	border: 1px solid #002b5f;
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;  
}

.item-grid { }
.item-grid .item { 
	background:#FFF; 
	border:1px solid #ccc; 
	list-style:none; 
	width:150px; 
	height:155px; 
	margin:6px; 
	padding:5px; 
	text-align:center; 
	float:left;
	position: relative;
	z-index: 1;
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;  
}
.item-grid .item img { background:#EFEFEF; border:1px solid #8CD7FF; margin-bottom:5px; width:140px; height:100px; }
.item-grid .item-grid-title { position: relative; font-weight: bold; z-index: 999; }
.item-grid .item-grid-count { position: absolute; bottom: 10px; right: 6px; color:#e0e0e0; font-size: 30px; font-family: "Century Gothic", arial, helvetica, sans-serif; z-index: 10; }

.item-grid a:link, .item-grid a:visited { color: #242424; text-decoration: none; }
.item-grid a:hover, .item-grid a:active { color: #242424; text-decoration: none; }

#blog-headlines { margin-bottom: 20px; }
.blog-footer { font-size: 10px; color: #999; }
.blog-footer a, .blog-footer span { margin-right: 10px; }
.blog-footer a:link, .blog-footer a:visited { color: #999; text-decoration: underline; }
.blog-footer a:hover, .blog-footer a:active { color: #ccc; text-decoration: none; }

.more-link { font-size: 12px; float: right; margin: 6px 20px 0px 0px; }

.home-section { padding-bottom: 10px; }

/* comments settings */

#comments { }
#comments .comment { 
	width: 400px; 
	padding: 10px; 
	margin: 10px; 
	border: 1px solid #ccc;
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;

	background-color: #dedede;
  	background-image: -moz-linear-gradient(top, #dedede, #efefef); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dedede),color-stop(1, #efefef)); /* Saf4+, Chrome */
  	background-image: linear-gradient(top, #dedede, #efefef);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dedede', EndColorStr='#efefef'); /* IE6ÐIE9 */
}
#comments .even { background: #fff; }
#comments .admin {
	background-color: #F5CE8D;
  	background-image: -moz-linear-gradient(top, #F5CE8D, #F3D9AC); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F5CE8D),color-stop(1, #F3D9AC)); /* Saf4+, Chrome */
  	background-image: linear-gradient(top, #F5CE8D, #F3D9AC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F5CE8D', EndColorStr='#F3D9AC'); /* IE6ÐIE9 */
}
#comments .comment .comment-name { margin-bottom:6px; }
#comments .comment .comment-content { }


/* grid */
.grid {width:100%; margin-bottom:20px;}
.grid th {padding:7px 6px; background:#777; font:bold 14px arial; color:#fff; text-align:left;}
.grid td {padding:5px 6px; border:1px solid #ccc;}
.grid input {padding:6px; width:300px;}
.grid input#city {width:200px;}
.grid input#state_code {width:22px; text-transform:uppercase;}
.grid input#zip {width:75px;}
.grid input#phone, .grid input#fax {width:150px;}
.grid textarea {width:96%; height:200px; padding:8px;}
.grid input.checkbox {margin:0px; padding:0px; border:0px; width:18px; height:18px; background:none; cursor:pointer;}
.grid .odd {background:#fafafa;}
.grid.margin-top {margin-top:15px;}
.grid.inline {width:auto;}

/* pagination settings */
.pagination {padding:18px 0px; margin:10px 0px; font-size: 12px; }
.pagination ul {margin:0px; padding:0px; text-align:left;}
.pagination li {list-style-type:none; display:inline; padding-bottom:1px; background:transparent; padding-left:0px; margin:0px;}
.pagination a:link, .pagination a:visited {padding:2px 6px; border:1px solid #9aafe5; text-decoration:none; color:#2e6ab1;}
.pagination a:hover, .pagination a:active {border:1px solid #2b66a5; color:#000; background:#f7f7f7; text-decoration:none;}
.pagination li.currentpage {font-weight:bold; padding:2px 4px 2px 6px; border:1px solid navy; background:#2e6ab1; color:#fff; margin-right:3px;}
.pagination li.disablepage {padding:2px 6px; border:1px solid #929292; color: #929292; margin-right:3px;}
.pagination li.nextpage {font-weight:bold;}
* html .pagination li.currentpage, * html .pagination li.disablepage {margin:0px 5px; padding-right:0px;}

.ui-button .ui-button-text { font-size: 10px; }