/*  
Theme Name: OSC
Theme URI: http://opensourceconnections.com/
Description: The 3rd rev of OSC's site. Conceived by <a href="http://birchstudio.com">Birch Studio</a>. Implemented by <a href="http://stedmandesign.com">Stedman Design</a>.
Version: 3.0
Author: Steve Stedman
Author URI: http://stedmandesign.com/

	OSC v3.0
	 http://opensourceconnections.com/
	
	This theme was conceived by Birch Studio.

	This theme was further developed and built by Steve Stedman.

*/

body {
background:#b2b2b2;
border-top:3px solid #999;
margin:0;
}
a {
color:#060;
text-decoration:none;
}
a:visited {
color:#711;
}
a:hover {
color:#006;
text-decoration:underline;
}
a:focus {
outline:none;
}

#wrap {
background:#eee url(/wp-content/themes/osc-v3/images/bg-wrap.png) repeat-y;
margin:0 auto;
overflow:hidden;
width:840px;
z-index:1;
}
#contain.container {
background:#fff;
}
#brand {
height:140px;
text-indent:-1000em;
}
#header h1 {
margin-bottom:0;
}
#header h1 a {
background:url(/wp-content/themes/osc-v3/images/bg-banner.jpg) no-repeat;
display:block;
font-size:1px;
height:140px;
text-indent:-1000em;
width:790px;
}

/* navigation bar */
#nav {
background:url(/wp-content/themes/osc-v3/images/bg-pages-bar.png) repeat-x;
border:2px solid #777;
border-width:1px 0 2px;
height:28px;
margin-bottom:10px;
}

#search {
margin:4px -10px 0 10px;
}
#search label {
display:none;
}
#search input {
background:#ccc;
border:1px solid #333;
color:#666;
font-style:italic;
height:16px;
padding:2px 2px 0;
vertical-align:bottom;
width:148px;
}
#search input:focus {
background:#eee;
border-color:#ddd;
color:#111;
font-size:1em;
}
#searchsubmit {
background:transparent url(/wp-content/themes/osc-v3/images/btn-search.png) 0 0 no-repeat;
border:0;
height:21px;
margin-left:-5px;
text-indent:-999em;
width:30px;
}
#searchsubmit:hover {
background-position:0 -22px;
}

#navPages h2 {
display:none;
}
#navPages ul {
float:right;
list-style:none;
margin:0;
}
#navPages li {
float:left;
position:relative;
z-index:200;
}
#navPages a {
color:#ddd;
display:block;
font-weight:700;
height:24px;
padding:4px 1em 0 1em;
}
#navPages a:hover {
background:#222;
color:#fff;
text-decoration:none;
}
#navPages li ul {
background:url(/wp-content/themes/osc-v3/images/bg-menu-fly.png);
left:-999em;
position:absolute;
top:28px;
width:9em;
}
#navPages li ul a {
border-top:1px solid #666;
color:#eee;
height:auto;
padding:.5em;
width:8em;
}
#navPages li ul a:hover {
background:#000;
color:#fff;
}
#navPages li:hover ul {
left:auto;
}

/* COMMON BG COLORS   */
/* ================== */
#sidebar>div,#sidebar>div ul,
#footer,#footer p,
#featuredCS,#featuredCS .CSBackground,
.post h3,.postmeta,
.post.clients,.client,
.commentlist li,.commentlist p {
background:#e6e6e6 url(/wp-content/themes/osc-v3/images/bg-rounded-mask.png) 0 0 no-repeat;
}
#sidebar>div ul,
#featuredCS .CSBackground,
.clients,.client,
.commentlist li,.commentlist p {
background-position:0 bottom;
list-style:none;
margin:-5px -10px -10px;
padding:10px;
}
#featuredCS,#featuredCS .CSBackground,
.post h3,.postmeta,
.commentlist li,.commentlist p {
background-color:#ded;
background-position:-180px 0;
overflow:hidden;
}
#featuredCS .CSBackground,
.postmeta,
.post.clients,.client,
.commentlist p {
background-position:-180px bottom;
}
#footer p {
background-position:-760px bottom;
margin:0;
padding:0 0 10px;
}
#mTop,#mBottom {
background:transparent url(/wp-content/themes/osc-v3/images/bg-rounded-mask.png) -180px 0 no-repeat;
height:20px;
left:0;
position:absolute;
top:0;
width:580px;
z-index:10;
}
#mBottom {
background-color:#fff;
background-position:-180px -558px;
bottom:0;
filter:alpha(opacity=80);
height:42px;
opacity:.8;
top:auto;
}
#marketing hr {
display:none;
}
/* ================== */

