/*

Theme Name: Strawberry Stiletto 

Theme URI: http://strawberry-stiletto.com

Description: Strawberry Stiletto is a fashion blog owned by Kimberly Awad

Version: 1.0

Author: Robert Wicker of Atlanta, Georgia

Author URI: http://geometryartwork.com

*/



/* RESET */



* {

margin:0;

padding:0;

cursor: hand;

}



html, body, div, span, object,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, code, em, font, img, 

fieldset, form, label {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background: transparent;

}



body {

line-height: 1;

height: 100%;

}



ol, ul {

list-style: none;

}



blockquote, q {

quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



a {

text-decoration: none;

color: #000000;

}



/* MAIN STYLES */



html {

height: 100%;

}



body {

text-align:center; /* IMPORTANT -- Needed for IE to center the main div */

background-color: #f4f4f4;

background-position: top left;

height: 100%;

background: url(Images/StrawberryBg.png);

background-repeat: repeat;

background-attachment: fixed;

margin: 0;

padding: 0;

}



#page {

width: 1360px;

min-height: 100%;

position: relative;

margin: 0 auto;

margin-bottom: -35px;

}



#header {

background-image: url(Images/strawberry.png);

background-repeat: no-repeat;

height: 436px;

width: 1360px;

float: left;

margin-left: 10px;

padding-bottom: 10px;

_margin-left: 5px;

}



#nav {

height: 35px;

width: 1340px;

}



#headerimg {

height: 400px;

width: 1360px;

}



ul li {  

display: inline;  

}  



.nav-links li a {

float: right;

margin-right: 10px;

margin-top: 10px;

color: #000000;

_padding-right: 8px;

}



.nav-links li a:hover {

color: #d33e6e;

}



#screenshot {

position:absolute;

background:#000000;

padding:5px;

display:none;

}



#search {

float: left;

width: 280px;

height: 35px;

margin-left: 10px;

_margin-left: 0px;

}

	

#searchform {

width: 265px;

float: left;

margin-top: -12px;

height: 19px;

}



#searchform #s {

width: 184px;

height: 17px;

border: 1px solid #000000;

background: #fff;

vertical-align: bottom;

margin-top: 18px;

float: left;

}



#searchform #searchsubmit {

background-image: url(Images/SearchButBg.png);

background-repeat: no-repeat;

border: none;

background-color: #f4f4f4;

width: 73px;

height: 19px;

color: #000000;

text-align: right;

float: right;

margin-top: 18px;

}



#content {

width: 100%;

padding-top: 10px;

_margin-left: -20px;

}



#sponsers {

background-image: url(Images/Sponsers.png);

background-repeat: no-repeat;

width: 242px;

height: 100%;

float: right;

margin-bottom: 10px;

}



#ads {

background-image: url(Images/RightColBg.png);

background-repeat: repeat-y;

_margin-top: -23px;

}



#ad1 {


margin-top: 36px;

margin-left: 41px;

width: 160px;

height: 610px;

margin-right: 41px;

}



#ad2 {


margin-top: 10px;

margin-left: 41px;

width: 160px;

height: 610px;

margin-right: 41px;

}



#ad3 {


margin-top: 10px;

margin-left: 41px;

width: 160px;

height: 610px;

margin-right: 41px;

}



#col1 {

float: right;

width: 242px;

margin-top: 7px;

}



#blogbg {

width: 1090px;

height: 100%;

margin-left: 10px;

margin-bottom: 30px;

float: left;

}



.post {

background: url(Images/BlogHeader.png) no-repeat;

clear:both;

padding-top: 10px;

margin-bottom: 20px;

height: 100%

}

.post2 {

background: url(Images/AboutMe.jpg) no-repeat;

clear:both;

padding-top: 10px;

height: 640px;

}



.post2 img {

margin-left: -5px;

max-width: 1070px;

width: expression(this.width > 1070 ? 1070: true);

text-align: center;

height: auto;

}



