/*  
Theme Name: #SIntellecto Dark Glass
Theme URI: http://www.shdo.com.br
Description: The "SI-DarkGlass" WordPress theme has been built by SHDO. 
version 2.3
Author: Sérgio Henrique Domingues de Oliveira (SHDO)
Author URI: http://www.shdo.com.br/
*/
/*
Version History:
Version 2.1
	-changed shdo flash player
	-changed search-loop.php
	-changed CSS for inputs
Version 2.0.12
	-added ins del colors
Version 2.0.11
	-changed colors
	-changed some CSS positioning
	-changed images of the theme
	-changed CSS from menu
Version 2.0.3
	-added IE hacks and iframe CSS
Version 2.0.2
	-changed the color of comment forms
version 2.0.1
	-added styles for tag-clouds
version 2.0.0
	-START VERSION of Intellecto in Dark Theme, where it was changed the colors and layout

version 1.2.9
	-added more one sidebar on footer, to put adds.
version 1.2.8
	-added the style to frameset and legend
version 1.2.7
	-added #left{_width... IE HACK (SHDO)
version 1.2.6
	-fixed the broken link to Mixx in the single.php (SHDO)
version 1.2.5
	-added "clear" proprierty in the tag "pre". (SHDO)
	-added modified time in template single.php in #postmetadata. (SHDO)
	-added the page model page-protected.php, only access by logged users. (SHDO)
	-added 3 new buttons in postbottom, facebook, mixx and live.
	-added the tag clear:both in .pmeta
version 1.2.4
	-fixed links in article now are normal and no more bold, the more-link is bold yet. (SHDO)
	-added postbottom margin-top to 10px. (SHDO)
	-changed the size of images of the postbottom. (SHDO)
version 1.2.3
	-added badge farm in post bottom. (SHDO)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* IE6 fixes */
