/*
Theme Name: Simren's Marketing Blog
Theme URI: http://wordpress.org/
Description: This blog theme was designed for my Simren Deogun's Marketing blog, dated November 2009.
Version: 2.7 +
Author: Simren Deogun
Author URI: http://simrendeogun.com/

*/

body {
text-align:center;
margin: 0 auto;
width: 100%;
background: #d1dee9  url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/bg-pattern.png') no-repeat center top;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 100%;
display: table;
}

* html body {
    background: #c1cdd8;
}

#wrap-all {
margin: 0 auto;
width: 992px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
position: relative;
}

a {
font-family: "trebuchet ms", sans-serif;
font-size: 100%;
text-decoration: none;
color: black; 
font-variant: small-caps;
}

a.visted {
text-decoration: none;
 }

a:hover {
text-decoration: none;
color: #0059a4; 
}

p {
color: black;
font-size: 12px;
line-height: 15pt;
}

h1 {
font-family: "trebuchet ms", sans-serif;
font-size: 18pt;
color: #c12720;
 }

h2 {
font-family: "trebuchet ms", sans-serif;
font-size: 13pt;
font-variant: small-caps;
color: #4a4a4a;
line-height: 10px;
border-bottom: 1px solid #97c2de;
padding-bottom: 8px;
}

h3 {
font-family: "trebuchet ms", sans-serif;
font-size: 13pt;
font-variant: normal;
color: #4e4e4e;
line-height: 10px;
padding-bottom: 8px;
}

h4 {
font-family: "trebuchet ms", sans-serif;
font-size: 10pt;
color: black;
 }


ul {
list-style-type: disc;
 }

 /*
li {
font-family: "trebuchet ms", sans-serif;
color: #c12720;
font-weight: bold;
font-size: 12px;
line-height: 17pt;
 } */
 
/*HEADER AND NAVIGATION_________________________________________________________________*/
#header {
margin: auto;
position: relative;

}

#header-bg {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/header-bg.jpg') repeat-x;
z-index: 0;
width: 100%;
 }
 
#logo {
position: relative;
margin-top: 23px;
margin-left: -7px;
padding-bottom: 25px;
z-index: 100;
 }

#nav-line {
    margin-top: -1px;
}

*:first-child+html #nav-line {
    margin-top: -22px;
    z-index: 5;
}

html>/**/body #nav-line {
    margin-top: -6px;
}

#nav-bg {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav-bg.jpg') repeat-x;
height: 43px;
margin: 0 auto;
* margin-top: -5px;
text-align: center;
}

#nav {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') no-repeat;
width: 432px;
height: 41px;
position: relative;
margin: 0 auto;
padding-left: 0; 
}

#nav span {
display: none;
}

#nav li, #nav a {
height: 40px;
display: block;
text-indent: -9999px;
}


#nav li {
float: left;
list-style: none;
display: inline;
}

#nav-home {
width: 108px;
}

#nav-about {
width: 108px;
}

#nav-portfolio {
width: 108px;
}

#nav-contact {
width: 108px;
}

#nav-home a:hover {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') 0px -41px no-repeat;
}

#nav-about a:hover {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') -108px -41px no-repeat;
}

#nav-portfolio a:hover {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') -216px -41px no-repeat;
}

#nav-contact a:hover {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') -324px -41px no-repeat;
}

#nav-home a:active {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') 0px -82px no-repeat;
}


#nav-about a:active {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') -108px -82px no-repeat;
}

#nav-portfolio a:active {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') -216px -82px no-repeat;
}

#nav-contact a:active {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/nav.jpg') -324px -82px no-repeat;
}

#nav li a:hover {
color: #ff9415;
text-decoration: none;
} 

/*CONTAINER AND POSTS----------------------------------------------------------------------------------------------*/
#container-top {
padding-top: 25px;
z-index: -10;
}

#container-wrap {

}

*:first-child+html #container-wrap {
    margin-top: -5px;
}
* html #container-wrap {
    margin-top: -5px;
}

#container {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/content-bg.png') repeat-y;
min-height: 1500px;
height: auto !important;
height: 1200px;
width: 986px;
}

* html #container {
    z-index: -1; 
}

#content-wrap {
width: 700px;
}

.content {
padding-left: 50px;
padding-right: 60px;
 }
 
.post {
padding-bottom: 20px;
padding-top: 0px;
}

.post h1 a {
font-family: trebuchet, sans-serif;
font-size: 20pt;
color: #c12720;
}

.post h1 a:hover {
text-decoration: none;
color: #0059a4;
}

.post a {
font-family: "trebuchet ms", sans-serif;
font-size: 10pt;
font-variant: normal;
color: #0059a4;
}

.post a:hover {
text-decoration: underline;
color: #18344f;
}

.date {
float: left;
display: inline;
margin: 15px 15px 0 0;
border-right: thin solid #999999;
color: #555555;
padding-right: 15px;
text-align: center;
 }

.month {
display: block;
font-size: 12pt;
letter-spacing: -1px;
text-transform: uppercase;
}

.day {
font-size: 16pt;
color: #b1b0b0;
 }

.title {
padding-top: 3px;
 } 
 
.author {
font-size: 9pt;
color: #555555;
margin-top: -18px;
padding-left: 58px;
}

/*.bubble {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/speech-bubble.png') no-repeat;
float: right;
width: 50px;
height: 50px;
margin-top: 0px;
margin-left: 0px;
z-index: -5;
}*/

