@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, ul, li, p, img {
	margin: 0;
	padding: 0;
}
body {
	background:#f2f1f1 url(../images/navbg.jpg) top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	line-height: 17px;
	text-align:justify;
}
div {
	margin:0 auto;
	padding:0;
}
img {
	border: 0;
}
ul {
	list-style-type:none;
}
.blog-link1 a, .blog-link1 a:link, .blog-link1 a:active, .blog-link1 a:visited, .blog-link1 a:hover {
	font-size: 11px;
	color: #7e7e7e;
	line-height: 18px;
	text-decoration:none;
}
.blog-link1 a:hover {
	text-decoration:underline;
}
.blog-link2 a, .blog-link2 a:link, .blog-link2 a:active, .blog-link2 a:visited, .blog-link2 a:hover {
	font-size: 10px;
	color: #a7a7a7;
	line-height: 18px;
	text-decoration:none;
}
.blog-link2 a:hover {
	color:#727272;
	text-decoration:underline;
}
.blog-link3 a, .blog-link3 a:link, .blog-link3 a:active, .blog-link3 a:visited, .blog-link3 a:hover {
	font-size: 11px;
	color: #444;
	line-height: 18px;
text-decoration:underline; 
}
.blog-link3 a:hover { 
	text-decoration:underline; color:#FF9933;
}
/*top nav*/
#blog-main	{
	width:984px;
	background-color:#ffffff;
	margin:0px auto; padding-top:10px;
	}


#blog-topnav { background:#F2F1F1;
	display:block;
	 overflow:hidden;
	
}

#blog-topnav img.blog-cosmoslogo{ float:left; width:201px; height:62px; margin-top:10px; margin-left:15px;}
#blog-topnav #blog-toprightnav{ display:block;   width:172px; float:right; height:25px; margin-bottom:10px; margin-top:10px;}
#blog-topnav #blog-toprightnav #blog-icons{ display:block; height:25px;
	
}
	
	
	
#blog-topnav #blog-toprightnav #blog-icons	 div{
	float:left;
	padding-top:8px;
	height:17px;
	width:42px;
	text-align:center;
	border-right:1px dotted #a2a2a2;
}
	
#blog-topnav #blog-pagenav{ display:block; width:500px; margin:0px; height:30px; float:right; clear:both; border: solid 1px #000;}



#blog-topnav  p.slogan { 
	display:block; float:left; width:500px; border: solid 0px #000; margin-top:20px; font-size:16px; font-weight:bold;
	
}

#blog-topnav  ul { 
	display:block; float:right; width:320px; border: solid 0px #000;
	
}


#blog-topnav li {
	float:left;
}
#blog-topnav li a, #blog-topnav li a:link, #blog-topnav li a:active, #blog-topnav li a:visited, #blog-topnav li a:hover {
	display:block;
	height:50px;
	line-height:50px;
	padding:0px 10px;
	text-decoration:none;
	color:#333;
	font-size:12px;
}
#blog-topnav li a:hover {
	color:#ff9933;
	background:url(../images/navarrow.png) center bottom no-repeat;
}
/*logo panel*/
#blog-logopanel {
	display:block; width:450px;

	height:60px;
	margin-bottom:2px;
}
#blog-logopanel img.blog-logo {
	width:201px;
	float:left;
	height:62px;
	margin-top:34px;
	margin-right:10px;
}
#blog-logopanel p.blog-slogan {
	float:left;
	margin-top:62px;
	color:#000; font-size:16px; font-weight:bold;
}
#blog-logopanel #blog-rss {
	display:block;
	width:380px;
	overflow:hidden;
	height:100px;
	float:right;
}
/*body panel*/
#blog-bodypanel {
	display:block;
	width:1004px; margin-top:2px; 
}
#blog-bodypanel #blog-leftpanel {
	display:block;
	width:592px;
	margin-right:2px;
	margin-left:10px;
	float:left;
	background:#fff;
	padding:14px 0px 20px 0px;
}
#blog-bodypanel #blog-rightpanel {
	display:block;
	width:390px;
	margin-right:10px;
	float:left;
	background:#fff;
	padding:20px 0px;
}
/*post panel*/
#blog-post {
	display:block;
	margin:0px 15px 30px 15px;
	border-bottom: solid 1px #e9e9e9;
}
#blog-post .blog-posttitle {
	display:block;
	height:46px;
	background:url(../images/posttitlearrow.png) left bottom no-repeat;
	border-bottom: solid 1px #4e4e4e;
	padding-left:20px;
}
#blog-post .blog-posttitle h1 {
	font-size:16px;
	color:#FF9933;
	padding-top:6px; margin-bottom:0px;
}
#blog-post .blog-posttitle .blog-postdetail {
	display:block;
	font-size:10px;
	color:#727272;
}
#blog-post .blog-postcontent {
	display:block;
	width:100%;
	overflow:hidden;
	padding:2px 0px 8px 0px;
}
#blog-post .blog-postcontent img {
	float:left;
	margin-right:14px;
	margin-top:10px;
	margin-bottom:5px;
}
#blog-post .blog-postcontent p {
	padding:5px 0px;
}
/*keywordcloud panel*/
#blog-keywordcloud {
	display:block;
	margin:0px 15px;
	border:solid 1px #4e4e4e;
	text-align:center;
	padding:10px;
	line-height:normal;
}

