/* Fonts */

/*@font-face {
	font-family: 'Museo-300';
	src: url('http://static.sweetnr.com/wp-content/themes/sweetums/fonts/Museo300-Regular.eot');
	src: local('Museo'), local('Museo-300'), url('http://static.sweetnr.com/wp-content/themes/sweetums/fonts/Museo300-Regular.woff') format('woff'), url('http://static.sweetnr.com/wp-content/themes/sweetums/fonts/Museo300-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Museo-700';
	src: url('http://static.sweetnr.com/wp-content/themes/sweetums/fonts/Museo700-Regular.eot');
	src: local('Museo'), local('Museo-700'), url('http://static.sweetnr.com/wp-content/themes/sweetums/fonts/Museo700-Regular.woff') format('woff'), url('http://static.sweetnr.com/wp-content/themes/sweetums/fonts/Museo700-Regular.ttf') format('truetype');
}*/
section, article, nav, footer, header{
	display:block;
	}
*{
	margin:0;
	padding:0;
	}
html{
	min-height:100%;
	}
body{
	background:#000022;
	font:14px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, Arial, sans-serif;
	color:#fff;
	min-height:100%;
	text-shadow:#000 1px 1px 1px;
	letter-spacing:0.1ex;
	word-spacing:0.1ex;
	}
pre, body .wp_syntax pre{
	text-shadow:none;
	padding:17px 17px 19px;
	line-height:20px;
	font-family:Menlo,Monaco,Consolas,"Lucida Console",monospace;
}
body .wp_syntax{
    width:600px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#container{
	min-width:500px;
	background-image:url(http://static.sweetnr.com/wp-content/themes/sweetums/images/bg.png);
	background-repeat:repeat-x;
	background-position:center -200px;
	position:relative;
	background-position:fixed;
	}
#main-nav{
	position:relative;
	z-index:10;
	font-weight:bold;
	}
#content header, #content section, footer, #main-nav{
	clear:both;
	margin:0 29% 0 12%;
	}
#content section article h2, #content section h1{
    padding-top:9px;
}
#main-nav ul{
	list-style-type:none;
	margin-left:-1em;
	}
#main-nav li{
	float:left;
	font-size:14px;
	padding-right:1ex;
	background-image:none;
	}
#main-nav li a, #main-nav li strong{
	display:block;
	padding:15px 1ex;
	margin:1.5ex 0 20px;
	border:0;
	}
#main-nav li a:link, #main-nav li a:visited, #main-nav li strong{
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
	}
#main-nav li strong{
	background-color:transparent;
	border:0;
	}
#main-nav li a:link, #main-nav li a:visited{
	color:#0099cc;
	}
footer{
	display:block;
	padding:0 0 40px;
	}
footer p{
	padding-bottom:1em;
	}
#content{
	display:block;
	}
#content p{
	padding:0 0 20px;
	}
#content section.vcard{
	font-family:"Museo-300", "Cambria Bold", Georgia, Serif;
	font-weight:300;
	margin-bottom:20px;
	padding-top:1px;
	font-size:1.4em;
	line-height:40px;
	padding-bottom:0;
	}
#content section.vcard p{
	padding-bottom:20px;
	color:#ccc;
	text-align:right;
	}
#content section.vcard a{
	white-space:nowrap;
	}
#content section.vcard span{
	color:#fff;
	font-size:1.4em;
	position:relative;
	}
#content section.vcard .fn{
	white-space:nowrap;
}
#banner{
	padding-top:30px;
	position:relative;
	z-index:6;
	background:url(http://static.sweetnr.com/wp-content/themes/sweetums/images/logo.png) no-repeat left;
	height:60px;
	margin:0 29% 0 12%;
	}
#banner h1{
	font-weight:normal;
	font-size:52px;
	line-height:60px;
	padding-left:12%;
	letter-spacing:-0.1ex;
	font-family:"Museo-700", "Cambria Bold", Georgia, Serif;
	font-weight:700;
	text-shadow:#000021 1px 1px 1px;
	position:absolute;
	left:-9999px;
	z-index:3;
	float:left;
	}
#banner h1, #banner h1 a{
	color:#d0cd9e;
	border-bottom:0;
	}
#banner h1 a{
	position:relative;
	z-index:3;
	}
#banner h1 span{
	color:#a9773f;
	font-style:italic;
	font-weight:normal;
	position:relative;
	left:-0.3ex;
	}
#banner h2{
	font-family:"Museo-300", "Cambria Bold", Georgia, Serif;
	font-weight:300;
	font-weight:normal;
	font-style:italic;
	padding-top:20px;
	position:relative;
	z-index:3;
	left:-0.5em;
	color:#ddd;
	text-shadow:#000 1px 1px 1px;
	}
