/*

Theme Name: scarlett

Description: A free premium magazine wp theme from jinsona designs.

Author: jinsona designs

Author URI: www.web2feel.com

/* banner de ferias */

#floater { position:absolute; z-index:20; text-align:center; width:980px; margin:-320px 0 0 0; }
#floater2 { position:absolute; z-index:20; text-align:center; width:980px; margin:-320px 0 0 0; }
.tabber {display:none;}
body {margin:0 auto; padding:0px 0px 20px 0px; background:#292929; font-family:Century gothic, Arial, Tahoma, sans-serif; color:#161514; font-size:13px; }
img { border:0; margin: 0 0; }
a { color:#6F615A; text-decoration:none }
a:hover { color:#d53030; text-decoration:none }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px; padding:0px 0px }
blockquote { padding-left:10px; color:#31333F; font-style:normal; border-left:2px solid #07A0E3; }
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 5px 5px; margin: 0px 0px 10px 0px; display: inline; background:#fff; border: 1px solid #DDDDDD; }
img.alignright { padding: 5px 5px; margin: 0px 5px 10px 10px; display: inline; background:#fff; border: 1px solid #DDDDDD; }
img.alignleft { padding: 5px 5px; margin: 0px 10px 10px 5px; display: inline; background:#fff; border: 1px solid #DDDDDD; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }
.wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #ffffff; padding: 4px 0px 5px 0px; margin: 5px 5px; }
.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; }
/* The Outer cover */

#wrapper { width:1000px; margin:0 auto; background:#dfe3e6; }
#casing { padding:0px 0px 0px 0px; background:#dfe3e6; background-repeat:no-repeat; }
.topad { height: 25px; text-align:center; margin-bottom: 0px; background:#4B545B; padding-top:7px; }
span.topfeed { background:url(images/rss.png) no-repeat; padding: 1px 0px 0px 20px; float:left; margin:8px 0px 0px 10px; height:20px; }
/* The Header */

#top { height:148px; margin:auto; background:#f4f4f4; width:1000px; background-repeat:no-repeat; }
.blogname { width:1000px; font-family:Georgia, Century gothic, Verdana, Tahoma, sans-serif; background-repeat:no-repeat; }
.blogname h1 { font-size:30px; padding:100px 0 0px 0; font-weight:normal; color:#cacccd; text-align:left; margin:25px 0 0 25px; text-indent:-9000px; }
.blogname h1 a:link, .blogname h1 a:visited { color: #cacccd; display:block; }
.blogname h1 a:hover { color: #eee; }
.blogname h2 { margin:2px 0px 0px 30px; font-size:12px; font-weight:normal; color:#343434; text-align:left; text-transform:uppercase; }
/* The Search */

#search { height:30px; width:auto; padding:5px 5px 10px 5px; width:230px; float: right; }
#search form { margin: 0; padding: 0; }
#search fieldset { margin: 0; padding: 0; border: none; }
#search p { margin: 0; font-size: 85%; }
#s { margin-left:0px; float: left; width:130px; padding: 6px 2px 7px 5px; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#fff; background:transparent; }
#searchsubmit { float:left; border:none; font: bold 100% "Georgia", Arial, Helvetica, sans-serif; color: #FFFFFF; height:25px; background:transparent; }
.feed { width:315px; overflow:hidden; margin:5px 5px 0px 2px; padding:0px 5px 5px 5px; height:75px }
.feed form { margin: 0; padding: 0; }
.feed fieldset { margin: 0; padding: 0; border: none; }
.feed p { margin: 0; font-size: 85%; }
.input { margin:35px 0px 0px 8px; float: left; width:220px; padding: 6px 2px 7px 5px; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#555; background:#d3d6d7; }
.sbutton { float:left; border:none; font: bold 100% "Tahoma", Arial, Helvetica, sans-serif; color: #FFFFFF; height:29px; background:#2676A1; margin:35px 0px 0px 8px; }

/*Page menu*/
.bg-menu-geral{background: #024888 url(images/bg-menu-sup.gif) top repeat-x; padding: 0 13px;}
#menu { background: #024888 url(images/bg-menu-sup2.gif) top repeat-x; height:33px; display:block; padding:12px 0 0px 0px; font: 12px Tahoma, Century gothic, verdana, Arial, sans-serif; font-weight:normal; }
#menu ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
#menu ul li { float: left; margin: 0px 0px; padding: 0px 0px; }
#menu ul li a { color: #fff; display: block; font-weight: normal; padding: 0px 10px; font-weight: bold; }
#menu ul li a:hover, #menu.current_page_item a { color: #99ccff; display: block; text-decoration: none; }
/* Category menu*/

#catmenucontainer { display:block; padding:0px 0 0px 0px; font: 12px tahoma, Century gothic, verdana, Arial, sans-serif; font-weight:normal; text-transform:uppercase; background:#4B545B; }
#catmenu { margin: 0px; padding: 0px; width:1000px; background:#4B545B; height:33px; }
#catmenu ul { float: left; list-style: none; margin: 0px; padding: 0px; }
#catmenu li { float: left; list-style: none; margin: 0px; padding: 0px; }
#catmenu li a, #catmenu li a:link, #catmenu li a:visited { color: #B3BABF; display: block; margin: 0px; padding: 10px 15px 9px 15px; }
#catmenu li a:hover, #catmenu li a:active { background: #fff; color: #495D5C; margin: 0px; padding: 10px 15px 9px 15px; text-decoration: none; }
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background: #4B545B; width: 150px; color: #fff; font-size: 13px; font-family: tahoma, century gothic, Georgia, sans-serif; font-weight: normal; text-transform: uppercase; float: none; margin: 0px; padding: 8px 10px 7px 10px; border-bottom: 1px solid #50585f; border-left: 1px solid #50585f; border-right: 1px solid #50585f; }
#catmenu li li a:hover, #catmenu li li a:active { background: #42474B; color: #DFF4FF; padding: 8px 10px 7px 10px; }
#catmenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; }
#catmenu li li { }
#catmenu li ul a { width: 140px; }
#catmenu li ul a:hover, #catmenu li ul a:active { }
#catmenu li ul ul { margin: -32px 0 0 170px; }
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,  #catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul { left: -999em; }
#catmenu li:hover ul, #catmenu li li:hover ul,  #catmenu li li li:hover ul, #catmenu li.sfhover ul,  #catmenu li li.sfhover ul, #catmenu li li li.sfhover ul { left: auto; }
#catmenu li:hover, #catmenu li.sfhover { position: static; }
/* Main Content*/	

#content { float:left; width: 650px; height:100%; padding:5px 0px 0px 0px; }
.title { margin: 0 0 0 0px; padding: 0px 0px 5px 0px; }
.date { font-size:11px; font-family:Tahoma, century gothic, Arial, Verdana, Helvitica, sans-serif; padding:0px 10px; color:#75481F; text-transform: uppercase; line-height:20px; }
.single { width:632px; margin: 0px 5px 12px 12px; height:100%; color:#504945; font: 13px tahoma, century gothic, Arial, verdana, sans-serif; background:#fff url(images/back-single1.gif) top no-repeat; }
.single h2 { margin: 0px 0 5px 0; padding: 5px 0px 0px 10px; text-align: left; font: 24px Georgia, century gothic, Arial, verdana, sans-serif; font-weight:normal; overflow:hidden; }
.single h2 a, .single h2 a:link, .single h2 a:visited { color:#252525; background-color: transparent; }
.single h2 a:hover { color: #31333F; background-color: transparent; }
.author { color:#0578ad; padding:3px 5px 3px 20px; background:url(images/user.png) no-repeat; }
.clock { color:#0578ad; padding:3px 5px 3px 20px; background:url(images/clock.png) no-repeat; }
.edit { color:#0578ad; padding:3px 5px 3px 20px; }
.edit a:link,  .edit a:visited { color:#0578ad; }
.edit a:hover { color:#333; }
.comm { padding:3px 5px 3px 20px; background:url(images/comment.png) no-repeat; position:relative; }
.comm a:link,  .comm a:visited { color:#0578ad; }
.comm a:hover { color:#333; }
.more { padding:0px 0 2px 20px; background:url(images/add.png) no-repeat; margin-right:5px; float:right; }
.more a:link,  .more a:visited { color:#AC0604; }
.more a:hover { color:#d42323; }
.singleinfo { height:15px; margin:0px 0px; padding: 5px 0px 5px 10px; font:12px Georgia, Arial, century gothic, verdana, sans-serif; }
.postmore { padding:0px 5px 2px 25px; float:left; font-weight:bold; background:url(images/pmore.jpg) left no-repeat; }
.postmore a:link,  .postmore a:visited { color:#fff; }
.postmore a:hover { color:#fff; }
.category { font-size:10px; font-family:Tahoma, century gothic, Arial, Verdana, Helvitica, sans-serif; padding:3px 5px 3px 20px; text-transform: uppercase; }
.category a:link, .category a:visited { color:#0578ad; }
.category a:hover { color:#333; }
.entry { margin:0 0; padding: 0px 5px 5px 5px; line-height:20px; }
.entry a:link,  .entry a:visited { color: #AC0604; background-color: transparent; }
.entry a:hover { color:#455236; background-color: transparent; text-decoration: none; }
.entry p { margin:5px 5px; padding:0px 0px; font-family:  Tahoma, Georgia, Arial, century gothic, verdana, sans-serif; font-size:13px; }
.related { width:630px; margin: 0px 5px 15px 12px; height:100%; color:#504945; font: 13px tahoma, century gothic, Arial, verdana, sans-serif; background:#fff url(images/post.jpg) repeat-x; border:1px solid #ccc; padding: 0px 0px 10px 0px; }
.related h3 { margin: 0px 0 5px 0; padding: 5px 0px 0px 10px; text-align: left; font: 18px Georgia, century gothic, Arial, verdana, sans-serif; font-weight:bold; overflow:hidden; text-transform:uppercase; color:#07577F; }
.related ul { margin:0px 0px; padding:0px 0px; list-style-type:none }
.related ul li { margin:0px 0px; padding:5px 10px; list-style-type:none; line-height:24px; font: 14px Georgia, century gothic, Arial, verdana, sans-serif; font-weight:bold; }
.related ul li a:link, .related ul li a:visited { color:#222; }
.related ul li a:hover { color:#0A7CAF; }
/* right column */

#rightcol { float:right; width:340px; padding:0 5px 10px 0; }
/* The Sidebar1 */

.sidebar1 { float:left; width:165px; padding-top:5px; padding-right:0px; font-size:13px; font-family:Tahoma, Georgia, Century gothic, Arial, sans-serif; }
.sidebar1 h2 { background:#fff url(images/bg-titulo-side.gif) no-repeat; height: 32px; line-height:30px; font-size:14px; color:#fff; margin:5px 0 5px 0; padding:0px 0 0 13px; font-weight:bold; font-family:Georgia, Century gothic, Arial, sans-serif; }
.sidebar1 ul { list-style-type: none; margin: 0; padding: 0; }
.sidebar1 ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; background-repeat:no-repeat; }
.sidebar1 ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; }
.sidebar1 ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; }
.sidebar1 ul li { height:100%; line-height:18px; float: left; clear: left; width: 160px; }
.sidebar1 ul li a:link, .sidebar1 ul li a:visited { background: url(images/seta-menu.gif) left no-repeat; color:#666; text-decoration: none; padding: 5px 0px 5px 15px; display:block; border-bottom:1px dotted #ccc; }
.sidebar1 ul li a:hover { color: #2676A1; }
.sidebar1 p { padding: 7px 10px; margin:0; }
.sidebar1 table { width:100%; text-align:center; color:#787d7f; }
/* The Sidebar2 */	

.sidebar2 { float:right; width:165px; padding-top:5px; padding-right:5px; font-size:12px; font-family:Tahoma, Georgia, Century gothic, Arial, sans-serif; }
.sidebar2 h2 { background:#fff url(images/bg-titulo-side.gif) no-repeat; height: 32px; line-height:30px; font-size:14px; color:#fff; margin:5px 0 5px 0; padding:0px 0 0 13px; font-weight:bold; font-family:Georgia, Century gothic, Arial, sans-serif; }
.sidebar2 ul { list-style-type: none; margin: 0; padding: 0; }
.sidebar2 ul ul { list-style-type: none; margin: 0; padding: 0px 0px 10px 0px; background-repeat:no-repeat; }
.sidebar2 ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; }
.sidebar2 ul ul ul ul { list-style-type: none; margin: 0; padding: 0; border:0; }
.sidebar2 ul li { height:100%; line-height:18px; float: left; clear: left; width: 160px; }
.sidebar2 ul li a:link, .sidebar2 ul li a:visited { color:#333; text-decoration: none; display:block; }
.sidebar2 ul li a:hover { color: #2676A1; }
.sidebar2 p { padding: 7px 10px; margin:0; }
.sidebar2 table { width:100%; text-align:center; color:#787d7f; }
.sidebar3 { float:left; width:333px; margin-right:5px; font-size:13px; color: #2676A1; font-family:Tahoma, Century gothic, Arial, sans-serif; }
.sidebar3 h2 { line-height:30px; font-size:14px; color:#fff; margin:5px 0 5px 0; padding:0px 0 0 5px; background:#4B545B; font-weight:bold; font-family:Georgia, Century gothic, Arial, sans-serif; text-transform:uppercase; border:1px solid #40494F; }
.sidebar3 ul { list-style-type: none; margin: 0px 0px; padding: 0px 0px; }
.sidebar3 ul li { height:100%; line-height:28px; padding: 0px 0px 0px 5px; border-bottom:1px dotted #fff; }
.sidebar3 ul li ul { height:100%; line-height:28px; padding: 0px 0px 0px 0px; }
.sidebar3 ul li ul li { height:100%; line-height:28px; padding: 0px 0px 0px 0px; border-bottom:1px dotted #fff; }
.sidebar3 ul li a:link, .sidebar3 ul li a:visited { color:#333; text-decoration: none; padding: 0px 0px 0px 0px; }
.sidebar3 ul li a:hover { color: #2676A1; }
/*Bottom bar */

#footop { width:970px; margin:0px 0px 0px 0px; padding:10px 15px; background:url(images/navi.jpg); }
#footbar { width:1000px; padding: 0px 0px 30px 0px; margin:0px 0px; float:left; background:#FCFCFC url(images/bottom.jpg) repeat-x; height:100%; font-family:  Tahoma, Georgia, Century gothic, Arial, sans-serif; }
.barone { float:left; width:320px; margin-right:5px; margin-left:5px; font-size:12px; color:#6f767e; line-height:18px; }
.barone h2 { line-height:30px; font-size:15px; color:#6f767e; margin:20px 0 5px 0; padding:0px 0 0 5px; font-weight:bold; font-family:Georgia, Century gothic, Arial, sans-serif; text-transform:uppercase; }
.barone img { margin: 2px 2px; padding:0px 0px; }
.barone ul { list-style-type: none; margin: 0px 0px; padding: 0px 0px; }
.barone ul li { height:100%; line-height:28px; padding: 0px 0px 0px 5px; color:#fff; border-bottom:1px dotted #ccc; }
.barone ul li ul { height:100%; line-height:28px; padding: 0px 0px 0px 0px; }
.barone ul li ul li { height:100%; line-height:28px; padding: 0px 0px 0px 0px; border-bottom:1px dotted #ccc; ; }
.barone ul li a:link, .barone ul li a:visited { color:#6f767e; text-decoration: none; padding: 0px 0px 0px 0px; }
.barone ul li a:hover { color: #0578ad; }
/*calendar*/

#wp-calendar { width: 100%; padding: 0 0 15px; }
#wp-calendar caption { padding: 5px 5px; font-size:16px; }
#wp-calendar th, #wp-calendar td { padding: 5px; text-align:center; color:#252525; }
#wp-calendar td a { background:#fff; padding: 5px; }
#wp-calendar td { background:transparent; }
#wp-calendar td, table#wp-calendar th { padding: 2px 0; }
/* --- FOOTER --- */

#footer { height:60px; padding:25px 0 0 0px; color:#eee; font-size:12px; font-weight:normal; text-align:center; letter-spacing:1px; font-family: Tahoma, georgia, Century gothic, Arial, sans-serif; float:left; width:1000px; border-top:5px solid #065190; }
#footer a:link, #footer a:visited { color:#eee; }
#footer a:hover { color:#fff; }
.fleft { float:left; padding: 0 0 0 15px; }
.fright { float:right; padding: 0 15px 0 0; }
/* The Navigation */

#navigation { width:600px; margin:0px 0px 0px 0px; padding:2px 15px 10px 12px; }
/* The Attachment */

.contentCenter { text-align:center; }
/* The Page Title */

h2.pagetitle { padding:5px 5px; margin:0px 0 10px 5px; font-size:16px; text-align:center; color:#4A413C; font-family:Georgia, Century gothic, Arial, Helvetica, sans-serif; }
/*magbox*/

.post { width: 336px; margin: 0px 0px 5px 5px; padding:3px 0 0 0; float: left; background:#ebe1d2; border:1px solid #ded5c9; display:inline; color:#6c5b42; font-style:italic; font-family:Georgia, century gothic, Arial, verdana, sans-serif; }
.post h2 { margin: 0px 0 0px 0; padding: 0px 0px 3px 0px; text-align: left; font-size: 18px; overflow:hidden; font-weight:normal; height:20px; }
.post h2 a, .post h2 a:link, .post h2 a:visited { color:#354151; background-color: transparent; }
.post h2 a:hover { color: #354151; background-color: transparent; }
.postinfo { height:28px; margin: 0 0 0 0px; padding: 2px 0px 0px 0px; background:#34424F url(images/postinf.jpg)repeat-x; }
.categ { height:14px; margin: 1px 0 0 0px; padding: 0px 0px 2px 0px; overflow:hidden; font-size:12px; }
.categ a:link, .categ a:visited { color:#4395be; }
.categ a:hover { color:#ddd; font-weight:normal; }
.centry a:link,  .centry a:visited { color: #943d39; background-color: transparent; }
.post img { border:0; float:left; padding:4px 4px; background:#fff; border:1px solid #ddd; margin:2px 5px 2px 0px; }
.centry p { margin:2px 0; }
.centry a:hover { color:#c6150c; background-color: transparent; text-decoration: none; }
.centry { margin:0 0; padding: 0px 5px 5px 5px; height:120px; overflow:hidden; }
.breadcrumb { padding:5px 10px; margin:0px 5px 5px 13px; border:1px solid #DEDCDD; font-size:13px; font-weight:normal; color:#444; background:#fff; font-family:tahoma, Century gothic, Arial, Helvetica, sans-serif; }
.ad1 { margin:5px 5px; float:right; }
.ad2 { text-align:center; margin:2px auto; }
.allcomments { height:100%; padding:0px 8px 0px 10px; margin:0px 0px; }
#comment { height:100%; padding:0px 10px; margin:0px 0px; }
h3#comments { padding:5px 10px; margin:10px 0px; border:1px solid #DEDCDD; font-size:20px; font-weight:normal; color:#444; background:#fff; font-family:Georgia, Century gothic, Arial, Helvetica, sans-serif; }
h3#pingbacks { padding:5px 10px; margin:10px 0px; border:1px solid #DEDCDD; font-size:20px; font-weight:normal; color:#444; background:#fff; font-family:Georgia, Century gothic, Arial, Helvetica, sans-serif; }
#respond { height:100%; padding:0px 5px; margin:5px 0px; background:#fff; border:1px solid #DEDCDD; }
#respond h3 { padding:5px 10px 5px 10px; margin:10px 0px; font-size:22px; font-weight:normal; color:#444; font-family:Georgia, Century gothic, Arial, Helvetica, sans-serif; }
#commentform { padding:0px 10px 10px 10px; margin:0px 0px 0px 0px; color:#BFAFA7; font-family:tahoma, Century gothic, Arial, Helvetica, sans-serif; }
#commentform p { color:#3f79c4; }
#commentform input { background:#F4F4F4; border:1px solid #DEDCDD; color:#444; padding-left:10px; }
#commentform textarea { background:#F4F4F4; border:1px solid #DEDCDD; color:#444; width:95%; padding:5px 5px; }
.comments input#submit { width:auto; line-height:25px; padding:3px 5px; background:#0083DB; border:2px solid #005F9F; color:#fff; font-family:tahoma, Century gothic, Arial, Helvetica, sans-serif; }
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #DEDCDD; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:20px Georgia, helvetica, arial, sans-serif; padding:5px 0px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font:12px Tahoma, helvetica, arial, sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#0083DB; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px Tahoma, helvetica, arial, sans-serif; margin:0 0 1em; line-height:18px; color:#546C88; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica, arial, sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
#cancel-comment-reply { padding:10px 0px 0px 0px; }
#cancel-comment-reply-link { color:#fff; font-size:10px; line-height:15px; font-family: Tahoma, Georgia, arial, sans-serif; padding:4px 10px; margin:0px 0px 0px 12px; background:#8B979F; border:2px solid #666; }
ol.commentlist li div.reply { background:#269BCF url(images/replyjpg) repeat-x; border:2px solid #0A7CAF; color:#fff; font:bold 9px/1 Tahoma, Georgia, arial, sans-serif; padding:5px 10px; text-align:center; width:50px; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.even { background:#fff url(images/grade.jpg) repeat-x; border:1px solid #D1D8DF; }
ol.commentlist li.odd { background:#fff url(images/grade.jpg) repeat-x; border:1px solid #ddd; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#myslides { background:#262B2F; }
.stepcarousel { position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 972px; /*Width of Carousel Viewer itself*/ height: 165px; /*Height should enough to fit largest content's height*/ margin: 0px 14px 0px 14px; background:#262B2F; }
.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 17px; /*margin around each panel*/ width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ background:#14181a; height:140px; border:1px solid #373C3F; }
.stepcarousel .panel p { text-align: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px 5px; /*margin around each panel*/ }
.stepcarousel .panel h2 { height:16px; overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px 5px; /*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; }
.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: 10px 10px 8px 10px; /*margin around each panel*/ padding:0px 0px; }

/*** POSTS */
.post-side-ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.post-side-li {
	padding: 10px;
	margin:0px 0px 5px 0px;
	list-style-type:none;
	width: 313px;
	float:left;
	height:62px;
    overflow: hidden;
	background: url(images/post-list.gif) top no-repeat;
}