/*
Theme Name: Azul
Theme URI: http://www.switchroyale.com/?page_id=21
Description: Azul is a clean and modern theme with a techy/corporate feel. This theme is meant to be easy to edit and modify. Now includes 1 level deep subnavigation in the navigation menu. Just assign a parent page to any page on your blog for an instant submenu (submenu not compatible with IE6). The Azul Photoshop template is also available for free at www.switchroyale.com. Free to use for whatever you want.
Version: 1.51
Author: Switchroyale
Author URI: http://www.switchroyale.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/

body {
	background: url(images/bodybg.jpg) #999999;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
	z-index: 0;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: url(images/containerbg.jpg) #ffffff;
	background-repeat: repeat-y;
}

#header {
	height: 110px;
	padding: 40px 50px 0 50px;
	/*background: url(images/headerbg.jpg);*/
        background: url(/wp-content/uploads/2010/06/Banner-Revised-060220101.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	position: relative;
        margin:0 29px;
        width:801px;
}

#header h1 {
	margin: 0;
	font-size: 20px;

}

#header a {
	text-decoration: none;
	color: #666666;

}

#header a:hover {
	color: #333333;
}

#header #search {
	position: absolute;
	top: 40px;
	right: 50px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 205px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#navbar {
	margin: 0 0 20px 0;
	background: url(images/navbarbg.jpg);
	background-repeat: no-repeat;
	height: 40px;
}

#navbar ul {
	margin: 0 0 0 30px;
	padding: 0;
	border-left: 1px solid #cccccc;
}

#navbar li {
	display: block;
	float: left;
}

#navbar a {
	display: block;
	float: left;
	height: 30px;
	padding: 0 22px 0 10px;
	text-transform: uppercase;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 30px;
	background: url(images/navbuttonbg.gif);
	background-position: right 50%;
}

#navbar a:hover, #navbar .current_page_item a {
	color: #000066;
	background: url(images/navbuttonbg-hover.gif);
	background-position: right 50%;
}

#navbar ul li ul {
	z-index: 100;
	margin: 0;
	border: 1px solid #cccccc;
	width: 200px;
	clear: both;
	position: absolute;
	top: 180px;
	left: -999px;
}

#navbar ul li:hover ul, #navbar ul li.sfhover ul {
	left: auto;
}

#navbar ul li ul li {
	width: 200px;
}

#navbar ul li.current_page_item ul li a, #navbar ul li ul li.current_page_item a {
	background: url(images/subnav1bg.png);
}

#navbar ul li ul li a {
	background: url(images/subnav1bg.png);
	padding: 0 0 0 5px;
	float: none;
}

#navbar ul li ul li a:hover {
	background: none #cccccc;
}

#posts {
	width: 600px;
	padding: 0 0 0 50px;
	margin: 0 0 20px 0;
	float: left;
}

#posts ul{
	padding-left:15px;
}

/*carousel_t1*/
#carousel_t1{
	width:630px;
	height:271px;
	overflow:hidden;
	background:#a3d0ed;
}
#carousel_t1_left{
	position:absolute;
	z-index:10;
	margin:110px 0 0 10px;
}
#carousel_t1_right{
	position:absolute;
	z-index:10;
	margin:110px 0 0 580px;
}
#carousel_t1_box{
	width:630px;
	height:271px;
	overflow:hidden;
}
#stepcarouse_tl{
	position: relative; /*leave this value alone*/
	overflow:hidden;
	width: 630px; /*Width of Carousel Viewer itself*/
	height: 271px; /*Height should enough to fit largest content's height*/
}

#stepcarouse_tl .stepcarouse_belt_tl{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

#stepcarouse_tl .stepcarouse_tl_thumb{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width:630px;
	height:271px;
}
.stepcarouse_tl_entry{
	position:relative;
	top:180px;
	background:url(images/bgr_carousel_t1_panel.png) repeat;
	width:100%;
	height:91px;
}
.stepcarouse_tl_entry h2{
	font-size:18px;
	color:#fff;
	padding:18px 10px 0 15px;
	line-height:1.4em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.stepcarouse_tl_entry h2 a{
	color:#fff;
}
.stepcarouse_tl_entry p{
	font-size:12px;
	color:#b5c3c8;
	padding:2px 10px 0 15px;
	line-height:1.4em;
}

/*End of cursor tel*/


.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	margin: 0 0 50px 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.entry {
	margin: 20px 0 0 0;
}

.entry p {
	margin: 0 0 20px 0;
}

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}
.post h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	
}
.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}

.post a, .navigation a {
	color: #0195c5;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #333333;
}

.post a img {
	border: none;
}

.post blockquote {
	background: url(images/blockquotebg.gif) no-repeat left top;
	color: #777777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 5px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px 20px 0 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar {
	margin-left: 700px;
	width: 210px;
	position: relative;
	top: -30px;
	font-size: 11px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar h2 {
	margin: 0 0 5px 0;
	padding: 30px 0 0 0;
	font-size: 16px;
	color: #666666;
	width: 210px;
	border-bottom: 1px solid #cccccc;
}

.sidebar a {
	display: block;
	color: #0195c5;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-bottom: 1px dotted #cccccc;
}

.sidebar a:hover {
	color: #333333;
	background: #ebebeb;
}

.sidebar ul li ul li {
	_height: 20px; /*IE 6 Hack, the sidebar links won't display properly without this*/
}

.sidebar ul li ul li ul li a {
	font-size: 10px;
	padding: 0 10px 0 20px;
}

#footer {
	clear: both;
	height: 150px;
	background: url(images/footerbg.jpg);
	background-repeat: no-repeat;
}

#footer p {
	text-align: center;
	font-size: 12px;
	position: relative;
	top: 40px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
}

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#wp-calendar a:hover {
	background: #cccccc;
}