#content nav#tags{
	display:block;
	width:10%;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	text-align:right;
	padding-bottom:2em;
	}
#content #tags ol, #content aside ul{
	list-style-type:none;
	padding-top:5px;
	margin-bottom:3px;
	}
#content nav h3{
	padding-right:0;
	padding-left:0;
	}
#content aside{
	display:block;
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	width:27%;
	overflow:hidden;
	}
#content aside h3, #content aside li{
	padding-right:2em;
	}
#content aside .post{
	display:block;
	}
#content .twitter li p{
	padding:0;
	display:inline;
	}
#content aside ol li{
	border-bottom:1px dotted #222;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:4px;
	}
#content aside ol li abbr{
	font-size:0.8em;
	color:#999;
	}
#content aside ol{
	list-style-type:decimal;
	margin-left:1.5em;
	z-index:10;
	position:relative;
	}
#content aside h3, #content nav h3{
	position:relative;
	z-index:11;
	}
#content section{
	padding-bottom:3em;
	}
#content nav a{
	display:block;
	font-size:14px;
	padding:0 4px;
	margin-right:-4px;
	border:0;
	text-transform:lowercase;
	font-variant:small-caps;
	}
#content section.hfeed>h2{
    padding-top:6px;
    margin-bottom:15px;
}
#content section.hfeed .hentry{
	padding-left:5em;
	}
#content .elsewhere{
    padding-top:8px;
    }

/* HEADINGS */
h2, h3, section h1{
	color:#c44626;
	line-height:40px;
	padding-top:20px;
	margin-bottom:12px;
	font-size:32px;
	font-family:"Museo-300", "Cambria Bold", Georgia, Serif;
	font-weight:300;
	font-weight:normal;
	letter-spacing:-0.05ex;
	text-shadow:none;
	}
h3, h2.date{
	font-size:16px;
	padding-top:0;
	line-height:20px;
	color:#fff;
	margin-bottom:20px;
	}
h2 em{
	font-size:1.3em;
	position:relative;
	bottom:-0.08em;
	font-style:normal;
	}
.hentry h4{
	position:absolute;
	left:-9999px;
	}
aside h2, nav h2, .tags{
	text-transform:lowercase;
	}
a[rel='tag'], .tags{
	letter-spacing:0.2ex;
	}
#content section .tags{
	font-size:14px;
	color:#999;
	}
#tags h2{
    margin-bottom:11px;
    }
h3.date{
	float:left;
	font-size:1em;
	line-height:20px;
	padding:0;
	background-color:#fff;
	border-color:#222;
	-webkit-box-shadow:#222 2px 2px 1px;
	-moz-box-shadow:#222 2px 2px 1px;
	box-shadow:#222 2px 2px 1px;
	border-style:solid;
	border-width:1px;
	margin-bottom:20px;
	width:3.6em;
	}
h3.date span{
	text-align:center;
	display:block;
	padding-top:2px;
	}
h3.date .month{
	font-size:1.2em;
	background-color:#1a150e;
	text-transform:lowercase;
	font-variant:small-caps;
	color:#fff;
	}
h3.date .date{
	color:#1a150e;
	font-size:2em;
	line-height:30px;
	padding:2px 0;
	}
h3.date .year{
	position:absolute;
	left:-9999px;
	}
.hentry{
	position:relative;
	}
.hentry h2{
    padding-top:5px;
	margin-bottom:16px;
	}
.hentry h3.date{
	position:absolute;
	left:0;
	top:0;
	}
.hentry .entry-summary{
    position:relative;
    top:1px;
    }
    
/* LINKS */
a{
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	}
a:link{
	color:#00bfff;
	border-bottom-color:#006699;
	}
a:visited, a:hover:visited{
	color:#0099cc;
	border-bottom-color:#006699;
	}
a:hover, #main-nav li a:hover{
	color:#fff;
	border-bottom-color:#fff;
	background-image:url(http://static.sweetnr.com/wp-content/themes/sweetums/images/bg.png);
	background-repeat:repeat-x;
	background-position:center -100px;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,102,153,0.4)), to(transparent));
	background:-moz-linear-gradient(left top, left bottom, from(rgba(0,102,153,0.4)), to(transparent));
	background:linear-gradient(left top, left bottom, from(rgba(0,102,153,0.4)), to(transparent));
	-webkit-transition:0.2s color, border-color ease-in;
	-moz-transition:0.2s color ease-in;
	transition:0.2s color ease-in;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
a:hover:visited{
	background-image:url(http://static.sweetnr.com/wp-content/themes/sweetums/images/bg.png);
	background-repeat:repeat-x;
	background-position:center 0;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(153,51,255,0.4)), to(transparent));
	background:-moz-linear-gradient(left top, left bottom, from(rgba(153,51,255,0.4)), to(transparent));
	background:linear-gradient(left top, left bottom, from(rgba(153,51,255,0.4)), to(transparent));
	color:#fff;
	border-bottom-color:#fff;
	}
