/*
THEME NAME: Waccamaw
THEME URI: http://thri.ca/
DESCRIPTION: A simple yet evocative design in deep blue, depicting the Waccamaw skyline at the top.
VERSION: 6
AUTHOR: <a href="http://thri.ca/about/">C. Harwick</a>
AUTHOR URI: http://thri.ca/
TAGS:
*/

/* Tag styles */
body {
	background: #09111B url('images/tilebg.jpg') top center repeat-x;
	margin: 0; padding: 0;
	font: 13px 'lucida grande',calibri,sans-serif;
}
a {
	color: #4B5A7D;
	text-decoration: none;
	-webkit-transition: 0.1s color;
	-moz-transition: 0.1s color;
}
a:hover {
	color: #679;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 0 4px rgba(255, 255, 255, 0.3);
}
.sidebar a, #bottom a { color: #3B466D; }
.sidebar a:hover, #bottom a:hover {
	color: #4B5A7D;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 0 4px rgba(255, 255, 255, 0.3);
}

blockquote {
    border-left: 6px solid #9B9787;
	border-left-color: rgba(0,0,0,0.25);
    font-size: 12px;
    margin-left: 0;
    padding-left: 12px;
}
.entry-title {
	margin: 10px 0;
	padding-bottom: 25px;
	font-size: 30px;
	color: #6D6C65; color: rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	border-bottom: 1px solid #9D9885;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	font-weight: normal;
}
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { margin: 0 10px 10px 0; }
img.alignright { margin: 0 0 10px 10px; }
.center, .centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
big, h2 { text-shadow: 0 1px 0 rgba(255,255,255,0.4); font-weight: normal; }
h2 { font-size: 1.5em; }
h1, h2 { text-align: left; -moz-hyphens: manual; -webkit-hyphens: manual; }
.faded {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 15px;
}
hr {
	border: none;
	border-bottom: 1px solid #9A9483;
	border-bottom-color: rgba(0,0,0,0.2);
}
#content img {
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #9A9483;
	border-color: rgba(0, 0, 0, 0.3);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	padding: 2px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.5);
	background-clip: padding-box;
}
img.noborder {
	box-shadow: none !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
code.block { display: block; text-align: left; margin: 15px 0; }

/* Header */
#head {
	width: 100%; height: 380px;
	background: url('images/headbg.jpg') top center no-repeat;
}

#container {
	width: 940px;
	margin: 0 auto;
	box-shadow: 0 10px 10px 1px #000;
	background: #EDA url('images/lightbg.jpg');
	background-image: -webkit-linear-gradient(rgba(20,10,0,0.1),transparent), url('images/lightbg.jpg');
	background-image: -moz-linear-gradient(rgba(20,10,0,0.1),transparent), url('images/lightbg.jpg');
	min-height: 500px;
	border-radius: 18px;
	margin-top: -264px;
	border: 1px solid rgba(0,0,0,0.7);
	color: #2D2C26; color: rgba(0, 0, 0, 0.8);
	z-index: 50;
	position: relative;
}
#logo {
	position: absolute;
	height: 180px; width: 180px;
	display: block;
	z-index: 100;
	top: 10px; left: 50%;
	margin-left: -490px;
	background: url('images/logo.png');
	pointer-events: none;
	-webkit-transition: 0.2s -webkit-transform;
	-moz-transition: 0.2s -moz-transform;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 178px 133px;
	-moz-transform-origin: 178px 133px;
}
#homelinks:hover #logo {
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
}
#hometext {
	display: block;
	position: absolute;
	z-index: 1;
	height: 116px; width: 467px;
	top: 36px; left: 50%;
	margin-left: -485px;
	padding-left: 120px;
	background: url('images/headtext.png') right top no-repeat;
	opacity: 0.95;
	-webkit-transition: 0.2s top, 0.2s opacity;
	-moz-transition: 0.2s top, 0.2s opacity;
	-webkit-transform-style: preserve-3d; 
}
#homelinks:hover #hometext {
	background-position: right -116px;
	top: 26px;
	opacity: 1;
}
#homelinks span { display: none; }

/* Body */
.navcontainer {
	width: 822px;
	padding: 0 0 0 118px;
	border-radius: 17px 17px 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background: #9A9483; background: rgba(0,0,0,0.2);
}

