/*  
Theme Name: SMae
Description: This is my photo blog theme.
Version: 2.0
Author: SMae
Author URI: http://www.sarah-mae.com/
*/

/* General */

	body{
		margin: 0;
		padding: 0;
		border: 0; 
		width: 100%;
		background-image: url(images/cork-bg.png);
	}

	a{
		text-decoration: none;
		color: #262626;
	}
	
	img{
		border: 5px solid black;
		margin-top: 0;
		margin-bottom: 10px;
	}

	img.wp-smiley{ border:none; margin: 0;}

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

/* Header */

	#world-bg{
		position: absolute;
		z-index: -30;
		height: 975px;
		width: 100%;
		background-image: url(images/world-bg.png);
	}

        #note{
		position: absolute;
		z-index: 9999;
		margin-top:-180px;
		margin-left: 230px;
		height: 193px;
		width: 207px;
		background-image: url(images/note.png);
	}

	#header {
		margin: 0 auto;
		padding: 10px 0 10px 0;
		height:342px;
		z-index: 50;
		width:983px;
		background:url(images/header.png) no-repeat;
	}
	
	#title {
		width: 370px;
		height: 150px;
	}

	dl.sarah {
		
		display:block;
		background: none;
	}

	a.sarah {
		margin-top: 20px;
		margin-left: 20px;
		width: 540px;
		height: 70px;
		position: absolute;
		
	}

	dl.image_map {
		background:url(images/sign.png) no-repeat;
		display:block; 
		width:204px; 
		height:360px; 
		z-index: 40; 
		position:relative;
		left:785px;
		top:-180px; 
	}

	a.LINK0, 
	a.LINK1,
	a.LINK2,
	a.LINK3,
        a.LINK4 {
		background: none;
		display:block;
		height:0;
		overflow:hidden;
		position: absolute;
	}

	a.LINK0 {
		left: 30px; 
		top: 0px; 
		width: 119px; 
		padding-top: 49px; 
	}

	a.LINK1 {
		left: 30px; 
		top: 50px;  
		width: 130px;
		padding-top: 40px; 
	}
	
	a.LINK2 {
		left: 0px; 
		top: 90px; 
		width: 125px;
		padding-top:43px; 
	}

        a.LINK3 {
		left: 20px; 
		top: 135px; 
		width: 135px;  
		padding-top: 40px; 	
	}

	a.LINK4 {
		left: 0px; 
		top: 178px; 
		width: 120px;  
		padding-top: 42px; 	
	}

/* search */

	input.textfield{
		margin-top: 235px;
                margin-left: -30px;
		padding:3px;
		border: none;
		background: transparent;
		font: bold 20px pristina, "monotype corsiva", candara, sans-serif;
		color: #333;
		text-align: center;
	}

	input.textfield:focus{
       		outline:none;
        }
	
        strong.search-excerpt {
                background-color: #F3F781;
        }
/* Main */

	#content-wrap {
		width: 983px;
		min-height: 600px;
		margin: -20px auto 0 auto;
		background: url("images/mid.png") repeat-y;		
        }

	.page-mid {
                margin: 0 auto;
		width: 983px;
		height: 1px;
		clear: both;	
		background: url("images/mid.png") repeat-y;
	}

	.page-bottom {
                margin: 0 auto;
		width: 983px;
		height: 185px;
		clear: both;
		background: url("images/bottom.png") no-repeat;
	}
	
	.post-wrap,
	.latest-wrap {
		float: left;
		width:650px;
		padding-top: 40px;
	}

	.latest-wrap {
		background: url("images/latest.png") center top no-repeat;
	}
	
        .single-posts,
	.posts {
		width:650px;
		margin-left: 40px;
		font: 16px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
		color: #000;
		overflow: hidden;	
	}
   
        .posts {
		border-bottom: 2px dotted #262626;	
	}
	.post-title h3{
		margin: 10px 0 5px 0;
		text-decoration: underline;
		color: #000;
                font: 25px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
	}

	.post-info {
		width: 450px;
		float: left;
		font: normal 14px  "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
	}

	.post-info a {
		text-decoration: none;
	}	

	.post-date {
		margin-top: -10px;
		width: 179px;
		height:47px;
		float: right;
		text-align: center;
		padding-top: 10px;
		background: url("images/date.png") no-repeat;
		font: bold 20px/10px Papyrus, "Courier New", Arial, Verdana, Sans-Serif;
	}
		
	.post-date span {
		padding: 10px;
		display: block;
		color: #000;
	}

	.calm {
  		font-weight: bold;
		font-size: 1.25em;
		line-height: 12px;
  		}

	.post-entry {
		clear: both;
	}

	.post-entry a {
		color: #63656d;
		text-decoration: none;
	}
	
	.post-entry a:hover {
		text-decoration: underline;
	}		