footer{
    padding-top:6px;
	padding-right:200px;
	}
footer #badges a{
	border:0;
	margin-right:1ex;
	}
a img{
	border:0;
	}

/* FOOTER */
footer{
	position:relative;
	}
footer #badges{
	position:absolute;
	right:0;
	top:10px;
	}
footer #badges a{
	border:0;
	}
footer #badges a:hover{
	background-color:transparent;
	}
		
/* FORMS */
input.text, input[type=text], textarea{
	font-size:18px;
	line-height:20px;
	padding:1px;
	}
button{
	font-size:14px;
	padding:2px 8px;
	line-height:20px;
	position:relative;
	top:-1px;
	margin-left:0.5em;
	background:#f8f6cb url(http://static.sweetnr.com/wp-content/themes/sweetums/images/button.png) repeat-x bottom;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(248,246,203)), to(rgb(192,188,132)));
	background:-moz-linear-gradient(left top, left bottom, from(rgb(248,246,203)), to(rgb(192,188,132)));
	background:linear-gradient(left top, left bottom, from(rgb(248,246,203)), to(rgb(192,188,132)));
	border:1px solid #7e7603;
	color:#222;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;
	-webkit-box-shadow:#222 2px 2px 1px;
	-moz-box-shadow:#222 2px 2px 1px;
	box-shadow:#222 2px 2px 1px;
	cursor:pointer;
	}
button:hover{
	border-color:#fff;
	-webkit-transition:0.2s border-color ease-in;
	-moz-transition:0.2s border-color ease-in;
	transition:0.2s border-color ease-in;
	}
button:active{
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(192,188,132)), to(rgb(248,246,203)));
	background:-moz-linear-gradient(left top, left bottom, from(rgb(192,188,132)), to(rgb(248,246,203)));
	background:linear-gradient(left top, left bottom, from(rgb(192,188,132)), to(rgb(248,246,203)));
	}
aside .search input.text{
	width:65%;
	}
#commentform label{
	display:block;
	margin-bottom:10px;
	}
#commentform input.text, #commentform textarea{
	width:400px;
	}
#commentform button{
	margin-left:0;
	}

/* COMMENTS */
.commentlist .comment{
    position:relative;
}
.commentlist img.avatar{
	background-image:none;
	padding:0;
	border:0;
	margin-bottom:9px;
	}
#content .comment-body p{
	padding-left:56px;
	clear:left;
}
#content .comment-body{
	border-bottom:1px dotted #333;
	margin-bottom:20px;
}
.commentlist .comment-author{
	float:left;
	padding-top:0;
	margin-right:1em;
}
/* BLOCKS */
ul li{
	background:url(http://static.sweetnr.com/wp-content/themes/sweetums/images/bullet.png) no-repeat left;
	padding-left:15px;
	}

/* MISC */
figure, figcaption{
    display:block;
    }
figcaption{
    color:#999;
    }
figure img{
    -webkit-box-shadow:0 0 20px #000;
    -moz-box-shadow:0 0 20px #000;
    box-shadow:0 0 20px #000;
    }
section img{
	max-width:90%;
	}
section img.photo, section img.figure, section img.logo{
	float:left;
	margin-right:2em;
	margin-bottom:1em;
    }
section img.photo, section img.figure{
	-webkit-box-shadow:rgb(0,0,0) 4px 4px 4px;
	-moz-box-shadow:rgb(0,0,0) 4px 4px 4px;
	box-shadow:rgb(0,0,0) 4px 4px 4px;
	-webkit-border-radius:0.2em;
	-moz-border-radius:0.2em;
	border-radius:0.2em;
	border-width:1px;
	border-style:solid;
	border-color:#fff #444 #444 #fff;
	padding:10px 10px 30px;
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.5,rgb(255,255,255)), color-stop(0.8, rgb(150,150,150)));
	background:-moz-linear-gradient(left top, left bottom, color-stop(0.5,rgb(255,255,255)), color-stop(0.8, rgb(150,150,150)));
	background:linear-gradient(left top, left bottom, color-stop(0.5,rgb(255,255,255)), color-stop(0.8, rgb(150,150,150)));
	}
#error404 h2{
	font-size:4em;
	}

/* ABOUT */
img.avatar{
	float:left;
	margin-right:1em;
	margin-bottom:20px;
	}
	
/* FOR SMALL SCREENS */
@media all and (max-width:700px){
	#content aside, #content nav#tags{
		width:auto;
		position:static;
	}
	#banner, #content section, footer, #main-nav, #content aside, #content nav#tags{
		clear:both;
		margin-right:20px;
		margin-left:20px;
	}
	#content nav#tags{
		text-align:left;
	}
}