/*  
Theme Name: BRANDED UX
Theme URI: http://www.brandedux.com
Description: A dark-colored, Web 2.0 Theme with Ext-js v2.0.2 enabled. 
This theme is proprietary to Branded UX and should not be distributed.
Version: 1.0
Author: Jeff Davis
Author URI: http://www.tahoedesigner.com
*/




/**************** Body *********************/
*{margin:0; padding:0; font-family:Arial Rounded MT, Vag Rounded, Arial, San-Serif;}
body{background:#1b1b1b url(images/stripe.png); font:13px Arial Rounded MT, Vag Rounded, Arial, San-Serif; margin:0; padding:0; }
img { border:#262626; margin:0px; padding:0px;}
img.img {padding:10px; border:0px; background:#262626 !important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

h4 {font-size:14px; font-weight:normal}
#wrapper {width:980px; margin:20px auto;}

/**************** Links *********************/
a, a:link, a:visited {text-decoration:none; color: #999999;}
a:hover {color:#CCCCCC;}

/**************** Header *********************/
#header {width:975px; margin-bottom:10px; float:left;}
#header h1 {text-indent:-10000px;margin:0; padding:0; }
#header h1 a {display:block; background:transparent url(images/logo.gif) no-repeat left; height:31px;}
#header h2.description {background:#262626; color:#999999; font-size:11px; font-weight:normal; padding:3px 5px 5px 5px; line-height:25px; letter-spacing:1px; word-spacing:1px; text-transform:capitalize;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
} 
#rss {position:relative; background:transparent !important; height:16px; width:49px; float:left; top:-25px; left:920px  }


/* Ticker for news items */
.hide {
  visibility: hidden;
  position: absolute;
  top: -400px;
}
#tickerx {
background:transparent;
padding:0px;
margin:0px;
width:610px;
height:25px;
float:right;
position:relative;
top:-29px;
right:60px;
display:block;
overflow:hidden;
}

#ticker {
background:#191919 url(/js/images/scroller/bg_ticker.gif) repeat-x;
float:left;
color:#FFCC33;
text-align:center;
width:auto;
}

#tickerLeftArrow {
background: transparent url(/js/images/scroller/smallLtArrow.gif) no-repeat;
float:left;
text-align:left;
height:25px;
width:25px;
}

#tickerText {
background: transparent url(/js/images/scroller/bg_ticker.gif) repeat-x;
color:#FFCC33;
text-align:center;
height:12px;
float:left;
margin-top:4px;
width:558px;
}

#tickerRightArrow {
background: transparent url(/js/images/scroller/smallRtArrow.gif) no-repeat;
float:left;
text-align:right;
height:25px;
width:25px;
}

#tickerText a {
color:#FFCC33;						/* Color for ticker link */
}

#tickerText a:hover {
color:#FFDD00;						/* Color for ticker link on mouse over */
text-decoration:underline;
}