.menu, .menu ul { 
	list-style: none;
	margin: 0; padding: 0;
	border-radius: 17px 17px 0 0;
}
.navcontainer:after, #container:after, #archives li:after, #middle:after, #bottom:after, .clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.menu a {
	float: left;
	height: 16px;
	padding: 12px 15px;
	display: block;
	font: 18px 'Hoefler text',caslon,'Adobe Caslon Pro','Adobe Caslon','Big Caslon',serif;
	color: #333; color: rgba(0,0,0,0.8);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	text-decoration: none;
	letter-spacing: 1px;
	border-right: 1px solid #938D7D;
	border-right-color: rgba(0,0,0,0.1);
	border-bottom: none;
	-webkit-transition: 0.1s background;
	-moz-transition: 0.1s background;
}
.menu a:hover { background: #938E7D; background: rgba(0,0,0,0.1); color: #000; }
.menu li:first-child a { padding-left: 56px; }

#searchform button {
	height: 18px; width: 18px;
	background: url('images/search.png');
	opacity: 0.8;
	border: none;
	margin: 0 0 0 15px;
}

#searchform input {
	height: 16px; width: 280px;
	border: none;
	padding: 12px;
	background: none;
	font-size: 18px;
	color: rgba(0,0,0,0.8);
}
#searchform input:focus {
	background: rgba(255,255,255,0.1);
	color: #000;
}
#searchform .unselected {
	color: rgba(0,0,0,0.25);
	font: 18px 'Hoefler text',caslon,'Adobe Caslon Pro','Adobe Caslon','Big Caslon',serif;
}
#middle { overflow: hidden; }
.sidebar {
	background: #D4CFB8;
	background: rgba(0,0,0,0.1);
	border-right: 1px solid #C1BDA7;
	border-right-color: rgba(0,0,0,0.1);
	padding: 20px 15px;
}
div.sidebar {
	float: right;
	border-right: none;
	border-left: 1px solid #C1BDA7;
	border-left-color: rgba(0, 0, 0, 0.1);
	height: 100%; width: 250px;
	padding-bottom: 10001px;
	margin-bottom: -10000px;
}
.sidebar.roundleft { border-radius: 0 0 0 18px; }
.sidebar.roundright { border-radius: 0 0 18px 0; }
#content {
	width: 619px;
	float: right;
	padding: 20px;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
}
.single #content {
	float: left;
	width: 510px;
}
.single .sidebar { width: 359px; }
#bottom {
	padding: 20px;
	width: 900px;
	background: #9A9483; background: rgba(0,0,0,0.2);
	border-top: 1px solid rgba(0,0,0,0.1);
	clear: both;
	border-radius: 0 0 20px 20px;
}

#entry-meta {
	list-style: none;
	margin: 20px 20px 0;
	padding: 0;
	border-top: 1px solid #9A9483;
	border-top-color: rgba(0, 0, 0, 0.2);
	
}
.related {
	list-style: disc;
	margin-left: 20px;
}
#entry-meta li { margin-top: 5px; }

/* Comments */
#commentlist {
	list-style: none;
	margin: 0 -15px 0 -16px;
	padding: 0;
}
.info-entry, .sidebar > h3 a {
	display: block;
	background: #A09C89; background: rgba(0, 0, 0, 0.1);
	border: 1px solid #908D7C;
	border-color: rgba(0, 0, 0, 0.1);
	border-left: none; border-right: none;
}
.info-entry strong {
	margin-top: 7px;
	display: block;
}
.gravatar {
	height: 50px; width: 50px;
	float: left;
	margin: -1px 10px -1px 0;
}
.commentnumber {
	float: right;
	font: italic 36px georgia,serif;
	margin: 0 15px 0 0;
}
.commentnumber a {
	color: #7F7C6F; color: rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.commentnumber a:hover { color: #656459; color: rgba(0, 0, 0, 0.3); }
.commentbody {
	padding: 0 15px;
	font-size: 12px;
	margin-bottom: 2.5em;
	text-align: justify;
}
textarea#comment {
	height: 150px; width: 350px;
	background: rgba(255, 255, 255, 0.8);
}
textarea#comment:focus { background: #FFF; }
#commentlist + #comment-entry {
	margin: 0 -15px;
	padding: 0 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#comment-entry h2 { margin-top: 10px; }

/* Content */
.postlist {
	list-style: none;
	margin: 0; padding: 0;
	text-align: justify;
}
.postlist > li {
	padding: 10px 0;
	border-bottom: 1px solid #B3AE99;
	border-bottom-color: rgba(0,0,0,0.1);
}
.postlist h2 { margin: 10px 0; }
.last { border-bottom: none !important; }
.postlist > li:first-child, .postlist > li:first-child h2, .postlist > li:first-child .postmeta {
	margin-top: 0; padding-top: 0;
}

