@charset "utf-8";
/* CSS Document */
a { text-decoration: none; }
blockquote img { max-width: 100%; }
* { margin: 0; }
.clear { clear: both; margin-bottom: 2%; }
a:active, a:visited, a:link, a:hover { transition-duration: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
p { margin: 5px; }
img { max-width: 100%; }
#mainContainer { width: 85%; margin: 0 auto; }
#container { width: 99%; margin: 0 auto; }
#header { width: 100%; margin-bottom: 2%; }
#header img { width: 100%; }
#header .links {  height: 52px; text-align: center;}
#header .links a { margin: 0 4px; text-transform: uppercase;}

#left-col { width: 72%; float: left; }
.date { overflow: hidden; text-align: center; margin-bottom: 15px; margin-top: 2%; }
.comments { overflow: hidden; text-align: center; margin-bottom: 15px; margin-top: 2%; }
.date > span, .comments > span{ position: relative; display: inline-block; }
.date > span:before, .date > span:after, .comments > span:before, .comments > span:after{
	content: ""; position: absolute; top: 50%; margin: 0 10px; width: 300%; }
.date > span:before, .comments > span:before{ right: 100%; }
.date > span:after, .comments > span:after{ left: 100%; }
.textp, .photop, .quotep, .sourcep, .linkp, .flashp, .answerp, .post-title, #postnotes { margin: 5px; }
#posts .photop { margin: 0 auto ; text-align: center; }
#posts .photop img { max-width: 100%; }
#posts ul.chat { list-style: none; }
#posts ul.chat li { padding: 5px; margin: 2px; }
#posts ul.chat .label { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
#posts .flashp iframe { max-width: 100%; text-align: center; }
#posts .fborder { padding: 4px; font-weight: bold}
#posts .ask { align:right; margin:7px 5px 5px 66px; padding:10px; position: relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#posts .ask p {margin:1px 0px;}
#posts .ask span { display:block; position:absolute; width:1px; height:1px; font-size: 0; line-height: 1px; left:-10px; top:10px; border-top:7px solid transparent; border-bottom:7px solid transparent;}
#posts .ans { margin: 20px; }

#right-col .dp-img { margin: 5px; padding: 5px 8px;}
#right-col .dp-img img { max-width: 100%; text-align: center; }
#right-col .head { background-image: url(sb-ribbon3.png); background-repeat: no-repeat; width: 100%; font-size: 30px; text-align: center; line-height: 50px; margin-bottom: 5px;}
#right-col { width: 26%; float: right; }
#right-col p { margin: 10px; line-height: 17px; }
#right-col ul.taglinks { list-style: none; padding: 0;  margin: 2px; }
#right-col ul.taglinks li a { text-align: center; text-transform: uppercase }
#right-col .aside-content {}
#right-col  ul#aside-tweets{ margin: 0; padding: 0; }
#right-col  li.twitter-content { list-style-type: none; margin: 0 auto 5px auto; padding: 5px 0; }
#right-col  ul#aside-tweets img { max-width: 200px; width: 100 }
/* NAVIGATION PAGES AND FOOTER */
#navpages { text-align: center; margin: 10px 5px 15px 5px; }	
#footer { width: 100%; text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 15px; }
/* N O T E S*/
ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
ol.notes li.note span.action { font-weight: bold; }
ol.notes li.note .answer_content { font-weight: normal; }
ol.notes li.note blockquote { border-color: none; padding: 4px 10px; margin: 10px 0px 0px 25px;}
ol.notes li.note blockquote a { text-decoration: none; }

@media only screen and (min-width: 150px) and (max-width: 780px) {
	body { background-image: none !important; }
	#mainContainer { width: 95%;}
	#left-col { width: 100%; }
	#right-col { width: 100%; float: left; }
	#right-col .head { background-image: none; background-repeat: no-repeat; width: 100%; font-size: 20px; }
	#right-col .dp-img img{ float: left; width: 45%; padding: 0% 1% 2% 0%;}
	p.desc { text-align: justify; }
}