/*--- [The design portfolio of Brandon Mueller] - Maintained by:[Brandon Mueller] Email:[brandon@beastsandbastards.com] ---*/

/* Body Elements */
body {
    background: #fff url(http://www.brandonxmueller.com/images/bg.gif) repeat-x;
    font: 12px "Trebuchet MS", Arial, Sans-Serif;
    color: #444;
    margin-top: 25px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px; 
	position: relative;
}

/* Link Elements */
a, a:link, a:visited, a:active, a:focus {
	color: #9D2900;
    font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
    font-weight: bold;
	color: #000000;
	text-shadow:2px 2px 2px #AAAAAA;
    -webkit-text-shadow:2px 2px 2px #AAAAAA;
    -moz-text-shadow:2px 2px 2px #AAAAAA;

}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

/* Footer Elements */
#footer {
   position:fixed;
   left:0px;
   padding-left: 10px;
   bottom:0px;
   height:20px;
   width:100%;
   border: 1px solid #9D2900; background: #e0e0e0; border-radius:5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;
   box-shadow: 15px 15px 15px 15px #000000;
  -moz-box-shadow: 15px 15px 15px 15px #000000;
  -webkit-box-shadow: 15px 15px 15px 15px #000000;
}

div.panel  {
   position:fixed;
   left: 40px;
   padding: 0px;
   bottom: 30px;
   height:300px;
   width:200px;
   display:none;
   z- index: 9999;
   text-align:center;
   border: 1px solid #9D2900; background: #e0e0e0;
   filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/* Chat Elements*/
#chat-wrap                     { border: 1px solid #eee; margin: 0 0 15px 0; }
#chat-area                     { height: 300px; overflow: auto; border: 1px solid #666; padding: 20px; }
#chat-area span                 { color: white; background: #9D2900; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0; }
#chat-area p                    { padding: 8px 0; border-bottom: 1px solid #ccc; }
#name-area                      { position: absolute; top: 12px; right: 0;  text-align: right; }   
#name-area span                 { color: #9D2900; }
#send-message-area p            { float: left; padding-top: 27px; font-size: 14px; }
#sendie                       { border: 3px solid #999; width: 560px; padding: 10px; float: right; }

/* News Elements*/
.article_wrapper h2{color: #9D2900; margin:10px 0 0 0;}
.article_wrapper h2 .twittertext{color: #8BBFCC;}
.article_wrapper p{padding:3px;}
.timestamp {font-size:14px; color:#000000;}

/* Client Elements*/
.clientlist {
font-family: Georgia, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: Bold;
margin-top: 6px;
margin-left: 2px;
padding: 10px;
text-shadow:2px 2px 2px #cacaca;
-webkit-text-shadow:2px 2px 2px #cacaca;
-moz-text-shadow:2px 2px 2px #cacaca;
}

/* Other Elements */
#loading{ visibility:hidden; }
.caps { text-transform: capitalize; }
acronym, abbr{border-bottom:1px dotted #666;cursor:help;white-space:nowrap;}
address, em, caption{font-style:italic;}

hr{background-color:#444;border-width:0;color:#444;height:2px;line-height:0;margin:1.8571em 10px 1.8571em 10px;page-break-after:always;text-align:center;width:100%;}
hr:after{content:"\a7\a7";font-size:1.25em;}

img{ border:0px;}

p{clear:both; margin: 0 0 2em 0; line-height: 1.8em;}
strong{font-weight:bold;}

h1{ font-size: 16px; border-bottom: 1px solid #eee; margin: 0 0 .8em;
	text-shadow:2px 2px 2px #cacaca;
    -webkit-text-shadow:2px 2px 2px #cacaca;
    -moz-text-shadow:2px 2px 2px #cacaca;}
h2{ font-size: 18px; border-bottom: 1px solid #eee; margin: 0 0 .8em;
	text-shadow:2px 2px 2px #cacaca;
    -webkit-text-shadow:2px 2px 2px #cacaca;
    -moz-text-shadow:2px 2px 2px #cacaca;}
h3{ font-size: 24px; border-bottom: 1px solid #eee; margin: 0 0 .8em;
	text-shadow:2px 2px 2px #cacaca;
    -webkit-text-shadow:2px 2px 2px #cacaca;
    -moz-text-shadow:2px 2px 2px #cacaca;}

.search { font-size: 16px; text-transform: capitalize }
.updatetitle {font-size:18px; font-weight:bold; color: #9D2900;}
.red { color: #9D2900; }

.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.recent { border: 1px solid #9D2900; background: #f9f9f9; padding: 7px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.totaltime {color: #777777; text-align:center; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.pricediv { border: 0px; background: #f4f4f4; padding: 7px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.blackandgold { font-family:"Georgia", Georgia, serif; font-style:oblique; font-weight:bold; font-size: 50px; color: #A7913D;
	text-shadow: 2px 2px 2px #000000;
    -webkit-text-shadow: 2px 2px 2px #000000;
    -moz-text-shadow: 2px 2px 2px #000000;}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }

/* Promote Elements */
.code-selector div         { clear: both; }
.note                      { width: 100%; margin: 0 0 0 130px; }
.example-area              { margin-left: 130px; width: 465px; text-align: center; border: 1px solid #7d7858; padding: 10px; }
.example-area img          { max-width: 100%; }

/* List Elements */
li {margin-bottom:3px;}
ol{margin:.75em 1em; }
ol li{list-style:decimal outside;}
ul{margin:.75em 1em;}
ul li{list-style-image:url(http://www.brandonxmueller.com/images/menu/bullet.png);}

/* Quote Elements */
blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019";}
blockquote:before{color:#9D2900;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
blockquote:after{color:#f9f9f9;content:close-quote;}
blockquote p{display:inline;}

/* Form Elements */
form{margin:0; padding:0;}
fieldset{border:1px solid #e3e3e3;}
		
/*ALA pretty forms*/
fieldset ol{margin:0;padding:0;}
fieldset li{list-style: none;margin:0;padding:.4em .75em;}
fieldset li label{display:inline-block;margin:0 1em 0 0;width:9em;}
legend{}
input{}
input[type="textarea"], input[type="password"],input[type="text"],textarea {border:1px solid;border-color:#bbbbbb;padding:.1em; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

button,.button,input[type="file"] > input[type="button"],input[type="reset"],input[type="submit"],select{background:#f9f9f9 url(http://www.beastsandbastards.com/images/sm_gradient_overlay.png) center left repeat-x;border:.1em solid;border-color:#bbbbbb;cursor:pointer;padding:.1em 10px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

button:hover,.button:hover,input[type="file"] > input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background-color:#f0f0f0; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button,.button,input[type="reset"],input[type="submit"]{margin:0 5px;}

input[type="file"]{font-size:.714em;}
select[size],select[multiple]{background-image:none; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
label{}
select{}
optgroup{background:transparent;}
option{background:transparent;}

/*--Utility Classes--*/
.button{-moz-appearance:button;color:#000;display:inline-block;padding:.1em 10px;text-decoration:none; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.clicked,button.clicked,input.clicked{background-color:#e5e5e5;color:#fff; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.column{float:left;margin:1.5em 0;width:50%;} /* !Padding - Box model */
.multicol{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
.hide{display:none;}
.away{position:absolute;left:-9999px;}
.pill,button.pill,input.pill{-moz-border-radius:1px;-webkit-border-radius:1px;border-color:#ccc #bbb #bbb #fff;border-radius:1px;margin:0;}
.pill-l,button.pill-l,input.pill-l{-moz-border-radius-bottomright:1px;-moz-border-radius-topright:1px;-webkit-border-top-right-radius:1px;-webkit-border-bottom-right-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;margin-right:0;}
.pill-r,button.pill-r,input.pill-r{-moz-border-radius-bottomleft:1px;-moz-border-radius-topleft:1px;-webkit-border-top-left-radius:1px;-webkit-border-bottom-left-radius:1px;border-top-left-radius:1px;border-bottom-left-radius:1px;border-color:#ccc #bbb #bbb #fff;margin-left:0;}

/* Menu Elements */
#menu  { float: right; padding: 4px 0 0 0px; list-style: none; }
#menu li { display: inline; }
#menu a { display: block; float: left;  margin-right: 15px; padding: 7px; text-decoration: none; font-size: 13px; color: #bbbbbb; border-bottom: 1px solid #bbbbbb;}
#menu a:hover { border-bottom: 1px solid #000000; color: #000000; }
#menu .active a { border-bottom: 1px solid #C70012; color: #9D2900;}

.tooltip {
	background-color: 		#000000;
	color: 					#FFFFFF;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	padding: 				5px;
    margin:                 0 5px 0 0;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	box-shadow:             5px 5px 5px #ccc;
    -moz-box-shadow:        5px 5px 5px #ccc;
    -webkit-box-shadow:     5px 5px 5px #ccc;
	position:               absolute;
    z-index:                9999;
}

/* Viewer Tab Elements */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


/* Calendar */
.tdday { 
                  background-color: transparent;
                  font-weight: bold;
                  line-height: 20px;
                  vertical-align: middle;
                  text-align: center;
}
.tdtoday { 
                  background-color: #9D2900;
				  color: #FFFFFF;
                  font-weight: bold;
                  line-height: 16px;
                  vertical-align: middle;
                  text-align: center;
}

.tdheading {
                  background-color: transparent;
                  font-weight: bold;
				  font-size: 20px;
                  line-height: 20px;
                  vertical-align: middle;
                  text-align: center;
}
.tddate {        
                  background-color: transparent;
                  font-weight: normal;
                  line-height: 16px;
                  vertical-align: middle;
                  text-align: center;
 }
.caltable {        
                   border: 0px;
                   margin: 0px;
                   padding: 0px;
}

/* IE is terrible, why don't we just eliminate it?! */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

img{ behavior: url(iepngfix.htc) }