/* sidebar */
#sidebar {
float:left;
}
#sidebar>div {
font-size:.95em;
margin:0 0 10px 10px;
overflow:hidden;
padding:10px;
}
#sidebar h2 {
border-bottom:1px solid #555;
color:#222;
font-size:1.5em;
line-height:1em;
margin:0 0 .5em;
padding:0;
}
#sidebar>div:first-child h4 {
height:auto;
margin:0;
}
#feeds li {
color:#888;
padding:0 5px 5px;
}
#feeds li a {
background:url(/wp-content/themes/osc-v3/images/feed-icon-14x14.png) no-repeat;
padding:0 0 2px 19px;
}

/* main content */
#content {
float:right;
}
#marketing {
background:url(/wp-content/themes/osc-v3/images/istockphoto4538031.jpg) no-repeat;
height:380px;
position:relative;
width:590px;
}
#maincopy.box {
background:#000;
color:#bfb;
filter:alpha(opacity=80);
font-size:1.5em;
/* height:260px; */
margin:10px;
opacity:.8;
overflow:hidden;
padding-bottom:0;
}
#maincopy.box a {
color:#fff;
font-style:italic;
}
#maincopy h2 {
color:#000;
font:400 2.5em Georgia,serif;
letter-spacing:.03em;
position:absolute;
right:20px;
text-transform:lowercase;
top:5px;
}

#navServices {
border-top:3px solid #fff;
bottom:0;
left:0;
padding-bottom:5px;
position:absolute;
z-index:100;
}
#navServices h2,
#navServices ul,
#navServices li {
color:#333;
display:inline;
margin:0;
padding:0;
}
#navServices h2,
#navServices li {
margin-left:10px;
padding-top:10px;
}
#navServices ul {
font-size:1.5em;
list-style:none;
}

#featuredCS {
margin:10px 10px 10px 0;
padding:10px;
}
#featuredCS h2 {
display:none;
}
#featuredCS p {
font-size:1.2em;
margin:0 0 .25em;
}
#featuredCS h3 {
border-bottom:1px solid #fff;
font:400 2em Georgia,serif;
margin-bottom:.5em;
}

/* page navigation */
.navigation,
.post {
clear:both;
padding:0 10px .25em 0;
}
.navigation {
margin-bottom:2em;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}

/* posts */
.post h3,
.postmeta {
background-color:#ccc;
margin:0 -10px 10px;
padding:8px 10px;
}
.post {
background:#e6e6e6;
margin:0 10px 10px 0;
padding:0 10px;
}
.post p {
margin:.5em 0;
}
.post.clients {
padding-bottom:10px;
}
p.postmeta {
clear:left;
margin:0 -10px;
padding:10px;
}
.entry pre {
background:#222;
color:#cfa;
overflow:auto;
padding:10px;
}

.commentlist {
margin:10px 20px 20px 10px;
}
.commentlist li {
margin-bottom:15px;
}
.commentlist cite {
font-size:1.2em;
}

/* footer */
#footer {
background-position:-760px 0;
margin:10px;
padding:10px 0 0;
text-align:center;
width:770px;
}
#footer a {
color:#666;
padding:10px;
}
#footer a:hover {
color:#000;
}