.post3 {

background: url(Images/MainHeader.png) no-repeat;

clear:both;

padding-top: 10px;

height: 100%;

}



.post-date {

width: 50px;

height: 49px;

float:left;

margin-top: -4px;

margin-left: 10px;

_margin-left: 5px;

}



.post-month {

font-size: 15px;

text-transform: uppercase;

color: #FFFFFF;

text-align: center;

display:block;

line-height: 11px;

padding-top: 13px;

}



.post-day {

font-size: 18px;

text-transform: uppercase;

color: #999999;

text-align: center;

display:block;

line-height: 18px;

}



.post-title {

float: left;

margin-left: 5px;

height: 50px;

font: bold 15px "Myriad Pro", sans-serif;

color: #d33e6e;

width: 1010px;

}



.post-title3 {

float: left;

margin-left: 10px;

height: 20px;

font: bold 15px "Myriad Pro", sans-serif;

color: #d33e6e;

}



#postinfo {

float: left;

margin-top: -4px;

height: 50px;

width: 441px;

}



#postinfo3 {

float: left;

margin-top: 2px;

height: 20px;

width: 441px;

}



#blogtitle {

height: 20px;

width: 441px;

}



#blogtitle3 {

height: 20px;

width: 441px;

}



.post-comments a {

float: left;

color: #000000;

font: bold 15px "Myriad Pro", sans-serif;

margin-top: 0px;

}



#comment {

float: left;

text-align: left;

height: 15px;

width: 441px;

margin-top: 0px;

_margin-top: -4px;

}



#cat {

float: left;

height: 15px;

width: 441px;

margin-top: 1px;

_margin-top: -3px;
}



.post-cat a {

float:left;

color: #000000;

font: bold 15px "Myriad Pro", sans-serif;

}



.entry {

background: url("Images/BlogBg.png") repeat-y;

width: 1090px;

height: 100%;

margin-top: 50px;

*margin-top: 0px;

_margin-top: -2px;

font: 100% "Myriad Pro", sans-serif;

}



#entry p {

clear: both;

padding-top: 5px;

text-align: justify;

width: 1070px;

overflow: hidden;

margin-left: 10px;

margin-right: 10px;

margin-top: 10px;

float: left;

font: 100% "Myriad Pro", sans-serif;

}



.entry img {

margin-left: 10px;

margin-right: 10px;

margin-bottom: 10px;

}



.entry a:hover{

color: #d33e6e;

}



.entry3 {

background: url(Images/BlogBg.png) repeat-y;

margin-top: 46px;

*margin-top: -14px;

font: 100% "Myriad Pro", sans-serif;

text-align: justify;

padding-left: 10px;

padding-right: 10px;

height: 100%;

width: 1070px;

}



#entry3 p {

clear: both;

padding-top: 5px;

width: 1050px;

overflow: hidden;

float: left;

font: 100% "Myriad Pro", sans-serif;

}



.entryfooter3 {

background: url(Images/BlogFooter.png) no-repeat bottom;

width: 1090px;

height: 8px;

font-size: 0;

margin-left: -10px;

}



.entryfooter {

background: url(Images/BlogFooter.png) no-repeat center;

width: 1090px;

height: 8px;

font-size: 0;

margin-bottom: 10px; 

}



/*Target Any Firefox*/

@-moz-document url-prefix() {

.entryfooter {

background: url(Images/BlogFooter.png) no-repeat center bottom;

width: 1090px;

height: 60px;

font-size: 0;

margin-bottom: 10px;

 }

}



.post-content {

clear: both;

padding-top: 10px;

}



#social {

float: left;

height: 25px;

width: 1090px;

margin-top: 10px;

margin-left: 10px;

}





#comments, #respond {

border-bottom: 1px solid #797979;

padding-bottom: 5px;

width: 1090px;

height: 20px;

color: #d33e6e;

font-weight: bold;

}



h3 {

font: 100% "Myriad Pro", sans-serif;

margin: 10px 0px 0px;

font-weight: bold;

}



.commentlist {

margin: 0px 0px;

padding-left: 0px;

line-height: 130%;

border-top: 1px solid #e2e2e2;

border-bottom: 1px solid #e2e2e2;

font: 100% "Myriad Pro", sans-serif;

}



.commentlist li{

padding: 7px 10px;

position: relative;

background-image: url(Images/BlogBg.png);

background-repeat: repeat-y;

}



.commentlist .avatar {

postion: absolute;

top: 5px;

right: 5px;

border: solid 1px #ededed;

padding: 1px;

background: #fff;

}

.commentlist .alt {

background: #eeeeee;

}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

font-weight: bold;

font-style: normal;

font-size: 110%;

color: #d33e6e;

}



.commentlist small {

margin-bottom: 5px;

display: block;

font-size: 87%;

}



#commentform {

margin-top: 10px;

font: 100% "Myriad Pro", sans-serif;

}



#commentform p {

padding: 6px 10px;

margin: 0px;

}



#commentform label{

font-weight: bold;

color: #666666;

font-size: 100%;

}



#commentform input{

width: 153px;

background:#e2e2e2;

border: 1px solid #797979;

padding: 3px;

margin-top: 10px;

}



#commentform textarea{

width: 1070px;

height: 115px;

background:#e2e2e2;

border: 1px solid #797979;

padding: 2px;

margin-top: 3px;

}



#commentform textarea:focus, #commentform input[type="text"]:focus {

background: #ffffff;

}



#commentform #submit{

font: bold 100% "Myriad Pro", sans-serif;

color: #000000;

border: none;

float:right;

width: 144px;

height: 31px;

margin-right: -5px;

background-image: url(Images/SumbitButton.png);

background-repeat: no-repeat;

}



#navi {

height: 28px;

width: 1090px;

clear: both;

}



.navigation {

height: 28px;

width: 1090px;

clear: both;

}



.navigation a, .navigation a:visited {

color: #000000;

} 



.navigation a:hover {

color: #d33e6e;

} 



.newer {

float: left;

margin-left: 6px;

margin-top: 8px;

}



.older {

float: right;

margin-top: 8px;

margin-right: 6.5px;

}



#sidebar {

width: 242px;

height: 100%;

float: right;

margin-right: 10px;

_margin-right: -2px;

}



#socialmedia {

background-image: url(Images/RightCol.png);

background-repeat: no-repeat;

width: 242px;

float: right;

margin-bottom: 10px;

}



#socialmediabg {

background-image: url(Images/RightColBg.png);

background-repeat: repeat-y;

width: 242px;

height: 100%;

float: right;

margin-top: 10px;

}



#socialmediaicons {

width: 242px;

height: 50px;

display: inline;

}



#facebook {

margin-top: 5px;

margin-left: 10px;

width: 50px;

float: left;

_margin-left: 5px;

}



#twitter {

margin-top: 5px;

margin-left: 35px;

width: 50px;

float: left;

_margin-left: 35px;

}



#rss {

margin-top: 5px;

margin-right: 10px;

width: 50px;

float: right;

_margin-right: 5px;

}



#socialmediaicons2 {

float: right;

width: 242px;

height: 86px;

margin-top: 10px;

_margin-top: 15px;

}



#formspring {

float: left;

margin-left: 10px;

width: 90px;

height: 72px;

_margin-left: 5px;

}



#bloglovin {

float: right;

margin-right: 10px;

width: 124px;

height: 86px;

_margin-right: 5px;

}



#featured {

background-image: url(Images/RightCol.png);

background-repeat: no-repeat;

width: 242px;

float: right;

margin-bottom: 10px;

margin-top: 192px;

*margin-top: -81px;

}



#featuredwebsites {

width: 242px;

height: 50px;

display: inline;

}


#thehotdistrict {

margin-top: 10px;

margin-left: 10px;

width: 222px;

float: left;

_margin-left: 5px;

}


#VG {

margin-top: 10px;

margin-left: 10px;