/* Tooltips & Footnotes */
.tooltip {
	background: #333;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 5px 10px;
	position: absolute;
	border-radius: 5px;
	border: 2px solid #FFF;
	border-color: rgba(255, 255, 255, 0.8);
	background-clip: padding-box;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 999;
	color: white;
}
.tooltip:before, .tooltip:after {
	display: block;
	position: absolute;
	content: "";
	height: 0; width: 0;
	border: 5px solid transparent;
}
.tooltip.scriptable {
	text-align: center;
	font-size: 11px;
	padding: 3px 5px;
}
.tooltip.scriptable:before {
	bottom: -12px; left: 50%;
	border-top-color: #FFF;
	border-top-color: rgba(255, 255, 255, 0.8);
	margin-left: -3px;
}
.tooltip.scriptable:after {
	bottom: -10px; left: 50%;
	border-top-color: #333;
	border-top-color: rgba(0, 0, 0, 0.8);
	margin-left: -3px;
}
sup {
	position: relative;
	display: inline-block;
}
sup div.tooltip {
	width: 300px;
	top: -8px; left: 15px;
	text-align: left;
}
sup:hover { cursor: pointer; }
sup:hover .tooltip { display: block; cursor: default; }
sup .tooltip:before {
	border-right-color: #FFF;
	border-right-color: rgba(255, 255, 255, 0.8);
	top: 7px; left: -12px;
}
sup .tooltip:after {
	border-right-color: #333;
	border-right-color: rgba(0, 0, 0, 0.8);
	top: 7px; left: -10px;
}
.tooltip a { color: rgb(119, 153, 221); text-shadow: none; }
.shownotes {
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 5px 0;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
.shownotes:hover { background: rgba(0, 0, 0, 0.2); }
.notes li { font-size: 12px; margin: 1em 0; }
.notes blockquote, .tooltip blockquote { font-size: 11px; border-width: 4px; }
.tooltip blockquote { border-color: #666; }

/* Post Meta Boxes */
.postmeta {
	height: 24px;
	float: right;
	margin-top: 10px;
}
.postmeta > * {
	height: 24px; width: 24px;
	float: left;
	margin: 0 5px;
	display: block;
}
.commentbox {
	background: url('images/comments.png');
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	padding-top: 3px;
	color: rgba(0, 0, 0, 0.5) !important;
	height: 21px !important;
}
.commentbox:hover { background-position: -24px 0; }
.datebox {
	display: block;
	width: 24px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	margin-left: 15px;
}
.postmeta .datebox { margin: 0 5px; }
.datebox .month {
	text-transform: uppercase;
	font: bold 8px arial,sans-serif;
	color: #34322C; color: rgba(0, 0, 0, 0.75);
	height: 8px;
}
.datebox .day { height: 16px; font-size: 16px; color: #4B5A7D; }
.datebox .time {
	font: 9px arial,sans-serif;
	color: rgba(0, 0, 0, 0.8);
	margin-top: 2px;
}
#bottom .tweet .datebox {
	float: left;
	margin: 0 15px 0 0;
}
#commentform label {
	display: inline-block;
	width: 75px;
}

/* Categories & Archives */
.postmeta .postcat, #catlist a:before {
	height: 25px; width: 26px;
	background-image: url('images/categories.png');
}
.postcat span { display: none; }
.cat1, .cat1:before { background-position: 0 0; }
.cat8, .cat8:before { background-position: -26px 0; }
.cat7, .cat7:before { background-position: -52px 0; }
.cat5, .cat5:before { background-position: -78px 0; }
.cat3, .cat3:before { background-position: -104px 0; }
.cat6, .cat6:before { background-position: -130px 0; }
.cat1:hover, .cat1:hover:before { background-position: 0 -25px; }
.cat8:hover, .cat8:hover:before { background-position: -26px -25px; }
.cat7:hover, .cat7:hover:before { background-position: -52px -25px; }
.cat5:hover, .cat5:hover:before { background-position: -78px -25px; }
.cat3:hover, .cat3:hover:before { background-position: -104px -25px; }
.cat6:hover, .cat6:hover:before { background-position: -130px -25px; }

#catlist a {
	display: block;
	width: 240px; height: 25px;
	padding: 5px 0;
	border-top: 1px solid #C7C1AD;
	border-top-color: rgba(0, 0, 0, 0.1);
}
#catlist a:first-child { border-top: none; }
#catlist a:before {
	display: block;
	float: left;
	content: "";
	margin-right: 10px;
}
#catlist span.text {
	display: block;
	margin-top: 4px;
}
#catlist span.text span {
	float: right;
	color: #888475;
	color: rgba(0,0,0,0.4);
}
#catlist, #archives.wide { float: left; }
#archives {
	list-style: none;
	margin: 0; padding: 0;
}
#archives.wide {
	margin: 0 0 0 20px; padding: 0 0 0 20px;
	border-left: 1px solid rgba(0,0,0,0.2);
}
#bottom #archives.wide {
	margin-right: 20px; padding-right: 20px;
	border-right: 1px solid rgba(0,0,0,0.2);
}
#archives strong a {
	display: block;
	font-size: 14px;
	color: #2D2C26; color: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
