/*  
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
font-family:candara,Cambria,Georgia,Myriad Pro,Arial,Helvetica;
*/



body{
margin:5px 0 0 0;
padding:0;
line-height: 1.5em;
font-family:candara,Trebuchet,Helvetica,Geneva,Verdana,arial;
font-size:100%;
background:#ECE9D8;
}

#bigbox {
width: 1010px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:1px solid #DAD7CA;
background:white;
padding:5px;

}

#banner {
background: #008FF5;
font-family:Georgia,Cambria,Myriad Pro,Arial,Helvetica;
padding:20px;
margin-bottom:10px;
}

#bannertitle {
color: white;
height:80px;
}

#banner p{
margin:0px;
color: white;

}

#headerbox {
float: left;
width: 100%;
height:80px;

background:white;
padding-top:10px;
}

#logo{
width: 600px;
height:90px;
float: left;
background-image: url('media/web-marketing-logo.png');
background-repeat:no-repeat;
background-position: 5px 0px;
overflow:hidden;
line-height:24px;
}

#logo h1 {
margin-top:50px;
margin-left:120px;
font-size:0.8em;
}

#logo h1 a {
color:#333333;
text-decoration:none;
}

#header {
width: 690px;
margin-left:301px;
font-size:1.4em;
text-align:right;
}

#header p {
margin:0px;
padding:0px;
font-size:16pt;
color:#333333;
font-weight:bold;

}

#inter {
font-size:10pt;
padding:0;
margin:0px;
color:#333333;
}

.topnav ul{
padding:0;
padding-right:0px;
margin:0;
padding-bottom:5px;
}

.topnav li{
display:inline;
}

.topnav li a{
color:#333333;
text-decoration:none;
font-weight: normal;
font-family:candara,Trebuchet,Helvetica,Geneva,Verdana,arial;
font-size:12pt;

}

.topnav li a:hover{
color:black;
text-decoration:underline;

}

#account {
background:left url('media/Lock.png') no-repeat;
padding-left:18pt;
}

#support {
background:left url('media/Info2.png') no-repeat;
padding-left:18pt;
}

#contact {
background:left url('media/Mail.png') no-repeat;
padding-left:16pt;padding-top:0px;
}

/* Menu
-------------------------------*/

.invertedshiftdown2{
padding: 0;
width: 100%;

background: transparent;

}

.invertedshiftdown2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}

.invertedshiftdown2 a{
float: left;
display: block;
font-weight: normal;
font-family:candara,Trebuchet,Helvetica,Geneva,Verdana,arial;
font-size:0.9em;
color: #666666;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 3px 12px 3px 12px; /*Padding within each menu item*/
background-color:#ECE9D8; /*Default menu color*/
border-bottom: 8px solid white;
}

#one a:hover{
background-color: #C3D9FF; /*Highlight red color theme*/
color: #007BE6;border:0px;border-bottom: #C3D9FF;
}

#two a:hover{
background-color: #FFAA30; /*Highlight red color theme*/
color: #FF3601;
}

#three a:hover{
background-color: #BF94FF; /*Highlight red color theme*/
color: #350267;
}

#four a:hover{
background-color: #AED17A; /*Highlight red color theme*/
color: #026735;
}

#five a:hover{
background-color: #FFF900; /*Highlight red color theme*/
color: #FF6600;
}

.invertedshiftdown2 .currenta a{ /** currently selected menu item **/
background-color:#1A5B8E; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .currentb a{ /** currently selected menu item **/
background-color:#EC711E; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .currentc a{ /** currently selected menu item **/
background-color:#6600FF; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .currentd a{ /** currently selected menu item **/
background-color:#83C028; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .currente a{ /** currently selected menu item **/
background-color:#FFCC00; /*Highlight red color theme*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 5px;
margin-right:10px;
padding: 0;
}

#myform .textinput{
width: 190px;

border: 1px solid #666666;
font-size:0.8em;
padding-bottom:5px;
padding-top:3px;
}

