@import url('./style-reset.css');
@import url('./style-common.css');
/*

Theme Name: Bright Day 2

Version: 2.0

Author: Snez

Author URI: http://www.squidlimbs.com

Tags: two columns, e-commerce, shop, cart, widgets

Description: A theme by Squidlimbs Designs


 Default fonts and colors

========================================== */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,select {
color:#636363;
    font-family: arial, helvetica, sans-serif;
letter-spacing: 0px;
}

h1,h2,h3,h5,h6 {
   font-size: 14px;
    font-family: Trebuchet MS,sans-serif;
    font-weight: bold;
    text-align: left;
    color: #777777;
margin-bottom: 5px;
}


#copycopy {
width:700px;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#000;
font-weight:700;
}

/* LAYOUT

========================================== */
body {
font-size:80%;
line-height:150%;
background:url('');
background-color:#fff;
}

div#page {
width:942px;
margin:30px auto;
border: 13px solid  #fff;
}

div.container {
width:942px;
height:100%;
overflow:auto;
background:url('');
margin:0 auto;
background-color: #fff;

}

div.small {
width:260px;
float:left;
padding-left: 7px;
}

div.large {
width:640px;
float:right;
}

div.full {
width:100%;
float:left;
}

#content div.container.body .large {
padding-top:16px;
padding-bottom:20px;
background-color:transparent;

}

/* HEADER

========================================== */
#header {
width:100%;
margin:0 auto;
}

#header .container {
background:url('../Bright-Day2/images/header_01.gif');
background-position:top center;
background-repeat:no-repeat;
height:76px;
}

#header .container2 {
background:url('../Bright-Day2/images/header_02.gif');
background-position:top center;
background-repeat:no-repeat;
height:56px;
}

#foot {
background:url('');
background-position:top center;
background-repeat:no-repeat;
height:7px;
}

#header h1,#header h4 {
text-transform:none;
}

#header h1 {
display:block;
font-weight:400;
float:left;
width:200px;
text-align:left;
margin:0 12px 0 0;
padding:0 20px 1px 0;
}

#header h1 a,#header h1 a:visited {
display:block;
padding-left:30px;
color:#4D3F44;
text-decoration:none;
width:auto;
}

#header h4 {
font-size:120%;
float:right;
letter-spacing:1px;
line-height:100%;
text-transform:uppercase;
padding:0;
}

/* SUB HEADER

========================================== */
#sub-header {
clear:both;
width:100%;
background-color:#DA424E;
margin:0 auto;
}

#sub-header ul {
height:100%;
overflow:auto;
color:#fff;
font-weight:700;
padding:6px 70px 6px 12px;
}

#sub-header ul li {
display:block;
float:left;
white-space:nowrap;
padding:0;
}

#sub-header ul li.first {
border-left:0;
}

#sub-header ul li a {
color:#ddd;
display:block;
line-height:100%;
float:left;
padding:5px 10px;
}

#sub-header ul li a:hover {
color:#fff;
text-decoration:none;
}

#sub-header ul li.current-cat a {
color:#fff;

}

#sub-header ul li ul {
display:none;
}

/* MAIN NAVIGATION

========================================== */
#navigation {
clear:both;
width:100%;
background:url('images/bg-nav.png') no-repeat left top;
margin:0 auto;
}

#navigation .container {
height:42px;
overflow:visible;
}

#nav {
position:relative;
float:right;
list-style-type:none;
z-index:100;
background:transparent url(images/nav-bg.gif) repeat-x left top;
background-color:#DB4650;
text-align:right;
line-height:175%;
margin:0;
padding:0;
}

#nav li {
position:relative;
float:left;
height:42px;
font-size:100%;
}

#nav li.last-page-item a {
background-image:none;
}

#nav li a {
display:block;
float:left;
background:url(images/nav-separator.gif) no-repeat right top;
color:#fff;
font-weight:400;
text-decoration:none;
white-space:nowrap;
text-align:left;
padding:11px 12px 10px;
}

#nav li a:hover,#nav ul li a:hover,#nav li.current_page_item a,#nav li.current_page_parent a {
color:#FFD3D4;
}

#nav li ul {
position:absolute;
visibility:hidden;
float:none;
top:42px;
left:0;
width:150px;
z-index:10000;
border:1px solid #C0ACB2;
border-bottom-width:2px;
border-bottom-color:#AF9DA3;
border-top:0;
background-color:#fff;
margin:0;
padding:5px 10px 6px;







}

#nav li:hover ul,#nav li.iehover ul {
visibility:visible;
}

#nav ul li {
display:block;
float:left;
clear:both;
width:100%;
height:auto;
font-size:100%;
line-height:100%;
overflow:hidden;
white-space:normal;
margin:0;
padding:0;
}

#nav ul li a {
display:block;
width:auto;
height:auto;
float:none;
font-weight:400;
background-image:none;
white-space:normal;
color:#000;
padding:6px 0;
}

#nav li.nav-start {
background:transparent url(images/nav-start.gif) no-repeat left top;
width:12px;
height:42px;
}

#nav li.nav-end {
background:transparent url(images/nav-end.gif) no-repeat right top;
width:12px;
height:42px;
}

/* CONTENT

========================================== */
#content {
clear:both;
width:100%;
margin:0 auto;
}

/*fixes other content inside content box*/
#content #content {
background:transparent;
width:auto;
border:0;
margin:0;
padding:20px;
}

#content h1 {
color:#503D43;
}

#content h2 {
padding:0 0 0px;
}

#content h3 {
padding:0px 0 0px;

}

#content ul {
list-style-type:none;
margin-left: 40px;
}

#content ul,#content ol {
padding:0 0 20px;
}

#content ul li,#content ol li {
padding:3px 0 3px 10px;
list-style-type:disc;
}

#content ul li a {
font-weight:700;
text-decoration:none;
}

#content ol {
margin-left:30px;
}

#content ol li {
padding-left:0;
background-image:none;
}

img.right,img.align-right,img.alignright {
float:right;
display:inline;
margin:0 0 6px 12px;

}

img.left,img.align-left,img.alignleft {
float:left;
display:inline;
margin:0 12px 6px 0;

}

img.centered {
display:block;
margin:0 auto 6px;

}

img.wp-smiley {
border:none;
}

.alignright {
float:right;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

/* POST

========================================== */
#content .post,#content .post-nav,#content #comments {
clear:both;
height:100%;
overflow:auto;
padding:0 20px;
}

#content .post-content img {
max-width:640px;
}

#content .post a.more-link {
padding-right:15px;
background:url('images/icon-more.png') no-repeat right center;
}

#content .post-title h2 {
margin-bottom:6px;
line-height: 12px;

}

#content .post-footer h4 {
font-size:90%;
text-transform:uppercase;
padding:0 0 12px;
}

#content .post-footer span {
padding-right:4px;
padding-left:19px;
background:url('images/icon-post.png') no-repeat left center;
}

#content .post-footer span.post-comments {
background-image:url('images/icon-comment.png');
font-size: 10px;
}

#content .post-footer span.post-date {
background-image:url('images/icon-date.png');
font-size: 10px;
}

#content .post-footer span.post-category {
padding-right:3px;
font-size: 10px;
}

#content .post table {
background-color:#fff;
border-collapse:collapse;
border:0px solid #EAEAEA;
border-width:0px 0 0px 0px;
}

/* Next and Previous Post Navigation

========================================== */
#content .post-nav {
clear:both;
text-align:right;
padding-bottom:20px;
}

#content .post-nav .previous {
text-align:left;
float:left;
}

/* Post Pages Navigation

========================================== */
#content p.pagenav {
clear:both;
}

#content .pagenav a,#content .pagenav span {
border:1px solid #EAEAEA;
display:inline;
margin:0 2px;
padding:3px 6px 4px;
}

#content .pagenav a {
text-transform:lowercase;
background-color:#F3F3F3;
text-decoration:none;
line-height:50%;
}

#content .pagenav a:hover {
border-color:#BDAEB4;
}

#content .pagenav span.current {
background-color:#fff;
}

/* COMMENTS

========================================== */
#comments #comment_form {
margin-left:0;
margin-bottom:0;
padding:0;
}

#comments .comment-wrap {
height:100%;
overflow:auto;
clear:both;
background-color:#fff;
border:1px solid #EAEAEA;
margin:0 0 12px;
padding:0 12px;
}

#comments h3 {
padding-top:0;
}

#comments h3#respond {
padding-top:8px;
}

#comments .comment-wrap img.avatar {
background-color:#fff;
border:1px solid #E8E8E8;
margin:0 0 12px;
padding:2px;
}

#comments .comment-wrap .left {
width:65px;
padding-top:12px;
float:left;
}

#comments .comment-wrap .right {
width:457px;
float:left;
padding:12px 0 6px 12px;
}

#comments .comment-wrap .right cite {
font-style:normal;
display:block;
height:100%;
overflow:auto;
margin:0;
padding:0;
}

#comments .comment-wrap .right cite small {
font-size:90%;
float:right;
}

#comments .comment-wrap .right p {
clear:both;
padding:12px 0;
}

#comments .comment-wrap .right blockquote,#comments .comment-wrap .right code,#comments .comment-wrap .right pre {
clear:both;
margin:6px 0;
}

#comments .alt {
background-color:#dedede;
}

#comments .author {
background-color:#fff;
border-color:#ECECEC;
}

#sidebar-1 .sidebar {

}

#content .sidebar {
clear:both;
height:100%;
overflow:hidden;
margin:0;
padding:15px 0px;
}

#content .sidebar a:link,#content .sidebar a:visited {
color:#000;
font-weight:400;
}

#content .sidebar a:hover,#content .sidebar a:active {
color:#B8C921;
text-decoration:none;
}

#content .small h3 {
color:#000;
font-weight:400;
margin:0;
padding:0 0 0px;
}

#content .small p {
padding-right:0;
padding-bottom:6px;
color:#000;
margin:0;
}

#content .small ul {
margin:0;
padding:0;
}

#content .small ul li {
color:#000;
font-weight:400;
line-height:125%;
padding-left:12px;
background-position:0 8px;
}

#content .small ul li a:hover,#content .small ul li a:active {
text-decoration:none;
font-weight:400;
}

#content .small ul li ul {
border:0;
}

#content .small ul li input,#content .small ul li select {
margin-bottom:0;
}

#content .small ul li span.recent_date {
padding-left:3px;
font-size:10px;
font-weight:400;
color:#889763;
}

#content .small ul ul li {
border:0;
padding:3px 0 3px 14px;
}

/*Custom sidebars*/
#content .sidebar.tiny {
float:left;
clear:none;
margin-right:0;
}

#content .sidebar.tiny ul {
margin-right:20px;
}

/*Ads sidebar*/
#content #ads.sidebar {
margin-right:0;
margin-bottom:0;
height:100%;
overflow:auto;
border:0;
padding:0;
}

#content #ads.sidebar img {
float:left;
border:0;
margin:0;
padding:0;
}

/* CREDITS

========================================== */
#credits {
clear:both;
width:100%;
margin-bottom:30px;
padding:0;
}

#credits p {
text-align:center;
color:#BDAEB4;
font-size:90%;
padding:20px 0;
}

/* Footer Credits

========================================== */
#credits ul.nav {
text-align:right;
background:url('http://workathomedesigns.com/wp-content/plugins/wp-shopping-cart/images/footer.png');
background-position:top center;
background-repeat:no-repeat;
height:83px;
padding:0;
}

#credits ul.nav li {
color:#000;
display:inline;
margin:0;
}

#credits ul.nav li a {
display:inline;
border-right:1px solid #BDAEB4;
margin:0;
padding:0 6px 0 4px;
}

#credits ul.nav li a.top {
border:0;
padding-right:0;
}

/* WIDGETS AND PLUGINS 
 Search form

========================================== */
form#search-form {
height:29px;
background-color:#fff;
border:1px solid #D1E1EB;
position:relative;
border-width:0 0px 0px 0;
padding:3px;
width: 200px;
float: right;
padding-right: 20px;

}

form#search-form input.text,form#search-form label.overlabel-apply {
font-size:110%;
}

form#search-form input.text {
position:absolute;
top:3px;
left:3px;
width:150px;
height:20px;
z-index:0;
background:#fff;
margin:0;
padding:4px 4px 4px 4px;
}

form#search-form input.button-search {
position:absolute;
top:3px;
right:3px;
display:block;
line-height:100%;
width:43px;
height:29px;
margin:0;
}

form#search-form label.overlabel {
display:none;
position:absolute;
top:0;
left:0;
}

form#search-form label.overlabel-apply {
display:block;
color:#666;
position:absolute;
top:10px;
left:9px;
z-index:1;
cursor:text;
line-height:100%;
font-size:100%;
margin:0;
}

/* Calendar

========================================== */
#wp-calendar {
width:100%;
}

#wp-calendar caption {
color:#666;
text-align:right;
}

