/*
Theme Name: Hutek Webzine
Theme URI: http://webzine.hutek.info/
Description: For a new vision.
Version: 1.0
Author: Vu Nam Hung
Author URI: http://hutek.info/
*/
/*IE*/
.feature1,.boxcaption,.ccat-r .boxcaption {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* For IE 8 */
}
/*Reset*/

.nobrtable br{
 display: none;
 clear: both;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img {
	display:inline-block;
}
/*core*/
.clear {
	clear:both;
}
.hidden {
	overflow:hidden;
}
.ribbon {
	position:absolute;
	background:url(images/ribbon2.gif) no-repeat;
	width:45px;
	height:45px;
	top:0;
	right:0;
	z-index:9999;
}

.bg_h3{
	background: url('images/bg_h3.gif') no-repeat center left;
        padding-left: 15px;
}

/*.round {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	background:#fff;
}
.bround {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background:#fff;
}
.tround {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	background:#fff;
}
*/
.round,.bround,.tround {
	background:#fff;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.feature,.tcat,.hwidget,.pcat,.ccat,.footer,.single,.archive,.swidget,.commentwrap,#respond  {
	background:#fff url(images/tbg.jpg) top repeat-x; 
     
}

.bullet,.article ul li,.r23 ul li {
	background:url(images/bullet_icon.jpg) no-repeat 0 6px;
	padding-left:15px;
}

.article ul li ul li {
	background:url(images/bullet_icon.gif) no-repeat 0 6px;
	padding-left:15px;
}

.icon_comment {
	background:url(images/icon-comment.gif) no-repeat left;
	padding-left:18px;
	margin-left:5px;
	display:inline;
	font-weight:normal;
}
body {
	background: #C91B1A url(http://duhocglobal.edu.vn/img/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:1.5em;
}
.wrap {
	margin:0 auto;
	width:980px;
}
/*header*/
.header {
	width:960px;
	background:url(images/header.jpg) bottom repeat-x;
	padding:10px;
	margin-bottom:10px;
}
.logo {
	margin-bottom:10px;
	width:300px;
	height:60px;
}
.leading_ad {
	margin-bottom:10px;
	width:468px;
	height:60px;
}
.leading_ad img {
	width:468px;
	height:60px;
}
/*feature*/	
.feature {
	width:630px;
	padding:10px;
	height:250px;
	margin-bottom:10px;
	position:relative;
}
.focus {
	position:absolute;
	top:0;
	left:0;
	background:url(images/focus.png) no-repeat;
	width:73px;
	height:73px;
	z-index:9;
}
.feature2 {
	position:absolute;
	top:10px;
	left:10px;
}
.feature2 img {
	width:630px;
	height:250px;
	display:block;
}
.feature1 {
	position:absolute;
	top:10px;
	right:70px;
	padding:10px;
	width:230px;
	height:230px;
	background:#000;
	opacity: .8; 
	z-index:99;
}
.feature a,.feature a:visited {
	color:#0488EA;
}
.feature a:hover {
	color:#fff;
}
.feature p {
	color:#fff;
}
/*left*/
.left {
	width:660px;
	margin-bottom:10px;
	z-index:1;
}
.tcat {
	width:300px;
	padding:10px;
	margin:0 10px 10px 0;
	display: inline;
}
.other {
	margin-top:10px;
}
.pcat {
	width:630px;
	margin-bottom:10px;
	padding:10px;
	position:relative;
}
/*ccat*/
.ccat {
	width:650px;
}
.ccat2 {
	width:305px;
	margin:10px 10px 0 10px;
	display:inline;
}
#ccat2 {
	background:url(images/cbg.jpg) no-repeat 324px 0;
	float:left;
	padding-bottom:10px;
}
.ccat-l {
	width:431px;
	padding:10px 0 10px 10px;
	background:url(images/cbg.jpg) top right no-repeat;
}
.ccat-l li {
	display:block;
	width:420px;
	margin:5px 0;
}
.ccat-r {
	width:199px;
	padding:10px 10px 10px 0;
}
/*right*/
.right {
	width:300px;
}
#large_banner img {
	width:300px;
	height:250px;
}
.large_banner {
	height:250px;
}
.long_banner {
	width:120px;
	height:600px;
}
.long_banner img {
	width:120px;
	height:600px;
}
.hwidget {
	width:300px;
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}
.link {
	width:310px;
	padding:10px;
	padding-right:0;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}