#archives li > a, #archives li > span {
	display: block;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #C7C1AD;
	border-color: rgba(0, 0, 0, 0.1);
	border-right: none;
	padding: 2px;
}
.sidebar #archives li > a, .sidebar #archives li > span { font-size: 11px; }
#archives.wide li > a, #archives.wide li > span {
	width: 30px;
	padding: 5px;
}
#archives li > :last-child { border-right: 1px solid #C7C1AD; border-right-color: rgba(0, 0, 0, 0.1); }
.allpostslink * { border: none !important; }
.allpostslink a:hover { background: transparent !important; }
#catlist a:hover, #archives a:hover {
	background: #C8C2AD; background: rgba(0, 0, 0, 0.1);
	color: #333; color: rgba(0, 0, 0, 0.8);
}

/* Idea States */
.idea {
	height: 16px; width: 16px;
	border-radius: 20px;
	border: 2px solid;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-transition: 0.2s background-color, 0.2s border-color;
	-moz-transition: 0.2s background-color, 0.2s border-color;
	margin-top: 1px;
}
.presentable {
	background: #AFC797; background: rgba(0, 128, 0, 0.2);
	border-color: #27931D; border-color: rgba(0, 128, 0, 0.75);
}
.developed {
	background: #C6C899; background: rgba(100, 128, 0, 0.2);
	border-color: #7D931A; border-color: rgba(100, 128, 0, 0.75);
}
.rough {
	background: #D0C899 ;background: rgba(150, 130, 0, 0.2);
	border-color: #A59417; border-color: rgba(150, 130, 0, 0.75);
}
.limb {
	background: #D0BC99; background: rgba(150, 75, 0, 0.2);
	border-color: #A5671D; border-color: rgba(150, 75, 0, 0.75);
}
.disavowed {
	background: #CBAD98; background: rgba(128, 0, 0, 0.2);
	border-color: #952B24; border-color: rgba(128, 0, 0, 0.75);
}

.presentable:hover { background: rgba(0, 128, 0, 0.4); border-color: rgb(0, 128, 0); }
.developed:hover { background: rgba(100, 128, 0, 0.4); border-color: rgb(100, 128, 0); }
.rough:hover { background: rgba(150, 130, 0, 0.4); border-color: rgb(150, 130, 0); }
.limb:hover { background: rgba(150, 75, 0, 0.4); border-color: rgb(150, 75, 0); }
.disavowed:hover { background: rgba(128, 0, 0, 0.4); border-color: rgb(128, 0, 0); }


/* Hide & Show Excerpts */
.toggleLink {
	display: inline-block;
	position: relative;
	height: 16px; width: 16px;
	border-left: 1px solid #333;
	border-left-color: rgba(0, 0, 0, 0.3);
	border-bottom: none;
}
.toggleLink span {
	display: block;
	height: 0; width: 0;
	border: 5px solid transparent;
	border-bottom-color: #333;
	border-bottom-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 1px; left: 5px;
	color: transparent;
	text-shadow: none;
	overflow: hidden;
}
.toggleLink.show span {
	border-top-color: #333;
	border-top-color: rgba(0, 0, 0, 0.3);
	border-bottom-color: transparent;
	top: 6px;
}
.toggleLink:hover { border-left-color: rgba(0,0,0,0.5); }
.toggleLink:hover span { border-bottom-color: rgba(0,0,0,0.5); }
.toggleLink.show:hover span {
	border-top-color: rgba(0,0,0,0.5);
	border-bottom-color: transparent;
}