html {/*no more flickering on IE6*/
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* @group BODY ======================*/ 
*{ margin: 0px; padding: 0px; list-style:none; text-decoration:none;}
body{ font: 13px "Segoe UI",arial,helvetica,sans-serif; text-align: justify; color: #ABC; background: #000810 url(images/back.jpg) left top fixed; letter-spacing:1px;}

/* @group H1,H2,H3,H4 HYPERLINKS ======================*/
h2, h3{ color: #EEE; padding:10px 0 10px 0;}
h3{color: #DDD;}
h2{font-size:15px;}
h3{font-size:14px;}
h4{font-size:13px;}
a:link,a:visited{ color: #77AABB /*#789*/;}
a:active{ color: #FFF;}
a:hover	{ color: #FFF; text-decoration: underline;} 
a:focus{ outline: none;}

/* @group MAIN ======================*/ 
#bigborder{ background: url(images/bg.png) repeat; width: 937px; margin:30px auto; height: auto; padding: 0 !important;
-moz-box-shadow:1px 0 23px #334455;
-webkit-box-shadow:1px 0 23px #334455;
box-shadow:1px 0 23px #334455;}
#wrapper{ width: 937px; margin:0; }
#border{ width:937px; margin:auto; padding:0;}
#top{ background: #FFF; width:937px; height:0;}
#bottom{ width:937px; height:30px;}
#bottom{ width:937px; height:30px;}

/* @group HEADER ======================*/ 
#header{ background: #000810 url(images/top.jpg) no-repeat center top; width:937px; height:200px;}
#logo{ width:400px; float:left;}
#logo h1{ color:#FFF;text-indent:-10000px;}
#logo h1 a{ display:block; background:none; height:200px; width: 937px; outline:none;}
/*#logo h1 a:hover{ opacity: 0.7; filter:Alpha(Opacity=70);}*/
/*#header:hover{ opacity: 0.9; filter:Alpha(Opacity=90);}*/
#ads{ float:right;}
#searchbox{ width: 268px; height: 23px; background: url(images/s.gif) no-repeat; margin:5px 5px 0 0;}
#searchbox #s{ float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#345;}
#searchbox #go{ float: right; margin: 6px 8px 0 0; width:52px; height:11px; }
#searchbox #go:hover{}

/* @group NAV =========================*/
#nav{ width:auto; height:25px; line-height:25px; margin:0 10px 0 10px; border-bottom: 1px dotted #900000; /*border-top:2px solid #234; 
border-bottom:2px solid #234;*/background:#000810;opacity:0.8;filter:Alpha(Opacity=80);}
#nav ul{ margin-left:10px; font-size:15px;}
#nav ul li{ display:inline; height:25px; line-height:25px;}
#nav ul li.current_page_item a{ background:#161E26; color:#FFF;opacity:0.8;filter:Alpha(Opacity=80);text-shadow:0px 0px 0px #000;}
#nav ul li a{ font-family: "Segoe UI",Verdana, Arial,Tahoma; color:#EEE; float:left; font-weight:none;margin-right:10px; /*text-transform:uppercase*/; padding:0 10px 0 10px;text-shadow:0px 0px 0px #FFF;}
#nav ul li a:hover{ background:none; color:#FFF; text-decoration:none;border-top:2px solid #700000;text-shadow:0px 0px 4px #FFF;}
#nav ul li.feed{ text-indent:-10000px;}
#nav ul li.feed a{ float:right; background:url(images/feed.gif) no-repeat center; width:16px; height:16px; margin-top:4px;}

/* @group CONTENT ======================*/ 
#content{width: 937px; margin: 0 auto; padding-top:10px;}
#latest{ background: #000810; width:905px; margin: 0 auto; margin-top:10px; padding:5px;}
#latest a{ color:#FF6400;}
#latest a:hover{ color:#FFF; background-color:none; }
#latest p{ line-height:19px; padding-bottom:10px;}
#latest p a{ font-weight:bold; color:#FF6400;}
#latest p a:hover{ color:#FFF; background-color:none; font-weight:bold;}
#latest h2{ font-size:20px;}
#latest h2{ 
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; 
	/*border-bottom:13px solid #234; /*#E5F3FF; */
	clear:both; 
	font-size:24px; 	
	font-weight:normal; 
	line-height:24px;
	margin:0;
	padding:10px 0 0 0;
}
#latest h2 small{ background:#EEE; font-size:12px; font-weight:normal; padding:3px; padding-left:20px; border:1px solid #CDE;}
#latest h2 a{ color:#CBC99D;}
#latest h2 a:hover{ background:none; color:#FFF;}
#latest ul{ padding:0; margin:0; display:block;}
#latest ul li{ padding:5px 0 6px 0; }
#latest ul li:before{ content: "\00BB \0020";}
#latest ol{ padding-left:10px; margin-left:10px; margin-bottom: 15px;}
#latest ol li{ list-style:decimal ; color: #333; padding-left:5px; margin-bottom: 10px;}
/*#latest ul {margin-left:10px; padding-left: 5px;}
#latest ul li{ list-style: square; color: #333; padding-left:2px;}*/

#lbg{ /*background:#F5F6F7*/; width:680px; padding:6px; margin-bottom:0px; line-height:140%;}
#left{ float: left; width: 680px; margin:10px; margin-bottom:0;}
#left{_width: 500px;/*background:#000810;*/opacity:0.9;}/* IE HACK */
#right{ float:right; width:212px; margin:10px; text-align:left;/*background:#000810;*/opacity:0.8;}
.search_header{color: #567; font-size:12px; margin-bottom:10px;}
.post_author{text-transform:uppercase;}
a.more-link{ color:#FF6400; font-weight:bold !important;}
a.more-link:hover{ color:#FFF; background-color:none; font-weight:bold;}
/*.entry h2{ display:block; background:#D7E4ED; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; padding-left:10px; font-size:14px; margin-bottom:10px; -moz-border-radius:2px;}*/
.entry h2{ 
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; 
	/*border-bottom:13px solid #234; /*#E5F3FF; */
	clear:both; 
	font-size:21px; 	
	font-weight:normal; 
	letter-spacing: 1px;
	line-height:24px;
	margin:0;
	padding:10px 0 0 0;
}
.entry h2 a{ color:#7CF5F5;} /* Branco Amarelado */
.entry h2 a:hover{ background:none; color:#FFF; text-shadow:0px 0px 4px #FFF;}
.entry{ /*background: #000810;*/ width:673px; padding:10px; /*border:1px solid #161E26;*/ margin-bottom:10px; line-height:140%;}
.entry img{ margin:0;}
.entry p{ line-height:19px; padding-bottom:10px;}
.entry div{ line-height:19px; text-align: justify}
.entry a{ color:#80AD14;}
.entry a:hover{ color:#FFF; background-color:none;}
.entry p a, .postinfo a , .postmetadata a  { font-weight:normal; color:#FF6400;}
.entry p a:hover , .postinfo a:hover, .postmetadata a:hover{ color:#FFF; background-color:none;}
.entry strong,.entry b{color: #AAA;}

.postinfo {clear:both;}
.pmeta, .postinfo{ background:url("images/bg.png") repeat scroll 0 0 transparent; clear:both; margin: 8px 0; padding:2px 4px 2px 6px; font-size:12px; color:#AAA;}
.pmeta a{ color:#999;}
.pmeta a:hover{ color:#FFF; text-decoration: underline;}

.postmetadata{background:url("images/bg.png") repeat scroll 0 0 transparent;  font-size:11px; padding:5px;}
html>body .entry ul{ padding: 0 0 0 30px; padding: 0 0 10px 10px;} 
html>body .entry li{ margin: 3px 0 10px 0px;}
.entry ol{ padding-left:10px; margin-left:10px; margin-bottom: 15px;}
.entry ol li{ list-style:decimal; color: #AAA; padding-left:5px; margin-bottom: 10px;}
/*.entry ul li:before{ content: "\00BB \0020";}*/
.entry ul {margin-left:10px;}
.entry ul li{ list-style: square; color: #AAA; padding-left:2px;}
.navigation{ padding-top:10px;}
/* forms */
fieldset {color: #AAA; border: 1px solid #161E26; padding: 10px; margin:0;}
label{color: AAA !important;}
legend {color: #777; padding: 3px;}
.button{padding: 4px 6px;}

/* @group SIDEBAR */
#sidebar{ width:200px; padding:5px; /*border:1px solid #aabbcc;*/}
#sbg{ background:none; padding: 5px; border: 1px solid #161E26;}
#sidebarbottom{ width:200px; padding:5px; /*border:1px solid #c5d6ad*/; margin-bottom:10px;}
#sbottombg{ margin:auto; width:190px; background:#none; padding:5px;overflow:hidden;}
#sbottombg:hover{background:#0A121A;}
.space{ clear:both; height:10px;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{ margin-bottom: 20px;}
#sidebarbottom ul li ul{ }
#sidebarbottom ul li ul li, .page-nav ul li{border-bottom:1px dotted #161E26; font-size:12px; line-height: 14px; margin:0; margin-top: 3px; padding-bottom:5px;
color:#789; list-style-image:none; list-style-position:outside; list-style-type:square; padding-left:2px; margin-left: 15px;}
.page-nav{ background:none; margin:auto; padding:5px;}
.page-nav h2{ color:#527793; font-size:13px; margin-bottom:10px; padding-left:5px;}
#footersidebar {width: 940px; margin: auto;}
/******** banners *********/
#banners{ color:#999; overflow:visible; margin: 15px 15px 0 0;}
#banners a img{ opacity:1; filter:Alpha(Opacity=100); margin: 1px 0 2px 0; border:0;}
#banners a:hover img{ opacity:0.7; filter:Alpha(Opacity=70);}
#banners img{ height:15px;}

/* @group Comments */
.commenttext{margin:15px;}
.commentimage img{margin-right:10px;}
#c{ /*float:left;*/ /*width:200px;*/}
#cc{ /*float:right;*/ /*width:329px;*/}
#cc input{ background:#f0f7f9; border:none; padding: 3px;}
#commentform {border: 1px solid #161E26; padding: 15px;}
#commentform p{ padding-bottom:10px; text-align:left;}

#content input#s[type="text"]{width:65%;height:23px;}

#content input[type="text"], #content input[type="password"],
#commentform input[type="text"]{background:#171F27; border:none; color: #90C33B; padding:3px;height:23px;}

#content input[type="text"]:focus, #content input[type="password"]:focus,
#commentform input[type="text"]:focus{ border:none; background:#202830; color: #9CE152}

#content textarea, #commentform textarea{background:#171F27; border:none; color: #90C33B; padding: 3px;}
#content textarea:focus, #commentform textarea:focus{ border:none; background:#202830; color: #9CE152}

#commentform #author{ height:20px; width:400px; padding:3px;}
#commentform #email{ height:20px; width:400px; padding:3px;}
#commentform #url{ height:20px; width:400px; padding:3px;}
#commentform #comment{ height:200px; width:519px; padding:5px;}
.commentlist{ background:none;}
.commentlist cite{ background:none; padding:5px 5px 5px 10px;}
.commentlist cite a{ }
.commentlist .ctext{ border-bottom:2px dotted #161E26; font-size:12px;}
.comments a:hover{ color:#FF6400;}
.commentlist li {padding: 10px;}

#content input[type="submit"],.button,button,
#submit{ /*background: #7CE21F; border: none; color: #234; padding: 2px;*/
background:url("./images/white-grad.png") repeat-x scroll 0 0 #171F27;
border:1px solid #778899;
color:#88CC00;
font-size:13px;
font-weight:bold;
height:28px;
line-height:27px;
margin:0;
padding:0 10px;
text-shadow:0 0 3px #AAFF33;
}

#content input[type="submit"]:hover,.button:hover,button:hover,
/*#submit:hover{ background: #DAEBC2; border: none; color: #012; padding: 2px;}*/
#submit:hover {
	text-shadow: 0 0 3px #AAFF33, 0 0 7px #88CC00;
	border: 1px solid #ddd;
	color:#C8FF5B;
}

/**************** avatar *********************/
.gravs{ margin-top:20px;}
.avatar{ float:left; margin-bottom:5px; padding:3px; border:1px solid #999999;}

/*====== FOOTER =======================*/
#footer{ width:917px; }
#fb{ font-size: 12px; width:937px; height: 25px; margin:0 auto; color:#fff; text-align:right; line-height:24px; border-top: 1px dotted #161E26;
	/*border-left:2px solid #234; 
	border-right:2px solid #234; 
	border-bottom:2px solid #234;*/
	}
#fb p{opacity:0.7; filter:Alpha(Opacity=70);}
#fb a:link{ color: #ccc;}
#fb a:active{ color: #ccc;}
#fb a:visited{ color: #ccc;}
#fb a:hover{ color: #fff; text-decoration: underline; opacity:1; filter:Alpha(Opacity=100);} 
#fb .feed a{ background:url(images/feed.gif) no-repeat left; width:16px; height:16px; margin-top:4px; padding-left: 18px;}
#shdologo img{border:0;}
.footerlinks{padding-right:10px;}


/**************** Misc *********************/

.clear{ clear:both;}
.pleft{ float:left; width:720px;}
.pright{ float:right; width:164px;}
acronym, abbr, span.caps{ cursor: help;}
acronym, abbr{ border-bottom: 1px dashed #999;}
del{color:red;text-decoration:line-through;}
ins{color:#008000;text-decoration:none;}
small{font-size: 10px;}
blockquote{ margin: 15px 30px 15px 10px; padding-left: 20px;  border-left: 1px solid #003B74;}
blockquote cite{ margin: 5px 0 0; display: block;}
.center{ text-align: center; margin-left: auto; margin-right:auto;}
hr{ display: none;}
a img{ border:4px solid #161E26; opacity:1; filter:Alpha(Opacity=100);}
a:hover img{ background: none; opacity:0.8; filter:Alpha(Opacity=80);}
.alignright{ float:right; padding: 4px 0 2px 10px;}
.alignleft{ float:left; padding: 4px 10px 2px 0;}
img.centered{ display:block; margin-left:auto; margin-right:auto;}
img.alignright{ display:inline; margin:0 0 2px 10px; padding:0;}
img.alignleft{ display:inline; margin:0 10px 2px 0; padding:0;}
pre{ border: solid 1px #9a9a9a; clear:both;color: blue; margin: 10px; padding:10px; background: #f3f2ed;}
code{ font-size:1.0em; color: #000810}
/* @group Get Firefox - http://wwww.getfirefox.com */
#firefox_check {
	background: #FF6400;
	color: #FFF;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Arial;
	font-size: 14px;
	margin: 0px;
	padding: 10px;
	width: 960px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}
#firefox_check a{ color: #FFF;}
#firefox_check a:hover{ color: #FD0; text-decoration:underline;}
#firefox_check img{ margin-right: 30px; vertical-align: middle;}
#close_firefox_check{ font-size:12px; text-align: right;}
/* @end */

/* @group Gallery Wordpress */
.gallery{ text-align:center;}
.gallery img{ padding:2px; height:100px; width:100px;}
.gallery a:hover{ background-color:#ffffff;}
.attachment{ text-align:center;}
.attachment img{ padding:2px; border:1px solid #999999;}
.attachment a:hover{ background-color:#FFFFFF;}
.imgnav{ text-align:center;}
.imgleft{ float:left;}
.imgleft a:hover{ background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright{ float:right;}
.imgright a:hover{ background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
/* @end */

/* @group DOWNLOADS */
.softswin{ 
	background: transparent url(images/os/win_icon.gif) no-repeat scroll center left; 
	padding-left: 22px; 
}
.softswinconsole{ 
	background: transparent url(images/os/dos_icon.gif) no-repeat scroll center left; 
	padding-left: 25px; 
}
.softsdos{ 
	background: transparent url(images/os/dos_icon.gif) no-repeat scroll center left; 
	padding-left: 25px; 
}
.softslinux{ 
	background: transparent url(images/os/linux_icon.gif) no-repeat scroll center left; 
	padding-left: 22px; 
}
.softsjava{ 
	background: transparent url(images/os/java_icon.gif) no-repeat scroll center left; 
	padding-left: 29px; 
}
.softsonline{ 
	background: transparent url(images/os/online_icon.gif) no-repeat scroll center left; 
	padding-left: 32px; 
}
.licence{
	background: #08080D;
	border: 1px dashed #161E26;
	color: #888;
	height: 255px;
	padding: 5px;
	overflow: scroll;	
}
/* @end */

/* @group sharing badges farm */
#sharing{margin-top:2px;font-size: 11px;}
#sharinglinks{border: none;height:34px}
.sharingbox{padding-top:15px;}
.postbottom {clear:both;margin:10px;}
.postbottom a{margin-left:2px;
	-moz-box-shadow:1px 1px 7px #fff;
	box-shadow: 1px 1px 7px #fff;
	-webkit-box-shadow: 1px 1px 7px #fff;
	border:1px solid #FFFFFF;
	-moz-border-radius:4px;
	border-radius:4px;
}
.sharingbox a:hover{ font-weight:normal; color:#FFF;background-color:#74A71F;border-bottom: 1px solid #74A71F;text-decoration:none;}
.postbottom a:hover{-moz-border-radius:4px;border-radius:4px;border:1px solid #FFFFFF;text-decoration:none;opacity:0.7; filter:Alpha(Opacity=70);}
.postbottom a.delicious {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/delicious.png);}
.postbottom a.digg {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/digg.png);}
.postbottom a.facebook {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/facebook.png);}
.postbottom a.myspace {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/myspace.png);}
.postbottom a.google {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/google.png);}
.postbottom a.live {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/live.png);}
.postbottom a.mixx {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/mixx.png);}
.postbottom a.stumbleupon {width:32px;height:32px;display:block;float:left;background-image:url(images/banners/stumbleupon.png);}
/* @end */
/* @group wordpress */
/*image captions*/
#latest p.wp-caption-text{ font-size:10px; text-align: center; padding-bottom: 0;}
.entry p.wp-caption-text{ font-size:10px; text-align: center; padding-bottom: 0;}
/*calendar*/
#wp-calendar{margin:auto;}
#calendar{ font-size: 11px;}
#calendar td, #calendar th{ text-align:center;}
#calendar a{ font-weight: bold;}
#today{ color: #fff; background: #161E26;}
#today a{ color: #fff; background: #161E26;}
th{background-color:transparent/*#000810*/;border-bottom:0.0833333em solid #000810;border-right:0.0833333em solid #000810;border:0.0833333em solid #161E26}
td{}
td, th{line-height:1.33333em; padding:1px; padding-left:3px; padding-right:3px;}
caption, th, td{}
/* @end */
/* @group iframe */
iframe{margin:10px;width:100%;height:450px;}
/* @end */

/* @group support for plugins and widgets */
#wpstats{display: none;} /*stats*/
.related_post{font-size: 11px;line-height:11px;} /*wp-related-posts*/
#tag_cloud{text-align:justify; margin-bottom: 10px;} /*v2.7*/
#tag_cloud a{color:#589;}
#tag_cloud a:hover{color: #EEE; text-shadow:0 0 3px #FFF;}  /*v2.7*/
#tag_cloud h2{color: #EEE;}

.widget_tag_cloud{text-align:justify; margin-bottom: 10px;} /*v2.8*/
.widget_tag_cloud a{color:#589;}
.widget_tag_cloud a:hover{color: #EEE; text-shadow:0 0 3px #FFF;} /*v2.8*/

.widgettitle{font-size:15px; margin-top:4px; margin-bottom:3px; color:#556677; padding:0; padding-bottom: 2px; border-bottom:1px dotted #cacaca; text-align: left;}
.widgettitle h2{font-size:15px; margin-top:4px; margin-bottom:3px; color:#EEE; padding:0; padding-bottom: 2px; border-bottom:1px dotted #cacaca; text-align: left;}

.translate{margin-top:10px; border:1px dotted #bababa; padding: 2px;}
.hilite {color: #fff;background: #f93;} /* search hightlight */
/* @end */

/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.information {
	background-position: 15px 10px;
	background-repeat: no-repeat;
	font-family: verdana,arial,helvetica,sans-serif;
	color: #FFF;
	font-size: 1em !important;
	line-height: 115%;
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	text-align: left;
	opacity: 0.65;
	filter:Alpha(Opacity=60);
	background-color: #004566;
	background-image: url('images/information.png');
	border-bottom: 2px solid #276C8D;
	border-top: 2px solid #276C8D;
}

/* @end */
/* @group IE6 HACK */
#header {
	/*_height:90px;
	_width:937px;*/
	_padding:0;
}
#nav{
	/*_height:20px;
	_line-height:10px;
	_width:937px;*/
}
#latest{
	/*_background: none;*/
}
#content{
	_padding:0;
	_margin:0;
}
.entry{
	/*_background: none;*/
	_width: 500px;
}
/* @end */

/* @group caroussel sliding painel */
#myslides{background:#FFF;margin:6px -10px 10px -10px;/*#262B2F;*/}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 937px; /*Width of Carousel Viewer itself*/
height: 178px; /*Height should enough to fit largest content's height*/
margin: 0;
background:#F0F2F5;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 25px ; /*margin around each panel*/
width:204px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#3A4B5C;
height:154px;
-moz-border-radius:4px;
/*border:1px solid #3A4B5C;*/
}
.stepcarousel a img{
	border:0;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 4px 4px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
height:16px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 2px ; /*margin around each panel*/
font-size:13px;
font-weight:normal;
text-align:center;
font-family:Tahoma,century gothic,Arial,verdana, sans-serif;
text-transform:uppercase;
padding:0;
}
.stepcarousel .panel a:hover img{
	opacity:0.7; 
	filter:Alpha(Opacity=70);
}
.stepcarousel .panel h2 a:visited ,.stepcarousel .panel h2 a:link{
	color:#8B979F;
}
.stepcarousel .panel img{
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
padding:0px 0px;
}
/* @end */

/* @group User / Author  for author.php */
dt{font-weight: bold;}
dd{margin-bottom: 10px;}
dl{padding: 10xp; display:block;float:left; }
.author_avatar .avatar{float:right;}
.about{border:1px dotted #DDD; padding: 10px;}
/* @end */