/* Sidebar */

	#sidebar {
		margin-left: 50px;
		padding-left: 10px;
		width: 265px;
		float: left;		
	}

	.welcome {
		height: 396px;
		width: 260px;
		margin-top: -65px;
		background: url("images/welcome.png") no-repeat;
	}

	.welcome ul {
		padding-top: 313px;
		padding-left: 60px;
		list-style: none;
		font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
	}
	
	.welcome li a {
		color: #63656d;
		text-decoration: none;
	}

        .countdown a:hover,
        .recent a:hover,
	.tags a:hover,
	.categories li a:hover,
	.welcome li a:hover {
		text-decoration: underline;
	}

	.welcome li.smae-icon {	
		list-style-image: url("images/smae.png");
	}

	
	.welcome li.twit-icon {	
		list-style-image: url("images/twit.png");
	}

	
	.welcome li.rss-icon {	
		list-style-image: url("images/rss.png");
	}

        .welcome li.flickr-icon {	
		list-style-image: url("images/flickr.png");
	}

	.separator {
		background: url("images/separator.png") no-repeat;
		height: 31px;
		width: 234px;
		margin-left: 12px;			
	}
        
        .recent a,
	.tags a,
	.categories li a {
		text-decoration: none;
	}

	.tags {
		margin-top: 20px;
		margin-bottom: 20px;
		font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
		width: 260px;
		min-height: 100px;
		padding-top: 30px;
		text-align: center;
		background: url("images/tag.png") top center no-repeat;
	}

        .recent,
        .countdown,
	.categories {
		margin-top: 20px;
		margin-bottom: 20px;
		background: url("images/cat.png") top center no-repeat;
		padding-top: 23px;
	}

        .recent li,
        .countdown li,
	.categories li {
		margin-left: -40px;
		list-style: none;
		text-align: center;
	}

        .recent {
                font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
		background: url("images/recent.png") top center no-repeat;
	}

        .categories {
                font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
		background: url("images/cat.png") top center no-repeat;
	}

        .countdown {
                font: bold 25px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
                background: url("images/101.png") top center no-repeat;
        }
 
        .countdown a{
                color: #000;
        }

        .progress {
                font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
                margin-left: 30px;
                margin-bottom: 10px;
        }
               
        #wb01061807fdf84ab32b2ffdbc9fc4325 img { border: 0; }

        #wb01061807fdf84ab32b2ffdbc9fc4325 { margin: 10px 0 10px 10px; } 

        .badges { margin: 10px auto; text-align: center; }

        .badges img {border: 0;}

/* Sidebar-Calendar */
	
		.sidebar .cal-box {
			background: none;
			height: 350px;
			width: 210px;
		}
		
		.calendar ul {
			list-style: none;
		}

		#wp-calendar {
			width: 190px;
			font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
		}

		#wp-calendar caption {
			font: bold 28px Journal, "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
			text-decoration: underline;
		}

		#wp-calendar a { 
			text-decoration: none;
		}

		#wp-calendar th {
			text-align: center;
			padding: 0;
		}

		#wp-calendar td {
			text-align: center;
			padding: 0;
		}

		#wp-calendar td#today {
			font-weight: bold;
			text-decoration: underline;
		}
	

/* Single & Archive Pages */

	#single-wrap {
		width: 983px;
		min-height: 600px;
		margin: -20px auto 0 auto;
		background: url("images/single-mid.png") repeat-y;	
        }
	
	.break {	
		width: 558px;
		height: 13px;
		background: url("images/hr.png") no-repeat;
		margin: 0 auto;
	}
	
	.single-post-title h3{
		text-align: center;
		color: #262626;
		text-decoration: underline;
		font: bold 25px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
	}

	h2.pagetitle {
		padding: 0;
		margin-top: -50px;
		margin-left: 40px;
		text-align: left;
		color: #000;
		text-decoration: underline;
		font: bold 28px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
	}
	
	#search {
		font: 25px "segoe print", Papyrus, "Monotype Corsiva", Calibri, Verdana, Sans-Serif;
		margin-left: 100px;
		padding-top: 100px;
	}

	#error {
		background: url("images/404.png") center top no-repeat;
		width:600px;
		padding-top: 80px; 
		margin-left: 60px;
		text-align: center;
		font: 20px "segoe print", Papyrus, Calibri, Verdana, Sans-Serif;
		color: #262626;
	}

	#error a{
		color: #63656d;
	}

	#error a:hover {
		text-decoration: underline;
	}
			