/* Share */
.share { display: block; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
.share a {
    height: 17px; margin: 0 4px; 
    display: inline-block;
    vertical-align: middle;
    background-image: url('images/share.png');
	border-bottom: none;
}
.share a span, .fshare a span { display: none; }
.soc_digg { background-position: 0 0; width:19px; }
.soc_digg:hover { background-position: 0 -17px; }
.soc_fb { background-position: -19px 0; width:16px; }
.soc_fb:hover { background-position: -19px -17px; }
.soc_del { background-position: -35px 0; width:18px; }
.soc_del:hover { background-position: -35px -17px; }
.soc_tech { background-position: -53px 0; width:18px; }
.soc_tech:hover { background-position: -53px -17px; }
.soc_nv { background-position: -71px 0; width:15px; }
.soc_nv:hover { background-position: -71px -17px; }
.soc_red { background-position: -86px 0; width:18px; }
.soc_red:hover { background-position: -86px -17px; }
.soc_su { background-position: -104px 0; width:18px; }
.soc_su:hover { background-position: -104px -17px; }
.soc_wlive { background-position: -122px 0; width:18px; }
.soc_wlive:hover { background-position: -122px -17px; }
.soc_twit { background-position: -140px 0; width:18px; }
.soc_twit:hover { background-position: -140px -17px; }
.soc_gplus { background-position: -158px 0; width:18px; }
.soc_gplus:hover { background-position: -158px -17px; }

/* Sidebar */
#bottom #about {
	width: 240px;
	float: left;
}
#bottom #twitter {
	float: left;
	width: 619px;
	margin-left: 20px; padding-left: 20px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}
table#main .sidebar .rss, h3.rss a:before {
	height: 14px; width: 13px;
	background-image: url('images/rss.png');
	background-position: 0 0 !important;
}
h3.rss a:before {
	display: inline-block;
	position: relative;
	top: 1px;
	content: "";
}
.tweet, .tweet td {
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#twitter .tweet:last-child, #twitter .tweet:last-child td { border-bottom: none; }
.sidebar #twitter .tweet td {
	padding: 15px 0;
	vertical-align: top;
}
.sidebar #twitter .tweet:first-child td { padding-top: 0; }
#bottom hr { margin-bottom: 0; clear: both; }
#bottom #archives, #bottom #catlist, #bottom .rss { padding-top: 20px; }
.sidebar #catlist { padding-top: 10px; float: none; }
.sidebar > h3 a {
	clear: both;
	padding: 10px 15px;
	margin: 20px -15px 0;
	font: 18px 'Hoefler text',caslon,'Adobe Caslon Pro','Adobe Caslon','Big Caslon',serif;
	color: rgba(0, 0, 0, 0.8);
}
.sidebar > h3 a:hover {
	background: #938E7D;
	background: rgba(0, 0, 0, 0.2);
	color: #000;
	color: rgba(0, 0, 0, 0.8);
}
.sidebar > h3:last-child a { margin-bottom: -17px; }

/* Gravity Forms */
ul.gform_fields { list-style: none; padding: 0; }
ul.gform_fields > li { clear: both; margin: 1em 0; }
.gfield_required { color: #C00; }
.gform_validation_container { display: none; } /* Honeypot */
.ginput_left, .ginput_right { display: block; float: left; }
.ginput_right { margin-left: 40px; }
.ginput_left label, .ginput_right label { display: block; font-size: 10px; margin-bottom: 1em; }
.ginput_container input, .ginput_container textarea { width: 400px; }
.ginput_container .ginput_left input, .ginput_container .ginput_right input { width: 180px; }

/* Footer */
#footericons {
	width: 200px;
	margin: 20px auto 0;
}
.footericon {
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align:middle;
    margin: 0 7px 7px 7px;
	opacity: 0.5;
	border-bottom: none;
	-webkit-transition: 0.2s opacity;
	-moz-transition: 0.2s opacity;
	-webkit-backface-visibility: hidden;
}
.footericon:hover { opacity: 1; }

#footericons span, #vpe span { display: none; }
#footericons div, #vpe, #footericons a { background-image: url(images/footericons.png); }

#thrica { background-position: 0 0; }
#wordpress { background-position: -32px 0; }
#nfs { background-position: -64px 0; }
#commons { background-position: -96px 0; }
#vpe { background-position: 0 -32px; height: 5px; width: 92px; margin: 0 auto; }

/* Small screens */
@media only screen and (max-width : 945px) {
	body { font-size: 12px; }
	h2 { font-size: 1.3em; }
	#container {
		width: 100%;
		border-radius: 0;
		box-shadow: none;
		border: none;
	}
	.navcontainer {
		width: auto;
		border-radius: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.5);
	}
	.menu a { padding: 10px 12px; }
	#searchform input { width: 200px; padding: 10px; }
	
	.postmeta .datebox, .postmeta > * { margin: 0 3px; }
	
	#catlist span.text span { display: none; }
	#catlist a { width: 200px; padding: 3px 0; }
	#archives.wide li > a, #archives.wide li > span { padding: 3px; text-align: center; }
	
	.single #content { width: auto; float: none; }
	.single .sidebar {
		width: auto;
		border-left: none;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		float: none;
	}
	#bottom { border-radius: 0; width: auto; }
	#bottom #twitter { width: 400px; }
	#bottom #about { width: 200px; }
}