#blog-keywordcloud #dynacloud a{
	color:#6D6D6D;
	text-decoration:none;
}

/*links panel*/
#blog-bodypanel #blog-rightpanel .blog-paneltitle {
	display:block;
	height:25px;
	margin-bottom:8px;
	background:url(../images/paneltitlearrow.png) left bottom no-repeat;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	border-bottom: solid 1px #4E4E4E; color:#F28C2B;
}
#blog-linkpanel {
	display:block;
	margin: 0px 15px 40px 15px;
}
#blog-linkpanel .blog-linkpanelcontent {
	display:block;
	background:#4E4E4E;
}
#blog-linkpanel .blog-linkpanelcontent ul {
	display:block;
	margin:0px 14px;
	padding:10px 0px;
}
#blog-linkpanel .blog-linkpanelcontent li {
	display:block;
	background:url(../images/dottedline.png) left bottom repeat-x;
}
#blog-linkpanel .blog-linkpanelcontent li a, #blog-linkpanel .blog-linkpanelcontent li a:hover {
	display:block;
	background:url(../images/bull.jpg) left center no-repeat;
	height:30px;
	line-height:30px;
	padding-left:16px; color:#fff;
}
#blog-linkpanel .blog-linkpanelcontent li a:hover {
color:#FF9933;
}
#blog-linkpanel .blog-linkpanelcontent li:last-child {
	display:block;
	background:none; 
}
/*category panel*/
#blog-categorypanel {
	display:block;
	margin: 0px 15px 30px 15px;
}
#blog-categorypanel .blog-categorypanelcontent {
	display:block;
}
#blog-categorypanel .blog-categorypanelcontent li {
	display:block;
	background: #e7e7e7;
	height:30px;
	margin-bottom:2px;
	padding-left:20px;
}
#blog-categorypanel .blog-categorypanelcontent li:hover {
	display:block;
	background: url(../images/categoryarrow.png) left center no-repeat #FF9933;
	color:#fff;
	text-decoration:none;
	float:none;
	height:30px;
	margin-bottom:2px;
	cursor:auto;
	padding-left:20px;
}
#blog-categorypanel .blog-categorypanelcontent li a {
	display:block;
	height:30px;
	font-size:12px;
	color:#444;
	line-height:30px;
}
#blog-categorypanel .blog-categorypanelcontent li a:hover {
	display:block;
	height:30px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	line-height:30px;
}
/*featuredpost panel*/
#blog-featuredpostpanel {
	display:block;
	margin: 0px 15px 30px 15px;
}
/*recentpost panel*/
#blog-recentpostpanel {
	display:block;
	margin: 0px 15px 30px 15px;
}
/*form panel*/
#blog-responseform {
	display:block;
	margin:0px 15px 30px 15px;
	border-bottom: solid 1px #4e4e4e;
	padding-bottom:20px;
}
#blog-responseform h1 {
	display:block;
	background:#727272;
	font-size:16px;
	color:#fff;
	text-align:center;
	padding:5px 0px; 
}
#blog-responseform h2 {
	display:block;
	font-size:14px;
	color:#fff;
}
#blog-responseform p {
	padding:5px 0px;
}
#blog-responseform p label {
	margin-left:20px;
	padding:0px;
	vertical-align:top;
	color:#444;
}
input[type=text] {
	background:#bdbdbd;
	width:160px;
	border:solid 1px #fff;
	padding:6px;
	font-size:11px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=password] {
	background:#bdbdbd;
	width:160px;
	border:solid 1px #fff;
	padding:6px;
	font-size:11px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=password]:focus {
	background:#2e76bd;
	width:160px;
	border:solid 1px #6da8e2;
	padding:6px;
	font-size:11px; 
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=text]:focus {
	background:#2e76bd;
	width:160px;
	border:solid 1px #6da8e2;
	padding:6px;
	font-size:11px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	background:#bdbdbd;
	width:540px;
	border:solid 1px #fff;
	padding:6px;
	font-size:11px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
textarea:focus {
	background:#2e76bd;
	width:540px;
	border:solid 1px #6da8e2;
	padding:4px;
	font-size:11px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*pagelink panel*/
#blog-pagelinkpanel {
	display:block;
	text-align:center;
	padding:5px 0px; color:#444; clear:both; width:210PX; margin:0PX auto; border: solid 0PX #000;
}
#blog-pagelinkpanel a{
	color:#444;
	text-decoration:none;
}
#blog-pagelinkpanel a:hover{
	text-decoration:none;color:#fff;
}

