/*  
Theme Name: Miss Utah USA Centerstage
Theme URI: http://www.juliabachison.com
Description: 1.1 Version With Widget Support 23 Feb 2008. <a href="http://www.connectedinternet.co.uk/feed">Subscribe Now for updates</a><br/>Clean, two/three columns, fixed width With Valid XHTML, Widget Support and Optimised Code. 
Version: 2.1
Author: Jeffrey Lin
Author URI: http://www.juliabachison.com

	Miss Utah USA Centerstage 2.1
	http://www.juliabachison.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

*/
/**********************************/
/* General                        */
/**********************************/
body {font: 0.82em/1.5em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #ccc; background: #000 url(img/EntryBackground-GrayMesh01.gif); xwidth: 980px; margin:0 auto; xpadding:0;}
a	{ color: #c69; xcolor: #4F402B; text-decoration: none; font-weight: normal;}
a:hover	{ }
form {margin:0;padding:0;}
input, textarea {font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333;}
p {margin: 10px 0; line-height: 1.2em;}
img {border:3px solid #333; xpadding: 1px; margin:0;}
/* Some peoples sometime using this class for aligning the image */

img.alignleft, img.left, .imgleft {
     padding: 4px; 
        margin: 0 10px 5px 0px; 
        display: inline; 
position: relative; 
float:left;
xborder: 1px solid #ccc;
}

img.alignright, img.right, .imgright {
     padding: 4px; 
        margin: 0 0 5px 10px; 
        display: inline; 
position: relative; 
float:right;
xborder: 1px solid #ccc;
}

#content img a:hover {text-decoration: none; border-bottom: 0px;}
.clear {clear:both; overflow:hidden;}

/**********************************/
/* Layout                         */
/**********************************/
#container,#left,#header,#header2,#content,#sidebar,#footer,#categorylist,#categorylist2 { overflow:hidden; display:block;}

#container {
width:953px; padding:0; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-top: 20px;  xbackground: #fff url(img/shadows-bodybg01.gif) repeat top left; xborder: 1px solid #222;
}

#left {
width: 630px; float:right; margin: 15px 15px 15px 0; padding:0; text-align: justify; xborder-left: 1px solid #ccc; xborder: 1px solid red; 
}

#content {
padding: 0px 5px 28px 2px;
xborder: 1px solid green;
}

#categorylist {
background: #708090; padding: 10px 15px; margin-bottom: 10px;border-bottom: 2px solid #191970;
}

#categorylist2 {
background: #708090; padding: 10px 15px; margin-bottom: 10px;border-bottom: 2px solid #191970;
}

#sidebar {
width: 255px; float:left;margin: 15px 0 15px 15px; xpadding:10px; xcolor: #fff; xbackground: #c69; xborder: 1px solid yellow; }

#sidebar2 {
width: 180px; display: inline; 
position: relative; 
float:right; margin: 15px 0 15px 15px; xpadding:10px; xcolor: #fff; xbackground: #c69; xborder: 1px solid yellow; text-align: left; font-size: 1.05em;}

#footer {
width:950px; padding: 3px 0px 10px 20px; margin:0; font-size: 1.05em; height: 35px; text-align:right; color:#999; clear: both; display: block;
}

#header {
float: left; width:949px; padding: 0px 0 0px 0px; margin-left:0px; margin-top: 0px; font-size: 0.86em; height: 400px; text-align: left; xbackground: url('img/shadows-header01.png') no-repeat top left; xdisplay: block; xborder-top: 1px solid #666; xborder-left: 1px solid #666; xborder-right: 1px solid #666;
}



#banner {display: block; clear: left; width:855px; margin:0px 0 -15px 0px; font-size: 0.86em; height: 65px; text-align:left; clear-left; display: block;}

#sidebar-wrap {padding-bottom: 3px; border-bottom: 1px solid; margin-bottom: 4px;}

#content-wrap {background: #000 url(img/shadows-bodybg01-black.gif) repeat top left; margin: 0px; xdisplay: block; clear: both; border: 1px solid #666; width: 950px;}

#feature-images {
width: 270px; float: right; margin: 20px 20px 0 0; xpadding:10px; xcolor: #fff; xbackground: #c69; border: 1px solid #ccc; }


/**********************************/
/* Content                        */
/**********************************/
#content h1,h11,h2,h3,h4 {line-height:1.2em;text-align:-left;}

