/* Base
------------------------------------------------------*/

* { margin: 0; padding: 0; }
body { font: normal 0.75em/145% Trebuchet MS, sans-serif, Arial, Helvetica, Cambria,tahoma, sans-serif; color: #333; text-align: center; background: #7a7b7d url(../images/bb1.jpg) repeat; }
p { margin: 0 0 10px 0; line-height: 140%; color: #545454; }
a { outline: none; text-decoration: underline; color: #704b2d; }
a:hover { text-decoration: none; }
ul { list-style: none; }
.hide { display: none; border: none; }
img { border: 0; }
.padd-05 { padding: 5px; }
.padd-10 { padding: 10px; }
.padd-15 { padding: 15px; }
.padd-20 { padding: 20px; }




/* Clearing method
------------------------------------------------------*/

.clearfix:after	{ content:".";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0; }
.clearfix				{ display:inline-block; }
html[xmlns] .clearfix	{ display:block; }
* html .clearfix	{ height:1%; }
.clear	{ clear:both; }


/* Layout
------------------------------------------------------*/

#page-container { width: 950px; margin: 0 auto; text-align: left; z-index: 100; margin-top:20px; margin-bottom:0px;}
.page-container-inner { padding: 15px 0px; }
#page-header { padding: 0 0 20px 0; width: 960px; margin: 0 auto;}
#search { width: 940px;height:84px; margin: 0 auto; background: url("../images/search.jpg") no-repeat;}
#banner1{ width:900px; margin: 0 auto; margin-bottom:20px;}
#banner1 img{border:3px solid #e8e8e8;}
#banner2{ width:310px; margin: 0 auto; margin-bottom:20px;}
#banner2 img{border:3px solid #e8e8e8;}
#page-nav-top { margin: 10px 0 20px 0; width: 950px; margin: 0 auto; border-top:1px solid #666;border-bottom:1px solid #666;padding:5px;}
#content-container { margin: 0 0 20px 0; padding: 10px 0 40px 0; background: url("../images/h_line_sep_center.gif") no-repeat 50% 100%; }
#main-content { width: 590px; float: left; } 
#main-content.wide { width: auto; float: none; } 
#sidebar { width: 280px; float: right; }
#page-copy { width: 900px;height:33px; background: url("../images/footer.png") no-repeat; text-align: center; color: #666; }


/* Header
------------------------------------------------------*/
#searchlogin {
padding:18px 0px 0px 190px;
}

#searchlogin .searchtheInput {
font: normal 12px Trebuchet MS, sans-serif, Arial, Helvetica;
width: 155px;
margin-right: 35px;
padding:3px;
}

#searchlogin select {
font: normal 12px Trebuchet MS, sans-serif, Arial, Helvetica;
width: 155px;
margin-right: 35px;
padding:3px;
}

#searchlogin .searchtheSubmit {
font: bold 11px Trebuchet MS, sans-serif, Arial, Helvetica;
background-color: #000;
border:2px solid #fff;
color:#fff;
padding:2px 4px 2px 4px;
margin-right: 5px;
cursor:pointer;
}

.boxgrid{ 
				width: 170px; 
				height: 136px; 
				margin:3px 3px 33px 3px; 
				float:left; 
				background:#fff; 
				border: solid 2px #F2F2F2; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{
	position: absolute;
	top: 0;
	left: -4px;
	border: 0;
				}
				
				.boxgrid p a{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:bold; 
					font:11px Cambria,tahoma; 
				}
				
				.boxgrid h3{ margin: 20px 10px 3px 10px; color:#FFF; font:bold 13px Cambria,tahoma; }
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #333; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				.captionfull .boxcaption {
 					top: 136px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 96px;
 					left: 0;
 				}
.boxcaption1 {				float: left; 
				position: absolute; 
				background: #333; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.boxcaption2 {				float: left; 
				position: absolute; 
				background: #333; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}


#page-content .top {
margin: 0 auto;
width:900px;
height:10px;
background : url(../images/gong_place_01.png) no-repeat;
}

#page-content .bottom {
margin: 0 auto;
width:900px;
height:12px;
background : url(../images/gong_place_03.png) no-repeat;
margin-bottom:40px;
}

#page-content .main {
margin: 0 auto;
width:900px;
min-height:280px;
padding:12px 24px;
background : url(../images/gong_place_02.png) repeat-y;
}


#page-header{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
height:110px;
}

