tropicumbias
/* Theme Name: Designplus Theme URI: http://www.themeflash.com/ Description: A Business & Portfolio Theme Author: System32 Author URI: http://www.themeflash.com/ */ /************************************************ Global Reset ***********************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } .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%; } body { background:#fff; font:normal 11px/20px "Lucida Sans", "Lucida Sans Unicode", Helvetica, sans-serif; color:#999999; margin:0; } a{ color:#525252; text-decoration:none; } a:hover { color:#7a7a7a; text-decoration:none; } p { padding:0px; margin:0 0 15px 0; } a.white { color:#ffffff; font-size: 20px; } span.rozmiar { font-size: 22px; } /****************************************************** Floats & Alignments ******************************************************/ .fr { width:auto; float:right; } .fl { width:auto; float:left; } .tl { text-align:left; } .tr { text-align:right; } .tc { text-align:center; } ul, ol { list-style-position:outside; margin-left:10px;} /****************************************************** Page Structure *****************************************************/ .total { width:100%; } .topbg { background:#000000; } /****************************************************** Logo *****************************************************/ .logo { margin:15px 0; padding:0; letter-spacing:-1px; } .slogan{ text-align:right; margin:30px 10px 0 0; } /****************************************************** Headings ******************************************************/ h1,h2,h3,h4,h5,h6 { font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;} h1 { font-size:2.4em; margin-bottom:10px; } h2 { font-size:2.1em; margin:12px 0; } h3 { font-size:1.6em; margin-bottom:5px; } h4 { font-size:1.4em; margin-bottom:5px; } h5 { font-size:1.2em; margin-bottom:5px; } h6 { font-size:1em; } .menubg { height:36px; width:100%; margin:0; padding:6px 0 0 0; } .sliderbg { width:100%; background: url(../images/header_bg.png) repeat-x; height:400px; padding-bottom:10px; } div.news strong {display:block;} .midbox { margin:0px 0; height:100%; padding:0px 0px 0 0; } .img_l {margin:0 20px 10px 0;} .img_r {margin:0 0 0 20px;} ul.team {list-style-position:outside;margin:0; } ul.team li {background:#f5f5f5; border-bottom:1px solid #ddd; padding:5px; padding-left:10px; margin:2px;} .smallbox { height:100%; width:100%; margin:0; padding:10px 0; } .smallbox ul { margin:10px 0 10px 0px; padding:0; } .smallbox li { background:url(../images/bullet.gif) left 50% no-repeat; margin:0; padding:2px 2px 0 15px; color:#000; list-style-type:none; float:left; width:65%; } .imgborder { padding:3px; border:1px solid #dadada; } blockquote{ padding:5px 10px; margin:10px 0 10px 20px; background:none; border-left:3px solid #787878; } /****************************************************** Twitter Box *****************************************************/ .twitterbox { background:url(../images/twitter_box.gif) no-repeat; width:265px; height:110px; } .twitterbox p { padding:15px; } /****************************************************** Sub Header ******************************************************/ .subheader_bg { width:100%; margin:0px; padding: 0px; background:url(../images/subheader_bg.jpg) repeat-x; height:75px; padding-top:19px; color:#fff; } .subheader_bg h2 { font:bold 2.2em "Lucida Sans Unicode", "Times New Roman", Times, serif; margin:0; padding:0 0 5px 0; } .subheader_bg p { font-size:10px; line-height:16px; text-transform:uppercase; } /****************************************************** SubMenu&About Us ******************************************************/ ul.subnav{ margin:0 0 20px 0; padding:0; border-left:1px solid #CCCCCC; } ul.subnav li { margin-left:0px; list-style-type:none; } ul.subnav li a { height:20px; margin:0px 0; border-bottom:1px solid #eee; text-decoration:none; } ul.subnav li li a { margin:0; text-decoration:none; } ul.subnav li li a:link, ul.subnav li li a:visited { color:#6b6b6b; display:block; text-decoration:none; padding:6px 10px; } ul.subnav li a:link, ul.subnav li a:visited { color:#5f5f5f; display:block; padding:6px 10px; text-decoration:none; } ul.subnav li.current a { color:#27a2b5; font-weight:bold; text-decoration:none; } ul.subnav li a:hover { color:#27a2b5; padding:6px 10px; text-decoration:none; } /****************************************************** Services ******************************************************/ .servicebox { width:280px; padding:0 15px 0 0px; float:left; margin:0px; } .servicebox img{ margin-top:10px; margin-bottom:10px; } .servicebox li { list-style-position:inside; } /****************************************************** Portfolio ******************************************************/ .portfolioitem { width:415px; float:left; padding:15px; background:url(../images/port_bg.gif) top no-repeat; height:auto; margin:15px 0px 10px 5px; } .details { margin:auto; margin:15px 20px; } .portfolioitem h3{ font-size:2em; margin:0; text-align:center; padding:0px 0 10px 0; color:#000; } .img_box { margin:auto; padding:0px; } .port_img { margin:0 12px; padding:3px; border:1px solid #dadada; } a.view { font-size:12px; font-weight:bold; color:#999999; margin-top:10px; margin-right:15px; padding:0; text-decoration:none; } a:hover.view { color:#0080a3; margin:0; padding:0; text-decoration:underline; } /****************************************************** hosting ******************************************************/ .host_img{ margin-left:30px; } /****************************************************** Recent Posts ******************************************************/ ul.posts{ margin:0px; padding:0; } ul.posts li { margin:0px 0 10px 0; padding-bottom:10px; list-style-type:none; border-bottom:1px solid #dcdcdc; } ul.posts li a { color:#666666; margin:0px; padding:10px 0px; text-decoration:none; } ul.posts li a:hover { color:#999999; padding:10px 0px; text-decoration:none; } /****************************************************** Bredcrumbs ******************************************************/ #breadcrumbs { margin: 0; display: block; padding: 15px 5px 5px 5px; border-bottom: 0px solid #e8e8e8; } span.breadcrumbs { display: block; font-size: 90%; line-height: 120%; } span.breadcrumbs img { display: none; } span.breadcrumbs a { float: none; font-weight: normal; padding: 0 4px; color:#666666; } span.breadcrumbs a:hover { color: #000; text-decoration: none; } /****************************************************** Blog ******************************************************/ .blog_post { margin:0 0 20px 0; overflow:hidden; height:100%; border-bottom:1px solid #cacaca; padding-bottom:20px; } .comments { background:url(../images/comments.gif) no-repeat; width:44px; height:46px; float:left; margin:0px 0 0 0px; padding:10px 0; color:#000000; font-size:2em; text-align:center; } /****************************************************** Blog Comments ******************************************************/ .the_commentor { float:left; width:105px; position:relative; text-align:left; } .the_commentor img { margin-bottom:3px; } .comment-metadata a { color:#cbcbcb; font-size:10px; text-decoration:none; } .the_comment { float:right; width:449px; color:#5d5949; padding:10px; margin-bottom:10px; min-height:100px; background-color:#f7f7f7; border:0px solid #f0f0f0; } .comment_arrow { background:url(../images/comment_arrow.gif) top right no-repeat; width:26px; height:24px; position:absolute; top:20px; right:-21px; } ol.commentlist li.alt .the_comment { position:relative; top:1px; overflow:auto; background-color:#f7f7f7; } ol.commentlist { margin:10px 0; } ol.commentlist li { clear:both; list-style:none; } .comment-author { font-size:10px; margin-bottom:0; } .comment-author a { color:#0192ae; text-decoration:none; } .commentlist .the_comment a { color:#005c9e; } .commentlist .the_comment a:hover,.comment-author a:hover { color:#7a7a7a; text-decoration:none; } #commentform p{ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform{ margin: 5px 10px 0 0; } #commentform input{ margin: 5px 0 5px 0; } #commentform textarea{ width: 500px; padding: 2px; } #commentform #submit{ margin: 0 0 5px auto; float: left; } /****************************************************** Footer ******************************************************/ .footer_bg { width:100%; background:#090909 url(../images/footer_bg1.gif) repeat-x; overflow:hidden; height:100%; padding:5px 0 5px 0; color:#525252; } .footer li { margin:0; display:block; padding:4px 5px 4px 0px; text-decoration:none; } .footer li a { margin:0; color:#c3c3c3; padding:4px 5px 4px 0px; text-decoration:none; } .footer li a:hover { margin:0; color:#7a7a7a; text-decoration:none; padding:4px 5px 4px 0px; } .text{ color:#C0C0C0; text-align:center; padding-top:20px; } strong { color:#6c6c6c; } /****************************************************** Contact Form ******************************************************/ .contactform form, #contactform form ul { margin:0px 0 0 0px; padding:0px; color:#333333; } .contactform ul li { background:#f9fcfd; margin: 0 0 5px 0; padding:5px 5px 10px 5px; border:1px solid #dbeaf1; list-style-type:none; } .contactform ul li:hover { border:1px solid #b9d3de; } .contactform label { display:block; width:200px; padding-left:15px; } .inputbox { padding:5px 0 5px 15px; }
