/* --------------------------------------------------------------------
*style: Css frameset for blogbus -- 2cols content+side
*author: jiee
*date: 2008.08.24
*memo:
*
 ------------------------------------------------------------------------*/
/* =Global Setting
 * ------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}

body {
	background: #000000;
	font-size: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        line-height: 150%;
	color: #FFFFFF;
}

a {
color: #ffdc00;
text-decoration: none;
}

a:visited {
color: #ffdc00;
}

a:hover{
background-color: #ffdc00;
color: #000;
} 

li {
	list-style: none;
}

img {
	border: none;
}

p{
	margin-bottom: 0.8em;
}

.clear {
	clear: both;
}
.newsCon{font-size:14px;line-height:24px;width:690px;overflow:hidden;}
.newsCon p{margin:12px 0;}

/* =Main Layout
 * ------------------------------------------------------------------*/
 #container {
	/*width: 720px;*/ width: 822px;
	margin: 0 auto;
}

 #header {
	height: 100px; position: relative;
}

 #innerContainer {
	/*width: 680px;*/width: 800px;
	padding: 10px;
	border: 1px solid #555555;
	background: #222222;
}

 #outerContent {
	/*width: 490px;*/width: 510px;
	float: left;
}

#detail #outerContent {
	/*width: 680px;*/width: 800px;
	float: none;
}

 #outerSidebar {
	/*width: 170px;*/width: 260px;
	float: right;
}

   /* #sideL,#sideR{}*/
   /* #sideL{}*/
   /* #sideR{}*/
 #footer {
	padding-top: 20px; position: relative;
	clear: both;
}

 
 /* =Header
 * ------------------------------------------------------------------*/
h1.blogName {
	padding: 25px 5px 0 15px;
	font-size: 48px;
}

div.description {
	padding: 20px 25px; /*font-size: 14px;*/
}

 
ul.nav {
	padding: 5px; position: absolute; left: 15px; top: 10px;
}

.nav li {
	float: left; padding-right: 10px; height: 30px;
	/*background: url(http://photobob4blogbus.blogbus.com/files/12291762790.gif) no-repeat left top;*/
}

.nav li a {
	float: left;
	padding: 2px 10px 2px 0; height: 26px; line-height: 26px;
	margin-right: 5px;
	/*background: url(http://photobob4blogbus.blogbus.com/files/12291762791.gif) no-repeat right top;*/
}

.nav li a:hover {
}

 
 /* =Content
 * ------------------------------------------------------------------*/
 ul#posts {
	margin-bottom: 1em;
	background: #111111;
}

 ul#posts li {
 	margin-bottom: 5px;
	background: #000000;
	border: 1px solid #555555;
}

#detail ul#posts {
	margin-bottom: 1em;
	background: #222222;
	/*width: 676px;*/width: 800px;
}

#detail ul#posts li {
	background: #222222;
	/*width: 676px;*/ width: 800px;
	border: 1px solid #55555;
}

 ul#posts li .postHeader {
 	padding: 8px;
}

 ul#posts li .postHeader h2 {
	font-size: 1.5em;
	width: 80%;
	float: left; font-weight: bold;
}

 ul#posts li .postHeader h3 {
	font-size: 0.8em;
	width: 18%;
	float: right;
	text-align: right;
}

 
 ul#posts li .postBody {
 	padding: 10px;
	text-align: center;
}

 ul#posts li .postFooter{
	 padding: 10px;
}

 
 .pageNavi {
}

 .pageNavi span {
}

 .pageNavi span a {
}

 
 
 /* =Sidebar
 * ------------------------------------------------------------------*/
 #profile h2 {
}

 #profile .modBody {
}

 #profile .modBody h3.author{
}

 #profile .modBody .about{
}

 
 .module,#custom {
	margin-bottom: 1em;
}

 .module h2 {
	font-size: 14px;
}

 .modBody {
	margin: 5px;
}
 .modBody li {
        background:#000000 none repeat scroll 0 0;
        border:1px solid #555555;
 	margin-bottom: 5px;
 }

  
 /* =Footer
 * ------------------------------------------------------------------*/
 #footer {
}

 #footer .copyright {
margin-top: 30px; text-align: center;
}

  
 /* =Comments && Sth else
 * ------------------------------------------------------------------*/
#detail #posts li.context {
	background: url(http://photobob4blogbus.blogbus.com/files/s/12291591200.gif) no-repeat left top;
	height: 29px;
	line-height: 30px;
	border: none;
	margin: 0;
	width: 678px;width: 802px; background:url(http://photobob4blogbus.blogbus.com/files/s/12294318290.gif) no-repeat left top;
	position: relative;
}

* html #detail #posts li.context {
	margin-top: -3px;
}

*+html #detail #posts li.context {
	margin-top: -3px;
}

.pre,.next {
	width: 48%; padding:0 5px;
	overflow: hidden;
	/*text-indent: -9999px;*/
	/*display: block;*/float: left;
	/*position: absolute;*/
	/*right: 85px; 	background: red;*/
}
.pre a:hover {/*background: url(http://photobob4blogbus.blogbus.com/files/12291718311.gif) no-repeat;*/}

.next {
	/*width: 70px;*/ float: right;text-align: right;
	/*right: 11px; 	background: green;*/
}
.next a:hover {/*background: url(http://photobob4blogbus.blogbus.com/files/12291718310.gif) no-repeat;*/}
#comments {
	margin-bottom: 1em;
}

#comments h2,#commentForm h2 {
	margin-bottom: 0.5em;
	font-size: 14px;
}

#comments li {
	margin: 15px 10px;
}

#comments li .reCmtBody {
	margin: 5px 10px;
}

#comments li .reCmtBody span {
	font-weight: bold;
	margin: 0 3px;
}

#comments li .reCmtBody span.author {
	margin-left: 0;
}
#comments .menubar { padding: 4px; background: #333; border: 1px solid #666; width: 50%; margin-top: 7px; }

#commentForm {
	width: 380px;
}

#commentForm div {
	clear: both;
	margin: 3px;
}

#commentForm div label {
	width: 50px;
	float: left;
}

#commentForm div input {
	width: 150px;
}

#commentForm textarea {
	width: 350px;
	height: 120px;
	margin-left: 50px!important;
	margin-left: 53px;
}

#commentForm .submit {
	text-align: right;
}

#commentForm .button {
	width: 50px;
}
#newggad {float: left;width: 336px;margin-bottom: 5px;margin-left: 5px;}
#newggadr {float: right;width: 336px;margin-bottom: 5px;margin-left: 5px;}