/*
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 modified by HJL
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) #304051;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
/*	font-family: "Malgun Gothic", "맑은 고딕", NanumGothic, 나눔고딕, Verdana, Arial, "Trebuchet MS";  */
	font-family: Verdana, Arial, "Trebuchet MS"; 
	line-height: 1.5em;
	color: #000;
	text-align: justify;
	z-index: 0;
	letter-spacing:-0.02em;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Malgun Gothic", "맑은 고딕", NanumGothic, 나눔고딕, Verdana, Arial, "Trebuchet MS";
    letter-spacing:-0.02em;
}

input { 
}

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

#header {
	height: 80px;
	padding: 25px 50px 15px 50px;
	background: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#header h1 {
	margin:0;
	padding: 0px 0 0 0;
	font-size: 35px;
	letter-spacing:-0.02em;
	line-height:100%;
}

#header #headers {
	font-size: 18px;
	font-weight: normal;
}

#header #taglist {
	color: #999;
	font-size: 14px;
	border-top:1px dotted #AAA;
	margin-top:3px;
	display:inline;
	position:relative;
}

#header a {
    font-weight:bold;
	text-decoration: none;
	color: #333;
}

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


#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 30px 0 20px;
margin-left:1px;
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	line-height: 29px;
	background: url(images/navbuttonbg.gif);
	background-position: right 50%;
}

#navbar a:hover {
	color: #000;
/*	background: url(images/navbuttonbg-hover.gif);
	color: #c50909;
*/
	background-position: right 50%;
}

#navbar .current_page_item a {
	color: #000;
	text-decoration:underline;
/*	background: url(images/navbuttonbg-hover.gif);
	color: #c50909;
*/
	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: 580px;
	padding: 0 0 0 50px;
	margin: 0 0 20px 5px;
	float: left;
	line-height: 1.6em;
	font-size:0.85em;
}

.date {
	font-size: 12px;
	color: #999999;
}	

.post {
	margin: 0 0 30px 0;
	padding:0;
	line-height: 1.6em;
}


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

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

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

.post h2 {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}
.post h2 a {
	text-decoration: none;
color:#000;
}
.post h2 a:hover {
	text-decoration: none;
	border:none;
	color: #C70908;
}

.post h3 {
	font-size: 16px;
	font-weight: bold;
}

.post h4 {
	font-size: 14px;
	font-weight: bold;
}

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

.post a:hover {
	color: #11c555;
	text-decoration:underline;
	/*
	border-bottom:1px dotted #333;
	*/
}

.post address {
	font-size:0.8em;
	font-style: italic;
padding:0;
margin:0;
}

.navigation {
	vertical-align:bottom;
	border:1px solid #FFF;
	font-size: 13px;
	padding:0;
	margin:0;
}

.navigation a {
	color: #666;
	text-decoration: none;
}

.navigation a:hover {
	color: #C70908;
	text-decoration: underline;
}

.twitter-timestamp {
	color: #AAA;	
	font-size: 0.8em;
}

.navigation .prev { float: left; }
.navigation .next { float: right; }

.post a img {
	border: none;
}

.post blockquote {
/*	background: url(images/blockquotebg.gif) no-repeat left top; */
	border-left:4px solid #CCC;
	color: #666;
	font-style: italic;
	padding: 0px 5px 0px 10px;
	margin:5px 0 5px 0;
	font-size:13px;
	line-height:1.4em;
}

.post blockquote p{
margin:0 0 10px 0;	
}

.post li {
	padding:3px 0 3px 0;
	line-height:1.4em;
}

.commentbubble {
	float: right;
	font-size: 12px;
	line-height: 1.6em;
	padding:3px 2px 3px 2px;
	margin:0;
}

.commentbubble a {
	
}

.postmetadata {
	text-align:left;
	display:block;
	font-size: 12px;
	line-height: 1.6em;
	padding:2px 2px 3px 2px;
	margin:0;
	border-top:1px dotted #CCC;
	background:#FFF;
}

.tags {
	font-size: 11px;
	color: #666;
	text-align:right;
	padding-bottom:2px;
}

.tags a {
	font-size:11px;
	color: #333;
	text-decoration:none;
}

.tags a:hover {
	font-size:11px;
	color: #C70908;
	text-decoration:none;
	border:none;
}

.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 {
	background: #fff;
	text-align: center;
	padding: 10px 5px 1px 5px;
	border:1px dotted #ccc; 
}

.post .wp-caption-text {
	margin: 0;
	font-size: 0.9em;
	color: #666;
	font-style:italic;
}

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

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

.commentlist li {
	list-style-type: none;
	padding:0;
	margin:10px 0 20px 0;
	border-bottom: 1px dotted #CCC;
	background: #F2F2F2;
	font-size:13px;
	line-height:1.3em;
}

.commentlist p {
	clear: both;
	margin: 0;
	padding:10px 15px 5px 15px;
}

.comments-template h3 {
color: #000;
	border-bottom: 1px dashed #CCC;
}

.commentmetadata {
	font-size: 13px;
	margin:0;
	padding:13px 15px 0 15px;
}

.commentmetadata .title {
	font-size: 15px;
	font-weight: bold;
	padding:3px 0 2px 0;
}

.avatarcontainer {
	float: left;
	margin: 0px 8px 0 0px;
}

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

.sidebar {
	margin-left: 682px;
	width: 225px;
	position: relative;
	top: -8px;
	font-size: 12px;
	padding-top:10px;
	line-height: 1.2em;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar ul li ul li{
	list-style-type: circle;
	margin: 0;
	padding: 0 0 7px 0;
	margin-left:16px;
}

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

.sidebar #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 220px;
	font-size: 13px;
	color: #999999;
	padding: 3px 2px 3px 2px;
}

#subscribe {
text-align:left;
font-size:11px;
margin-top:0;
padding-top:0;
padding-bottom:25px;
}

#feedrss {
	background: url(images/feeds.gif) 0px 3px no-repeat;
	padding:10px 0 5px 25px;
	color: #666;
}

#followme {
	background: url(images/feeds.gif) 0px -97px no-repeat;
	padding:10px 0 5px 25px;
	margin-left:0px;
	color: #666;
}

.sidebar a {
	display: inline;
	color: #C70908;
	text-decoration: none;
	padding:0;
	border-bottom: 0px 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;
	font-size: 12px;
}

#footer .copyright {
	float: left;
	text-align: left;
	position: relative;
	top: 31px;
	left:55px;
	line-height:1.5em;
}

#footer .footermenu {
	font-size: 11px;
	float: right;
	text-align: right;
	position: relative;
	position: relative;
	top: 42px;
	right:55px;
	line-height:1.6em;
}

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

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

#wp-calendar {
	width: 210px; /* 100%?? */
	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;
}