#content h11 {color:#c69; text-transform:uppercase; letter-spacing:0.05em;display:inline;
font:normal 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#content h1, #content h1 a {color:#603; text-transform:uppercase; letter-spacing:0.05em;display:block;
font:normal 1.35em "Times New Roman", Verdana, Arial, Helvetica, sans-serif; text-align:right; border-bottom: 1px solid #603; padding-bottom: -50px;}
#content h2, #content h2 a {font: 1.25em Arial, Verdana, Helvetica, sans-serif;color:#c69; xfont-weight: bold;
margin:0px; padding-top: 15px; text-align:left; display: block; xborder-bottom: 1px solid #ddd; }
#content h2.pagetitle {font-size: 1.2em; color: #f90; padding: 5px 0;}
#content h3{font:normal 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#69c; text-align:left;}
#content h4{font:normal 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#69c; text-align:left;}
#content blockquote {font-style:italic; padding:0 10px 0 10px;margin:5px 0px 5px 20px; color:#000; 
font-size: 1.0em; border-left: 5px solid #b0c4de; border-right: 5px solid #b0c4de; line-height: 1.2em; background: #f7f7f7;}
#content p.postmetadata {xclear:both; overflow:hidden;xbackground: #4F402B; margin-top:0px; font-size: 0.95em; xline-height: 1.0em; color: #69c; padding: 4px;}
#content p.postmetadata h2, #content p.postmetadata h2 a {font-size: 1.05em; color: #c69; font-weight: normal;}
code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}
#content p.postmetadata a {color: #fff; font-weight: normal;}
code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}
#content li {padding-bottom: 5px; }
#content .post-date {font-size:1.0em; padding-left:20px;background: transparent url(img/calendar.png) no-repeat top left;padding-top: 5px;
background-position:0% 5px;}


/**********************************/
/* Menu1                          */
/**********************************/
.menu1 { float:left; width:940px; font-family: verdana, arial, sans-serif; color: #999; font-size:12px;
xbackground:url(images/menu1.gif) repeat-x top left; display: block; clear: left; margin: auto; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#999; padding:0px 16px 0px 16px; line-height:20px; height:20px; border-bottom:2px solid #333; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#c69; color:#999;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#c69; color:#999;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:21px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #666;
}


.menu1 ul li:hover ul.endstop {
left:-72px;
background-color: none;
padding: 0px; 0px;
border-bottom: 0px;
}
.menu1 ul li:hover ul li ul {
display: none;
}

.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#999;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #666; border-bottom:2px solid #fff; 
}
.menu1 ul li:hover ul li a.drop {
background:#fff url(images/bullet1.gif) no-repeat 3px 8px; border-bottom:2px solid #c69; 
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #fff url(images/bullet1.gif) no-repeat 3px 8px; border-bottom:2px solid #c69; 
}
.menu1 ul li:hover ul li a:hover.drop {
background: #fff url(images/bullet1.gif) no-repeat 3px 8px; border-bottom:2px solid #c69; 
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:20px; t\op:23px; background:#fff;left:0; border-bottom:1px solid #666;
}

.menu1 ul li a:hover ul.endstop {
left: -72px;
background-color: none;
padding: 4px; 0px;
border-bottom: 0px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom: 2px solid #fff;
}
.menu1 ul li a:hover ul li a.drop {
background:#fff url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px; border-bottom:2px solid #c69; 
}

.menu1 ul li a:hover ul li a:hover {
color:#000; background: #fff url(images/bullet1.gif) no-repeat 3px 8px; border-bottom:2px solid #c69; 
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #fff url(images/bullet1.gif) no-repeat 3px 8px; border-bottom:2px solid #c69; 
}


/**********************************/
/* Sidebar                        */
/**********************************/
#sidebar a:hover {text-decoration:none; color: #69c;}
#sidebar ul {margin: 0 0 10px 0; padding:0; list-style-type: none; }
#sidebar h1 {font: bold 1.4em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#c69;; margin:0; padding:0; text-transform:lowercase;}
#sidebar h2, #sidebar h2 a {font: 1.4em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#ccc; margin:0; margin-top: 15px; margin-bottom: 10px; padding:0; padding-bottom: -50px; text-transform:lowercase;  border-bottom: 1px solid #ccc; xtext-decoration: underline;}
#sidebar #categorylist {padding-left: 0; border:0; color: #CCC}
#sidebar #categorylist2 {padding-left: 0; border:0; color: #CCC}
#sidebar ul {margin-top: 5px;}
#sidebar ul li {background: transparent url(img/none)  top left; padding-left: 0px; }
#sidebar ul li ul { margin:0;}
#sidebar ul li ul li {padding-left:20px; border:none; display: block; background: transparent url(img/gems-all-hover.png) no-repeat top left;}
#sidebar ul li ul li:hover {background: transparent url(img/gems-blue-hover.png) no-repeat top left;}
#sidebar img {margin:2px 0 0 0; padding:2px 0 0 0; border: none;}
#sidebar .sidebar1 h2 {border-bottom: 0px;}