/* Navigation */	
	
	.navigation {
		width: 100%; 
		text-align: center;		
		color: #262626;
		font: normal 16px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
	}	

	.nav-left {
                background: url("images/prev.png") no-repeat;
                height: 39px;
		text-align: left; 
		float: left;
                padding-left: 20px;
                padding-top: 13px;
		min-width: 77px; 
	}

	.nav-right {
                margin-top: -13px;
                background: url("images/next.png") no-repeat right;
                height: 39px;
		text-align: right; 
		float: right;
		padding-right: 20px;
                padding-top: 25px;
		min-width: 56px; 
	} 

	.navigation a {
		color: #63656d;
		text-decoration: none;
	}
	
	.navigation a:hover {
		text-decoration: underline;
	}

	.nav {
		clear: both;
		padding-top: 20px;
                text-align: center;
		font: normal 18px "Trebuchet MS", Candara, Verdana, Sans-Serif;
	}
	
/*Photo Gallery*/

	#container {
		margin: 0 auto 0 auto;
		padding-top: 30px;
		z-index: -30;
		min-height: 600px;
                width: 650px;
                background: url("images/gallery.png") top center no-repeat;
	}
	
	#container img{
		margin: 0;
	}

	#gallery-credits {
		clear: both;
                padding-top: 80px;
		margin: 0 0 10px 0;
		text-align: center;
		color: #000;
		font: 16px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
	}	

	#gallery-credits a{
		color: #000;
		text-decoration: none;
	}

/* Comments */

        .comment-thumb {display: none;}
             
	#comments-wrap {
		margin: 30px 10px 30px 0px;
		width: 650px;
	}

         .interactive {
                margin-top: 0;
                padding-top: 0;
                position: relative;
		margin-left: 0px;
        }
               
        h3.trackback_title,
	h3.comments-title {
		margin: 50px 0 5px 15px;
		text-decoration: underline;
		color: #000;
                font: bold 22px/10px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
	}

        h3.respond {
		text-decoration: underline;
		color: #000;
                font: bold 22px/10px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
	}

	.comment-subtitle {
		margin-left: 20px;
	}

	.comment-subtitle a{
		color: #63656d;
	}

	.comment-subtitle a:hover {
		text-decoration: underline;
	}
         
        li.ping-trackback{
                margin: 5px;
		padding: 15px;
		position: relative;
                list-style-type: none;
	}

         li.ping-trackback li{
                list-style-type: decimal;
	}

	ol.commentlist {
		margin: 5px;
		padding: 15px;
		position: relative;
		list-style-type: none;
	}

	ol.commentlist li {
		position: relative;
		list-style-type: none;
	}

	ol.commentlist li ul{
		margin-left: 45px;
	}	

	ol.commentlist li ul img.avatar {height:40px;width:40px;}	

	ol.commentlist li ul .single_comment {
		width: 465px;
		margin-left: 55px;
	}

	ol.commentlist li ul .arrow {
		margin-left: 19px;
		margin-top: 20px;
	}

	.comment-author {
		font: 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;A
	}

	.comment-author,
	.comment-author a {
		color: #7A0303;
	}

	.single_comment a:hover, 
	.comment-author a:hover {
		text-decoration: underline;
	}
	
	.comment-date {
		font: 10px 'Lucida Grande', Tahoma, Verdana, sans-serif;
		padding-left: 20px;
	}

	.comment-author img { border: 0; margin: 0 3px 0 10px; padding-left: 10px;}

	img.avatar {float:left; margin-right: 15px; display: block; border: 2px solid #262626;}
	
        .comment-meta-preview img {float:left; margin-left: -55px; display: block; border: 2px solid #262626;}

        .comment-author img {margin-left:0; border: 0;}

        .arrow-preview,
	.arrow {
		background: url("images/comment-arrow.png") top left no-repeat;
		z-index: 9999;
		position: absolute;
		width: 37px;
		height: 52px;
		margin-top: 39px;
	}

        .arrow-preview {
		margin-left: -16px;
	}

        .arrow {
		margin-left: 44px;
	}

        .single_comment-preview,
	.single_comment {
		min-height: 100px;
		width: 525px;
		background-color: #fff;
		margin-top: 3px;
		margin-bottom: 20px;
		padding: 0 10px 10px 10px;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border: 1px solid #9B9494;
		font: 12px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
	}

        .single_comment-preview {
		margin-left: 20px;
	}

        .single_comment {
		margin-left: 80px;
	}

	.comment-body {
		min-height: 60px;
		margin: 0;
	}
	
	.reply {
		position: absolute bottom;
		float: right;
	}

	#respond {
		margin-left: 80px;
	}

	input#atf_twitter_id:focus,
	input#author:focus,
	input#email:focus,
	input#url:focus {
       		outline:none;
        }

	textarea#comment:focus{
		outline:none;
	}
	
	#subscription-manager {
                margin-left: 170px;
                font: 16px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
		width:650px;
		padding-top: 40px;
	}

        #subscription-manager a{
		color: #63656d;
		text-decoration: none;
	}
	
	#subscription-manager a:hover {
		text-decoration: underline;
	}

