/*
Theme Name: Girly2010
Theme URI: http://www.girlybydesign.com
Description: Custom designed theme for Girly by Design
Author: Larissa Manning
Author URI: http://www.girlybydesign.com
Version: 2.0
Copyright: Larissa Manning, LLC
*/

body { background: #DAEEE6 url(images/girlybydesignbg.png); margin: 0; padding: 0; text-align: center; font-family: "trebuchet ms",lucida sans,sans-serif,tahoma,verdana,arial,helvetica; font-size: 12px; color: #33302D; line-height: 165%; }

a:link, a:visited, a:active { color: #E32276; text-decoration: none; }

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

img { border: none; }

ul {list-style-type: none; margin: 0; padding: 0; }
ul li { list-style: none; margin: 0; padding: 0; line-height: 175%; } 

h1 { font-size: 150%; font-weight: normal; color: #6ECACA; text-align: left; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 10px; font-family: Georgia, Century, Garamond, Times New Roman; }
h2 { font-size: 200%; font-weight: normal; color: #6ECACA; text-align: left; margin: 0; padding: 0; margin-bottom: 20px; margin-top: 10px; font-family: Georgia, Century, Garamond, Times New Roman; } 

#wrapper { width: 900px; background: #FFFFFF; margin: 0 auto; padding: 0; }

#header { height: 165px; background: transparent url(images/girlybydesignheaderbg.png) repeat-x top left; width: 900px; }

#header .topnav { width: 630px; float: right; text-align: right; margin: 0 0 10px 0; }
#header .topnav ul#nav { float: right; margin: 80px 0 0 0; padding: 0 20px 0 0px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.08em; color: #FFFFFF; list-style: none; }
#header .topnav ul#nav a:link {color: #FFFFFF;}
#header .topnav ul#nav a:active {color: #FFFFFF;}
#header .topnav ul#nav a:visited {color: #FFFFFF;}
#header .topnav ul#nav a:hover {color: #C7DA41;}
#header .topnav ul#nav li { float: left; margin: 0 0 0 20px; }      
#header .topnav ul#nav li.current a { color: #6ECACA; text-decoration: none; }

#header .logo { width: 270px; float: left; }
#header .logo h1 { background: transparent url(images/girlybydesignlogo.png) no-repeat left top; letter-spacing: -1000em; overflow: hidden; text-indent: -9999em; height: 100px; margin: 20px 0 0 20px; }
#header .clear { clear: both; }

#topdiv { height: 14px; background: transparent url(images/topdiv.png) no-repeat top left; margin: 0 auto; margin-top: 10px; padding: 0 0 10px 0; width: 880px; display: block; }
#topdiv1 { height: 14px; background: transparent url(images/topdiv.png) no-repeat top left; margin: 0 auto; margin-top: 10px; padding: 0 0 10px 0; width: 880px; display: block; }

#bottomdiv { height: 14px; background: transparent url(images/bottomdiv.png) no-repeat top left; margin: 0 auto; margin-top: 10px; padding: 10px 0 0 0; width: 880px; display: block; }

h3 { font-size: 110%; text-align: left; padding: 0; margin: 0; line-height: 1.8em; letter-spacing: 0.025em; color: #E32276; font-family: Georgia, Century, Garamond, Times New Roman; font-weight: normal;}
h4 { font-size: 130%; text-align: left; padding: 0; margin: 0; line-height: 1.8em; letter-spacing: 0.025em; font-family: Georgia, Century, Garamond, Times New Roman; font-weight: normal;}
h6 { font-size: 120%; text-align: left; padding: 0; margin: 0; line-height: 1.8em; letter-spacing: 0.025em; font-family: Georgia, Century, Garamond, Times New Roman; font-weight: normal;}  

#featured { padding: 10px; margin: 0 auto; width: 860px; min-height: 375px; } 
#slidercontainer { width: 492px; margin: 0 auto; float: right; }
#slider{}
#slider img {padding: 5px; border: 1px solid #e9e9e9; }	
#slider ul, #slider li{	margin:0; padding:0; list-style:none; }
#slider li{ width:492px;height:375px;overflow:hidden;  }	
#prevBtn, #nextBtn{ display: none;}	
#welcome { width: 360px; float: left; }
#welcome p { padding: 0 10px 0 0; text-align: justify; }
.clear { clear: both; }

#maincontent { padding: 10px; margin: 0 auto; width: 860px; text-align: left; }   

.button {background-color: #C7DA41; color: #33302D; display: block; float: left;  font-size: 11px;  padding: 5px 10px; }

span.buttonlinks {background-color: #6ECACA; color: #33302D; display: inline; float: center;  font-size: 11px;  padding: 5px 10px; margin: 5px 10px 5px 10px; text-transform: uppercase; letter-spacing: 1px; }
span.buttonlinks a:link {color: #33302D;}
span.buttonlinks a:active {color: #33302D;}
span.buttonlinks a:visited {color: #33302D;}
span.buttonlinks a:hover {color: #FFFFFF; }

#content-row { width: 879px; clear: both; margin: 0 auto; }
.leftcol { width: 266px; float: left; margin: 0 30px 0 10px; text-align: justify; }
.centercol { width: 267px; float: left; margin: 0 30px 0 0; text-align: justify; }
.rightcol { width: 266px; float: left; margin: 0 10px 0 0; text-align: justify; }
.clear {clear: both;}

span.highlight { color: #6ECACA; display: inline; font-weight: bold; }

#bottomrow { width: 879px; clear: both; background: #FDE7F1; padding: 5px 0 10px 0; margin: 5px 10px 10px 10px; }
.bottomcol1 { width: 266px; float: left; margin: 0 30px 0 10px; text-align: left; }
.bottomcol2 { width: 267px; float: left; margin: 0 30px 0 0; text-align: justify; }
.bottomcol3 { width: 266px; float: left; margin: 0 10px 0 0; text-align: justify; }
.clear {clear: both;}

#bottomrow ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; margin-top: 8px; letter-spacing: 0.035em;  display: block; font-size: 11px; }
#bottomrow ul li { padding: 5px 0 5px 10px; margin: 0; border-bottom: 1px dashed #33302D; display: block; }
#bottomrow li.first {  }
#bottomrow a:link { color: #33302D;}
#bottomrow a:active { color: #33302D;}
#bottomrow a:visited { color: #33302D;}
#bottomrow a:hover { color: #E32276; }

#footer {width: 900px; height: auto; margin: 0; padding: 10px 0 10px 0; background: transparent url(images/footerbg.png) no-repeat top left; color: #FFFFFF; }
#footer a:link { color: #FFFFFF;}
#footer a:active { color: #FFFFFF;}
#footer a:visited { color: #FFFFFF;}
#footer a:hover { color: #E32276; }

#portfoliopage { width: 850px; border-bottom: 1px solid #e9e9e9; margin: 0 auto; padding: 10px 0 10px 0; }
.portfoliopage { width: 850px; border-bottom: 1px solid #e9e9e9; margin: 0 auto; padding: 10px 0 10px 0; }
.imageportfolio { width: 518px; float: left; text-align: left; padding-bottom: 25px; }
.detailsportfolio { width: 320px; float: right; text-align: justify; padding-bottom: 25px;  }
.imageiportfolio { width: 318px; float: left; text-align: left; padding-bottom: 25px; }
.detailsiportfolio { width: 520px; float: right; text-align: justify; padding-bottom: 25px; }
.detailsportfolio ul { margin: 0; padding: 0; }
.detailsportfolio a:link, .detailsportfolio a:active, .detailsportfolio a:visited { color: #33302D; }
.detailsportfolio a:hover { color: #f74a95; }
.detailsportfolio ul li { line-height: 175%; }
.clearportfolio { clear: both; }

.img-shadow { float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

.meta {font-size: 11px; text-align: left; padding: 5px 0 5px 2px; margin: 8px 0 8px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.storycontent { margin-bottom: 20px; border-bottom: 1px solid #e9e9e9;} 

.portfolionav {margin: 0 auto; text-align: center; margin: 0 0 20px 0; }

.morelink {background-color: #FDEDF4; color: #33302D; font-size: 11px;  padding: 5px 10px; margin: 20px 10px 5px 10px; text-transform: uppercase; letter-spacing: 1px; height: 20px; }

div#portlistcontainer { background-color: #e7f4ef; border-top: 0; border-bottom: 0; margin-bottom: 20px; }
div#portlistcontainer ul { text-align: center; margin: 0; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; letter-spacing: 0.03em; }
div#portlistcontainer ul li { display: inline; margin-left: -4px; } 
div#portlistcontainer ul li a { padding: 5px 10px 5px 10px;  color: #33302D; text-decoration: none; border-right: 3px solid #fff; letter-spacing: 0.03em; }
div#portlistcontainer ul li a:hover { background-color: #daeee6; color: #f74a95; letter-spacing: 0.03em; }
#active a { border-left: 3px solid #fff;letter-spacing: 0.03em;  }
table.paddingt {line-height: 220%;}
p.topmargin {margin-top: 20px;}

#gallery {width: 100%; margin: 0 auto; padding: 0;}
.gallery-item {display: inline;} 
span.gallery-icon { float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 15px !important; margin: 10px 0 0 5px; }
span.gallery-icon img.attachment-thumbnail { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }
span.gallery-icon img.attachment-large { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; border-radius: 3px; }
.wp-caption img { margin-bottom: 5px; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.more-link {display: block; float: right; text-transform: uppercase;}
span.paddingform {padding-left: 25px;}
.wp-caption.alignleft { float:left; margin-left:0; margin-right:5px; }
.wp-caption.aligncenter { margin-left:auto; margin-right:auto; }
.wp-caption.alignright { float:right; margin-left:5px; margin-right:0; }
#quote { margin: 1em 20px; padding-left: 50px; background: transparent url(images/quote.gif) no-repeat; }