/*
Theme Name: Summit Technology
Theme URI: http://summitsti.com/
Description: Custom designed template for Summit Technology.
Version: 1.0
Author: Michael Leigeber
Author URI: http://summitsti.com/
Tags: summit, custom
*/

/* Universal */
* {margin:0; padding:0}
body {background:#ececec url(http://static.summitsti.com/bg.jpg) repeat-x; font:11px Verdana,Arial; color:#273235}
a {color:#495f64; text-decoration:none}
a:hover {color:#000}
img {border:none}
h1 {font:18px Georgia,Verdana; font-weight:bold; margin:0 0 12px}
h2 {font-size:13px; font-weight:bold; margin:0 0 8px}
h3 {font-size:12px; font-weight:bold; margin:0 0 8px}
h4 {font-size:12px; font-weight:bold; margin:8px 0}
.imgborder {border:2px solid #495f64; padding:1px}
input,textarea {font-family:Verdana,Arial}
textarea {font-size:12px; padding:6px}
#wrapper {width:850px; margin:0 auto}

/* Page Layout */
#content {float:left; background:#fff url(http://static.summitsti.com/content_bg.gif); min-height:350px; padding-bottom:50px; width:850px}
.page {width:800px; margin:10px 25px 0; min-height:340px}
.page p a {border-bottom:1px dotted #495f64}
.page p {margin:0 0 12px; line-height:1.6}
.page ul {padding-bottom:15px; list-style:none}
.page li {padding-left:12px; margin-bottom:5px; background:url(http://static.summitsti.com/bullet.gif) left center no-repeat}

/* Layout */
#footer {float:left; height:30px; width:842px; padding:15px 4px 0; background:url(http://static.summitsti.com/content_bottom.gif) top no-repeat; color:#757575}
#copyright {float:left}
#links {float:right}
#links a {color:#757575}
#links a:hover {color:#272727}
#slider {padding-right:15px}
.header {display:block; padding-bottom:8px; font-weight:bold; cursor:pointer; color:#495f64}
.header:hover {color:#000}
.splitcolumn {float:left; width:300px}
.clientlogos {padding:10px 0 15px}
.photo {float:left; width:175px; padding:0 20px 10px 0}

/* Header */
#header {height:99px; padding:10px 6px 0}
#logo {float:left; padding:8px 0 0}
#contact, #searchform, #dd {float:right}

#searchform {padding:12px 12px 0 0}
#searchform input {float:left}
#s {height:15px; width:170px; margin:1px 5px 0 0; padding:3px 2px 2px 4px; font-size:11px}
.search {border:1px solid #b5c5ca; background:#fff}
.searchover {border:1px solid #99aab0; background:#f5f9fa}

#dd dt {width:125px; border:1px solid #b5c5ca; background:#fff url(http://static.summitsti.com/dropdown_arrow.gif) top right no-repeat; margin:13px 4px 0 0; padding:3px 2px 4px 4px; cursor:pointer}
#dd dt.hover {border-color:#99aab0}
#dd dd {position:absolute; overflow:hidden; z-index:50; display:none; background:#fff}
#dd ul {border:1px solid #99aab0; border-top:none; list-style:none}
#dd a {display:block; padding:2px 4px 3px; background:#fff; width:123px; color:#495f64}
#dd a:hover {background:#edf3f5}
.ul {border-bottom:1px dotted #99aab0}

#bar {height:55px; background:url(http://static.summitsti.com/nav_bg.gif) bottom no-repeat; padding:0 6px}
#bar img {float:left; padding:13px 4px 0 0}
#bar ul {float:right; width:250px; list-style:none}
#bar li {float:right; padding:11px 0 0}
#bar li img {padding:0}

/* Homepage */
#intro {float:left; position:relative; background:url(http://static.summitsti.com/intro.gif) center center no-repeat; width:800px; height:265px; padding:10px 25px}
#testimonials {position:absolute; top:45px; right:60px; width:245px; height:195px; font:13px/1.4 Georgia,Verdana; color:#fff}
#testimonials p {font-weight:bold; padding-bottom:15px}
#testimonials a {position:absolute; bottom:2px; right:5px; padding-right:17px; background:url(http://static.summitsti.com/more_arrow.gif) center right no-repeat; font-weight:bold; color:#d4e3e8}
#testimonials a:hover {color:#fff}
.testimonial {display:block; border-bottom:1px dotted #bbb; padding-bottom:15px}
.testimonial em {display:block; padding-top:5px}
#holder {display:block; width:246px; height:170px}
#text {float:left; font:15px/1.5 Georgia,Verdana; width:500px; padding:5px 20px 40px 35px}

#news {float:left; width:260px; padding-top:9px}
#news img {float:left; padding-bottom:5px}
#news p {float:left; width:100%}
#news ul {list-style:none; float:left}
#news li {float:left; padding:10px 0 10px; width:260px}
#news .line {border-bottom:1px dotted #b5c5ca}
#news span {float:left; padding:8px 0 0; font-style:italic}
#news li a {float:right; padding:8px 0 0 11px; font-weight:bold; background:url(http://static.summitsti.com/details_bullet.gif) left bottom no-repeat}
a#archive {float:right; padding:3px 0 1px 0; font-style:italic; border-bottom:1px dotted #b5c5ca}

/* Slider */
.content, .tags {overflow:hidden; background:#fff}
.content ul {list-style:none; border-bottom:1px dotted #ccc; margin-bottom:8px}
.content li {border-top:1px dotted #ccc}
.content a {display:block; height:13px; padding:2px 0 3px 10px; background:url(http://static.summitsti.com/double_bullet.gif) top left no-repeat}
.content li ul {padding-left:12px; border-bottom:none; margin:4px 0 7px}
.content li li {border:none}
.content li ul a {background:url(http://static.summitsti.com/small_bullet.gif) left center no-repeat; padding:1px 0 2px 8px; color:#70888d}
.content li ul a:hover {color:#3b484b}
.expanded {background:url(http://static.summitsti.com/up_arrow.gif) top right no-repeat}
.contracted {background:url(http://static.summitsti.com/down_arrow.gif) top right no-repeat}

.pa {width:166px; float:left; font-weight:bold; text-align:center; margin-top:20px}
.pa img {width:100px; margin-bottom:5px}
.pa a {display:block}

.oracle {width:166px; float:left; font-weight:bold; text-align:center; margin-top:20px}
.oracle img {width:150px; margin-bottom: 5px;}
.oracle a {display:block}

/* Tooltip */
#tt {position:absolute; display:block; background:url(http://static.summitsti.com/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://static.summitsti.com/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#454b51; color:#fff}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://static.summitsti.com/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* Site Map */
.floatcolumn {float:left; width:200px}
.floatcolumn ul {padding:0}
.indent {padding-left:10px}
.sitemap h3 {margin-top:8px}

/* Blog Sidebar */
a.noul {display:block; border:none; margin-top:15px; height:148px; margin-bottom:50px}
.tags ul {border:none}
.tags li {border:none; padding:none}
.tags a {display:inline; background:none; padding:none}
.bloglink {display:block; float:left; margin-top:15px}

/* Blog Archive */
.navigation {float:left; display:block; width:600px; margin-bottom:15px}
.searchnavigation {width:800px}
.alignleft, .navigation h3 {float:left}
.alignright {float:right}
.resultheader {margin-bottom:15px; font:18px Georgia,Verdana; color:#37443c}

/* Posts */
.post {float:left; border-bottom:1px solid #ccc; margin-bottom:20px; width:600px}
.post h2 {font:20px Georgia,Verdana; margin-bottom:0}
.post .posted {color:#768f95; margin-top:3px; font:11px Georgia,Verdana}
.post .text {float:left; width:590px; margin:15px 0 5px}
.searchresult {padding-bottom:20px; width:800px}
.searchresult .text {width:790px}

/* Comments */
.comments h3, .reply {font:16px Georgia,Verdana}
.commentnav {margin-bottom:5px}
.count {float:left; margin-bottom:10px; font-weight:bold}
.comments {float:left; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px}
.comments ul {float:left; list-style:none; border-top:1px dotted #c4c4c4}
.comments li {float:left; width:580px; margin:0; padding:6px 10px; border-bottom:1px dotted #c4c4c4; background:#f3f3f3}
.comments li p {float:right; margin:0; width:561px}
.commentint {float:left; font:14px Georgia,Verdana; color:#adadad}
.commentinfo {padding-bottom:4px; font:11px Georgia,Verdana; color:#495f64}
.commentinfo span {font-weight:bold; margin-right:10px}
li.author {background:#e9f2ed}
li.altcomment {background:#fff}
.commentform {padding-top:5px}
.commentform p {margin-bottom:5px}
.textbox, .commentform textarea {border:1px solid #b5c5ca; padding:2px}
.textbox:hover, .commentform textarea:hover {border:1px solid #99aab0; background:#f5f9fa}

.column {float:left; width:600px; margin:10px 0 0; padding-left:15px; border-left:1px solid #ccc}
#sidenav {float:left; width:184px; padding:10px 0 0 25px}

/* Login */
#login {position:absolute; width:284px; padding:5px; z-index:200; background:#fff}
#login-header {display:block; position:relative; width:272px; padding:3px 6px 7px; height:12px; background:url(http://static.summitsti.com/login_header.gif); font-size:12px; color:#636c75; font-weight:bold}
#login-title {float:left}
#login-close {float:right; cursor:pointer; margin-top:3px; height:8px; width:8px; background:url(http://static.summitsti.com/icon_close.gif)}
#login-content {display:block; padding:5px; height:90px; color:#666; font-size:13px; background-color:#fff; border:2px solid #c5c9cc; border-top:none}
#login-content img {float:left; padding:0 5px; cursor:pointer}
#login-content .textbox {width:200px}
#login-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#676b70; opacity:.50; filter:alpha(opacity=50); z-index:100}
.divider {background:#fff url(http://static.summitsti.com/icon_divider.gif) center center no-repeat}

/* Employment */
#nojobs {font-weight:bold; font-style:italic}
#joblist {border-top:1px dotted #666}
#joblist ul {list-style:none}
#joblist li {background:none; padding:0}
#joblist h4 {margin:12px 0 2px}
#joblist span {font-style:italic}
#joblist p {margin-top:6px}