.link ul li {
	float:left;
	width:150px;
	padding-right:5px;
}
.swidget {
	width:300px;
	padding:0 10px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}
.sidebar1 {
	width:160px;
	padding:10px 10px 0 0;
	background:url(images/cbg2.jpg) right top no-repeat;
        
}
.sidebar2 {
	width:120px;
	padding-top:10px;
}
.r23 {
	margin-bottom:10px;
	width:100%;
}
/*Sidebar cat/page*/
.right ul li.cat-item,.right ul li.page_item,
.ccat-r ul li.cat-item,.ccat-r ul li.page_item
{
	text-transform:capitalize;
	list-style:none;
	padding:0;
	margin:0;
	background:none;
}
.right ul li ul li.cat-item,.right ul li ul li.page_item,
.ccat-r ul li ul li.cat-item,.ccat-r ul li ul li.page_item
{
	border-left: 1px solid #ccc;
	padding-left:18px;
	background: url(images/solid.gif) 2px 8px no-repeat;
}
.right ul li ul li.current-cat a,.right ul li ul li.current-cat a:hover,.right ul li ul li.current-cat a:visited {
	color:#960;
}
.current_page_item a,.current_page_item a:visited{
	color:#960;
}
/*calendar*/
#calendar_wrap {
	margin:0 auto;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
}
#wp-calendar {
	width:100%;
	text-align:center;
}
#wp-calendar th{
	text-align:center;
	font-weight:900
}
#wp-calendar td {
	padding:5px 0;
}
#wp-calendar td a {
	padding:2px 6px;
}
#wp-calendar td a:hover {
	background:#ccc;
	border:1px solid #999;
	padding:1px 5px;
}
#wp-calendar caption {
	text-shadow:0 1px 0 #fff;
	text-transform:uppercase;
	color:#464646;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:900;
	text-align:center;
	letter-spacing:5px;
}
/*bottom*/
.tbottom {
	background:#000;
}
/*
.latest {
	width:700px;
	height:15px;
	padding:8px 10px 10px;
	overflow:hidden;
}
.latest li {
	width:400px;
	overflow:hidden;
}
.latest span {
	margin-right:5px;
	color:#fff;
	font-weight:900;
}
.latest a:hover {
	color:#fff;
}
*/
.bbottom {
	margin-bottom:10px;
	background:#fff url(images/header.jpg) repeat-x bottom;
}
.bbottom1 {
	width:660px;
}
.bbottom2 {
	width:320px;
}
.bwidget1 {
	float:left;
	width:197px;
	padding:10px;
	display:inline;
	background:url(images/cbg3.gif) bottom right no-repeat;
}
.bwidget2 {
	float:left;
	width:310px;
	margin:10px 10px 10px 0;
	display:inline;
}

.tbottom,.bbottom {
	width:980px;
}
.search_widget {
	padding:10px;
}
/*footer*/
.footer {
	width:960px;
	padding:10px;
	position:relative;
}
.fwidget {
	width:250px;
}
.fwidget .counter img {
	float:right !important;
}
.fmenu {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:900;
}
.fwidget p{
	clear:both;
	font-size:11px;
	line-height:1.35em;
	text-align:right;
}
.fmenu li {
	float:left;
	margin-right:10px;
}
.credit {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:1.35em;
}
/*single*/
.single {
	padding:10px;
	width:630px;
	font-family:Verdana, Geneva, sans-serif;
}
.article p {
	margin:8px 0;
}
.single a:visited,.commentwrap a:visited {
/*
	border-bottom:1px dashed #ccc;
	font-style:italic;
*/
}
/*archive*/
.archive {
	padding:10px;
	padding-right:0;
	width:640px;
}
.entry{
	width:310px;
	margin:5px 10px 5px 0;
	display:inline-block;
        font-family: Times New Roman;
        text-align: justify;
}
/*ping list*/
.pinglist li {
	list-style:decimal;
	margin-left:20px;
}
/*comment list*/
.cancel-comment-reply small {
	float:left !important;
}
.bypostauthor{
	background:#EFEFEF url(images/ribbon.jpg) top right no-repeat !important;
}
.commentwrap {
	float:left;
	width:630px;
	padding:10px;
	margin-top:10px;
}
#respond {
	float:left;
	margin-top:10px;
	width:630px;

	padding:10px;
}
.commentlist {
	float:left;
	margin-top:10px;
	width:630px;
	position:relative;
}
.commentlist li {
	float:left;
	margin-top:10px;
	width:630px;
}
.commentlist li .comclass{
	float:left;
	width:630px;
	position:relative;
	background:url(images/say.gif) no-repeat 90px 30px;
}
.commentlist li .avatar {
	padding:4px !important;
}
.commentlist li ul li .avatar {
	padding:2px !important;
}
.commentlist li .comment-author {
	float:left;
	width:90px;
}
.commentlist li .comment {
	float:right;
	width:470px;
	min-height:70px;
	padding:20px 20px 60px;
	background:#efefef;
	overflow:hidden;
}
.commentlist p{
	margin-bottom:10px;
}
.commentlist li .reply {
	position:absolute;
	bottom:20px;
	left:140px;
	float:left;
}
.commentlist li .reply a {
	font-family:Verdana, Geneva, sans-serif;
}
.commentlist li .reply a:visited {
	border:none;
	font-style:normal;
}
.commentlist li .comment-edit-link {
	position:absolute;
	bottom:20px;
	left:205px;
	float:left;
	width:100px;
}
.reply,.comment-edit-link {
	text-shadow:0 1px 0 #fff;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:10px;
	font-weight:900;
}
.fn,.fn a {
	font-family:Tahoma, Geneva, sans-serif;
}
.fn a {
	color:#996600;
}
.fn a:visited {
	border:none;
}
/*level 2*/
.commentlist li ul li {
	background:url(images/libg2.gif) no-repeat 120px 0;
	float:left;
	margin-top:10px;
}
.commentlist li ul li .comclass{
	background: url(images/libg.gif) 120px 30px no-repeat;
}
.commentlist li ul li .comment{
	float:right;
	width:450px;
	background:#efefef;
}
.commentlist li ul li .reply {
	left:160px;
}
.commentlist li ul li .comment-edit-link {
	left:220px;
}
.commentlist li ul li .comment-author {
	position:absolute;
	bottom:10px;
	right:20px;
	width:300px;
}
.commentlist li ul li .avatar {
	width:40px;
	height:40px;
	float:right;
}
.commentlist li ul li .fn,.commentlist li ul li small {
	float:right;
	padding-right:5px;
	text-shadow:0 1px 0 #fff;
}
/*level 3*/
.commentlist li ul li ul li {
	background:url(images/libg2.gif) no-repeat 140px 0;
	float:left;
	margin-top:10px;
}
.commentlist li ul li ul li .comclass{
	background: url(images/libg.gif) 140px 30px no-repeat;
}
.commentlist li ul li ul li .comment{
	float:right;
	width:430px;
	background:#efefef;
}
.commentlist li ul li ul li .reply {
	left:180px;
}
.commentlist li ul li ul li .comment-edit-link {
	left:235px;
}
/*level 4*/
.commentlist li ul li ul li ul li {
	background:url(images/libg2.gif) no-repeat 160px 0;
	float:left;
	margin-top:10px;
}
.commentlist li ul li ul li ul li .comclass{
	background: url(images/libg.gif) 160px 30px no-repeat;
}
.commentlist li ul li ul li ul li .comment{
	float:right;
	width:410px;
	background:#efefef;
}
.commentlist li ul li ul li ul li .reply {
	left:200px;
}
.commentlist li ul li ul li ul li .comment-edit-link {
	left:255px;
}
/*level 5*/
.commentlist li ul li ul li ul li ul li {
	background:url(images/libg2.gif) no-repeat 180px 0;
	float:left;
	margin-top:10px;
}
.commentlist li ul li ul li ul li ul li .comclass{
	background: url(images/libg.gif) 180px 30px no-repeat;
}
.commentlist li ul li ul li ul li ul li .comment{
	float:right;
	width:390px;
	background:#efefef;
}
.commentlist li ul li ul li ul li ul li .reply {
	left:220px;
}
.commentlist li ul li ul li ul li ul li .comment-edit-link {
	left:270px;
}
/*comment form*/
#commentform p {
	border:1px solid #ccc;
	padding:5px 0;
	width:100%;
	float:left;
	margin:5px 0;
}
#commentform p span {
	width:15%;
	padding-right:2%;
	float:left;
	text-align:right;
}
#commentform input,#commentform textarea {
	border:none;
	border-left:1px solid #ccc;
	float:left;
	width:78%;
	padding:0 5px;
}
#commentform input#submit {
	background:#fff;
	border:none;
	text-align:center;
	margin-left:220px;
	display:inline-block;
	width:170px;
	text-transform:uppercase;
	letter-spacing:3px;
}
/*level 1-5*/
.commentlist li #respond {
	width:490px;
	margin-left:120px;
}
.commentlist li #commentform input#submit {
	margin-left:140px;
}
.commentlist li ul li #respond {
	width:470px;
	margin-left:140px;
}
.commentlist li ul li #commentform input#submit {
	margin-left:130px;
}
.commentlist li ul li ul li #respond {
	width:450px;
	margin-left:160px;
}
.commentlist li ul li ul li #commentform input#submit {
	margin-left:120px;
}
.commentlist li ul li ul li ul li #respond {
	width:430px;
	margin-left:180px;
}
.commentlist li ul li ul li ul li #commentform input#submit {
	margin-left:110px;
}
/*widget*/
.hwidget .blogroll li {
	float:left;
	width:140px;
	margin-right:10px;
	display:inline;
}
.hwidget .sidebar1 .blogroll li,.hwidget .sidebar2 .blogroll li {
	float:left;
	width:100%;
	margin:0;
}
.cwidget {
	margin:0 0 10px 10px ;
	display:inline;
	width:190px;
}
/*recent comment*/
.avatar {
	float:left;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px 2px 0;
	background:url(images/imgbg.jpg) bottom repeat-x;
}
.user_comments span {
	font-weight:900;
}
.user_comments {
	width:100%;
	float:left;
	margin:5px 0 0;
	font-size:12px;
}
/*top menu disable
.topmenu {
	width:960px;
	font-family:Verdana, Geneva, sans-serif;
        border: 1px solid #333;
}
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
}

#nav a{
	display:block;
	padding:0px 5px;
	color:##444;
	text-decoration:none;
}

#nav a:hover{
	color:#C34B9B;
}
#nav ul li a:hover{
	background:#f3f3f3;
}
#nav ul {
	z-index:9999 !important;
	margin-top:10px;
}
#nav ul a{
	background:#fff;
}
#nav li{
	float:left;
	position:relative;
	background:url(images/nav-left.gif) left top no-repeat;
	font-size:13px;
	font-weight:900;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 13px 0 13px;
}
#nav li a{
	background:url(images/nav-right.gif) right top no-repeat;
	padding:5px 13px 5px 0;
}
#nav li ul li a{
	background:#fff;
	padding-left:10px;
	font-weight:normal;
	text-transform:none;
}

#nav li li {
	background:none;
	padding:0;
	
}
#nav ul {
	position:absolute;
	display:none;
	width:12em;
	top:1.5em;
}

#nav li ul a{
	width:12em;
	height:auto;
	float:left;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0 0 15px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}
*/

/*Normal Menu*/
.nav {
	width:930px;
	height:31px;
}
.nav li {
	float:left;
	padding:0 15px;
	font-size:13px;
}
.nav li a {
	float:left;
	padding:7px 15px 8px 0;
	text-shadow:0 1px 0 #fff;
	font-weight:900;
	text-transform:uppercase;
}
.nav li.current-cat,li.actived {
	float:left;
	background:url(images/nav-left.gif) top left no-repeat;
	padding:0 15px;
}
.nav li.current-cat a,li.actived a {
	background:url(images/nav-right.gif) top right no-repeat;
}
.nav li a,.nav li a:visited {
	color:#464646;
}
.nav li a:hover {
	color:#C34B9B;
}
/*Tab Style*/
.bottomtab {
	margin-top:10px;
}
.bottomtab ul li h3 {
	text-transform:capitalize;
	padding:0;
}
.bottomtab .idTabs {
	float:left;
	width:650px;
}
.bottomtab .idTabs li {
	display:inline;
	float:left;
	margin-left:10px;
	display:block;
}
.bottomtab .idTabs li a.selected{
	background:#FFF;
	color:#444;
	}
.bottomtab .idTabs li a{
	padding:4px 10px;
	display:block;
	z-index:99;
	color:#fff;
}
.tabcontent {
	padding:10px 0 10px 10px;
	background:#fff url(images/header.jpg) bottom repeat-x;
	width:640px;
	float:left;
}
.tcontent {
	float:left;
	width:305px;
	margin:0 10px 10px 0;
	display:inline;
}
/*typo*/
.upper {
	text-transform:uppercase;
	letter-spacing:2px;
}
.shadow {
	text-shadow:0 1px 0 #FFF;
}
h1,h2,h3,h4,h5 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:900;
	color:#464646;
}
h1 {
	font-size:16px;
}
h2 {
	font-size:15px;
}
h3 {
	font-size:13px;
        color:#FF0000
/*        color: #FF5604; */
}
h4 {
	font-size:12px;
        font-family: Verdana, sans-serif;
}
h5 {
	font-size:11px;
}
.article h1,.article h2,.article h3,.article h4,.article h5 {
	text-decoration:underline;
}
a:link, a:visited {
	color:#000000;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#FF5604;
	text-decoration:underline;
}

.article ol li {
	list-style:decimal;
	margin-left:20px;
}
.cwidget h3 a,.cwidget h3 a:visited,
.tcat h3 a,.cwidget h3 a:visited,
.cat-1 h3 a,.ccat-1 h3 a:visited
{
	color:#464646;
}
blockquote {
	background:#FFFBCC url(images/openquote1.gif) no-repeat scroll left top;
	border-bottom:1px solid #E6DB55;
	border-top:1px solid #E6DB55;
	font-family:"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	line-height:1.4em;
	margin:5px;
	padding:8px;
	text-indent:23px;
}
blockquote p {
	background-image:url(images/closequote1.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	display:block;
}
/*page navi*/
.page_navi {
	text-align:center;
	clear:both;
	padding-top:10px;
}
.page_navi .current{
	padding:2px 5px;
	margin:3px;
/*	border:1px solid #ccc; */
/*	background:#E0E0E0; */
        background: #ff0000;
        color: #fff;
}
.page_navi a{
	padding:2px 5px;
	margin:3px;
/*	border:1px solid #ccc; */
}
/* Captions */
.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background:url(images/imgbg.jpg) bottom repeat-x;
	padding-top: 4px;
	margin: 2px 5px 2px 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-shadow:0 1px 0 #fff;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/*valid css/xhtml*/
.valid {
	float:right;
}
.xhtml {
	color:#80c43d;
	margin:0 3px;
}
.css {
	color:#f69b19;
	margin:0 3px;
}
/*pcat*/
div.scrollable {
float:left;
position:relative;
overflow:hidden;
width:630px;
height:100px;
}

#thumbs {
position:absolute;
width:20000em;
clear:both;
}

#thumbs div {
float:left;
height:100px;
cursor:pointer;
}

.thumbnail1 {
position:relative;
width:160px;
height:100px;
}

.thumbnail1 span {
position:absolute;
bottom:5px;
right:10px;
background:#fff;
}
.thumbnail1 span a:hover {
background:#0488EA;
color:#fff;
padding:5px;
text-decoration:none;
}
.thumbnail1 span a {
padding:5px;
display:block;
}
/*Feature/Centercat style 2*/
.boxgrid{ 
	width: 311px; 
	height: 250px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative;
	border-right:1px solid #fff;
	color:#fff;
}
.boxgrid h3,.boxgrid p {
	margin:0;
	padding:5px 5px 2px 5px;
	line-height:1.3em;
}
#f3 {
	border-right:1px solid #fff;
	width:158px;
	overflow:hidden;
}
.f2,.f3 {
	float:left;
}
.f2 .boxgrid {
	width:317px ;
	height:120px ;
	border-bottom:1px solid #fff;
}
.f3 .boxgrid {
	width:158px ;
	height:129px ;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
}
.captionfull .boxcaption {
	top: 250px;
	left: 0;
}
.caption .boxcaption {
	top: 226px;
	left: 0;
}
.ccat-r .boxgrid1 {
	float:left; 
	height:108px;
	overflow:hidden;
	position: relative;
	color:#fff;
	display:inline;
}
.ccat-r .boxcaption {
	margin:4px !important;
	padding:5px;
	width:172px !important;
	height:90px !important;
	overflow:hidden;
	opacity: .8; 
	font-size:11px;
}
.boxgrid span {
	color:#80C43D;
	font-size:11px;
}
/*misc*/
small {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
.thumb,.thumb2,.thumb3,.thumb4 {
	float:left;
	padding:3px;
	border:1px solid #ccc;
	height:100px;
	overflow:hidden;
	background:url(images/imgbg.jpg) repeat-x bottom;
}
.thumb {
	width:100px;
	margin:2px 5px 2px 0;
}
.thumb img { 
	width:100px;
}
.thumb2 {
	width:412px;
}
a:hover.thumb,a:hover.thumb2 {
	background:#E0E0E0;
}
.thumb2 img { 
	width:412px;
}
.thumb3 {
	width:182px;
}
.thumb3 img { 
	width:182px;
}
.thumb4 {
	width:297px;
}
.thumb4 img { 
	width:297px;
}
.more {
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:3px;
	font-weight:900
}
.wp-avim-options input {
	width:10px !important;
	float:none !important;
	border:none !important;
}
.wp-avim-options {
	border:none !important;
}
.aktt_tweets {
	font-size:12px;
}
.uncategorized span,.news span {
	font-size:11px;
	color:#AAA;
}
.comment_moderated {
	-moz-border-radius:3px;
	background:#FFFBCC;
	border:1px solid #E6DB55;
	font-family:Tahoma, Geneva, sans-serif;
	padding:5px 0;
	text-align:center;
	width:100%
}
/*
.portfolio {
	background:#fff url(images/tbg.jpg) top repeat-x;
	width:980px;
	margin-bottom:10px;
}

*/
.pcontent {
	width:730px;
	padding:10px;
}
.psidebar {
	width:210px;
	padding:10px;
	padding-left:0;
	background:url(images/cbg2.jpg) 5px 0 no-repeat;
}
.psidebar .current_page_item {
	background:url(images/pbullet.gif) left no-repeat;
	padding-left:10px;
}
.psidebar .page_item {
	padding-left:15px;
}
.pnav {
	padding-left:15px;
}
.wp-polls-ul {
	margin-left:0 !important;
}
.wp-polls-ul li {
	padding-left:0 !important;
}
.toc {
	float:right;
	border:1px solid #ccc;
	background:#EFEFEF;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.wp-smiley-select,#wp-smiley-toggle {
	float:left;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}