/* --- GENERAL CSS ________________________________________*/ html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p { margin:0; padding:0; outline:none; } body { color:#ffffff; font:normal 12px/1.5em "Arial", sans-serif;} /*barva textu na hlavni strance*/ * html body { margin:0; padding:0; } p { margin: 0 0 20px 0; } .alignleft { float:left; margin:0 15px 15px 0;} .alignright { float:right; margin:0 0 15px 15px;} .aligncenter { text-align:center; } .textleft { text-align:left;} .textright { text-align:right;} .floatright { float:right;} .floatleft { float:left;} .clear { clear:both;} a { text-decoration:none; outline:none; color:#336492;} a:hover { text-decoration:none; color:#FFFFFF;} a img { border:none; } .img_border { background:#f8f8f8; padding:3px; border:1px solid #c6c6c6; } small { font-size:9px; line-height:normal; } blockquote { padding: 0 5px 0 40px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:14px; background:url(../images/quote.gif) 0 0 no-repeat; margin:0;} blockquote p { margin-bottom:8px; } blockquote cite { font-size:11px; line-height:normal;font-style:italic; } /********** LIST ELEMENTS ***********/ ul, ol { margin: 0 0 20px 5px; padding:0 0 0 0;} ol { padding-left: 1.5em;} ul ul, ol ol, ul ol, ol ul { margin-top: 8px;} ul li, ol li { padding: 3px 5px;} ul li { padding-left: 15px; list-style-type:none; } ol li { list-style-type:decimal; list-style-position: outside; } /* ______________________________________________________________________________________________ SEPERATORS ________________________________________________________________________________________________*/ hr { border:0px solid transparent !important; background-color:transparent !important; height:1px; } .divider_space { clear:both; margin-bottom:20px; padding-top:20px; width:100%;} .divider_line { border-bottom: 1px solid #EEEEEE; clear: both; display: block; margin-bottom: 10px; position: relative; } .divider { clear:both; border-bottom:1px solid #e1e1e3; padding:20px 0 0 0; margin:0 0 30px 0; width:100%;} .top { font-size:9px; line-height:10px; margin-bottom:40px; text-align:right; position:relative; text-transform:uppercase; } .top a { height:20px; position:absolute; right:0; top:10px; width:25px; color:#727272; } /* ______________________________________________________________________________________________ LAYOUT ________________________________________________________________________________________________*/ body#boxed { background:url(../images/bg.jpg) repeat scroll center top; } body#stretched { background:url(../images/body_bg.jpg) repeat-y scroll center 0; background-color:#000; } #boxed #wrap_all { width:980px; margin:30px auto 15px auto; background:url(../images/body_bg.jpg) no-repeat scroll center 0; -moz-border-radius:5px; } #stretched #wrap_all { width:100%; margin:0 auto; padding:0;} #wrapper { width:980px; margin:0 auto; } #boxed #wrapper { } #sidebar { float:left; width:240px; min-height:800px; height:100%; padding-bottom:35px; text-align: right; position:relative; z-index:3; } #primary_content { float:left; width:740px; text-align: left; overflow: hidden; z-index:1; } .content { margin:0px;} .contentwrap { padding:0px 30px 50px 30px; overflow:hidden; height:100%; } .frontpage_inner { position:relative; padding:30px 0; overflow:hidden;} .nopad { padding-right:0 !important;} #mainfull { position:relative; width:740px; overflow:hidden; padding:20px 0; } .fancyheading span, table.fancy_table th, #header { background-color:#bfbfbf;} .fullwidth { width:860px; margin:0 auto; } .half_width, .one_half { width:48%;} .one_third { width:30.66%;} .two_third { width:65.33%;} .one_fourth { width:22%;} .three_fourth { width:74%;} .one_fifth { width:16.7%;} .four_fifth { width:79%; } .two_fifth { width:37.2%; } .three_fifth { width:58%; } .one_sixth { width:13.3%;} .one_fifth, .half_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth { float:left; position:relative; display:inline; margin-right:4%; } .last { margin-right:0 !important;} .thumbnail { position:relative; display:block } /* ______________________________________________________________________________________________ LOGO ________________________________________________________________________________________________*/ .logo { display:block; margin-top:25px; margin-right:20px; font-size:28px; } .logo img { border:0;} /* ______________________________________________________________________________________________ MAIN MENU ________________________________________________________________________________________________*/ menu { margin:40px 10px 10px 10px; padding:0; position:relative; display:block; overflow:hidden } /* ______________________________________________________________________________________________ SLIDER BG ________________________________________________________________________________________________*/ .featured_slider { width: 680px; position:relative; margin:30px auto 20px auto; } .slider { margin:0px auto; width:680px; height:300px; } /* hides the images and text from within the slider; this style will be applied only before the slider is instantiated or if the user doesn't have javascript enabled; feel free to replace this style with your own */ .slider img, .slider .caption { position:absolute; left:-9999px; } /*this is for example_api.html*/ #custom_controls { width:200px; margin:0px auto; } /* ______________________________________________________________________________________________ IMAGE FRAME BORDERS ________________________________________________________________________________________________*/ .wp-caption { text-align:center; } p.wp-caption-text { text-align:center; margin:5px 0; letter-spacing:1px; } img.framed, .wp-caption { padding:6px; margin:0px; border:1px solid #ddd !important; background-color:#fff; background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%); background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));} img.framed, .wp-caption img { border:none;} .thinframe { padding:3px; margin:0; border:1px solid #ddd; background-color:#fff; display:block } .imageframe { position:relative; } .imageframe.aligncenter .image_frame { margin: 0 auto; } .imageframe.alignleft .image_frame { float:left; margin:5px 15px 15px 0; } .imageframe.alignright .image_frame { float:right; margin: 5px 0 15px 15px; } .wp-caption.alignleft { float:left; margin:0 15px 15px 0;} .wp-caption.alignright { float:right; margin:0 0 15px 15px;} .wp-caption.aligncenter { text-align:center; margin:0 auto 15px auto; } /* PRE GENERATED CODE CSS ------------------------------------------------------*/ code, pre { background: #f3f3f3; border: 1px solid #dddddd; color: #444; display:block; overflow:auto; } code, pre { font: normal 12px/21px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:0px 0 15px 0; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* ______________________________________________________________________________________________ DROP CAPS ________________________________________________________________________________________________*/ .dropcap1, .dropcap2, .dropcap3, .dropcap4 { float: left; text-align: center; overflow:hidden; } .dropcap1 { background:url(../images/dropcap.png) no-repeat scroll -64px 2px transparent; color:#fff; line-height: 45px; height: 45px; width: 45px; margin:0 8px 0 0; font-size: 30px; } .dropcap2 { background:url(../images/dropcap.png) no-repeat scroll -5px -55px transparent; color:#fff; line-height: 49px; height: 49px; width: 49px; margin:0 8px 0 0; font-size: 30px; } .dropcap3 { color:#000; line-height: 40px; width: 36px; margin:0; font-size: 32px; font-weight:bold; } .dropcap4 { color:#000; line-height: 40px; width: 36px; margin:0; font-size: 32px; } h4.fancytitle2 { margin-bottom:5px; vertical-align:bottom; border-bottom:1px solid #ddd; overflow:hidden; padding-bottom:10px; } .fancyheading { margin-bottom:18px; padding-top:2px; padding-bottom:0; } .fancyheading span { text-transform: uppercase; padding: 4px 15px; color :#fff; font-size:12px; font-weight: normal; letter-spacing: 2px; line-height: 22px; } /* ______________________________________________________________________________________________ TOGGLE CONTENT ________________________________________________________________________________________________*/ .toggle { width:100%; background:url(../images/plus.png) 0 0 scroll no-repeat; margin-top:20px; padding:0 0 0 30px; display:block; text-transform: normal; font-size: 18px; position:relative; line-height:25px; } h4.toggle a { color: #888; padding-top:2px; text-decoration: none; display: block; font-size:22px; text-transform: normal; } h4.toggle a:hover { color:#666;} h4.active { background:url(../images/minus.png) 0 0 scroll no-repeat; display:block;} h4.active a:link { color:#666;} .toggle_content { clear:both; margin:0px; } div.toggleinside { padding:15px;} h4.toggle { margin-bottom:0} /* ______________________________________________________________________________________________ FANCY TABLE ________________________________________________________________________________________________*/ table.fancy_table tbody tr:hover td {} table.fancy_table { border: 1px solid #ddd; } table.fancy_table th { background-color:#e2e2e2; padding:8px; color:#fff; text-transform:uppercase; text-align:center; } table.fancy_table td { border: 1px solid #ddd; background:#fff; padding:8px; text-align:center; } table.fancy_table tbody tr:hover td { background:#F5F5F5; } table.fancy_table { border-collapse: collapse; border-spacing: 0; width:99%; margin:0 auto; margin-bottom:15px; } /* ______________________________________________________________________________________________ HEADINGS ________________________________________________________________________________________________*/ h1 { font-size:28px; margin:0 0 20px 0; } h2 { font-size:24px; margin:0 0 15px 0; } h3 { font-size:20px; margin:0 0 15px 0; } h4 { font-size:17px; margin:0 0 15px 0; } h5 { font-size:14px; margin:0 0 10px 0; } h6 { font-size:11px; margin:0 0 10px 0; } h1, h2, h3, h4, h5, h6 { font-family: "Arial", sans-serif; font-weight: normal; padding: 0; color:#FFFFFF; } /* ______________________________________________________________________________________________ FEATURE_POST_BOX ________________________________________________________________________________________________*/ #feature-project-box { position: relative; margin-top: 5px; margin-bottom: 5px; z-index:0;} .featured_content { margin-top:30px; margin-bottom:10px; padding:20px; } .ribbon_large { position:absolute; top:-6px; right:-6px; width:140px; height:140px; } .featured_content .thumbnail { margin:0px 20px 20px 20px; float:left; } .featured_content h3 { padding-bottom: 10px; margin:0 70px 10px 20px; } .featured_content h3 a { text-decoration: none; } .featured_content p { margin-right:30px; font-size: 12px; line-height: 1.5em; color:#7c7c7c; } .gradient_box { background:transparent url(../images/gradient_bg.png) right 0 scroll no-repeat; display:inline-block; margin:0 5px 0 0px; padding:0 20px 0 0; } .gradient_box .gradient_box_bg { background:transparent url(../images/gradient_bg.png) 0 0 scroll no-repeat; display:block; padding:10px 0 11px 16px;} /* ______________________________________________________________________________________________ SUB HEADER ________________________________________________________________________________________________*/ .subheader_bg { background:#33FF33;} .subheader { width:740px; margin:10px auto; margin-bottom:30px; position:relative; overflow:hidden; border-bottom:1px solid #d3d3d3; } .subheader .subtitle { display:block; float:left; margin:20px 20px 0 30px; } .subheader .subtitle span { font-size:30px; color:#000; display:block; } .subheader .subdesc { color:#444; font-size:20px; font-style:italic; overflow:hidden; padding:20px 20px 20px 20px; border-left:1px solid #d3d3d3; } /* ______________________________________________________________________________________________ RIGHT_SIDEBAR ________________________________________________________________________________________________*/ #rightsidebar { float:left; color: #fff; width:230px; height:100%; text-align: left; margin:0 0 40px 0; } /* ______________________________________________________________________________________________ SIDEBAR WIDGETS LISTS ________________________________________________________________________________________________*/ #sidebar .syswidget { padding:0px 5px 20px 5px; margin:0 auto; width:200px; } .syswidget { width:220px; padding:0px 5px 30px 5px; color:#666666; text-align: left; } .syswidget ul { padding:0px; margin:0 0 0 0; } .syswidget ul li { margin:0; padding:7px 12px; background:#edeff0; border:1px solid #f5f6f6; border-top:1px solid #fff; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; } .syswidget ul li ul li { margin:0; padding:0px 15px; border:none; font-size:11px; } .syswidget ul li ul { padding:5px 0; margin:0; border-left:0px solid #c6c6c6; } .syswidget ul li a { color:#333333; } .syswidget ul li li a { color:#666666; } .syswidget ul li a:link, .syswidget ul li a:visited { display:block; } .syswidget ul li.current_page_item a, .syswidget ul li a:hover { text-decoration:none; color:#c91f5a;} .img-num-box { float:right; margin-right:20px; } #sidebar h3, .syswidget h3 { color:#fff; padding:10px; text-align:center; text-transform:uppercase; font-size:14px; font-weight:bold; margin-bottom:0; border-bottom:1px solid #ddd; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; } /* ______________________________________________________________________________________________ RECENT TWEETS ________________________________________________________________________________________________*/ ul.recent_tweets { margin:0; padding:0; } ul.recent_tweets li { margin:0; padding:12px; background:#edeff0; border:1px solid #f5f6f6; border-top:1px solid #fff; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; } ul.recent_tweets li a, ul.recent_tweets li a:link, ul.recent_tweets li a:visited { border:none; padding:0; margin:0; display:inline; color:#666; } .recent_tweets p.tweet { background:url(../images/icon_bird_small.png) 0 2px no-repeat; padding:0; padding-left:25px; text-align:left; } .recent_tweets p.tweet { font-size:11px; margin:0; } /* ______________________________________________________________________________________________ WIDGETS POST LIST ________________________________________________________________________________________________*/ .widget_postslist { margin:0 0 40px 0; padding:0; } .widget_postslist p { margin-bottom:0;} .widget_postslist ul { margin:0; padding:0; } .widget_postslist li { padding:5px; clear:both; overflow:hidden; height:100%; background:none; list-style:none;border-bottom: 1px solid #F0F0F0; } .widget_postslist li .thumb { float:left; padding-bottom:2px; margin:0 10px 0 0; } .widget_postslist li span.wpldate { font-size:10px; text-transform:uppercase; letter-spacing:1px; display:block; } /* ______________________________________________________________________________________________ FRAMED BOX ________________________________________________________________________________________________*/ .framedbox .boxcontent { padding: 20px; border: 1px solid #FFFFFF; overflow: hidden; height: 100%; } .framedbox { padding:0px; margin:0px 0px 20px 0px; position:relative; border:1px solid #ccc; background-color:#f5f5f5; } .framedboxtitle { font-size:14px; text-transform: uppercase; text-align:center; padding: 15px 0 5px 0; letter-spacing:1px; margin-bottom:0px; color:#777; } .framedbox .bigtitle { font-size:40px; text-align:center; padding-bottom:15px; } .framedbox .bigtitle span { font-size:14px; vertical-align:baseline; } /* ______________________________________________________________________________________________ FANCY BUTTONS ________________________________________________________________________________________________*/ .button, .button span { display: inline-block; } .button { position:relative; zoom:1; /* zoom and *display = ie7 hack for display:inline-block */ overflow: visible; outline: none; line-height:1em; white-space: nowrap; cursor: pointer; border: 1px solid #999;/* IE Hack*/ border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); /* FF3.5+ */ background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .2) 100% ); /* Safari 4+, Chrome */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; } button::-moz-focus-inner { border: none; /* overrides extra padding on sides FF3.5 */ } button.button { padding:0px; margin:0; } .button.full, .button.full span { display: block; } .button:hover, .button.hover { text-decoration:none; /* FF3.5 */ background: -moz-linear-gradient( center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% ); /* Safari4+, Chrome */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */ } .button:active, .button.active { top:1px; /* FF3.5 */ background: -moz-linear-gradient( center top, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .1) 100% ); /* Safari4+, Chrome */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .1)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */ } .button span { border-top:1px solid rgba(255, 255, 255, 0.25); position: relative; color:#fff; padding:0.6em 1.3em; line-height:1em; text-decoration:none; text-align:center; white-space: nowrap; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari, Google Chrome margin fix */ button.button span { margin-top: -1px; margin-left:-2px; margin-right:-2px; } } .button.small span { font-size:10px; font-family:Tahoma, Arial, Verdana, sans-serif; } .button.medium span { font-size:14px; } .button.large span { font-size:18px; } /* ______________________________________________________________________________________________ FANCY BUTTONS COLOR SCHEME ________________________________________________________________________________________________*/ .button.gray { background-color: #666666; } .button.orange { background-color: #ff5c00; } .button.red { background-color: #e62727; } .button.magenta { background-color: #A9014B; } .button.yellow { background-color: #ffb515; } .button.blue { background-color: #00ADEE; } .button.pink { background-color: #e22092; } .button.green { background-color: #91bd09; } .button.black { background-color: #333333; } .button.white { background-color: #FFFFFF; } .button.white span { color: #666666; } /* ______________________________________________________________________________________________ MOZILLA BORDER RADIUS AND SHADOW ________________________________________________________________________________________________*/ img.framed, .wp-caption, .gallery-item img, table.fancy_table, .video-stage, div.framed, .cs-title, ul.tabs a, .sysform input.txt, .sysform textarea, .sysform select, .toggle_content, .fancytoggle, .pagination a, .pagination a:link, paginationa:visited, .pagination a:active, .pagination span.current, .pagination span.pages,.pagination span.extend, .button, .fancybox, .minimalbox, .authorbox { -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* ______________________________________________________________________________________________ CSS3 BOX SHADOW ________________________________________________________________________________________________*/ img.framed, .wp-caption, .gallery-item img, table.fancy_table, .video-stage, div.framed, .cs-title, .fancytoggle, .pagination a, .pagination a:link, .pagination a:visited, .pagination a:active, .pagination span.current, .pagination span.pages, .pagination span.extend, .button, .fancybox, .minimalbox, .authorbox, .fancybox, .minimalbox { -moz-box-shadow:0px 1px 1px #ddd; box-shadow:0px 1px 1px #ddd; -webkit-box-shadow:0px 1px 1px #ddd; box-shadow:0px 1px 1px #ddd; } /* ______________________________________________________________________________________________ PORTFOLIO ________________________________________________________________________________________________*/ .portfolio_item { width:680px; margin:0px 0 30px 0px; padding-top:5px;} .portfolio_item .portimg { display:block; position:relative; } .portfolio_item h3, .portfolio_item h5, .portfolio_item p { margin:5px 0 10px 0; } .portfolio_item img.image { border:1px solid #ddd; padding:2px;} .portfolio_item .content { padding:5px 0; } .portfolio_item h3 a, .portfolio_item h4 a { font-size: inherit; color:#000; } .portfolio_item .one_fourth h3 a { font-size: 14px; } .portfolio_item .one_third h3 a { font-size: 17px; } .portfolio_item .one_half h3 a { font-size: 22px; } .portfolio_item br { height:0 !important;} .portfolio_item h3, .portfolio_item h5 { text-transform:none; font-size:18px; } .portfolio_item .port_content .button { } .portfolio_item .port_content h3 { font-size:22px;} .portfolio_item .one_fifth h5 { font-size:16px; letter-spacing:0; } .portfolio_item a:hover { color:#c91f5a;} /* ______________________________________________________________________________________________ GALLERY ________________________________________________________________________________________________*/ ul.sys_mini_gallery li { background:none; display: inline; float: left; margin:0 20px 15px 0; padding:0 0 0 0; } /* ______________________________________________________________________________________________ PAGINATION ________________________________________________________________________________________________*/ .pagination { width:100%; padding:30px 0; border-top:1px solid #eee;} .pagination a, .pagination a:link, .pagination a:visited, .pagination a:active, .pagination span.current, .pagination span.pages, .pagination span.extend { font-size:11px; padding: 8px; margin: 1px; color:#444; border: 1px solid #eee; background: #FFFFFF; } .pagination span.pages { border:0; text-transform:uppercase } .pagination a:hover { border: 1px solid #ccc; background: #fff; } .pagination span.current { padding: 8px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #ccc;} /* ______________________________________________________________________________________________ BLOG POST 1 Column Page ________________________________________________________________________________________________*/ .post { margin:0 0 40px 0; overflow:hidden; height:100%; padding-bottom:10px; } .post h2 a { color:#666; } .post h2 a:hover { color:#c91f5a; text-decoration:none;} .post-entry { float:left; width:325px; margin-left:25px; } .post-info { float:left; width:100px; padding:0px; margin-right:20px; } .post-info span { display:block; border-bottom:1px solid #ddd; padding:3px 0; } .post-info a { font-size:11px; text-transform:none; } .post-info a:hover { text-decoration:none; } .post-info .date { color:#565656; margin-bottom:20px; text-align:right; padding-right:10px; } .postimg { float:left; } .postimg img { margin:0 0 0 0; } /* ______________________________________________________________________________________________ BLOG POST 3 Column Page ________________________________________________________________________________________________*/ .content_2col { float:left; width:440px; margin: 0; padding-right:20px;} .post2 { margin:0 0 40px 0 ; overflow:hidden; height:100%; border-bottom:1px solid #ddd; padding-bottom:10px; } .post2 h2 a { color:#666;} .post2 h2 a:hover { color:#c91f5a; text-decoration:none; } .post-entry2 { } .post-info2 { border-bottom: 1px dashed #ddd; margin:0 0 10px 0; font-size:11px; padding-bottom:5px; } .post-info2 a { font-size:11px; } .post-info2 a:hover { text-decoration:underline; } .post-info2 .date { text-transform:uppercase; } .post-info2 a.comments { float:right;} .postimg2 { margin-bottom:10px; } /* ______________________________________________________________________________________________ CONTACT FORM ________________________________________________________________________________________________*/ #contactform { padding:5px 0; } #contactform label { width:70%; margin-bottom:10px; display: inline-block; vertical-align:text-bottom; color:#2c2c2c; } #contactform select { margin-bottom: 15px; } #contactform textarea { vertical-align: top; height: 150px; } #contactform .indent { padding-left:30%; } #contactform p { margin-bottom:0;} #contactform input, #contactform select { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; margin-bottom: 30px !important; width:88%; padding: 4px; vertical-align;top; } #contactform textarea { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; margin-bottom: 9px !important; width: 95%; padding: 8px; vertical-align;top; } #contactform input:focus, #contactform select:focus, #contactform textarea:focus { } /* Contact button */ #contactform .submitbutton { border:0; width:99px; height:29px; vertical-align:middle; } #contactform .submitbutton:focus { background:none; } span { text-align:left; } /* ______________________________________________________________________________________________ TOGGLE ARROW ________________________________________________________________________________________________*/ .arrow { background: url(../images/toggle_down.png) no-repeat; height: 36px; width: 40px; position:fixed; bottom:0px; right:20px; z-index:2000;} .arrow.active { background: url(../images/toggle_up.png) no-repeat; } /* ______________________________________________________________________________________________ FOOTER ________________________________________________________________________________________________*/ #footer { font-size: 11px; position:fixed; bottom:0; width:100%; height:30px; margin:0 auto; padding:0px; z-index:1000; background:#262626; border-top:1px solid #636363; color:#999; } #footer span { float:left; margin:5px 20px 0 30px; } #footer .content { padding-left:0px;} /* social icons ------*/ #footer ul.social { padding:0; margin:0px; display:inline; float:left; } #footer ul.social li { float:left; display:inline; margin: 3px 4px 0 4px; padding:4px 0 0 0;} #footer ul.social li .t { display: block; width: 16px; height: 16px; } #footer ul.social li .twitter { display: block; background: url(../images/twitter.png) no-repeat; width: 16px; height: 16px;} #footer ul.social li .facebook { display: block; background: url(../images/facebook.png) no-repeat; width: 16px; height: 16px;} #footer ul.social li .digg { display: block; background: url(../images/digg_alt.png) no-repeat; width: 16px; height: 16px;} #footer ul.social li .delicious { display: block; background: url(../images/delicious.png) no-repeat; width: 16px; height: 16px;} #footer ul.social li .flickr { display: block; background: url(../images/flickr.png) no-repeat; width: 16px; height: 16px;} #footer ul.social li .rss { display: block; background: url(../images/rss.png) no-repeat; width: 16px; height: 16px;} #footer ul.social li a { border:0; } #footer a { color:#9f9f9f; } #footer a:hover { color:#fff; } ul.list-arrow1 li, ul.list-arrow2 li, ul.list-info li, ul.list-badge li, ul.list-star li, ul.list-flag li, ul.list-check li, ul.list-disc li, ul.list-bullet li { background-image:url("../images/bullets/list_black.png"); padding-left:25px; background-attachment:scroll; background-color:transparent; background-repeat:no-repeat; } ul.list-info li { background-position: -145px 5px; } ul.list-arrow1 li { background-position: -91px -82px; } ul.list-arrow2 li { background-position: -36px -165px; } ul.list-star li { background-position: -58px -135px; } ul.list-badge li { background-position: -109px -50px; } ul.list-flag li { background-position: -127px -20px; } ul.list-check li { background-position: -73px -108px; } ul.list-bullet li { background-position: -20px -193px; } ul.list-disc li { background-position: -4px -212px; } ul.red li { background-image:url("../images/bullets/list_red.png"); } ul.green li { background-image:url("../images/bullets/list_green.png"); } ul.blue li { background-image:url("../images/bullets/list_blue.png"); } ul.yellow li { background-image:url("../images/bullets/list_yellow.png"); } ul.magenta li { background-image:url("../images/bullets/list_magenta.png"); } ul.cyan li { background-image:url("../images/bullets/list_cyan.png"); } ul.orange li { background-image:url("../images/bullets/list_orange.png"); } ul.black li { background-image:url("../images/bullets/list_black.png"); } ul.pink li { background-image:url("../images/bullets/list_pink.png"); } ul.navy li { background-image:url("../images/bullets/list_navy.png"); } /* ______________________________________________________________________________________________ CSS3 BOX SHADOW ________________________________________________________________________________________________*/ img.framed { -moz-box-shadow:0px 1px 1px #aaa; box-shadow:0px 1px 1px #aaa; -webkit-box-shadow:0px 1px 1px #aaa; box-shadow:0px 1px 1px #aaa; margin:0px 20px 0 0px; } .thinframe, .nav li a span, .fancyheading span { -moz-border-radius:3px; border-radius:3px; } .thinframe, .nav li a span, .fancyheading span { -webkit-border-radius:3px; border-radius:3px; } .copyright { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .p_bottom_bar, .fancytitle, .fancy_table th { border: 1px solid #999;/* IE Hack*/ border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); /* FF3.5+ */ background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% ); /* Safari 4+, Chrome */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; } .syswidget h3 { border: 1px solid #999;/* IE Hack*/ border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); /* FF3.5+ */ background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% ); /* Safari 4+, Chrome */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ }