@import url("base.css"); @import url("foundation.css"); table { border: 0; } pre { padding: 10px; background-color: #fafafa; color: #222; line-height: 1.0em; border: 2px solid #C6C9CB; font-size: 0.9em; /* margin: 1.5em 0 1.5em 0; */ margin: 0; border-right-style: none; border-left-style: none; } /* General */ /*////////////////////////////////////////////////////////////////////////////////////////////*/ a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active, a:hover { text-decoration: none; } h1,h2,h3,h4,h5,h6 { color: #000; margin-bottom: 18px; } h1 { font-weight: normal; font-size: 24px; line-height: 24px; } h2 { font-weight: normal; font-size: 18px; line-height: 18px; } h3 { font-weight: bold; font-size: 18px; line-height: 18px; } h4 { font-weight: normal; font-size: 18px; line-height: 178px; } hr { background-color: #c6c6c6; border:0; height: 1px; margin-bottom: 18px; clear:both; } div.hr { height: 1px; background: #c6c6c6; } div.hr2 { height: 1px; background: #c6c6c6; } div.hr hr, div.hr2 hr { display: none; } p { padding: 0 0 0.5em; line-height:1.6em; } ul { list-style: square; margin: 0 0 18px 0; } ol { list-style: decimal; margin: 0 0 18px 1.5em; } ol ol { list-style:upper-alpha; } ol ol ol { list-style:lower-roman; } ol ol ol ol { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } dl { margin:0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; color: #000; } cite, em, i { font-style: italic; border: none; } big { font-size: 131.25%; } ins { background: #FFFFCC; border: none; color: #333; } del { text-decoration: line-through; color: #555; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; padding: 1.5em; } abbr, acronym { border-bottom: 1px solid #666; cursor: help; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: 10px; } sup { bottom: 1ex; } sub { top: .5ex; } p, ul, ol, dd, hr { margin-bottom:10px; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } pre, kbd, tt, var { } code { font-size: 13px; } strong, b, dt, th { color: #000; } /* main_container */ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #wrapper { padding: 0px 0px; margin-top: 20px; } /* header*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #search-header{ margin-top:15px; padding-bottom:13px; } #search-header #search{ background: #222; } #search-header #search #s{ background: #222; font-size:12px; color: #aaa; } #header_container{ padding-bottom: 25px; padding-top: 0px; background: #fff; } #header { } #header2 { } #content_container{ padding-top: 15px; } #left-col { padding: 10px 20px; padding-left: 0px; background: #fff; } /*footer*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #footer { padding: 5px 20px; background: #ddd; } #footer-container{ padding: 5px 20px; background: #303030; border-top: 8px solid #000; font-size:11px; } #footer-info { color:#ccc; text-align:left; background: #1b1b1b; padding: 20px 0; } #footer-info a{ text-decoration:none; color: #fff; } #footer-info a:hover{ color: #ebebeb; } #copyright{float: left;} .scroll-top { text-align:right; } #footer-widget{ padding: 8px 0px 8px 0px; color:#6f6f6f; } #footer-widget #search { width:120px; height:28px; background: #222; margin-left: 0px; position: relative; border: 1px solid #666; } #footer-widget #search #s { width:110px; height:23px; border:0px; margin-left:7px; margin-right:10px; margin-top:3px; color:#fff; display: inline; background: #222; float: left; } #footer-widget #calendar_wrap { padding: 8px 0px; } #footer-widget #wp-calendar td{ padding:2px; } #footer-widget .textwidget { padding: 5px 0px; line-height: 23px; } #footer-widget .widget_tag_cloud a{ text-decoration: none; margin: 5px; line-height: 24px; margin-left: 0px; color: #6f6f6f; } #footer-widget .widget_tag_cloud a:hover{ color: #fff; } #footer-widget .widget-container ul li a { color:#fd7800; } #footer-widget .widget-container ul li a:hover { color: #ccc; } #footer-widget .widget-container h3 { color: #a5a5a5; text-transform: uppercase; margin-bottom: 0px; padding-top: 10px; padding-left: 0px; font-size: 25px; padding-bottom: 8px; font-weight: bold; } #footer-widget .widget-container ul li { padding: 5px 0px; background: none; } #footer-widget ul { margin-left: 0px; } #footer-bar1 { padding-right: 40px; } #footer-bar2 { padding-right: 40px; } #footer-bar3 { } #footer-bar4 { } span#follow-box{ position: absolute; right: 100px; } span#follow-box img{ margin: 0 2px; } /*logo*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #logo { margin: 0px 0px 0px 0px; } #logo2 { margin: 0px 0px 0px 0px; } #logo img{ border: none; } #logo2{ text-decoration: none; font-size: 42px; letter-spacing: -1pt; font-weight: bold; font-family:arial, "Times New Roman", Times, serif; text-align: left; line-height: 57px; padding-left: 0px; } #logo2 a, #slogan{ color: #fd7800; } #slogan{ text-align: left; padding-left: 0px; } /*search*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #search { width:180px; height:28px; border: 1px solid #ccc; margin-left: 10px; position: relative; } #sidebar #search { margin-top: 20px; } #search #searchsubmit { background:url(images/go-btn.png) no-repeat top right; width:28px; height:28px; border:0px; position:absolute; right: -35px; } #search #s { width:170px; height:23px; border:0px; margin-left:7px; margin-right:10px; margin-top:3px; color:#000; display: inline; float: left; } /*menu bar*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #menu_container{ padding-top: 0px; } /*responsive menu*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ /* default style */ .selectnav { display: none; } /* small screen */ @media screen and (max-width: 600px) { .js #nav { display: none; } .js #nav2 { display: none; } .js .selectnav { display: block; } } /*welcome*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #welcome_container h1{ margin-top: 0px; } /*homepage boxes*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #box_container{ padding-top: 35px; padding-bottom: 15px; } .box-head { float: left; padding-bottom: 20px; } .box-head img{ } .title-head{ padding-top:2px; } .title-box{ color: #333; line-height: 15px; text-transform: uppercase; } .title-box h1 { font-size: 18px; margin-bottom: 3px; } .box-content { float: left; padding-top: 10px; line-height: 20px; } /* POST */ /*////////////////////////////////////////////////////////////////////////////////////////////*/ .post { overflow: hidden; } .post-shadow{ background: url("images/post_shadow.png") no-repeat bottom; height: 9px; margin-bottom: 25px; } .post ol{ margin-left: 20px; } .post ul { margin-left: 15px; } .post-entry ul { margin: 0 0 10px 10px; } .post-entry ul li { display: block; margin: 5px 0; padding: 0 0 0 20px; /*background: url(images/bullet.png) no-repeat 0 7px;*/ } .post-entry ol { list-style: decimal; margin: 0 0 18px 1.6em; } .post-entry ol li { list-style: decimal; } .post-entry { padding-bottom: 10px; padding-top: 10px; overflow: hidden; } .post-head { margin-bottom: 5px; padding-top: 15px; } .post-head h1 a, .post-head h1 { text-decoration:none; color:#000; margin: 0px; font-size: 27px; } .post-head h1 a:hover { color:#777; } .post-head-notfound h1, .post-head-404 h1, .post-head-archive h1, .post-head-search h1 { margin-bottom: 10px; font-weight:normal; text-decoration:none; color:#000; font-size: 27px; } .post-thumb img { border: 0px solid #ebebeb; } .post-entry img{ margin-bottom: 10px; height:auto; max-width:100% !important; } .meta-data{ line-height: 16px; padding: 6px 3px; margin-bottom: 3px; font-size: 11px; border-bottom: 1px solid #e9e9e9; } .meta-data a{ color: #fd7800; } .meta-data a:hover{ color: #777; } .read-more { color: #000; background: #fff; padding: 4px 8px; border-radius: 3px; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: capitalize; cursor: pointer; margin-top: 20px; } .read-more:hover{ background: #fff; color: #666; } .clear { clear:both; } .sticky { } /* content */ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #content_container table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left; width: 100%; } #content_container tr th, #content_container thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 10px; } #content_container tr td { padding: 6px 10px; } #content_container tr.odd td { background: #f2f7fc; } /*--navigation--*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ .navigation { float: left; width: 100%; margin: 20px 0; } .navigation .alignleft a { float: left; } .navigation .alignright a { float: right; } #nav-single { overflow:hidden; margin-top:20px; margin-bottom:10px; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } /*--sub head and breadcrumbs--*/ /*////////////////////////////////////////////////////////////////////////////////////////////*/ #subhead_container{ padding: 7px 0px; } #subhead h1{ color: #000; padding-top: 10px; padding-left: 0px; font-size: 30px; } #breadcrumbs { padding-left: 25px; margin-bottom: 15px; color: #9e9e9e; margin:0 auto; width: 964px; font-size: 10px; } #breadcrumbs a{ text-decoration: none; color: #9e9e9e; } /*Alignments */ /*////////////////////////////////////////////////////////////////////////////////////////////*/ .alignleft, img.alignleft { display: inline; float: left; margin-right: 22px; margin-top: 9px; } .alignright, img.alignright { display: inline; float: right; margin-left: 22px; margin-top: 8px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignleft, .alignright, .aligncenter, img.alignleft, img.alignright, img.aligncenter { margin-bottom: 10px; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }