/*

Theme Name: Sandiegomomma

Description:  A customized 3 column theme built for <a href="http://sandiegomomma.com">Sandiegomomma.com</a>. Customization and design by <a href="http://ohmystinkinheck.com">OMSH</a>.

Author:	Heather L. Sanders

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

*/

/*  Tags Declaration  */
body {
    margin: 0;
    padding: 0;
    text-align: center;   
    background: #FFFFFF url("images/bg-body.jpg") repeat-y center;
    font-family: "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
/*  Page  */
#page {
    margin: auto;
    text-align: left;
    width: 900px;
}

/*  Header  */
.header {
    float: left;
    width: 100%;
    background: url("images/header/flowers-left.gif") left top no-repeat;
}
.header .bg-right {
    float: left;
    width: 100%;
    background: url("images/header/flowers-right.gif") right top no-repeat;
}
.header .logotype {
    float: left;
    clear: both;
    font-size: 1px;
    line-height: 0;
    padding: 23px 0px 20px 50px; 
}
.header .main-menu {
    float: right;
    width: 619px;
    position: relative;
    right: 4px;
    background: #D0D0D0 url("images/header/menu/bg.jpg") left top repeat-x;
}
.header .main-menu .bg-menu-right {
    float: left;
    width: 100%;
    background: url("images/header/menu/bg-left.jpg") left top no-repeat;
}
.header .main-menu .bg-menu-left {
    float: left;
    width: 100%;
    background: url("images/header/menu/bg-right.jpg") right top no-repeat;
}
.header .main-menu ul {
    float: left;
    padding: 0 0 0 5px;
    margin: 0;
    list-style-type: none;
    font-size: 1px;
    line-height: 0;
}
.header .main-menu ul li {
    float: left;
    padding: 6px 0 0 16px;
}
.header .main-menu ul li a {
    float: left;
    height: 34px;
    display: block;
    color: #9C9696;
}
.header .main-menu ul li a.home {
    width: 78px;
    position: relative;
    z-index: 1;
    background: url("images/header/menu/home.jpg") left top no-repeat;
}
.header .main-menu ul li.selected a.home  {
    width: 173px;
    height: 52px;
    margin: -18px 0 0 -60px;
    left: 20px;
    background: url("images/header/menu/home-active.jpg") left top no-repeat;
}
.header .main-menu ul li a.about {
    width: 78px;
    position: relative;
    z-index: 100;
    background: url("images/header/menu/about.jpg") left top no-repeat;
}
.header .main-menu ul li.selected a.about {
    width: 164px;
    height: 52px;
    margin: -18px 0 0 -40px;
    left: 20px;
    background: url("images/header/menu/about-active.jpg") left top no-repeat;
}
.header .main-menu ul li a.momma-love {
    width: 173px;
    background: url("images/header/menu/momma-love.jpg") left top no-repeat;
}
.header .main-menu ul li.selected a.momma-love {
    width: 223px;
    height: 52px;
    position: relative;
    margin: -16px 8px 0 -20px;
    left: 20px;
    cursor: pointer;
    background: url("images/header/menu/momma-love-active.jpg") left top no-repeat;
}
.header .main-menu ul li a.writerly-bits {
    width: 158px;
    background: url("images/header/menu/writerly-bits.jpg") left top no-repeat;
}
.header .main-menu ul li.selected a.writerly-bits {
    width: 217px;
    height: 52px;
    position: relative;
    margin: -16px 0 0 -16px;
    left: 20px;
    cursor: pointer;
    background: url("images/header/menu/writerly-bits-active.jpg") left top no-repeat;
}
.header .main-menu ul li a IMG {display: none;}
.header .line-green-bottom,
.header .line-green-top {
    float: left;
    width: 100%;
    height: 17px;
    font-size: 1px;
    line-height: 0;
}
.header .line-green-top {
    background: #70B240;    
}
.header .line-green-bottom {
    background: #8DC166;    
}

/*  Content  */
.content {
    float: left;
    width: 100%;
    margin-top: 17px;
}
.content .row {
    float: left;
    width: 100%;
}
.content .row.margin-l {
    margin-left: -7px;
    position: relative;
    z-index: 2;
}
.content h1 {
    padding: 10px 0 7px 0;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    font-family: Georgia, serif;
    color: #FF8F1F;
}
.content p {
    padding: 0;
    margin: 0;    
}
.content .center-col .post .entry,
.content p.news-content {
    font-family: Arial, Helvetica, sans-serif;
}

/*  Left Column  */
.content .left-col {
    float: left;
    width: 162px;
}
.content .left-col .left-col-container {
    float: left;
    width: 162px;
    position: relative;
    z-index: 1;
    left: 18px;
    padding: 0px 0px 25px 0px;
}
.content .left-col .about-me-photo {
    width: 127px;
    font-size: 1px;
    line-height: 0;
    border: 3px solid #CCCCCC;
    margin-bottom: 10px;
}
.content .left-col .about-me-photo IMG {
    border: 1px solid #999999;
    border-top: 10px;
    border-bottom: 10px;
}
.content .right-col p a,
.content .right-col p,
.content .left-col p {
    font-size: 14px;
    color: #999999;
    line-height: 18px;
}
.content .left-col p.width140 {width: 140px;}
}
.content .left-col .height,
.content .right-col .height {
    float: left;
    width: 100%;
    font-size: 1px;
    line-height: 0;
    height: 20px;
}
.content .left-col p.height-blog {
    margin-bottom: 10px;
    font-size: 1px;
    line-height: 0;
}

.content .left-col .flickr-img {
    font-size: 1px;
    line-height: 0;
}


/*  Center Column  */
.content .center-col {
    float: left;
    width: 540px;
    position: relative;
    z-index: 1;
    left: 17px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 0 0 10px 0;
}
.content .center-col .center-container {
    width: 508px;    
    float: left;
    position: relative;
    left: 17px;
}

.content .center-col .center-container a {
color:#58BCEE;
}

.content .center-col .center-container a:hover {
color:#58BCEE;
text-transform: underline;
}

.content .center-col .post {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
}

.content .center-col .post ul {
	padding: 6px 0 0;
}

.content .center-col .post li{
	background: url(images/ico-list.gif) no-repeat left top;
	color: #000000;
	margin: 0 0 10px;
	padding: 0 3px 0 25px;
	line-height: 24px;
}

.content .center-col .post p span {color: #50B9EE;}
h3 {
    padding: 0;
    margin: 0;
}
.post small,
.post h3,
.content .center-col .post p.title,
.content .center-col .post p.date {
    padding:0 0 15px 0;
    font-family: Georgia;
    font-weight: normal;
}

.post small {
    color:#B2B2B2;
    font-size:14px;
    font-style:italic;
    margin:0pt 0pt 5px;
} 

.content .center-col .post p.title,
.content .center-col .post p.title a {
    font-size: 36px;
    color: #37AFEB;
    line-height:45px;
}
.post h3, .post h3 a, .post h3 a:hover {
    font-size: 36px !important;
    line-height:45px !important;
}
.content .center-col .post p.date {
    font-size: 14px;
    font-style: italic;
    color: #B2B2B2;
    margin: 0 0 5px 0;
}
.content .center-col .post .photo {
    width: 502px;
    display: block;
    border: 3px solid #D3D3D3;
    font-size: 1px;
    line-height: 0;
    margin: 15px 0 15px 0;
}
.content .center-col .post .photo img {
    border: 1px solid #999999;
}

.content .center-col .post .entry,
.content .center-col .post p.news-content {
    font-size: 14px;
    color: #333333;
    line-height: 23px;
}
.content .center-col .post p.news-content.bottom {margin: 2px 0 0 0;}

.content .center-col .post .links {
    width: 100%;
    margin-top: 10px;
}
.content .center-col .post .links a {
    color: #70B240;
    font-size: 24px;
    padding: 6px 0 5px 40px;
    height: 34px;
}
.content .center-col .post .links .comments {
    float: left;
    width: 240px;
}
.content .center-col .post .links .comments a {
    background: url("images/content/bg-comments.gif") left center no-repeat;
    margin-left: 10px;
}
.content .center-col .post .links .this-post {
    float: right;
    width: 240px;
}
.content .center-col .post .links .this-post a {
    background: url("images/content/bg-link-post.gif") left center no-repeat;
}
.content .center-col .post .ads-block {
    float: right;
    width: 490px;
    position: relative;
    right: 10px;
    z-index: 5;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    font-family: Arial, Helvetica, sans-serif;
    padding: 30px 0 25px 0;
    margin: 25px 0 0 0;
}

/*  Right Column  */
.content .right-col {
    float: right;
    width: 165px;
}
.content .right-col .right-col-container {
    float: right;
    width: 170px;
}
.content .right-col .blogher-skyscraper {
    width: 100%;
    font-size: 1px;
    line-height: 0;
}
.content .right-col .row.posts P {margin-bottom: 3px;}


/*  Footer  */
.footer {
     float: left;
     width: 100%;
     border-top: 22px solid #34ADDB;
     margin-top: 17px;
     background: #0199D2;
     font-family: Verdana, Arial, sans-serif;
     color: #FFFFFF;
}
.footer p {
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.footer .copyright {
    float: left;
    width: 50%;
}
.footer .copyright .copy {
    float: left;
}
.footer .copyright .copy p {
    font-size: 45px;
    padding: 0 0 0 20px;
}
.footer .copyright .copy-text {
    float: left;
}
.footer .copyright .copy-text p {
    padding: 10px 0 0 4px;
}
.footer .design {
    float: right;
    width: 50%;
    text-align: right;
    
} 
.footer .design p {
    margin: 30px 15px 0 0;
}
.footer .design p a {
    text-decoration: underline;
    color: #FFFFFF;
}
.footer .design p a:hover {text-decoration: none;}

/*  Comments  */
.content .center-col .comments-block {
    float: left;
    width: 490px;
    position: relative;
    left: 10px;
} 

.content .center-col .comments-block p.comments-link {
    font-size: 24px;
    color: #70B240;
    background: url("images/content/pencil.gif") left center no-repeat;
    padding: 15px 0 15px 55px;
    margin: 20px 0 0 10px;
    font-family: Georgia, serif;
    line-height: 18px;
}
.content .center-col .comments-block p.comments-link SPAN {
    font-size: 14px;
    font-family: Verdana, Helvetica, sans-serif;
}
.content .center-col .comments-block p.comments-link a {
    color: #70B240;
}
.content .center-col .comments-block .comment {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    padding: 10px 0;
}
.content .center-col .comments-block .comment p {
    font-size: 14px;
    color: #999999;
    padding-left: 5px;
}
.content .center-col .comments-block .comment p.info {
    margin-bottom: 14px;
}
.content .center-col .comments-block .comment-leave {
    float: left;
    width: 100%;
    font-family: Georgia, serif;
}
.content .center-col .comments-block h2 {
    margin: 0;
    padding: 20px 0 0px 0;
    font-size: 24px;
    font-weight: normal;
    color: #70B240;
}
.content .center-col .comments-block .comment-leave .row {
    padding-bottom: 13px;
}
.content .center-col .comments-block .comment-leave INPUT,
.content .center-col .comments-block .comment-leave TEXTAREA {
    border: 1px solid #D5D5D5;
}
.content .center-col .comments-block .comment-leave INPUT {
    width: 190px;
    padding: 2px 0 1px 2px;
}
.content .center-col .comments-block .comment-leave TEXTAREA {width: 367px;}
.content .center-col .comments-block .comment-leave LABEL {
    font-size: 16px;
    font-style: italic;
    color: #999999;
    padding-left: 5px;
    cursor: pointer;
}
.content .center-col .comments-block .comment-leave BUTTON {
    border: none;
    width: 120px;
    height: 31px;
    background: url("images/content/button-submit.gif") no-repeat;
}


.relaxator{
    width:100%;
    clear:both;
    float:left;
    height:1px;
}

.entry .more-link {display: none;}
.entry BR {
    display: none;
}
.not-img {
    color:#999999;
    font-size:14px;
    line-height:18px;
}
.not-img P.photo  {display: none;}
H2 {
padding:0 0 15px 0;
margin:0;
color:#37AFEB;
font-size:36px;
font-weight: normal;
}

h3 a, h3 a:visited{
padding:0;
margin:0;
color:#58BCEE;
font-size:14px;
line-height:18px;
}

h3 a:hover{
padding:0;
margin:0;
color:#58BCEE;
font-size:14px;
line-height:18px;
text-decoration: underline;
}

a {
color:#999999;
font-size:14px;
line-height:18px;
}
a:hover {
color:#58BCEE;
font-size:14px;
line-height:18px;
}
ul {
padding:0 3px;
margin:0;
list-style-type:none;
}
li {
color:#999999;
font-size:14px;
line-height: 18px;
margin:0pt;
}
ul li.sideblog {
color:#999999;
font-size:14px;
line-height: 18px;
margin:0pt;
padding-bottom: 6px;
}