#logo{
width: 960px;
text-align:center;}

#logo h1 { padding-top: 0px; }
#logo h1 a { display: block; text-indent: -9999px; width: 960px; height:105px; background: url("../images/boxupp_logo.png") no-repeat 0% 0%; }



#hmenu{
width: 600px;
float:right;
margin-top:32px;
}

#page-header ul{
padding: 0;
list-style: none;
float:right;
}

#page-header li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#page-header li a{
float: left;
display: block;
font: bold 11px Trebuchet MS, sans-serif, Arial, Helvetica;
color: #fff;
text-decoration: none;
margin: 0 3px 0 0; 
padding: 8px 12px;
background: url("../images/menu.jpg") repeat-x;
}

#page-header li a:hover{
background: url("../images/menu_hover.jpg") repeat-x;
color: #333;
}

#page-header li.current a{ /*currently selected tab*/
background: url("../images/menu_hover.jpg") repeat-x;
color: #333;
}

#no_login {
width:430px;
height:72px;
}

#login {
width:430px;
height:72px;
background: url("../images/loginbg.png") no-repeat;
color: #fff;
font: normal 11px Trebuchet MS, sans-serif, Arial, Helvetica;
text-align: center;
float:right;
margin:0;
padding:5px;
}

#login a{
text-align: right;
font: normal 12px Trebuchet MS, sans-serif, Arial, Helvetica;
float:right;
margin-right:14px;
padding:6px;
color:#fff;
text-decoration:underline;
}

#login a:hover{
color:#F1BA89;
text-decoration:underline;
}


#login .theInput {
font: normal 11px Trebuchet MS, sans-serif, Arial, Helvetica;
width: 110px;
margin-right: 5px;
}

#login .theSubmit {
font: normal 11px Trebuchet MS, sans-serif, Arial, Helvetica;
background-color: #333333;
color:#fff;
margin-right: 5px;
}

#uploadphoto {
width:310px;
color: #fff;
font: normal 11px Trebuchet MS, sans-serif, Arial, Helvetica;
text-align: center;
float:right;
margin:0;
padding:5px;
}

#uploadphoto a{
text-align: right;
font: normal 12px Trebuchet MS, sans-serif, Arial, Helvetica;
float:right;
margin-right:14px;
padding:6px;
color:#fff;
text-decoration:underline;
}

#uploadphoto a:hover{
color:#F1BA89;
text-decoration:underline;
}


#uploadphoto .theInput {
font: normal 11px Trebuchet MS, sans-serif, Arial, Helvetica;
width: 160px;
margin-left:15px;
margin-right: 5px;
padding:4px;
border:1px dotted #999;
}

#uploadphoto .theSubmit {
font: normal 11px Trebuchet MS, sans-serif, Arial, Helvetica;
background-color: #333333;
color:#fff;
margin-right: 5px;
}




/* Page navigation
------------------------------------------------------*/