/**********************************/
/* sidebar2                        */
/**********************************/
#sidebar2 a:hover {text-decoration:none; color: #69c;}
#sidebar2 ul {margin: 0 0 10px 0; padding:0; list-style-type: none; }
#sidebar2 h1 {font: bold 1.4em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#c69;; margin:0; padding:0; text-transform:lowercase;}
#sidebar2 h2, #sidebar2 h2 a {font: bold 1.4em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#c69; margin:0; margin-top: 8px; margin-bottom: 3px; padding:0; text-transform:lowercase;}
#sidebar2 #categorylist {padding-left: 0; border:0; color: #CCC}
#sidebar2 #categorylist2 {padding-left: 0; border:0; color: #CCC}
#sidebar2 ul {margin-top: 5px;}
#sidebar2 ul li {background: transparent url(img/none)  top left; padding-left: 0px; }
#sidebar2 ul li ul { margin:0;}
#sidebar2 ul li ul li {padding-left:20px; border:none; display: block; background: transparent url(img/gems-all-hover.png) no-repeat top left;}
#sidebar2 ul li ul li:hover {background: transparent url(img/gems-blue-hover.png) no-repeat top left;}
#sidebar2 img {margin:2px 0 0 0; padding:2px 0 0 0; border: none;}


/**********************************/
/* feature-images                  */
/**********************************/
#feature-images a:hover {text-decoration:none; color: #69c;}
#feature-images ul {margin: 0 0 10px 0; padding:0; list-style-type: none; }
#feature-images ul {margin-top: 5px;}
#feature-images ul li {background: transparent url(img/none)  top left; padding-left: 0px; }
#feature-images img {margin:2px 0 0 0; padding:2px 0 0 0; border: none;}


/**********************************/
/* Calendar Button                */
/**********************************/
#calendar_button {
background: #4F402B;
color: #ffffff;
border: 1px solid double #fff;
padding: 10px;
padding-left: 10px;
}
#calendar a {
color: #99ccff;
}
#calendar a:hover {
color: c69;
}


/**********************************/
/* Footer                         */
/**********************************/
#footer .copyright a {xcolor:#999;}
#footer .copyright a:hover {xcolor:#FF0;text-decoration:none;border-bottom:1px dashed #900;}

/**********************************/
/* Calendar                       */
/**********************************/
#wp-calendar { width: 150px; color: #999; line-height:1.0em;}
#wp-calendar caption {font-weight:bold; color: #69c; line-height: 16px; text-transform: uppercase; letter-spacing: 1px;}
#wp-calendar .today {background:#FBFCF4;}