#myform .submit{
font-size:0.8em;
border: 0px solid #333333;
background-color: #ECE9D8;
color: #666666;
padding-bottom:3px;
padding-top:3px;
}

#pagebox{
float: left;
width: 100%;

}

#leftcolumn{
width: 160px;
padding-right:40px;
float: left;
}

.navigation {
font-size:10pt;
padding-bottom:12pt;
font-weight:bold;
}

.postmetadata {
font-size:10pt;
}

#contentcolumn h2 a {
font-size:14pt;color: #14568A;
text-decoration:none;
}

#contentcolumn{
line-height: 1.2em;
font-family:candara,Trebuchet,Helvetica,Geneva,Verdana,arial;
width:400px;
float: left;
}

#contentcolumn a {
color: #007BEA;
text-decoration:underline;
}

#contentcolumn a:hover {
text-decoration:none;
background:#C3D9FF;
}

#contentcolumn h2 {
margin-left:-10px;
line-height:24px;
}

#rightcolumn{
width: 220px;
margin-left:640px;

}

#contentcolumna{
width:400px;
float: left;
}

#rightcolumna{
width: 400px;
margin-left:600px;

}

#rightbox {
float: left;
width: 100%;
background:white;
}


#message {
border:solid 1px #0F6FFF;
background:#8BB9FF;
} 

#services {
width: 300px;
float: left;
padding:15px;font-family:candara,Trebuchet,Helvetica,Geneva,Verdana,arial;
height:100%;
border-bottom:white solid 10px;
}

#services p {
text-align:left;
color:black;
}

#lovelink {
background:#ECE9D8;
width:310px;
padding:10px;
color:#007BE6;
font-size:1em;
}

#lovelink b {
font-size:1.2em;
color:#ff33cc;
}

#lovelink h1 {
color:#FF33CC;
margin-top:10px;
padding-top:20px;
}

#lovelink h3 {
color:#007BE6;
margin:0;
font-size:1.4em;
}

.servicesa {
background:#C3D9FF;
color:white;
}

.servicesa h2 {
color:#007BE6;
}

.servicesb {
background:#FF9832;
color:white;
}

.servicesb h2 {
color:#FF3502;
}

.servicesc {
background:#BF94FF;
color:white;
}

.servicesc h2 {
color:#350267;
}

.servicesd {
background:#AED17A;
color:white;
}

.servicesd h2 {
color:#016733;
}

.servicese {
background:#FFCC00;
color:white;
}

.servicese h2 {
color:#FF6600;
}

#services h2 {
font-size:1.2em;
padding-bottom:10px;
margin:0px;
}

#services ul {
margin:0px;padding:0px 0px 8px 0px;
}

#services ul ul li {
list-style:none;
font-size:1em;line-height:1.6em;
padding-bottom:5px;
padding-top:5px;
border-bottom:solid 1px white;
}

#services ul li {
list-style:none;
}

/*IE padding for service */
#services li a{
color:black;
text-decoration:none;
}

#services p {
color:#007BEE;
text-align:center;
margin:0px;
}

#recent-posts h2 .widgettitle {
padding:0px;
margin:0px;
color:red;
}

#recent-posts ul li{
padding:0px;
margin:0px;
font-size:9pt;

}

#subpages ul li{
padding:0px;
margin:0px;
font-size:9pt;
line-height:1.6em;
}

#notices li {
list-style-type:none;
}

#notices h2 {
padding:7px;
margin:0;

font-size:1.2em;

color:#333333;
}

#footerbox {

border-top:20px solid white;
clear:left;
font-size:9pt;
text-align:center;
color:#666666;

}

#footerbox a {
color:#666666;
text-decoration:none;
}

#footerbox a:hover {
text-decoration:underline;
}

#footerbox p {margin:0;padding:0;

}

#logobox {

background: white;
height:65px;
padding:5px;
border-bottom:1px dashed #ECE9D8;
}