#page-container .page-navigation { width: 960px; margin-left: 0px;  z-index: 200;text-align:center;}
.page-navigation ul { padding-left: 0px;text-align:center; margin:0 auto; }
.page-navigation ul li {text-align:center; padding: 4px 0px 10px 17px; }
.page-navigation ul li a { display: block; font-weight: bold; font-size: 1.2em; color: #fff; text-align:center;text-decoration: none;  border-right: 1px solid #666; padding-right: 13px; }
.page-navigation ul li a:hover { color: #30d2fa; }
.page-navigation ul li a em { display: block; font: italic 0.8em Trebuchet MS; color: #999; text-transform: none; }
.page-navigation ul li.last a { border: none; }

/* dropdown */
#nav, #nav ul{ z-index:99; list-style-type:none; list-style-position:outside; position:relative; } 
#nav a{ display:block; float:none; } 
#nav li{ float:left; position:relative; } 
/* first dropdown */
#nav ul { position:absolute; top:31px; z-index:99; margin: -5px 0 0 -5px; padding: 11px; background-color: #ececec; border: 3px solid #ccc; } 
.page-navigation #nav li ul li{ float: left; clear: both; height: auto; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #ccc; } 
.page-navigation #nav li ul li.last { padding: 0; margin: 0; border: none; } 
/* drop links */
#nav li ul a{ font-size: 1.0em; width:150px; height:auto; z-index:99; border: none; } 
#nav ul ul{ top:auto; z-index:99; } 
/* second level dropdown */
#nav li ul ul { left:150px; margin:-24px 0 0 12px; z-index:99; } 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; z-index:99; } 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; z-index:99; } 


/* Content - common 
------------------------------------------------------*/

#page-content h2 { font: bolder 15px Cambria, Arial; color: #000; border-bottom: 1px dotted #bbb; padding: 0 0 6px 0; margin: 0 0 10px 0; font-style:italic; }
#page-content h2 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#page-content h2 a { font-size: 15px; font-weight: bolder; color: #000; text-decoration: none;font-style:italic; }
#page-content h2 a:hover { color: #05B6E2; }

#page-content h6 { font: bolder 25px Cambria, Arial; color: #000; border-bottom: 1px dotted #7f7d7d; padding: 0 0 6px 10px; margin: 0 0 10px 0; font-style:italic; }
#page-content h6 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#page-content h6 a { font-size: 25px; font-weight: bolder; color: #000; text-decoration: none;font-style:italic; }
#page-content h6 a:hover { color: #05B6E2; }

#page-content h5 { font: bolder 25px Cambria, Arial; color: #000; border-bottom: 1px dotted #0d6b89; padding: 0 0 6px 10px; margin: 0 0 10px 0; font-style:italic; }
#page-content h5 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#page-content h5 a { font-size: 25px; font-weight: bolder; color: #fff; text-decoration: none;font-style:italic; }
#page-content h5 a:hover { color: #05B6E2; }


/* Content - main 
------------------------------------------------------*/

#main-content h2 { font-size: 1.8em; border: none; margin-bottom: 15px; border-bottom:1px dotted #ccc; }
#main-content h2 span { color: #f60; }
#main-content h3 { font: normal 1.6em/110% Trebuchet MS, Arial; color: #000; margin: 20px 0 10px 0; }
#main-content h4 { font: bold 1.4em/110% Trebuchet MS, Arial; color: #f60; margin: 20px 0 10px 0; }
#main-content p { font: normal 1.2em/130% Trebuchet MS, Arial; }
#main-content img { margin: 0 0 10px 0; padding: 3px; border: 1px solid #7f7d7d; }
#main-content img.head-one { float: right; margin: 5px 0 10px 20px; }
#main-content img.head-two { float: left; margin: 5px 20px 15px 0; }
#main-content img.head-three { margin: 0 0 15px 0; }

#main-content ul.default { margin: 0 0 10px 0; }
#main-content ul.default li { padding: 0 0 0 12px;  background: url("../images/bullet_1.gif") no-repeat 0% 50%; }


/* Content  
------------------------------------------------------*/

#cols li { width: 890px; float: left; margin: 0 30px 10px 0; }
#cols li.last { float: right; margin-right: 0; WIDTH:230PX; height:305px; background: url("../images/boxxup-place.jpg");}

#cols li .post{ padding:30px 30px; }
#cols li.clear { width: 100%; margin-right: 0; }
#cols li img { float: left; padding: 3px; border: 1px solid #7f7d7d; margin: 4px 10px 3px 0; }
#cols li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #f60; font-weight: bold; padding: 2px 10px 2px 10px;  }
#cols li a.more:hover { background-color: #000; color: #fff; }
#cols li a.cat { background-color: #444; border-color: #f60; }

#cols li .post p a { font-weight: bold; font-style:italic;color: #05B6E2;}

#cols li ul{width:100%;}
#cols li ul li a{ float: left; padding: 3px; margin: 12px 10px 3px 10px; }
#cols li ul li img{border:0; margin-top:-14px;}

#cols li .post-list { margin: 30px 0 20px 0; }
#cols li .post-list li { float: none; background: url("../images/page_16.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 0 5px 0; border-bottom: 1px dotted #cbcbcb; color: #888; }
#cols li .post-list li h3 { font-size: 1.0em; }
#cols li .post-list li h3 a { color: #000; }

#posts-list li { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #ccc; }
#posts-list li.last { border: none; }
#posts-list li img { display: block; float: left; }
#posts-list li .post-summary { width: 385px; float: right; }
#posts-list li h3 { font: normal 1.6em/110% Cambria, Arial; color: #333; margin: 0 0 3px 0; }
#posts-list li h3 a { color: #333; text-decoration: none; }
#posts-list li h3 a:hover { text-decoration: underline; }
#posts-list li cite { display: block; font-style: normal; color: #777; margin-bottom: 10px; }
#posts-list li a.detail { font-weight: bold; color: #454545; text-decoration: none; background: url("../images/bullet_1.gif") no-repeat 0% 50%; padding-left: 12px; }
#posts-list li a.detail:hover { color: #f60; }

#posts-list.style-three li img { float: right; }
#posts-list.style-three li .post-summary { float: left; }


#cols3 li { width: 301px; float: left; margin: 12px 20px 10px 0;}
#cols3 li.last { width: 301px; float: right; margin-right: 0; }
#cols3 li.lastthreecolumn { width: 301px; float: left; margin-right: 0; }
#cols3 li.clear { width: 100%; margin-right: 0; }
#cols3 li img { float: left; padding: 3px; border: 1px solid #7f7d7d; margin: 4px 10px 3px 0; }
#cols3 li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #704b2d; font-weight: bold; padding: 2px 10px 2px 10px; border-left: 3px solid #444; }
#cols3 li a.more:hover { background-color: #fff; color: #000; }
#cols3 li a.cat { background-color: #444; border-color: #704b2d; }

#cols3 li .post p a { font-weight: normal; }

#cols3 li .post-list { margin: 20px 0 20px 0; width:310px;}
#cols3 li .post-list li { width:130px; float: left; background: url("../images/star.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 5px 5px 0; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols3 li .post-list li h3 { font-size: 0.9em; }
#cols3 li .post-list li h3 a { color: #3f101b; text-decoration:none;font-weight: normal; }
#cols3 li .post-list li h3 a:hover { color: #666; text-decoration:underline; }

#cols3 li .post-list-critiques { margin: 20px 0 20px 0; width:310px;}
#cols3 li .post-list-critiques li { width:301px; float: left; background: url("../images/critique.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 5px 5px 0; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols3 li .post-list-critiques li h3 { font-size: 0.9em; }
#cols3 li .post-list-critiques li h3 a { color: #c00; text-decoration:none; }
#cols3 li .post-list-critiques li h3 a:hover { color: #666; text-decoration:underline; }

#cols3 li .post-list-category { margin: 20px 0 20px 0; width:301px;}
.pin {  width:23px;height:27px; float: left; background: #fff; padding: 0; margin: -3px 0px 0px -3px;border-bottom: 1px dotted #ccc; }
#cols3 li .pin img {border: 0px;}
#cols3 li .post-list-category img {float:right; margin:0px 0px 0px 20px;padding:1px;border: 1px solid #7f7d7d;}
#cols3 li .post-list-category li { width:301px; float: left; padding: 0px 5px 7px 5px; margin: 0 0px 5px 0px; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols3 li .post-list-category li h3 { font-size: 0.9em; }
#cols3 li .post-list-category li h3 a { color: #c00; text-decoration:none; }
#cols3 li .post-list-category li h3 a:hover { color: #666; text-decoration:underline; }

#cols3 li .post-list-threecolumn { margin: 0px 0 20px 0; width:301px;}
#cols3 li .post-list-threecolumn li { width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #000; display:inline; background: url(../images/8.png) no-repeat;}
#cols3 li .post-list-threecolumn li.last{ width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #fff; text-align:left;display:inline; background: url(../images/10.png) no-repeat; font-weight:normal;}
#cols3 li .post-list-threecolumn li.order{ width:301px; float: left; padding: 0px; margin: 0; border-bottom: 0px dotted #ccc; color: #fff; text-align:left;font-size: 14px;display:inline;background: url(../images/18.png) no-repeat;}
#cols3 li .post-list-threecolumn li.order img{ border:0;}
#cols3 li .post-list-threecolumn li.order a{ color: #fff;text-decoration:none;}
#cols3 li .post-list-threecolumn li.all{ width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #fff; text-align:left;font-size: 14px;display:inline;  background: url(../images/10.png) no-repeat; font-weight:bolder;}
#cols3 li .post-list-threecolumn li.all a{ color: #fff;text-decoration:none;}
#cols3 li .post-list-threecolumn li h3 { font-size: 0.9em; }
#cols3 li .post-list-threecolumn li h3 a { font-size: 14px; font-weight: bolder; color: #05aeda; text-decoration: none; }
#cols3 li .post-list-threecolumn li h3 a:hover { color: #000; }



#cols4 li { width: 950px; float: left; margin: 0px 20px 10px 0;}
#cols4 li.last { width: 260px; float: right; margin-right: 0; }
#cols4 li.lastthreecolumn { width: 300px; float: left; margin-right: 0; }
#cols4 li.clear { width: 100%; margin-right: 0; }
#cols4 li img { padding: 3px; border: 1px solid #7f7d7d; margin: 4px 10px 3px 0; }
#cols4 li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #704b2d; font-weight: bold; padding: 2px 10px 2px 10px; border-left: 3px solid #444; }
#cols4 li a.more:hover { background-color: #fff; color: #000; }
#cols4 li a.cat { background-color: #444; border-color: #704b2d; }

#cols4 li .post p a { font-weight: normal; }

#cols4 li .post-list { margin: 20px 0 20px 0; width:900px;}
#cols4 li .post-list li { width:390px; float: left; background: url("../images/star.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 5px 5px 0; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols4 li .post-list li h3 { font-size: 0.9em; }
#cols4 li .post-list li h3 a { color: #3f101b; text-decoration:none;font-weight: normal; }
#cols4 li .post-list li h3 a:hover { color: #666; text-decoration:underline; }

#welcome p {padding:0px 0px 0 10px;color:#000;font-size:13px;}

#cols4 li .post-list-threecolumn { margin: 0px 0 12px 0; width:950px;}
#cols4 li .post-list-thre { margin: 0px 0px 2px 0px; width:316px; float: left; border-right: 0px dotted #ccc;}
#cols4 li .post-list-threlast { margin: 0px 0px 2px 0px; width:316px; float: left; border-right: 0px dotted #ccc;}
#cols4 li .post-list-thre li { width:306px; float: left; padding: 5px 0px 5px 5px; margin: 0 0px 2px 5px; border-bottom: 0px dotted #ccc; color: #000; display:inline;background:none; }
#cols4 li .post-list-threlast li { width:280px; float: left; padding: 5px 0px 5px 5px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #545454; display:inline;background:none; }
#cols4 li .post-list-threecolumn li { width:300px; float: left; padding: 5px 0px 5px 5px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #545454; display:inline; }
#cols4 li .post-list-threecolumn li.last{ width:260px; float: left; padding: 5px 0px 5px 5px; margin: 0 0px 2px 0; border-bottom: 1px dotted #ccc; color: #c00; text-align:center;font-size: 14px;display:inline; background:#fff; font-weight:bolder;}
#cols4 li .post-list-threecolumn h3  { font-size: 15px; font-weight: bolder; color: #fff; text-decoration: none; background:#000; padding: 8px; font-style:italic; }

#sitefooter {background: url(../images/bb2.jpg) repeat-x; width:100%; margin:0 auto; padding:28px 0 40px 0;}

#sitefooter h6 { font: bolder 25px Cambria, Arial; color: #000; border-bottom: 1px dotted #7f7d7d; padding: 0 0 6px 10px; margin: 0 0 10px 0; font-style:italic; }
#sitefooter h6 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#sitefooter h6 a { font-size: 25px; font-weight: bolder; color: #000; text-decoration: none;font-style:italic; }
#sitefooter h6 a:hover { color: #05B6E2; }

#sitefooter h5 { font: bolder 25px Cambria, Arial; color: #000; border-bottom: 1px dotted #0d6b89; padding: 0 0 3px 10px; margin: 0 0 3px 0; font-style:italic; }
#sitefooter h5 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#sitefooter h5 a { font-size: 25px; font-weight: bolder; color: #fff; text-decoration: none;font-style:italic; }
#sitefooter h5 a:hover { color: #05B6E2; }

#cols7 { width: 950px; margin:0 auto; text-align:left; }

#cols7 li { width: 301px; float: left; margin: 12px 20px 10px 0; text-align:left;}
#cols7 li.last { width: 301px; float: right; margin-right: 0;text-align:left; }
#cols7 li.lastthreecolumn { width: 301px; float: left; margin-right: 0;text-align:left; }
#cols7 li.clear { width: 100%; margin-right: 0; }
#cols7 li img { float: left; padding: 3px; border: 1px solid #7f7d7d; margin: 4px 10px 3px 0; }
#cols7 li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #704b2d; font-weight: bold; padding: 2px 10px 2px 10px; border-left: 3px solid #444; }
#cols7 li a.more:hover { background-color: #fff; color: #000; }
#cols7 li a.cat { background-color: #444; border-color: #704b2d; }

#cols7 li .post p a { font-weight: normal; }

#cols7 li .post-list { margin: 20px 0 0px 0; width:310px;}
#cols7 li .post-list li { width:130px; float: left; background: url("../images/star.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 5px 5px 0; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols7 li .post-list li h3 { font-size: 0.9em; }
#cols7 li .post-list li h3 a { color: #3f101b; text-decoration:none;font-weight: normal; }
#cols7 li .post-list li h3 a:hover { color: #666; text-decoration:underline; }

#cols7 li .post-list-critiques { margin: 20px 0 20px 0; width:310px;}
#cols7 li .post-list-critiques li { width:301px; float: left; background: url("../images/critique.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 5px 5px 0; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols7 li .post-list-critiques li h3 { font-size: 0.9em; }
#cols7 li .post-list-critiques li h3 a { color: #c00; text-decoration:none; }
#cols7 li .post-list-critiques li h3 a:hover { color: #666; text-decoration:underline; }

#cols7 li .post-list-category { margin: 20px 0 20px 0; width:301px;}
.pin {  width:23px;height:27px; float: left; background: #fff; padding: 0; margin: -3px 0px 0px -3px;border-bottom: 1px dotted #ccc; }
#cols7 li .pin img {border: 0px;}
#cols7 li .post-list-category img {float:right; margin:0px 0px 0px 20px;padding:1px;border: 1px solid #7f7d7d;}
#cols7 li .post-list-category li { width:301px; float: left; padding: 0px 5px 7px 5px; margin: 0 0px 5px 0px; border-bottom: 1px dotted #ccc; color: #666; display:inline; }
#cols7 li .post-list-category li h3 { font-size: 0.9em; }
#cols7 li .post-list-category li h3 a { color: #c00; text-decoration:none; }
#cols7 li .post-list-category li h3 a:hover { color: #666; text-decoration:underline; }

#cols7 li .post-list-threecolumn { margin: 0px 0 20px 0; width:301px;}
#cols7 li .post-list-threecolumn li { width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #fff; display:inline; background: url(../images/f8.png) no-repeat;}
#cols7 li .post-list-threecolumn li.contact { width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #fff; font-weight:bold;display:inline; background:none; }
#cols7 li .post-list-threecolumn li a{ color: #fff; text-decoration:none;}
#cols7 li .post-list-threecolumn li.last{ width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #fff; text-align:left;display:inline; background: url(../images/10.png) no-repeat; font-weight:normal;}
#cols7 li .post-list-threecolumn li.order{ width:301px; float: left; padding: 0px; margin: 0; border-bottom: 0px dotted #ccc; color: #fff; text-align:left;font-size: 14px;display:inline;background: url(../images/18.png) no-repeat;}
#cols7 li .post-list-threecolumn li.order img{ border:0;}
#cols7 li .post-list-threecolumn li.order a{ color: #fff;text-decoration:none;}
#cols7 li .post-list-threecolumn li.all{ width:301px; float: left; padding: 5px 0px 5px 10px; margin: 0 0px 2px 0; border-bottom: 0px dotted #ccc; color: #fff; text-align:left;font-size: 14px;display:inline;  background: url(../images/10.png) no-repeat; font-weight:bolder;}
#cols7 li .post-list-threecolumn li.all a{ color: #fff;text-decoration:none;}
#cols7 li .post-list-threecolumn li h3 { font-size: 0.9em; }
#cols7 li .post-list-threecolumn li h3 a { font-size: 14px; font-weight: bolder; color: #05aeda; text-decoration: none; }
#cols7 li .post-list-threecolumn li h3 a:hover { color: #000; }
.explaintop{ background:url(../images/exp_01.png) no-repeat; width:950px;height:10px;margin-top:8px;}
.explain{padding: 2px 15px;background:url(../images/exp_02.png) repeat; color:#000;width:920px;}
.explain a{color:#048bb5;}
.explain ol{margin-left:30px;}
.explainbottom{ background:url(../images/exp_03.png) no-repeat; width:950px;height:23px;}

/* Content - screenshots------------------------------------------------------*/

#screenshots-list li { margin-bottom: 0px; margin-top:30px; }
#screenshots-list li li { width: 100%; float: left; margin: 0 25px 30px 0; border-bottom:1px dotted #ccc; }
#screenshots-list li.last { margin-right: 0; }
#screenshots-list .screenshots-item-thumb { position: relative; height: 163px; margin: 0 20px 20px 0; float:left; }
#screenshots-list .screenshots-item-thumb h3 { font-size: 1.2em;  color: #fff; position: absolute; background: url("../images/bg_sticker_small.gif") no-repeat 0% 100%; border: none; bottom: 5px; left: -5px; }
#screenshots-list li h3 a { color: #fff; text-decoration: none; padding: 5px 20px 10px 10px; display: block; }
#screenshots-list li p { padding: 0 5px 0 5px; font-size:12px; }

.jcarousel-skin-portfolio .jcarousel-container-vertical { width: 900px; height: 810px; margin-left: -5px; }
.jcarousel-skin-portfolio .jcarousel-clip-vertical { width:  900px; height: 800px; }
.jcarousel-skin-portfolio .jcarousel-item { width: 900px; height: 250px; padding-left: 5px; }

.jcarousel-skin-portfolio .jcarousel-next-vertical { position: absolute; right: 0px; top: -50px; width: 30px; height: 30px; cursor: pointer; background: url("../images/nav_carousel.gif") no-repeat 100% 0%; }
.jcarousel-skin-portfolio .jcarousel-next-vertical:hover { background-position: 100% 50%; }
.jcarousel-skin-portfolio .jcarousel-next-disabled-vertical,
.jcarousel-skin-portfolio .jcarousel-next-disabled-vertical:hover { background-position: 100% 100%; }

.jcarousel-skin-portfolio .jcarousel-prev-vertical { position: absolute; right: 40px; top: -50px; width: 30px; height: 30px; cursor: pointer; background: url("../images/nav_carousel.gif") no-repeat 0% 0%; }
.jcarousel-skin-portfolio .jcarousel-prev-vertical:hover { background-position: 0% 50%; }
.jcarousel-skin-portfolio .jcarousel-prev-disabled-vertical,
.jcarousel-skin-portfolio .jcarousel-prev-disabled-vertical:hover { background-position: 0% 100%; }


/* Page content - forms
------------------------------------------------------*/

#main-content fieldset { margin: 30px 0px 20px 0px; border: none; } 
#main-content label { display: block; font-weight: bold; color: #444; float: left; width: 150px; margin: 0px 0px 10px 0px; } 
#main-content input, #main-content textarea { display: block; float: left; width: 250px; background-color: #fff; border: 1px solid #ccc; font-size:1.1em; margin: 0px 100px 10px 0px; padding: 4px; } 
#main-content textarea { width: 320px; height: 150px; } 
#main-content input:focus, #main-content textarea:focus { border-color: #444; } 
#main-content input.submit { display: block; float: left; width: 130px; background-color: #444; border: 1px solid #444; font-weight: bold; color: #fff; margin: 10px 0px 10px 150px; padding: 4px; } 


/* Content - sidebar 
------------------------------------------------------*/

#sidebar { background: url("../images/bg_sidebar_shadow.gif") no-repeat 50% 100%; padding: 0 0 15px 0; }
#sidebar .inner { background-color: #e6e6e6; padding: 1px; }

#sidebar h3 { font: bold 1.2em/120% Cambria, Arial; color: #333;  background: url("../images/h_line_sidebar.gif") no-repeat 0% 0%; padding: 12px 0 6px 8px; margin: 0 0 10px 0; border-bottom: 1px dotted #777; }
#sidebar h4 { font-size: 1.1em; margin: 0; }

#sidebar cite { display: block; color: #999; font-style: normal; margin-bottom: 3px; }
#sidebar cite em { color: #f60; font-style: normal; }

#sidebar ul { border: 1px solid #fff; padding: 12px; }
#sidebar ul ul { border: none; padding: 0; }
#sidebar li { margin-bottom: 25px; }
#sidebar li a { color: #444; }
#sidebar li li { padding: 4px 0 4px 0; margin: 0; background: none; border-bottom: 1px dotted #bbb; }

#sidebar li.submenu li { border: none; margin: 0 0 1px 0; padding: 0; height: 1%; }
#sidebar li.submenu li a { display: block; color: #444; font-size: 1.0em;font-weight: bold; text-decoration: none; background: #d9d9d9 url("../images/bullet_1.gif") no-repeat 6px 10px; padding: 4px 0 4px 16px;  }
#sidebar li.submenu li.current a { color: #f60; background-color: #ededed;}
#sidebar li.submenu li a:hover { background-color: #ccc; }

#sidebar li.recentposts li { border-color: #ccc; }
#sidebar li.recentposts li a { text-decoration: none; }
#sidebar li.recentposts li a:hover { color: #f60; }

#sidebar li.category li { float: left; width: 126px; padding: 5px 0 5px 0; }
#sidebar li.category li a { display: block;  color: #000; font-weight: bold; text-decoration: none; background: url("../images/bullet_1.gif") no-repeat 0 7px; padding: 0 0 0 12px; }
#sidebar li.category li a:hover { color: #f60; }

#sidebar li.advertisment li { float: left; border: none; margin: 0 2px 0 0; padding: 0; }
#sidebar li.advertisment li.alt { float: right; margin: 0; }


/* Page copy
------------------------------------------------------*/

#page-copy a { color: #888; }

#feature_wrapper {
	width: 640px;
	margin: 0 auto;
	line-height: 16px;
	padding-bottom: 20px;

}

.featuretitle {
	margin: 0;	
	padding: 7px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	display: block;
}
#feature_list {
	width: 640px;
	height: 270px;
	overflow: hidden;
	position: relative;
	background: url(../images/bg-fade.jpg) no-repeat ;
	margin-bottom:30px;
	border:4px solid #ddd;
}
#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
#tabs {
	right: 0;
	z-index: 2;
	width: 205px;
}
#tabs li {
	font-size: 11px;
	font-family: Trebuchet MS, Arial;
	height: 85px;
}
#tabs li a {
	color: #ccc;
	text-decoration: none;	
	display: block;
	padding: 5px 20px 5px 30px;
	height: 85px;
	outline: none;
	margin-bottom:1px;
}
#tabs li a:hover {
	color: #fff;
}
#tabs li a.current {
	background: url(../images/feature-tab-current.png) top left no-repeat;
	color: #393939 ;
}
#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
#output {
	left: 0;
	width: 333px;
	height: 435px;
	position: relative;
}
#output li {
	position: absolute;
	width: 451px;
	height: 270px;
}
.outputimg {

	border: #CCCCCC solid 1px;
	border-right: none;
}