width: 222px;

float: left;

_margin-left: 5px;

}

#kinky {

margin-top: 5px;

margin-left: 10px;

width: 222px;

float: left;

_margin-left: 5px;

}

#LVC {

margin-top: -3px;

margin-left: 10px;

width: 222px;

float: left;

_margin-left: 5px;

}

#BeMoreFoxxisDen {

margin-top: 5px;

margin-left: 10px;

width: 222px;

float: left;

_margin-left: 5px;

}



#Jinx {

margin-top: 7px;

margin-left: 10px;

width: 222px;

float: left;

_margin-left: 5px;

}

#furniture { margin-top: 10px; margin-bottom: 30px; width: 160px; float: left; _margin-left: 5px; line-height:15px; font-size:14px; text-align:center; }
#furniture a:hover { color:#d33e6e;}


#sidebarfooter {

background-image: url(Images/RightColFooter.png);

background-repeat: no-repeat;

height: 8px;

width: 242px;

float: right;

font-size: 0;  

}



#recentpost {

background-image: url(Images/RightCol.png);

background-repeat: no-repeat;

width: 242px;

float: right;

margin-bottom: 10px;

}



.recent-posts {

background-image: url(Images/RightColBg.png);

background-repeat: repeat-y;

margin-top: 30px;

width: 242px;

padding: 0px;

font-size: 100%;

margin-bottom: 0px;

_margin-top: 5px;

}



.recent-posts a{

color: #000000;

font: 100% "Myriad Pro", sans-serif;

line-height: 150%;

font-weight: normal;

text-align: center;

}



.recent-posts li a:hover{

color: #d33e6e;

}



#categories {

background-image: url(Images/RightCol.png);

background-repeat: no-repeat;

width: 242px;

float: right;

margin-bottom: 10px;

}



.ul-cat {

background-image: url(Images/RightColBg.png);

background-repeat: repeat-y;

margin-top: 30px;

width: 242px;

padding: 0px;

font-size: 100%;

margin-bottom: 0px;

_margin-top: 10px;

}



.ul-cat li a{

color: #000000;

font: 100% "Myriad Pro", sans-serif;

line-height: 150%;

font-weight: normal;

text-align: center;

display: block;

}



.ul-cat li a:hover{

color: #d33e6e;

}



#archives {

background-image: url(Images/RightCol.png);

background-repeat: no-repeat;

width: 242px;

float: right;

margin-bottom: 10px;

}



.ul-archives {

background-image: url(Images/RightColBg.png);

background-repeat: repeat-y;

margin-top: 30px;

width: 242px;

padding: 0px;

font-size: 100%;

margin-bottom: 0px;

_margin-top: 5px;

}



.ul-archives li a {

color: #000000;

font: 100% "Myriad Pro", sans-serif;

line-height: 150%;

font-weight: normal;

text-align: center;

display: block;  

}



.ul-archives li a:hover{

color: #d33e6e;

}



#blogroll {

background-image: url(Images/RightCol.png);

background-repeat: no-repeat;

width: 242px;

float: right;

margin-bottom: 10px;

}



.ul-blogroll {

background-image: url(Images/RightColBg.png);

background-repeat: repeat-y;

margin-top: 30px;

width: 242px;

padding: 0px;

font-size: 100%;

margin-bottom: 0px;

_margin-top: 5px;

}



.ul-blogroll li a {

color: #000000;

font: 100% "Myriad Pro", sans-serif;

line-height: 150%;

font-weight: normal;

text-align: center;

display: block; 

}



.ul-blogroll li a:hover{

color: #d33e6e;

}



#title {

float: right;

width: 242px;

margin-top: 7px;

}



.clearfooter {

height: 35px;

clear: both;

}



#footer {

background-image: url(Images/FooterBg.png);

background-repeat: repeat-x;

background-position: bottom;

height: 35px;

position: relative;

width: 100%;

}



#copyright {

color: black;

line-height: 40px;

width: 100%;

}