/* 101 */
        .accordion {
	        width: 640px;
        }

        .accordion a{
                color: #8A0808;
	        text-decoration: none;
        }

        .accordion a:hover {
	        text-decoration: underline;
        }

        .accordion h5 {
        	padding: 7px 10px;
        	margin: 0;
                text-decoration: underline;
                color: #8A0808;
                border-bottom: solid 1px #c4c4c4;
                font: 16px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
	}

        .accordion h6 {
        	background:  url(images/arrow-square.gif) no-repeat right -51px;
        	padding: 7px 15px;
        	margin: 0;
        	font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
        	border: solid 1px #c4c4c4;
        	border-top: none;
        	cursor: pointer;
        }

        .accordion h6:hover {
        	background-color: #e3e2e2;
        }

        .accordion h6.active {
        	background-position: right 5px;
        }
        
        .accordion p {
	        background: #f7f7f7;
	        margin: 0;
	        padding: 10px 15px 20px;
	        border-left: solid 1px #c4c4c4;
	        border-right: solid 1px #c4c4c4;
                border-bottom: solid 1px #c4c4c4;
                display: none;
                font: normal 14px "Trebuchet MS", Candara, Calibri, Verdana, Sans-Serif;
         }

        .oneoone h4 {
                text-decoration: underline;
		color: #8A0808;
                font: 18px "segoe print", Papyrus, "Monotype Corsiva", "Trebuchet MS", Verdana, Sans-Serif;
                margin: 0;
                padding: 0;
	}

/* Footer */

	#footer{
		clear: both;
		width: 983px;
		margin: 0 auto;
		height:340px;
		background: url("images/footer.png") no-repeat;	
		font: 14px "Trebuchet MS", Candara, Verdana, Sans-Serif;
	}

	#footer ul {
		list-style: none;
	}


	#recent-posts {
		float: left;
		width: 280px; 
                margin-left: 50px;
	}

	#recent-comments {
		float: left;
		width: 288px;
		text-align: left;
                padding: 0 15px 0 15px;
		margin-left: 15px; 
	}

	#recent-comments img.avatar {border: 1px solid #262626; margin: 2px;}

	#archives {
		width: 300px;
		float: left;
		padding-top: 30px;
		position: relative;
		text-align: left;
                height: 120px;
                margin-left: 10px;
	}

	#archives ul { width: 250px; }

	#archives li  { width: 50%; float:left;}

	#recent-posts,
	#recent-comments { 
		padding-top: 30px;
		position: relative;
		height: 270px;
		overflow: hidden;
	}

        #top-photos { 
		padding-top: 30px;
		position: relative;
		height: 110px;
		overflow: hidden; 
                float: left;
	}

        #top-photos a:hover,
	#recent-posts a:hover,
	#recent-comments a:hover,
	#archives a:hover {
		text-decoration: underline;
	}

        #top-photos li,
        #recent-posts ul,
	#archives li ul{ 
		padding-left: 10px;
		border: 0;
		list-style-image: url("images/bullet.png");
	}

	p#credits {
		clear: both;
		text-align: center;
		color: #8A0808;
	}	

	p#credits a{
		text-decoration: none;
		color: #8A0808;
	}
  
        img#wpstats{display:none}

        div.topsy_widget_shortcode { background-color: #ccc; display: inline }