#flashy { width:888px;height:300px; padding: 2px; border:1px solid #ccc; }
#flashyin { width:888px;height:300px; padding: 0px; }
#flashyin img{ border: 0px; }
table, th, td {



border-bottom : 1px dotted #666;



border-collapse : collapse;



font-family : 'Trebuchet MS',Cambria,tahoma;



font-size : 12px;



color : #000;



text-align : center;



}



caption {



font-size : 12px;



font-weight : bold;



margin : 5px;



}



td, th {



padding : 7px;



font-family : 'Trebuchet MS',Cambria,tahoma;



font-size : 12px;



}



thead th {



text-align : center;



background: url(../images/tb1.png) repeat-x;



color : #fff;



font-family : 'Trebuchet MS',Cambria,tahoma;



font-size : 12px;



}



tbody th {



font-weight : normal;



font-family : 'Trebuchet MS',Cambria,tahoma;



font-size : 12px;



}



tbody tr {



background : url(../images/8t.png) repeat-x;



}



tbody tr.odd {



background : url(../images/8t.png) repeat-x;



}



table a:link {



color : #069;



text-decoration : underline;



}



table a:visited {



color : #069;



text-decoration : underline;



}



table a:hover {



color : #069;



text-decoration : underline !important;



}



tfood th {



text-align : center;



background : #fff;



color : #666;



font-family : Cambria,tahoma;



font-size : 12px;



}

#floating_link {
     position: fixed;
     right: -3px;
     top: 10px;
     display: block;
     width: 161px;
     height: 85px;
	 background: transparent;
     overflow: hidden;
	 
	 
}

.rhm1{
	width:950px;
	height:46px;
	margin:0 auto;
	background:url(../images/3.png) repeat-x;		
}

.rhm1-bg{
	height:46px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font:15px  Trebuchet MS, sans-serif, Arial, Helvetica, Cambria,tahoma, sans-serif;
	font-weight:bold;
	padding:0 0 0 42px;
	height:46px;
	line-height:32px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg li a span{
	float:left;
	display:block;
	padding:0 10px 0 18px;
}
.rhm1-bg li.current a{
	color:#fff;
}
.rhm1-bg li.current a span{
	color:#fff;
}
.rhm1-bg li a:hover{
	color:#96d0e3;
}
.rhm1-bg li a:hover span{
	color:#96d0e3;
}