#linklove {
background:#ECE9D8;
color:#333333;
width:330px;

border-top:solid white 10px;
padding:10px;}

/* Oval Buttons
-------------------------------*/

a.ovalbutton{
background: transparent url('media/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font-size:0.5em; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-left:6px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('media/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* Calls to Action Buttons
-------------------------------------*/


a.boldbuttons{
background: transparent url('media/but-left.png') no-repeat top left;
display: block;
float: left;
font-size:1.2em;
font-weight:bold; /* Change 13px as desired */
line-height: 48px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 56px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;

}

a.boldbuttons span{
background: transparent url('media/but-right.png') no-repeat top right;
display: block;color:white;
padding: 4px 18px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* Calls to Actions
-------------------------------------*/


/* Standards
-------------------------------------*/

#leftcolumn h2 {
font-size:12pt;
padding:0px;
margin:0px;
padding-bottom:5px;
padding-top:10px;
color:#333333;

}

#leftcolumn ul {
list-style-type:none;
margin:0;
padding:0;
}

#leftcolumn li {
padding-left:20px;
font-size:10pt;
}

#leftcolumn li a {
text-decoration:none;
color:#333333;

}

.page_item a{
font-size:18px;
font-weight:bold;
}

#leftcolumn li a:hover{
text-decoration:underline;
color:#007BEE;
}

#widbox {


font-size:0.8em;
line-height: 1.3em;
margin-bottom:10px;
}

.quote {
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
}

#quote a{
color:#CB1B19;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #8BB9FF;
padding: 5px;
left: -100px;
border: 1px dashed #0098DE;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 10px; /*position where enlarged image should offset horizontally */

}


#wsportfolio {
margin:10px;
background:#E0ECFF;
padding:10px
}

#wsportfolio h3 {
font-weight:bold;
margin:0px;
padding:0px;
color:#007BE6;
}

#wslink {
font-weight:bold;
text-align:right;
}

#wslink a {
color:#8BB9FF;
text-decoration:none;
}

#wslink a:hover{
color:#007BE6;
text-decoration:underline;
}

#cslink {
font-weight:bold;
text-align:right;
}

#cslink a {
color:#8CA609;
text-decoration:none;
}

#cslink a:hover{
color:#008329;
text-decoration:underline;
}

#wmportfolio {
margin:10px;
background:#EFF2E4;
padding:10px
}

#wmportfolio h3 {
padding:0px;
margin:0px;
color:#008329;
}


/* Post N Pages */

.entry {
width:380px;
font-size:0.9em;
}

.entry h1 {
font-size:1.8em;
color:#81B630;
line-height:1.4em;
}

.entry h3 {
font-size:1.2em;
color:#195889;
}

.entry h2 {
font-size:1.2em;
color:#333333;
}

.entry strong {
color:#666666;
}

#showcase {
background:white;
width:960px;
height:100%;
font-size:0.9em;
margin-top:15px;
margin-left:25px;
}

#scright h2{
font-size:1.4em;
margin:0px;
color:#7E0000;
font-weight:normal;
}

#scleft h2{
font-size:1.4em;
margin:0px;
color:#016633;
font-weight:normal;
}

#scleft {
width:430px;
background:#7BB426;
float:left;
color:white;
padding:20px 20px 0px 20px;
}

#scleft img {
padding:7px;border:3px dashed #016633;
}

#scleft  img:hover{
padding:7px;border:3px dashed #00E71B;
}


#scright {
width:430px;
background:#FFCB01;
float:right;
padding:20px 20px 0px 20px;
}

#scleft a {

color:#016633;
}

#scright a {
color:#7E0000;
}

#blogfeed ul li {
padding-bottom:6px;
line-height:1.4em;
color:#333333;
}

#formcontentcolumn{
line-height: 1.2em;
font-family:candara,Trebuchet,Helvetica,Geneva,Verdana,arial;
width:700px;
float: left;
}