/**************** Navigation *********************/
#navigation{ font-size:12px; text-transform:uppercase; font-weight:bold; position:absolute; z-index:1; top:125px;}
#menu{  margin-bottom:20px;}
#menu li{list-style:none;}
.page_item a, .current_page_item, .topsearch{
border-radius-topleft:5px;
border-radius-bottomleft:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-topleft:5px;
}
.page_item a:link, .page_item a:visited{color: #666666;  background:#262626 url() no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:220px; display:block;}
.page_item a:hover {color:#ccc; background:#333333 url(images/menu_left_hover.gif) no-repeat top left;}
.current_page_item a:link, .current_page_item a:visited{color: #FFF;  background:#333333 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:230px; display:block;}


/**************** Search *********************/
.topsearch{ background:#262626 url() no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:220px; display:block; }
.topsearch:hover{ background:#262626 url(images/menu_left_hover.gif) no-repeat top left; color: #FFF !important;}
.searchfield{width:16em; color: #CCC; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Tahoma; border:0px solid #262626; background:transparent url(images/search.gif) left no-repeat; padding-left:16px;}
h2.search {font-size:14px; background:url(images/cats.gif) left no-repeat; padding-left:20px; margin-left:20px; font-family:Arial Bold; padding-top:10px;}
.entry h2.search {color:#ccc}
/**************** EXTJS PANEL *********************/
.x-panel-body p {margin:10px;}
/**************** HIDDEN DIVS FOR PANEL *********************/
.hidden {position: absolute; top:-4000px;}


/**************** SIDEBAR *********************/
#sidebar ul li {padding-bottom:15px;}
#sidebar ul li h2:hover, #sidebar ul li h2 a:hover  {color:#666666}
#sidebar ul li h2 a {color: #333333;}
/**************** Calendar *********************/
#date {color: #5837FD; background-color:#262626; font-size:10px; text-align:center;}
#calendar, #wp-calendar, #giraffe_calendar {color: #666666; background-color:#262626; font-size:10px; line-height:20px;}
#calendar td, #wp-calendar td {color: #666666; background-color:#262626; font-size:10px; line-height:20px; width:35px; height:20px;}
#calendar td a, #wp-calendar td a {color: #5837FD; font-size:10px; line-height:20px; width:35px; height:20px; background:#262626 url(images/date.gif) no-repeat center;}
#calendar td a:hover, #wp-calendar td a:hover {color: #fff; font-size:10px; line-height:20px; width:35px; height:20px; background:#262626 url(images/date_hover.gif) no-repeat center;}
/*------Add Ons for my Calendar-----------------*/
#giraffe_calendar {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#wp-calendar #today {color: #FFF !important; background: transparent url(images/date_hover.gif) center no-repeat !important; border:0px !important;}
#wp-calendar-caption {color: #FFF !important; text-align:center!important; font-size:12px!important; font-weight:bold!important; width:250px;}
#wp-calendar td#prev a, #wp-calendar td#prev a:hover, #wp-calendar #next a, #wp-calendar #next a:hover,  #calendar td#prev a,  #calendar td#prev a:hover, #next a, #next a:hover, #showit a, #showit a:hover{background:none!important;}
#wp-calendar td#next a, #wp-calendar td#next a:hover, #calendar td#next a, #calendar td#next a:hover {text-align:right; width:auto; }

/**************** Twitter Feed *********************/
.entry-content {color:#CCCCCC; font-weight:normal; text-transform:none;}
.entry-content a {color:#5837FD; }
.entry-content a:hover {color:#FBFD37; }
.time-meta {color:#5837FD; font-size:9px; text-transform:lowercase;}
.from-meta {display:none;}
#twitter-3 ul li {background-color:#262626; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:5px; padding:5px }

/**************** Content *********************/
#content {width:720px; background-color:#333333; border:10px solid #262626; position:relative; left:235px; top:0px; border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;}
#content a {color:#FFFFFF;}
#content a:hover {color:#FBFD37; }
#buttons {width:680px; height:35px;margin-left:10px;}
a img#button_learn_more { height:35px; width:200px;float:left;}
a img#button_free_estimate {height:35px; width:200px;float:left;}
a img#button_client_login { height:35px; width:200px;float:left; }

.comments {background:url(images/comments.gif) left no-repeat; padding-left:20px;}
.info {background-color:#262626 !important; font-size:11px; margin:0px; padding:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.info a {color:#37FD3C !important;}
.info a:hover {color:#FBFD37 !important;}

#welcome {margin-bottom:10px;}
#welcome img {margin:0px; width:660px;}
#experience img {margin:0px; width:660px;}
#process img {margin:0px; width:660px;}
#our_work img {background-color:#262626 !important; border-color:#262626 !important; border:0px; padding:0px; margin:0 0 0 10px;}
#our_work .info {margin:0 0 10px 0 !important; padding:0 10px 0 10px !important;}
#contact_us img {margin:0px !important;}
#contacts .info {margin:0px!important;  background-color:#262626 !important; border-color:#262626 !important;}
#ad h2.title, #news h2.title {color:#FFFFFF;}
.post h2.title{color:#FFFFFF !important;}
.post h2.title a{color:#FF66CC !important;}
.post h2.title a:hover{color:#FBFD37 !important;}
.post img {border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}
.entry h2{font-size:17px; padding-bottom:10px;}
.entry h2 a {color:#CCCCCC; font-family:Arial Bold; font-size:22px;}
.entry h2 a:hover {color:#FFFFFF;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px 20px 10px 20px; text-align:left; margin-bottom:20px; line-height:20px; color: #939393;} 
.entry img {margin:0 10px 10px 10px;}
.new {background:url(images/new.gif) right top no-repeat;}
html>body .entry ul { list-style: none; font-size: 13px; font-weight:bold; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.entry ul.normal {list-style: disc; text-align:left;  padding: 10px;  margin: 0px auto 30px auto; font-weight:normal; } 
.entry ul.normal li:before{ content: ""; }
.entry ul.normal li {text-align:left;  padding: 0px;  }
.entry ul.inline {list-style: none;  color: #666666; background: #262626; text-align:center;  padding: 10px;  margin: 0px auto 0px auto; font-size:13px; font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;} 
.entry ul.inline li:before{ content: ""; }
.entry ul.inline li {display:inline; color: #666666;  background:transparent;  text-align:center;  padding: 10px;  }

.entry ul.viewer {list-style: none; color: #666666; background: transparent; text-align:left;  margin:0px 0px 10px 10px; font-size:9px; font-weight:bold; position:relative; top:-8px; } 
.entry ul.viewer li:before{ content: ""; }
.entry ul.viewer li {display:inline; color: #666666;  background:transparent url(images/bg_viewer.gif) no-repeat top left;  text-align:center; padding: 3px 10px 10px 8px; margin:0px; border: none; height:25px!important; width:25px!important;}
.entry h4 { margin:0px 10px 0px 10px !important; position:relative; top:-10px;}

.meta { padding:5px; font-size:11px; line-height:22px; border-top:1px solid #262626; text-transform:uppercase; font-weight:bold;}
.tags {background:url(images/tags.gif) left no-repeat; padding-left:24px;}
.cats {background:url(images/cats.gif) left no-repeat; padding-left:24px;}

blockquote {
margin-right:10px;
font-size:15px;
font-weight:bold;
color: #666;
padding: 10px 0px 10px 20px;
background: #262626 url(images/blockquote.gif) no-repeat left top;
}

blockquote p.reference{
padding: 0px 0px 0px 20px;
background: url(images/blockquote_end.gif) no-repeat bottom right;
}

.round-corners {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/* LIGHTBOX */
#stimuli_outerImageContainer {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#stimuli_imageDataContainer {
top:-10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}


/**************** Comments *********************/
#comments {font-size:14px; border-top:10px solid #262626; font-family:Arial Bold;}
h2#postcomment {font-size:14px; margin-top:10px; font-family:Arial Bold; font-weight:bold;}
.commentlist{padding:20px; margin-top:10px;}
.comtop {background:#262626 url(images/comtop.gif) no-repeat top left; padding:5px 0px 0px 0px; width:575px;}
.combottom {background:url(images/combottom.gif) no-repeat top left; width:575px; height:10px; margin-bottom:25px;}
.commentlist p{ padding-top:5px;}
.commentmetadata {font-size:11px;}
#author, #email, #url {width:12em;font-size:13px; color:#666666;font-weight:bold;padding:3px; margin-right:5px;border:1px solid #1b1b1b; background-color:#666666;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:98%;border:1px solid #1b1b1b;font:13px Tahoma;color:#333333;font-weight:bold; background-color:#666666;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Sidebar *********************/
#sidebar { text-align:right; width:230px;}
#sidebar ul {list-style:none;}
#sidebar h2 {font-size:20px; font-family:Arial; color: #333333; padding-right:10px; border-bottom:1px solid #262626;}
#sidebar ul ul {margin:10px; padding-bottom:20px;}
#sidebar ul ul li {padding-bottom:5px;}


/**************** Sidebar Right *********************/
#sidebar_rt {font-size:12px; width:160px; margin:0px; border:0px;  float:right;}

/**************** Footer *********************/
#footer {text-align:right; font-size:11px; margin:10px; color: #666666;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding:20px; margin-right:20px; background:url(images/next.gif) no-repeat right; width:100px; font-size:11px;}
.alignleft{float:left; padding:20px; margin-left:20px; background:url(images/back.gif) no-repeat left; width:100px; font-size:11px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; font-family:Tahoma; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}


.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}


/****************POST EXTRA STYLES**********************/
#thumbnailNav {
	clear: both;
	position: relative;
	margin: 30px 0 0 0;
	width: 100%; /* force Layout in IE */
	overflow: auto; /* clear float */
}

#thumbnailNav a {
	outline: none;
}

#thumbnails {
	margin: 15px;
	width: 100%;
}

#thumbnails .thumbnail {
	display: block;
	float: left;
	border: none;
}

#thumbnails .thumbnail:hover {
	border: none;
}


#thumbnails .thumbnail img {
	border:1px solid #FFFFFF;
	display: block;
}

#thumbnails .thumbnail img:hover {
	border: 1px solid #007cd5;
	display: block;
}

/************ Pull-quote classes ******************/
.pullquote, .pullquote-top-margin, .pullquote-wide {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color:#CCCCCC;
	padding: 12px;
	float: right;
	clear: both;
	display: inline;
	background-color: #262626;
	background-image: url(images/pullquote-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 5px solid #666;
	}
.pullquote {
	margin: 3px 25px 15px 18px;
	width: 150px;
	/*width: 178px;*/
	}
.pullquote, .pullquote-top-margin, .pullquote-wide a {
	text-decoration: underline;
	}	
.pullquote-top-margin {
	margin: 18px 25px 15px 18px;
	width: 150px;
	/*width: 178px;*/
	}
.pullquote-wide {
	margin: 3px 25px 15px 18px;
	width: 190px;
	/*width: 232px;*/
	}
.pq-author {
	font-size: 0.85em;
	line-height: 1.4em;
	}

/************* WELCOME **********************/	
#ad{width:325px; height:290px; padding:0 0 0 10px; border:0px solid #ff0000; margin:0px; background:transparent url(images/technologies.gif) no-repeat bottom left; float:left;}
#news{width:330px; padding:0 0 0 10px; border:0px solid #ff0000; margin:0px; text-indent:0px; display:block; overflow:hidden; }
.one, .two, .three, .four {font-family: Arial, San-Serif; font-size:11px; text-align:left; text-indent:5px; padding:3px; margin:0 0 10px 0px; background:#262626;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}


/************* CONTACT US **********************/

#contacts{ width:250px; float:right; height:auto; margin-top:15px;}
#california{font-size:9px}
#florida{font-size:9px}


/************* SYNDICATION **********************/
.feedflare  {
position:absolute;
left:-2000px;
height:0px;
}