/*
Theme Name: Theme by OSN
Theme URI: http://onestarrynight.com/
Description: A custom design by Sarah
Author: Sarah DiLullo
Author URI: http://onestarrynight.com
*/

/* MAIN*/

body {
      background: #cad9d6;
      font: 14px Georgia, serif;
      color: #2F2F2F;
      text-align: left; 
      margin:0; 
      padding: 0;
      height: 320px;
	background: #c9dad6 url(img/background.jpg) center top y-repeat;
      }


#headerimg {
      position:relative;  
      background: #cad9d6; 
      margin: 0 auto;
      color: #534741; 
height: 305px;
      background: #c9dad6 url(img/body-bg.jpg) center top no-repeat;
      }

#container {
      position:relative; 
      background: #ffffff; 
	margin: 0 auto;
      color: #534741; 
      width: 748px; 
      }

.p{
font-size: 10px; 

}

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


.clears {clear:both}

img {
     margin: 3px;
     padding: 5px;
	border-style: none;
}

h3 {
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-variant:small-caps;
      margin: -5px 0 0 6px;
}


h2 {
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-variant:small-caps;
      margin: -5px 0 0 6px;
	border-bottom:1px dashed #a8a115; 
}



h1 {
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-variant:small-caps;
      margin: -5px 0 0 6px;
	border-bottom:1px dashed #a8a115; 
}


img.alignright {float:right; margin:0 0 1em 1em; border-style: none;}
img.alignleft {float:left; margin:0 1em 1em 0; border-style: none;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; border-style: none;}
a img.alignright {float:right; margin:0 0 1em 1em; border-style: none;}
a img.alignleft {float:left; margin:0 1em 1em 0; border-style: none;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border-style: none;}

/* HEADER*/

#top {width: 100%; height:306px; font-size: 20px; margin: 0 auto; text-align:center; background: #c9dad6;}


#top a, #top a:link, #top a:active {
      text-decoration: none; 
      color:#534741; 
      }




/* BLOG*/

#blog {
      float:left;
      margin: 0px 0 0 20px; 
      width: 450px; 
      }

#blog h1 {
      color:#af94a3; 
      font-size: 15px; 
      font-weight:normal;
      }
.title {
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-variant:small-caps;
      float:left;
      width: 350px;
      margin: -5px 0 0 6px;
	border-bottom:1px dashed #a8a115; 
      }

.title a,.title a:link,.title a:active {
      text-decoration: none; 
      color:#af94a3;
      }

#blog h1 a, #blog h1 a:link, #blog h1 a:active {
      text-decoration: none; 
	font-size: 0.9em;
	line-height: 1.7em;
      color:#af94a3;
      }

#blog p {
	margin: 0 auto 10px auto;
	font-size: 0.9em;
	line-height: 1.7em;
	text-align: justify;
}

#blog blockquote{
	padding: 30px 10px 10px 10px;
	background-color: #f6e8cd;
	background-image: url('http://www.digital-damita.net/images/quotes.jpg');
	background-repeat: repeat-y;
	border: 1px solid #d6d6d6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #777;


}

.tag{
	margin: 0 auto 10px auto;
    	float:left;
	font-size: 0.7em;
	line-height: 1.7em;
	text-align: justify;
}

.date {
      background: #fbe7a8;
      border-radius:12px; 
      -webkit-border-radius:12px; 
      -moz-border-radius:12px; 
      padding: 3px;
      float: left;
      width: 35px;
      height: 38px;
      font-size: 15px; 
      color:#534741;
      text-align:center;
      }

.datetitle {
      font-size: 20px; 
      margin-top: -10px;
      color:#534741;
      }

.datemonthday {
      font-size: 10px; 
      margin: 6px 0 -6px 0;
      color:#e07e0a;
      }


.commentbg {
      float: right;
      text-align:center;
	font-size: 20px; 
      color:#af94a3;
background:url(img/bubble.png) no-repeat;
	margin:0 0 5px 0;
	width:35px;
	height:37px;
	padding:1px 0 0 0;
      }


.commentbg a,.commentbg a:link,.commentbg a:active {
      text-decoration: none; 
      color:#000;
      }

#blog ul, #blog li {
      list-style-type: decimal-leading-zero;
	margin: 0 25px 0 10px;
	padding: 0 0 0 20px;
	line-height: 25px;
	font-size: 10.5px;

      }



.test { position: absolute; top: -7px; left: -80px; width: 75px; height: 80px; text-align: center; }
.test .bg { background: no-repeat 0 0; width: 70px; height: 62px; padding: 18px 0 0 5px; }
.test span { display: block; font-size: 16px; font-weight: bold; color: #f4b995; line-height: 1; text-transform: uppercase; }
.test span.day { font-size: 26px; }


/* SIDEBAR*/

#side {
      float:left;
      margin: 10px 20px 20px 10px; 
      padding: 10px 10px 10px 10px;
      width: 200px;  
      }

#side ul, #side li {
      list-style-type: circle;
	margin: 0 25px 0 10px;
	padding: 0 0 0 20px;
	line-height: 25px;
	font-size: 10.5px;
      }

#side a, #side a:link, #side a:active {
      color: #17808d;
      text-decoration: none;
      }

#side h3 {
	border-bottom:1px dashed #a8a115; 
      text-align:center; 
      font-size: 18px; 
      margin: 20px 0 10px 0;
      font-weight:normal;
      font-family:"Times New Roman", Times, serif;
	font-variant:small-caps;
      }	  	  #side h3:before {   content: "\2118"; /*Hexadecimal for Unicode down arrow (⇓)*/  display: inline; }
#side h3:after {   content: "\2118"; /*Hexadecimal for Unicode down arrow (⇓)*/  display: inline; }
#side pre {
      border:0; 
      font-size: 6px; 
      color: #17808d; 
      }

#side p, #side i {
	margin: 0 auto 30px auto;
	font-size: 0.9em;
	line-height: 1.7em;
	text-align: justify;
}


.widget {
      padding: 10px 0;
      }


/* =COMMENTS----------------------------------------------- */

.clear {
      clear: both; 
      height: 3px;
      }



.commentleft h1 {text-align:left;
background:#fff;
color:#af94a3;
font-variant:small-caps;
border-bottom:1px dashed #a8a115; 
padding:5px 0 0 5px;
font-family:"Times New Roman", Times, serif;
font-size:25px}


.commentleft a,.commentleft a:link, .commentleft a:hover, .commentleft a:active, .commentleft a:visited {color:#87b7b3; text-decoration: none; font-variant:small-caps; 
width: 100%;}

.commentbits {
margin:3px 3px;
float:right;
      }

.commentbody {
      float:left; 
      width: 350px; 
      text-align:left;
      margin: 0 0 0 10px;
	font-size:10px
	line-height: 1.7em;
	text-align: justify;
      }

div.me {
      background-color: #ffffff; 
      padding:8px;  
      } 


.commentby {
      border-bottom:1px dashed #a8a115; 
      font-size:10px
      font-variant:small-caps;
      }

.commentby a,.commentby a:link, .commentby a:hover, .commentby a:active, .commentby a:visited {font-style:normal}

/* FOOTER*/

#footer {
      margin: 0px auto;
      background:  #ffffff; 
      height: 200px;
      width:748px;
      }


#copyright {
      background: #fbe7a8; 
      padding: 0px;
      margin: 0px auto; 
      width: 748px; 
      text-align:center;
      font-size:11px;
      height:14px;
      }

.box {
      background: #ffffff; 
      float:left; 
      width: 180px; 
      margin: 40px 0 0 40px;
      }

.box p {
margin: 0 auto 10px auto;
	font-size: 0.9em;
	line-height: 1.7em;
	text-align: justify;



}



.box ul, .box li {
      list-style-type: circle;
	margin: 0 25px 0 10px;
	padding: 0 0 0 20px;
	line-height: 25px;
	font-size: 10.5px;
      }

.box a, .box a:link, .box a:active {
      color: #17808d;
      text-decoration: none;
      }

.box h3 {
      text-align:center; 
      font-size: 15px; 
      margin: 10px 0 10px 0;
      font-weight:normal;
      font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-variant:small-caps;
      background: url(img/sidebar.gif) no-repeat center center; 
      height: 60px; 
      width:100%;
      }


/* MISC*/

.page{font-size: 15px;
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-variant:small-caps;
      margin: -5px 0 0 6px;
	border-bottom:1px dashed #a8a115; }


.linkwithin_text {
margin: 0pt; 
border: 0pt none; 
padding: 20px 0pt 5px; 
text-align: left; 
color:#af94a3; 
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-variant:small-caps;
border-bottom:1px dashed #a8a115; 
float:center

}


.post-extra {background:#f1f8df;width:100%;}

.post-author {width:260px;padding:5px 0 0 5px;float:left;height:100%;overflow:hidden;text-align:left; }

.post-share {width:144px;padding:5px 0 0 20px;float:right;height:100%;overflow:hidden;background:#fbe7a8 url(http://www.digital-damita.net/images/quotes.jpg) repeat-y 50%;border-radius:6px; -webkit-border-radius:6px;  -moz-border-radius:6px;  padding: 4px;  margin-bottom:4px; border: none; border-bottom: 1px solid #fff;border-right: 1px solid #fff;}

.commentpic {
float:right;
margin: 1px;
padding:1px;

}

#commentform {
	margin: 0 auto;
	width: 440px;
	font-size: 1em;
	text-align: left;
}
#commentform fieldset{margin: 0 0 15px 0;}

#commentform .commentinput {
background: #fff url(http://www.digital-damita.net/images/input-bg.gif) repeat-x top left;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding: 4px; margin-bottom:4px;border: none;width: 440px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;
}

#commentform .twitter
{
background: #fff url(http://www.digital-damita.net/images/input-bg.gif) repeat-x top left;border-radius:6px; -webkit-border-radius:6px;  -moz-border-radius:6px;  padding: 4px;  margin-bottom:4px; border: none; width: 440px; border-bottom: 1px solid #fff;border-right: 1px solid #fff;
}
#commentform .twitter:focus,#commentform .commentinput:focus {background:#f8f0d1;}

#commentform .button
{ padding: 4px;  margin-bottom:4px;border-radius:6px; -webkit-border-radius:6px;  -moz-border-radius:6px; 
width: 440px;padding: 5px 14px;
background: #af94a3 url(http://www.digital-damita.net/images/glass-btn.png) repeat-x 0 50%;
border: none;
color: #fff;
}

#commentform strong{
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-variant:small-caps;
}

.cluv {font-size:16px;
font-family:"Times New Roman", Times, serif;
font-variant:small-caps; 
width: 100%;
text-align:center;
}


#search label {
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-variant:small-caps;		display: block;

}

#search, #side .screen-reader-text {
      color:#af94a3; 
      font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-variant:small-caps;

}

#s{
background: #fff url(http://www.digital-damita.net/images/search-bg.png) repeat-y 50%;border-radius:6px; -webkit-border-radius:6px;  -moz-border-radius:6px;  padding: 4px; margin: 5px 0 0 6px; border: none; border-bottom: 1px solid #fff;border-right: 1px solid #fff;width: 180px;
}

#searchsubmit {
width: 50%;margin-right: auto;margin-left: 10px;
background-color: #af94a3;border-radius:6px; -webkit-border-radius:6px;  -moz-border-radius:6px; 
border: 1px solid #af94a3;
color: #fff;
margin: 5px 0 0 6px;

}

#twitter_div {
      list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

#twitter_div ul, #twitter_div li {	list-style-type: none;
	margin: 0px;
	padding: 0px;	background-image: url('http://www.digital-damita.net/images/quotes.jpg');	background-repeat: repeat-y;	background-color: #f6e8cd;	border-radius:6px;	 -webkit-border-radius:6px; 	 -moz-border-radius:6px; 	 padding: 4px; 	 margin-bottom:4px;	 border: none;
}


#twitter_div span {

}

#twitter_div a,.title a:link,.title a:active {
      text-decoration: none; 
      color:#af94a3;
      }