.comment-count {
background: url('http://www.simrendeogun.com/wp-content/themes/simrens-blog/images/speech-bubble.png') no-repeat;
width: 50px;
height: 50px;
margin-left: 550px;
margin-top: 0px;
}

.comment-count p {
    padding-left: 21px;
    padding-top: 12px;
}

.share {
padding-top:10px;    
}

.social {
opacity:0.4;
filter:alpha(opacity=40);
}

.more-posts {
padding-left: 50px;
padding-right: 60px;
 }
 
/*SIDEBAR_________________________________________________________________*/
#sidebar {
position: absolute;
margin-left: 678px;
margin-top: 30px;
text-align: right;
width: 310px;
padding-right: 50px;
display: inline;
}

#sidebar a {
font-family: Monaco, sans-serif;
font-size: 100%;
text-decoration: none;
color: black; 
font-variant: small-caps;
}

#sidebar a:hover {
text-decoration: none;
color: #0059a4; 
}

#sidebar-content {
padding-top: 10px;
padding: 30px;
}

#sidebar li {
list-style: none;
}

#icons {
height: 100%;
margin-top: -15px;
padding-bottom: 10px;
*padding-bottom: 0;
} 
 
#icon-wrap {
width: 300px;
margin-left: -35px;
padding-top: 5px;
padding-bottom: 10px;
}

#twitter {
padding-right: 13px;
padding-left: 13px;
opacity:0.7;
filter:alpha(opacity=70);
}

#linkedin {
padding-right: 13px;
padding-left: 13px;
opacity:0.7;
filter:alpha(opacity=70);
}

#rss {
padding-right: 13px;
padding-left: 13px;
opacity:0.7;
filter:alpha(opacity=70);
}

#envelope {
padding-right: 13px;
padding-left: 13px;
opacity:0.7;
filter:alpha(opacity=70);
}
 
#search {

}

*:first-child+html .search-content {
    padding-left: 50px;
    padding-right: 60px;
    margin-top: -6px;
}

.search-content {
padding-left: 50px;
padding-right: 60px;
margin-top: -16px;
}

#calendar-wrap {
width: 290px;
margin-left: -24px;
padding-top: 20px;
} 
 
#calendar {
margin-left: 85px;
*margin-right: 75px;
font-size: 10pt;
padding-top: 3px;
}

#calendar a {
font-family: trebuchet ms;
font-size: 10.5pt;
font-weight: bold;
}


#calendar a:hover {
color: #ffffff;
font-weight: bold;
background-color: #0059a4;
padding: 1px;
}

#calendar caption {
font-size: 10pt;
font-variant: small-caps;
font-weight: bold;
}


.tags a {
font-family: "trebuchet ms", sans-serif;
font-size: 10pt;
font-variant: normal;
color: #0059a4;
}

.tags a:hover {
text-decoration: underline;
color: #18344f;
}


#comments {
margin-top: 70px;
margin-bottom: -12px;
*padding-top: 70px;
}

#comments a {
font-family: "trebuchet ms", sans-serif;
font-size: 10pt;
font-variant: normal;
}

.previous-post {
float: left;
width: auto;
font-size:12pt;
}


.previous-post a {
font-family: "trebuchet ms", sans-serif;
font-variant: normal;
color: #0059a4;
}

.previous-post a:hover {
text-decoration: underline;
color: #18344f;
}

.next-post {
float: right;
width: auto;
}

.next-post a {
font-family: "trebuchet ms", sans-serif;
font-variant: normal;
color: #0059a4;
}

.next-post a:hover {
text-decoration: underline;
color: #18344f;
}
 
/*FOOTER_______________________________________________________*/
#footer {
width: 100%;
margin: 0 auto;
text-align: center;
}

#footer-bg {
margin: 0 auto;
width: 1090px;
text-align: left;
position: relative;
}

* html #footer-bg {
    padding-left: 4px;
}

* html .footer {
    z-index: -1;
}

#footer-content {
padding: 30px;
margin-top: -160px;
margin-left: 35px;
}

#footer p {
color: #555555;
}


#footer p a {
font-family: trebuchet ms;
font-variant: normal;
color: #0059a4;
}

#footer p a:hover {
text-decoration: underline;
color: #18344f;
}

/*COMMENTS_________________________________________________________________*/

.commentlist {
    font-family: "trebuchet ms", sans-serif;
    font-size: 10pt;
    font-variant: normal;
    padding-top: 10px;
}

.commentlist a {
    font-family: "trebuchet ms", sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #0059a4;
}

.commentlist a:hover {
    text-decoration: underline;
    color: #18344f;
}

.commentauthor {
    font-family: "trebuchet ms", sans-serif;
    font-size: 13pt;
    font-weight: bolder;
    font-style: normal;
    line-height: 1.3em;
}

.commentauthor a {
    font-family: "trebuchet ms", sans-serif;
    font-size: 13pt;
    font-variant: normal;
    color: #0059a4;
}

.commenttime {
    font-family: "trebuchet ms", sans-serif;
    font-size: 10pt;
    font-style: normal;
}

.commenttext {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #e3eaf2;
    border: thin #C3D4DB solid;
    margin-top: 14px;
    margin-bottom: 20px;
    margin-left: 3px;
}

.gravatar {
float: left;
padding: 3px;
padding-top: 0;
padding-right: 30px;

}