/*
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
*/

html {
    	overflow-y: scroll;
}

body {
	background: #000033;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: black;
	text-align: left;
	z-index: 0;
}


img {
border-style: none;
display: block;
}


#container {
	width: 960px;
	margin: 15px auto;
	background: black;
        min-height: 600px;
        height: auto !important;
        height: 600px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        /*-moz-box-shadow: 0 0 50px yellow;
        -webkit-box-shadow: 0 0 50px yellow;*/
        background-image: -moz-linear-gradient(-45deg, #000000, #222222, #000000, #222222, #000000, #222222);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0.0, #000000), color-stop(0.25, #222222), color-stop(0.5, #000000), color-stop(0.75, #222222), color-stop(1.0, #000000));
}

#header {
	width: 200px;
	padding: 10px;
	background: none;
	background-repeat: no-repeat;
	font-size: 10px;
        color: white;
	position: relative;
        float: left;
        text-align: center;
}

#headerimage {
       width: 176px;
       height: 200px;
       background: url(/img/Clip-Art-Danno.gif);
       margin: 10px auto;
       overflow: hidden;
}

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

#header a {
	text-decoration: none;
	color: white;
}

#header a:hover {
	color: white;
}

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


#navbar {
	margin: 0 auto;
        width: 175px;
	background: none;
	background-repeat: no-repeat;
	height: auto;
}

#navbar a {
	display: block;
	float: left;
	height: 30px;
        width: 175px;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	color: white;
	text-decoration: none;
	line-height: 30px;

}

#navbar ul {
	margin: 0px;
	padding: 0px;
}

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

.ie #navbar li:hover {
        height: auto;
}


#navbar a:hover, #navbar .current_page_item a {
	color: black;
	background: white;
        -webkit-transition: background .15s linear, color .15s linear;
        -moz-transition: background .15s linear, color .15s linear;
        transition: background .15s linear, color .15s linear;
}


#navbar ul li ul {
	z-index: 100;
	margin: 0;
	width: 0px;
        height: 0px;
	clear: both;
	position: absolute;
	top: auto;
	left: -9999px;
        opacity: 0;
        -webkit-transition: opacity .5s linear;
        -moz-transition: opacity .5s linear;
        transition: opacity .5s linear;
}

#navbar ul li:hover ul, #navbar ul li.sfhover ul {
	left: 190px;
        top: auto;
        opacity: 1;
        
}

#navbar ul li ul li {
	width: auto;
        border: 1px solid white;
}

#navbar ul li.current_page_item ul li a, #navbar ul li ul li.current_page_item a {
        background: black;
        color: white;
}

#navbar ul li ul li a {
	background: black;
	padding: 0 10px 0 10px;
	float: none;
        height:28px;
        width: 100px;
}

#navbar ul li ul li a:hover {
	background: white;
        color: black;
}

#posts {
	width: 475px;
        min-height: 600px;
        height: auto !important;
        height: 600px;
	padding: 0 15px 0 15px;
	margin: 0px;
	float: left;
        border-left: 5px solid #000033;
        background: white;
        color: black;

}

#page {
        width: 735px;
        min-height: 600px;
        height: auto !important;
        height: 600px;
	padding: 0px;
	margin: 0px;
	float: left;
        border-left: 5px solid #000033;
        background: white;
        color: black;
        -moz-border-radius: 0 15px 15px 0;
        border-radius: 0 15px 15px 0;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;


}

#pagecontainer {
        padding: 15px;
}

.commentbubble a {
	float: left;
	background: none;
	background-repeat: no-repeat;
	background-position: 0 -1px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: none;
	background-repeat: no-repeat;
	background-position: 0 -1px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

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

.post {
	margin: 0 0 0 0;
}

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

.entry {
	margin: 0 0 0 0;
}

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

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

.entry a {
        border-bottom: 1px dotted grey;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	border-bottom: none;
}

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

.post a, .navigation a {
	color: black;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: white;
        text-shadow: 0px 0px 5px black, 1px 1px 2px black, -1px -1px 2px black;
}

.ie .post a:hover, .navigation a:hover {
        background: black;
}

.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;
        width: auto;
	line-height: 1.5em;
        margin: 0 0 40px 0;
        text-align: right;
}

.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;
	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: 740px;
        color: white;
	width: 200px;
	position: relative;
	top: 10px;
	font-size: 11px;
}

.sidebar #s {
        width: 200px;
}

.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: white;
	width: 200px;
	border-bottom: none;
}

.sidebar a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-bottom: none;
}

.sidebar a:hover {
	color: black;
	background: white;
}

.ie .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;
}

#anchor {
        clear: both;
}

#footer {
        width: 960px;
	height: 30px;
        color: white;
	background: none;
	background-repeat: no-repeat;
        margin: 0 auto;
}

#footer p {
	text-align: center;
	font-size: 12px;
}

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

#footer a:hover {
	color: white;
}

#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;
}