/*
Theme Name: Kelpdesign
Theme URI: 
Description: Kelpdesign Website Theme
Version: development
Author: Tim Klein, Lexi Thorn
*/

/* 25 Jan 10 - updated with 'promotional styles' at the end of this document */

* {
    margin: 0;
    padding: 0;
    
}

body {
    font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    background-image: url('images/nav-background.gif');
    background-repeat: repeat-x;
}

 p {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
}

0 {
    border: 0 none;
}

ul li {
	list-style: none;
}

h1,
h1 a:link,
h1 a:visited {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 12px;
    line-height: 40px;
    text-decoration: none;
}

/* width for posts */
.single h1,
.single h1 a:link,
.single h1 a:visited {
    width: 525px;
}
/* ---- */

h2, h3 {
    color: #000;
    text-decoration: none;
}

h2 {
    font-size: 26px;
    padding-bottom: 10px;
}

h3 {
    font-size: 16px;
    padding-bottom: 6px;
}

p  {
    padding-bottom: 14px;
}


a {
    color: #000;
    text-decoration: underline;
}

a:hover {
    color: #000;
}


h1 a,
h2 a,
h3 a {
    text-decoration: none;
    color: #000;
}

h1 a:hover ,
h2 a:hover,
h3 a:hover {
    text-decoration: underline;
    color: #000;
}



.home .home-item h1 {
    width: 550px;
}

.homeslideboxcontainer {
	padding:5px;
	background-color:#eee;
	width:580px;
	height:270px;
	margin-bottom:20px;
}

.homeslidebox {
	width:580px;
	height:270px;
}

small {
    font-size: 13px;
    font-weight: bold;
}

img {
  border: 0 none;
}

hr {
    border: 0 none;
    border-top: 1px dotted #999;
    clear: both;
    margin: 0 0 8px;
    height: 0;
}




/*page layout */

.wrapper,
.footer-content
{
    margin:auto;
    width:970px;
}


.header .menu {
    float: right;
    padding-top: 18px;
}

.header .menu ul li.page_item {
    float: left;
    list-style: none;
    padding-left: 50px;
}

.header .menu ul li.page_item a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.header .menu ul li.page_item a:hover {
    color: #FCB833;
}

.header .menu ul li.current_page_item a,
.header .menu ul li.current_page_parent a
{
    color: #FCB833;
    
}

.header .logo {
    width: 356px;
    padding-top: 72px;
    padding-bottom: 18px;
}


/*
.intro {
    padding-bottom: 44px;
}
*/

.left {
    float: left;
}

.right {
    float: right;
}


/* home styles */

.home .post-item h3 a {
    font-size: 16px;
    color: #000;
}

.home .content .items .feature-item {
    margin-bottom: 10px;
    width: 525px;
}

.home .sidebar input {
    padding: 4px;
    border: 1px solid #ccc;
}

.home .sidebar input.textinput {
    padding: 5px;
}


/* content */

/* right column */
.blog .content,
.archive .content,
.single .content,
/*.content .post,*/
.content .items,
.content .post-items {
    float: left;
    width: 525px;
    margin-right: 106px;
   /* overflow: hidden;
    clear: both;*/
}

.content .post-item .meta,
.content .meta
{
    border-top: 1px dotted #999999;
    clear: both;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 6px;
    width: 100%;
}

.content .meta
{
    float: none;
}


#respond
{
    padding-top: 40px;
}

.sidebar .widget.widget_tag_cloud div
{
    text-align: center;
}


.home .post-items,
.home .post-items,
.content .work-items,
.content .feature-items,
.content-group,
.sidebar .widget,
.sidebar .work-items
{
    padding-bottom: 55px;

}


.main.items.post-items {
    padding-top: 40px;
    }


.navigation {
    float: left;
    clear: both;
    padding-bottom: 20px;
}

/* work items & feature items - 3 column layout*/


.Column.Main {
    float: left;
    width: 525px;
    padding-right: 120px;
}

.Column.Main ul {
    margin-left: 25px;
}

.Column.Main ul li {
    list-style-image: url('images/kelp-tick-bullet.png');
    margin-bottom:3px;
}



.content .work-items,
.content .feature-items {
    width: 100%;
    margin: 0;
}


.content .work-items .work-item,
.content .feature-items .feature-item {
    font-size: 13px;
    margin-right: 50px;
}

.content .work-items .work-item {
    padding-bottom: 50px;
}

.content .work-items .work-item .text,
.content .feature-items .feature-item .text {
    border-bottom: 1px dotted #999;
    margin-bottom: 10px;
}

.content .work-items .work-item .image {
    padding-top: 14px;
    padding-bottom: 20px;
}

/* fix for workpage */

.page-template-_work-php .work-item
{
    height: 300px;
}


.page-template-_services-php .feature-item
{
    height: 200px;
}


/* team items - 2 column layout*/

.content .team-item {
    float: left;
    font-size: 13px;
    width: 420px;
    border-bottom: 1px dotted #999;
    margin-right: 50px;
    margin-bottom: 60px;
}


/* sidebar*/

.sidebar {
    float: left;
    width: 324px;
}

.sidebar p {
    font-size: 13px;
}
.sidebar ul {
    padding-left:20px;    
}
 
.sidebar ul li {
    list-style: circle;
}

.sidebar ul li a.side-link h3{
    color:#666;
    font-size:14px;
}
.sidebar .quote {
    color:#9F9F0F;
    font-family:georgia;
    font-size:15px;
    font-style:italic;
    font-weight:normal;
    line-height:1.7;
}

.sidebar .work-items .work-item {
    width: 100%;
    padding-bottom: 6px;
    padding-top: 16px;
    margin: 0;
    border-bottom: 1px dotted #999;
}

.sidebar .work-items .work-item h3 a:link,
.sidebar .work-items .work-item h3 a:visited,
.sidebar .work-items .work-item h3 a:hover,
.sidebar .work-items .work-item h3 a:active
{
    color: #000;
}

.sidebar .work-items .work-item .image,
.sidebar .work-items .work-item .text
{
    margin-right:5px;
    border: 0 none;
}


/** post styles **/
div.post.hentry img.alignright
{
    float: right;
    padding: 0 0 20px 20px;
}

div.post.hentry li
{
    margin-left: 30px;
    margin-bottom: 10px;
}

/* promotional styles */

.page-id-841 .service.headerimage {
    display: none;
  }

.kelp-offer .buttons {
    margin-top: -78px;
}

.button {
    width: 108px;
    float: left;
    position: relative;
    margin-left: 40px;
    margin-right: 40px;
}



/* footer */

.container-footer {
  background-color: #F5F5F5;
  padding-top: 10px;
  font-weight: bold;
  clear: both;
}


/* fixes */

.aletter-fix {
  padding-left: 1px;
}


.service.headerimage img {
	border: 4px solid #eee;
}

.service.headerimage {
	padding-bottom:20px;	
}