/* *********************************** */
/* Comments Div                        */
/* *********************************** */
h3#comments, h3#respond {border-top:1px solid #CCC; padding-top: 10px; padding-left: 20px;color:#0D6AA6; font-size: 1.2em; font-weight: bold;}
h3#comments {background: transparent url(img/comment.png) no-repeat top left;background-position:0% 12px;}
h3#respond {background: transparent url(img/edit.png) no-repeat top left;background-position:0% 12px;}
cite {position:relative;color: #999;padding:0;margin:0;font-weight:bold;}
.alt {background: #f7f7f7;}
.commentbody {color: #595949; font-size: 1.0em; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
     background: #FAFAF5;	border: 1px solid #f0f0e0; list-style:none;}
.commentbody p {line-height: 1.2em; margin:0; padding:0;}
.commentlink {	font-size: 1.0em;}
.commentlist {	list-style: none; margin:0; padding:0px;}
.commentcount {font:bold 2.2em Georgia,sans-serif;	color: #e0e0d0; width: 520px; 
text-align: right; position:absolute;	left:0;}
.gravatar {float:left; padding: 1px; margin: 5px 5px 5px 0; background: #fff; width: 40px; height: 40px;}
#recentcomments ul {border: none;}


/* *********************************** */
/* Flickr                              */
/* *********************************** */
#flickr {
    background:url(./graphics/flickerness.gif) no-repeat;
    xwidth:214px;
    xheight:154px;
    padding:0 0 0 0;
    margin-top:5px;
    }


     #flickr h2 {
    position:absolute;
    left:-300px;
    top:-300px;
    }


     #flickr img {
    float:left;
    margin:0 4px 4px 0px;
    background:#f6c;
xborder: 1px #933 solid;
    padding:3px;
    xwidth:62px;
    xheight:62px;
    }



/* *********************************** */
/* Diggclick                           */
/* *********************************** */
.diggclick {
		float:left;
		padding:3px 5px 5px 5px;
	}

/* *********************************** */
/* alinks                              */
/* *********************************** */
a.alinks_links {
	text-decoration: none;
	border-bottom: #0000FF 1px dotted;
}

/* *********************************** */
/* tabber                              */
/* *********************************** */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #ff6600;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #ffffff; }

ul.tabbernav li a:hover
{
 color: #ff6600;
 background: #fafaf5;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
color: #fc0;
 background-color: #708090;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #fc0;
 background: #708090;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/**********************************/
/* Page links                     */
/**********************************/

.pagelinks { clear: both; margin: 2.5em 0; font-size: 1.0em; font-weight: bold; }
			.pagelinks strong { color: #333333; margin: 0 0.6em 0 0; border: 1px solid #e5e5e5; padding: 0.3em 0.6em; }
			.pagelinks a { margin: 0 0.8em; border: 1px solid; padding: 0.3em 0.6em; }

/**********************************/
/* Forms                          */
/**********************************/
 <!--
INPUT {
 background-color: #4F402B;
color: #76b2ef;
border: 1px solid #fff;
padding: 3px;
xfont-family: arial, verdana, ms sans serif;
font-weight: bold;
xfont-size: 12pt
}

.searchfield1 {
background-color: #fff;
color: #c69;
border: 1px solid #fff;
padding: 2px;
xfont-family: arial, verdana, ms sans serif;
font-weight: bold;
xfont-size: 12pt;
}

.searchform {
background-color: #fff;
margin-0px;
border: 1px solid #666;
}

.search-submit {
background-color: #666;
color: #fff;
border: 1px solid #fff;
xpadding: 3px;
xfont-family: arial, verdana, ms sans serif;
font-weight: bold;
xfont-size: 12pt
}

.searchfield {
background-color: #fff;
color: #c69;
border-left: 1px solid #fff;
padding: 2px;
xfont-family: arial, verdana, ms sans serif;
font-weight: bold;
xfont-size: 12pt;
}

TEXTAREA {
background-color: #4F402B;
color: #76b2ef;
border: 1px solid #9cf;
xfont-family: arial, verdana, ms sans serif;
font-weight: bold;
xfont-size: 12pt;
}

.radioStyle {
background-color: #FF0000;
border: #000000 solid 1px;
font-family: verdana;
font-size: 12px;
color: #000000
}
-->

/********** flickr photo ***********/
/***********************************/

.flickr-photos.img a {border: 2px solid #ccc; padding:2px;}
.flickr-photos.img a:hover {border: 2px solid #69c; padding:2px;}

/* *********************************** */
/* Quotes                              */
/* *********************************** */
#quotes_headerbox, #wp_quotes
{
margin: 25px 30px 25px 10px;
display: inline;
position: relative;
float: left;
width: 255px;
min-width: 255px;
}

#wp_quotes
{
background: url('img/quote_maroon-sidebar2.jpg') bottom right no-repeat;
color: #fff;
}

#wp_quotes:hover
{
background: url('img/quote_maroon-sidebar2-glow.jpg') bottom right no-repeat;
}

#wp_quotes div.wp_quotes_quote
{
background: url('img/quote_maroon-sidebar1.jpg') top left no-repeat;
font: 16px "Times New Roman", Times New Roman;
font-style: italic;
font-weight: bold;
padding: 15px 15px 7px 15px;
}

#wp_quotes:hover div.wp_quotes_quote
{
background: url('img/quote_maroon-sidebar1-glow.jpg') top left no-repeat;
}

#wp_quotes div.wp_quotes_author
{
text-align:right;
font: 16px;
font-style: italic;
font-weight: bold;
	margin-top: 0px;
padding-bottom: 15px;
padding-right: 15px;
float: right;
}

div.wp_quotepage
{
	font-size: 14px;
	width: 80%;
	margin-left: 40px;
}

div.wp_quotepage_quote
{
}

div.wp_quotepage_author
{
	margin-left: 40px;
	font-style: italic;
        float: right;
}

hr.wp_quotepage_hr
{
	width: 70%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

div.wpquotes_poweredby
{
	text-align: center;
	font-size: 0.8em;
	margin-top: 12px;
}

/**********************************/
/* Sponsor Badge                */
/**********************************/
#sponsor-badge img {border: 0px;}
#sponsor-badge ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#sponsor-badge li {float: left; display: inline; min-width: 155px; margin-bottom: -1px; padding: 5px;}
#sponsor-badge a {text-decoration:none; border: 0px;}