#blog-pagelinkpanel .blog-page {
	display: inline-block;color:#444; float:left;
	height:24px;
	border:solid 1px #e9e9e9; width:50PX; line-height:25PX;
}
#blog-pagelinkpanel .blog-page:hover {
	display: inline-block;float:left;
	height:24px;
	border:solid 1px #4e4e4e;
	background:#4e4e4e;
	color:#fff;
	cursor:hand; width:50PX;line-height:25PX;
}



#blog-pagelinkpanel .blog-page a{ display: inline-block; height:24px;float:left;
	color:#444; 
	text-decoration:none; width:50PX;line-height:25PX;
}
#blog-pagelinkpanel .blog-page a:hover{
	float:left;
	display: inline-block; 
	height:24px;
	color:#fff;
	text-decoration:none; 
	width:50PX;
	line-height:25PX;
}






#blog-pagelinkpanel .blog-pagedetail {
	display:inline;
	height:14px;
	padding:5px 10px;
	color:#727272;
}
/*footer panel*/
#blog-footerpanel {
	display:block;
	width:960px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	text-align:center;
	color:#7e7e7e;
}
#blog-commentList {
	display:block;
	overflow:hidden;
	padding-left:35px;
	padding-right:15px;
	padding-bottom:15px;
}
#blog-commentList a {
	text-decoration:none;
	font-size:13px;
	color:#6E6E6E;
	font-style:oblique;
}
#blog-commentList .blog-commentDesc {
	padding-left:20px;
	margin-bottom:5px;
}
#blog-commentList .blog-commentDate {
	color:#727272;
	display:block;
	size:10px;
	width:100%;
	padding-left:20px;
}
#blog-commentHeading {
	margin:15px;
}
.blog-label {
	width:130px;
	display:block;
	margin-left:0;
	text-align:left;
}

#msgbox {
	color:#000000;
}

#errorbox {
	color:#000000;
}

/* Dialog
----------------------------------*/

.ui-dialog {
	position: relative;
	padding: .2em;
	width: 300px;
	background-color:#6E6E6E
}
.ui-dialog .ui-dialog-titlebar {
	padding: .5em .3em .3em 1em;
	position: relative;
	background-color:#4E4E4E;
	height:20px;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0 .2em;
	font-weight:bold;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 2em;
	top: 0%;
	width: 19px;
	margin: 0px 0 0 0;
	padding: 1px;
	height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
)
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0;
}
.ui-dialog .ui-dialog-content {
	border: 0;
	padding: .5em 1em;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: 3em 0 0 0;
	padding: .2em 0.9em .4em .3em;
}
.ui-dialog .ui-dialog-buttonpane button {
	float: center;
	margin: 3.5em .4em .5em 0;
	cursor: pointer;
	padding: .1em .5em .2em .5em;
	line-height: 1.4em;
	width:auto;
	overflow:visible;
}
.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
div#dialog {
	background-color:#6E6E6E;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	padding:18px;
	width:300px;
}
div#users-contain {
	width: 350px;
	margin: 20px 0;
}
div#users-contain table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
div#users-contain table td, div#users-contain table th {
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
}
.ui-button {
	outline: 0;
	margin:0;
	padding: .4em 1em .5em;
	text-decoration:none;
!important;
	cursor:pointer;
	position: relative;
	text-align: center;
}
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error {
	padding: .3em;
}