/*  
Theme Name: primarie_interface
Theme URI: http://r-l-w.net/
Description: Spacious and clean, built with primarie colors
Version: 1.5
Author: Roger L. Waggemer
Author URI: http://r-l-w.net/
*/



* {font-family: 'Ubuntu', Verdana, sans-serif; color:#009; margin:0; padding:0;}
body {font-size: .4cm}
a {text-decoration: underline; border:none;}
.small {font-size:0.7em;}
#page {background-color: #fff; margin: 10px auto; padding: 4px; width: 95%; max-width: 790px; min-width: 320px; border: 2px solid #999;}
hr {margin-bottom:0.75em;}

#header {background:#44f; width: 27%; padding:1em 0em 1em 1.25em; float:left;}
.stikr {float: right;}
#header h1 {font: normal 330%/80% 'Ubuntu', Verdana; color:#fff; padding:0em;}
#header p {font-size:0.8em; color:#eee; margin:0; padding-right:1em;}

#navigation {display: none; background-color:transparent;  color:#000; margin:0; margin-top:-0.5em; padding:0em;}
#navigation ul {text-align:left;}
#navigation ul li {display:inline; font-size:0.75em; line-height:90%; margin:1em; margin-right:0em; padding:0.2em;}
#navigation ul li a {background-color:#0f0; padding:0.2em; border:1px solid #000;}
#navigation ul li a:hover {background-color:#ff0; border:1px solid #0f0;}

#main {background-color:#fff; width:66%; margin:0em; padding:1em; float:right; border-left:0px solid #999;}
#main .post {background-color:#fff; margin-bottom:3em;}
#main h2.title {font-size:1.5em; line-height:90%; font-weight:normal; clear:both; padding-bottom:0.25em;}
#main h3 {font-size:0.8em;}
#main h3.date {font-size:0.8em; float:right; padding-bottom:0.5em;}
#main h4 {font-size:0.8em; font-style:italic; float:right; padding:0.25em 0em 0.75em 0em;}
#main p {margin-left:-0.2em; padding-bottom:1.25em; text-align:justify;}
#main h5 .postmeta {background-color:transparent;}
#main h5 p {text-indent:0;}
#main h5 .tags {font-size:0.8em; float:left; margin-left:0;}
#main h5 .comments {font-size:0.8em; float:right; clear:none;}
.img-right {margin:0px; padding:0px 0px 10px 10px; float:right; clear:right;  border:none;}
.clearer {clear:both;}
.navigation {display: block; text-align: center;}
.alignright {float: right;}
.alignleft {float: left}

#sidebar {background-color:#eee; width:27%; float:left; padding:1em 0.625em 0em 0.625em; border-right:0px solid #999;}
#sidebar h2 {font-size:1.25em; line-height:90%; font-weight:normal; clear:both; padding-bottom:0.25em; margin-top:20px;}
#sidebar ul {list-style:none; margin:5px auto;}
#sidebar ul li {margin-bottom:3em; margin-0px auto;}
#sidebar ul li ul li {margin:0em; margin-left:0.5em; border:none; margin-bottom:0.25em;}
#linkcat-13 li {padding-bottom:0.75em;}

#comments {font-size:1em; line-height:90%; font-weight:bold; clear:both; padding:1em 0em 0.5em 0em; margin-left:-1em;}
ol.commentlist {margin-left:1.5em;}
ol.commentlist > li {padding-bottom:0.25em; margin-bottom:0.8em; border-bottom: 2px dotted #aaa;}
ol.commentlist > li > p {padding-bottom:0.75em; padding-top:0.75em;}
#respond {font-size:1em; line-height:90%; font-weight:bold; clear:both; padding-bottom:0.25em;}
.commentmetadata {padding-bottom:0.175em;}
.ucanuse {width:60%;}
.comment_textarea {padding-top:0.75em;}
#comment_textbox {clear:both; margin-left:0.8em;}

#footer {background-color:#44f; text-align:center; font-size:0.7em; padding:1em; color:#fff; clear:both;}
#footer a {color:#eee;}
#footer ul {margin:0.75em;}
#footer ul li {display:inline; color:#fff; text-align:center; padding:0.2em 0.2em 0.2em 1em;}
#footer ul li ul  {display:inline; margin:0;}
#footer ul li ul li {display:inline; color:#fff; padding:0.2em;}

#pandoracom .widgettitle {font-size:1.1em; font-weight:bold; margin-left:-5px;}
ul.widget_pandora {font-size:90%;}
#pandoracom li {margin-bottom:-1.3em;}

#wcstl-attendee-vertical {margin:0px auto;}

#main div.about p {clear:none;}
#main div.about img {border:1px solid #999;}

.note {padding: 10px; margin-bottom:10px; border:1px solid #eee;}

#main blockquote.convo p {margin-left:20px;}

/*WordCamp STL badge styling- remove after event*/
div.wcstl a.wordcampstl{
	margin: 0 auto !important;
	font: 12px/150% "Lucida Grande", "Lucida Sans", Arial, Tahoma, sans-serif !important;
	padding: 10px !important;
	position: relative !important;
	border: 3px solid #999 !important;
	background: #fff !important;
	min-height: 90px !important;
	max-width: 300px !important;
	width: auto !important;
	overflow: auto !important;
	display: block !important;
	text-decoration: none !important;
	color: #121212 !important;
	border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	transition: 0.1s all linear;
	-moz-transition: 0.1s all linear;
	-webkit-transition: 0.1s all linear;
	margin-bottom: 20px;
}

div.wcstl a.wordcampstl p{
	line-height: 150% !important;
}

div.wcstl a.vertical{
	max-width: 140px !important;
	width: auto !important;
}

div.wcstl a.wordcampstl:hover{
	background-color: #fff !important;
	border-color: #bbb !important;
	border-color: rgba(0,0,0,0.4) !important;
	color: #000 !important;
}

div.wcstl a.wordcampstl img.wcstl_img{
	float: left !important;
	display: inline !important;
}

div.wcstl a.vertical img.wcstl_img{
	float: none !important;
	display: block !important;
	margin: 5px auto !important;
}

div.wcstl a.horizontal div.wcstl_text{
	margin-left: 140px !important;
	display: block !important;
}

div.wcstl a.wordcampstl div.wcstl_heading{
	font-weight: bold !important;
}

div.wcstl a.dark{
	border-color: #333 !important;
	background-color: #222 !important;
	color: #ccc !important;
}

div.wcstl a.dark:hover{
	background-color: #666 !important;
	border-color: #aaa !important;
	border-color: rgba(255,255,255,0.4) !important;
	color: #fff !important;
}
/* END badge styling */