#wp-calendar th {
color:#666;
font-size:80%;
padding-left:0;
padding-right:0;
}

#wp-calendar tfoot td {
text-align:left;
}

#wp-calendar td#today {
background-color:#f3f3f3;
}

/* Shopping Cart Buttons

========================================== */
input.wpsc_buy_button {

width:115px;
height:33px;
}

input.make_purchase {
width:138px;
height:33px;
}


.vert-level-0 img {
padding-left:0;
padding-right:0;
}

.vert-level-0 a {
display:inline;
font-family:verdana;
color:#fff;

text-decoration:none;
background-color:transparent;
font-size:20px;
margin:0;
padding:0;
}

.vert-level-0-on a {
display:inline;
font-family:verdana;
color:#fff;
text-decoration:none;
background-color:#BC92A0;
margin:0;
padding:0;
}

.vert-level-0-on img.first {
border-left:0 dotted #472a0b;
}

.topbar {
text-decoration:none;
padding-top:0;
padding-bottom:0;
float:none;
margin:0;
}

.subnavbar {
text-decoration:none;
background:none;
text-align:center;
}


/* BULLETS */
li.b {
background:url('images/bullet.gif') no-repeat 16px 9px;
padding:3px 0 3px 30px;
}

li.c {
background:url('images/bullet.gif') no-repeat 16px 9px;
font-weight:700;
text-decoration:none;
padding:3px 0 3px 30px;
}

#frontpageleft{
float:right;
width:233px;
height:341px;
margin-left:2px !important;
padding:2px;
margin-bottom: 30px;
}

#centralbar {
float:left;
width:164px;
height:141px;
margin-left: 2px;
padding:2px;
}

#leftbar2 {
float:left;
width:164px;
height:100px;
margin-left:2px !important;
padding:2px;

}

#centralbar2 {
float:left;
width:164px;
height:100px;
margin-left: 2px;
padding:2px;
}

#clientsleft{
float:left;
width:164px;
height:111px;
margin-left:2px !important;
padding:2px;

}

#clientscentral{
float:left;
width:164px;
height:111px;
margin-left: 2px;
padding:2px;
}


#servicesdiv{
float:left;
width:500px;
height:20px;
margin-left: 2px;
padding:2px;
text-align: center;
}

#servicesdiv2{
float:left;
width:550px;
height:130px;
margin-left: 2px;
padding:2px;

}

#rightbar {
float:left;
width:164px;
height:230px;
padding:2px;
}

#containerfront {
margin-left:auto;
margin-right:auto;
text-align:center;
width:510px;
padding-right:40px;
}

#containertextfront {
margin-left:auto;
margin-right:auto;
text-align:justify;
}

#header h1,#header h4,#header h1 a,#nav li.current_page_item ul li a,#nav li.current_page_parent ul li a,#nav li ul li a:hover,#nav li.current_page_item ul li a:hover,#nav li ul li.current_page_item a,#content h4 a,#content h4 a:visited,#content .post-footer h4 a:hover,#content .post-footer h4 a:active,#content p.pagenav,#content .pagenav a,#content .pagenav a:link,#content .pagenav a:visited,#sidebar-1 .sidebar:first-child h3,#sidebar-1 .sidebar.first-child h3,#credits a,#credits a:visited,#credits a:hover,#credits a:active {
color:#000;
}

#header h1:first-line,#content .small ul li.current_page_item,#content .small ul li.current_page_item a,#wp-calendar a {
font-weight:400;
}

#content h2 a,#content h2 a:link,#content h2 a:visited,#content h3 a,#content h3 a:link,#content h3 a:visited,#content h2 a:hover,#content h3 a:hover {
color:#777777;
text-decoration:none;
}

#content ul li a:hover,#comments .comment-wrap .right a,#comments .comment-wrap .right a:hover,#content .small ul li a:link,#content .small ul li a:visited,#content .sidebar ul li a:hover {
text-decoration:none;
}

#content ul ul,#content .small h4 {
padding:0;
}

.alignleft,#comments .comment-wrap .right cite b {
float:left;
}

#content .post-footer h4,#content .post-footer h4 a,#content .post-footer h4 a:link,#content .post-footer h4 a:visited,#content .post-nav,#content .post-nav a,#content .post-nav a:link,#content .post-nav a:visited {
color:#999;
}

#content .post table th,#content .post table td {
border:1px solid #EAEAEA;
border-width:0 0px 0 0;
}

#content .post-nav .next,#wp-calendar tfoot td#next {
text-align:right;
}

#content .pagenav span.extend,#content .small ul ul {
border:0;
padding:0;
}

#sidebar-1,#sidebar-1 .sidebar:first-child,#sidebar-1 .sidebar.first-child {
background-color:transparent;
}

.vert-level-0,.vert-level-0-on {
display:inline;
}

.vert-level-0 img.first,.vert-level-x img.first {
border-left:0 dotted #472a0b;
padding-left:0;
padding-right:0;
}

.vert-level-0 a:link,.vert-level-0-on a:link {
color:#fff;
background-color:transparent;
font-size:20px;
}

.vert-level-0 a:visited,.vert-level-0-on a:visited,.vert-level-0-on a:hover,.vert-level-0-on a:active {
color:#fff;
background-color:transparent;
}

.vert-level-0 a:hover,.vert-level-0 a:active {
color:#fff;
}

#mainpic{
width: 100%;
height:406px;
background:url('../Bright-Day2/images/mainpic.png');
background-repeat:no-repeat;
background-position:top center;
margin-top: -40px;
overflow: hidden;
padding: 0;
}

#leftbar {
float:left;
width:281px;
height:160px;
margin-left:2px !important;
padding:0px;
margin-top: 10px;
}

#centralbar {
float:left;
width:284px;
height:160px;
margin:0 2px;
padding-left:7px;
margin-top: 10px;
}



.cartlinks {
    font-family: arial;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    margin-right: 10px;
    margin-top:15px;
    padding-left: 10px;
    float: right;
    text-align: right;
    border-left: 1px solid #E5E5E5;
    color: #999999;
    text-transform: uppercase; 
    line-height: 15px;
    }
        
    
.cartlinks a {
  margin-right: 5px;
    margin-left: 5px;

}


.cartlinks a:link {
    text-decoration: none;
    color: #999999;
    }

.cartlinks a:visited {
    text-decoration: none;
    color: #999999;
    }

.cartlinks a:hover {
    text-decoration: none;
    color: #000000;
    }

.cartlinks a:active {
    text-decoration: none;
    color: #000000;
    }
    
.cartlinks .emphasized a:link {
    text-decoration: none;
    color: #777777;
    }

.cartlinks .emphasized a:visited {
    text-decoration: none;
    color: #777777;
    }    
    
.cartlinks .emphasized a:hover {
    text-decoration: none;
    color: #73a018;
    }

.cartlinks .emphasized a:active {
    text-decoration: none;
    color: #73a018;
    }  

#searchbox {
width: 922px;
position: relative;
margin-bottom: 0px;
}

#blurb{
width: 570px;
position: relative;
background-color: #E3F3FF;
padding:10px;
margin-bottom: 20px;
}

#termsblurb{
float:left;
width:260px;
height:120px;
margin-left:2px !important;
padding:2px;
margin-bottom: 30px;

}

#termsdiv{
width:600px;
float:left;
}

#click2{
width:397px;
float:left;
}

#portfolioleft{
width:321px;
float:left;
padding-right: 10px;
height: 420px;
}

#portfolioinner{
width:321px;
float:left;
text-align:center;
margin-top: 10px;

}

#backbutton{
/*width:200px;*/
float:right;
height: 30px;
}

input.Back { 
font: bold 84%'trebuchet ms',helvetica,sans-serif; 
background:url('http://www.squidlimbs.com/wp-content/themes/Bright-Day2/images/backbutton.png');
} 


form#signup{
height:29px;
background-color:#fff;
border:1px solid #D1E1EB;
position:relative;
border-width:0 0px 0px 0;
padding:3px;
width: 200px;
float: right;
padding-right: 20px;

}
.subscribebut {
position:static;
top:3px;
right:3px;
display:block;
line-height:100%;
width: 68px;
height: 25px;
margin:0;
float:left;
background:#ffffff url(../Bright-Day2/images/join.png);
background-repeat: no-repeat;
background-position:bottom left;
border: 0;
}

.subscribetext {
position:static;
top:3px;
left:3px;
width:298px; 
height:20px;
z-index:0;
background:#ffffff url(../Bright-Day2/images/inputsmall.gif);
background-repeat: no-repeat;
background-position:bottom left;
border: 0;
margin:0;
padding:4px 4px 4px 4px;
float:left;
}



#cart {
width: 32px;
height: 30px;
float: right;

}