/*  
Theme Name: Q & A For Wordpress Premium
Description: A theme that allows you to run a Q & A website using wordpress.  
Version: 1.0
Author: antisocialmediallc.com
Author URL: http://www.antisocialmediallc.com
*/ 


* {
margin:0;
padding:0;
}

.clearall{ clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }
br.clearall{ clear:both; height: 0; line-height:0; font-size: 0px;}


body,html {min-height:101%;}

body {background:#666666;
padding-top:10px; 
color: #333333;	
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 	
margin: 0; 	
text-align: left; 	
font-size:80%; 
}

a:link { color: #333333; text-decoration:none; }
a:visited { text-decoration:none;color:#333333; }
a:link:hover, a:visited:hover { text-decoration:underline; }

h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}

h1, h1 a {  color: #186CA3; }
h2,h3,h4,h5,h6 { color: #186CA3; font-weight:normal; }
h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link { color: #186CA3; }
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {  color: #186CA3; }

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
pre { overflow:auto;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#EEF0F4;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#EEF0F4;}
tfoot {font-style:italic;}
caption {background:#EEF0F4;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #E4E5E6;}

.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px; }
.aligncenter { 	display: block; margin-left: auto; margin-right: auto; }

img.alignleft { float:left; margin-right:10px; }
img.alignright { float:right; margin-left:10px; }
img.aligncenter { 	display: block; margin-left: auto; margin-right: auto; }

img, a:link img, a:visited img {border:0;}


.clear {clear: both;overflow:hidden;}


#wrapper { width:1000px; margin:0 auto; }

#maincontainer { width:980px; margin:0 auto; background-color: #C4D3C0}

#contentcontainer { clear:both; overflow:hidden; }

#sidebar { width: 250px; float:left; margin:0; padding:0; }
#sidebar ul li { margin-bottom:5px; }

#sidebar .ad250 {  text-align:center; margin:0 auto; padding:10px; }

#sidebar .socialmedia { background:transparent url(images/sidebarbg.gif) repeat-x; text-align:center; margin:0px auto 0px 10px; width:230px; padding:10px; height:100px; }
#sidebar .socialmedia ul { padding-top:10px; text-align:center; }

#sidebar .socialmedia ul li { list-style:none; float:left; padding:0 5px 0px 5px;}
#sidebar .socialmedia ul li a { color:#ffffff; font-size:x-small; }
#sidebar .socialmedia h2 { text-align:left; padding:10px 0px 0px 10px; color:#ffffff; }

#sidebar .sidebarbits { }
#sidebar .sidebarbits { padding:0px; margin:0px;}
#sidebar .sidebarbits h2 { padding:10px 0px 10px 10px; color:#ffffff; text-transform:uppercase; }
#sidebar .sidebarbits h3 { padding:10px 0px 10px 10px; }
#sidebar .sidebarbits ul { padding-left:10px; }
#sidebar .sidebarbits ul li a { color:#ffffff; padding-left:20px; background: url("images/liarrow.gif") left no-repeat;width:10px;height:5px;}
#sidebar select { margin-left:10px; width:200px;} 

#sidebar .widget { width:240px; padding:10px 0 10px 10px; background:transparent url(images/sidebarbg.gif) repeat-x; color:#ffffff; }

#sidebar .sidebarbottom { background: transparent url(images/sidebarbottom.png) no-repeat; padding:10px; margin-left:10px; width:230px; height:17px;  }

#sidebar .search { background:transparent url(images/sidebarbg.gif) repeat-x; text-align:center; padding:10px; margin:0px 0px 10px 10px; width:230px; }
#sidebar .search h2 { padding:0px 0px 0px 10px; color:#ffffff; text-transform:uppercase; text-align:left; }

#searchform {   }

#searchform { text-align:center; }
#searchform .searchinput { border:1px solid #F48417; padding:3px; width:175px; margin:7px 0px 0px 0px; }
#searchform .searchbutton {}


/* home rss menu */
#maincontainer .home-rss-menu {float:right;margin:20px 0px 0px 0px;}
#maincontainer .home-rss-menu a {color:#869322;font-size:x-small;padding-right:10px;}

/* logo div */
#maincontainer .title-logo {float:left;margin:5px 0px 29px 20px;}
#maincontainer .title-image {float:left;margin:0px 0px 0px 0px;}

#maincontainer .randompics {clear:both;overflow:hidden;padding:15px 0px 30px 0px;}
#maincontainer .randompics h3 { color:#F69F4B; }


#maincontainer .menu { clear:both; padding:0px 0px 0px 20px; margin:0; border:medium; border-style:ridge}
#maincontainer .menu ul { list-style-type:none; list-style:none; float:left; margin:6px 0px 0px 0px; padding:0;  }
#maincontainer .menu ul li { list-style-type:none; list-style:none; float:left; margin:0px 2px 2px 0px; padding:10px 10px 2px 10px; height:30px; }
#maincontainer .menu ul li.page_item {  }
#maincontainer .menu a { font-weight:normal; text-decoration:none; color:#166BA3; }
#maincontainer .menu a:hover { text-decoration:underline; }
#maincontainer .menu li.current_page_item { background: #ffffff; }
#maincontainer .menu .current_page_item a { color: #166BA3; font-weight:bold; }



#sbarl li {list-style:none;}

#sbarl .children {padding:2px;}

#sbarl .children li {list-style: none;margin:5px 0px 0px 20px;}


/* Content */

#content { width:730px; float:left; }
#content .contentmiddle { padding:0px 20px 20px 20px;}

.postcontainer { clear:both; overflow:hidden; padding:0px 0px 25px 0px;color:#333333;}
.postarea { margin:0 padding:20px; width:730px; background:#ffffff; }
.postarea ol,.postarea ul {margin-left:50px;	line-height:115%;}
.postareameta {	margin: 30px 0;	}
.postarea h2 {}
.postarea h1 { background: #1C72A9 url(images/postareah1.gif) repeat-x; padding: 5px; color:#ffffff; height:63px; }

.postarea blockquote {color:#76767a;background:#F4F4F4;padding:6px 14px;margin:18px 35px;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
.postarea ul li {list-style:square;}
.postarea img{margin:0px 0px 10px 0px;max-width:500px;width: expression(this.width > 500 ? 500: true); max-height:500px;}
.postarea .byline {display:block;padding:4px 4px 4px 0px;}
.postarea .byline a {color:#000000;text-decoration:none;}
.postarea .byline a:hover {color:#705738;text-decoration:underline;}
.postarea .excerpt {}
.postarea .excerpt img{float:left;margin-right:10px;max-width:100px;width: expression(this.width > 100 ? 100: true); max-height:100px;}
.postarea .postitem { background: url(images/postitem.gif) repeat-x; height:147px; padding:20px;border:1px solid #F0F0F0;margin-bottom:10px; }
.postarea .postitem .readmore {float:right;}
.postarea .latesttopics { background: url(images/latesttopics.gif) no-repeat;height:52px;margin:bottom:25px;}

.postareameta {margin: 30px 0;}

.postarea .questionarea { background:#ffffff;  }
.postarea .questionareacontent { padding:20px; width:90%; }

.postarea .thequestionpagehead img { float:left;  margin-right:20px; }

.mainpostitems img { float:left; margin-right:20px; }
.mainpostitems .cells1 { background: #ffffff; padding:10px; }
.mainpostitems .cells2 { background: #EFF9FC; padding:10px; }
.mainpostitems h2 a { color: #094C7A; font-size:medium; }
.mainpostitems .titleanswers {}
.mainpostitems .titleanswers .title { float:left;}
.mainpostitems .titleanswers .answers {float:right; margin-right:25px;}
.mainpostitems .meta { font-size:x-small; }

.answersarea { clear:both; margin:30px auto 20px auto; }
.answersarea ul, .answersarea ol { margin:0; padding:0; list-style-type:none; list-type:none; }

.pagearea { padding:20px; width:90%;  }
.pagearea h1 { padding:10px; }
.pagearea { line-height:1.9em; }

.bnavigation { padding:30px; }

#tags {padding:3px;border-bottom:1px solid #DDD;border-top:1px solid #DDD;}

.maincontentbottom { background: transparent url(images/maincontentbottom.png) no-repeat; width:721px; height:91px;  }



/************************************************
*	Forms				         * 
************************************************/


.button { padding: 1px; background:#2B82BA; color:#ffffff; border:none;height:40px;}
.button:hover { background:#eeeeee; color:#2B82BA; text-decoration:none; height:40px;}
#commentform input { width: 170px;margin: 5px 5px 1px 0;}
#commentform textarea {width:100%; margin-top:5px;}

#quandabox { clear:both; width:980px; background: transparent url(images/quandabox.png) no-repeat; height:392px; padding:10px 20px 0px 20px;  }
#quandabox .quandaboxleft { float:left; width:450px; }
#quandabox .quandaboxright { float:right; width:450px; }
#quandabox p { padding-bottom:5px; }
#quandabox input { margin:5px 0px 5px 0px; }
#quandabox .quandaselectblock { padding:10px; }
#quandabox .quandaselectblock .label { width:169px; float:left; }
#quandabox .quandaselectblock .option { float:left; margin-left:12px; }
#quandabox .quandainputblock { clear:both; padding:10px; }
#quandabox .quandainputblock .label { width:169px; float:left; }
#quandabox .quandainputblock .option { float:left; margin-left:12px; }

#quandabox .quandaboxleft .login { margin:0 0 30px 0; padding:0; width:400px; }
#quandabox .quandaboxleft .login a { padding:10px 0px 0px 0px; margin:0px; }

#quandabox .quandaboxleft .messagealert { background:transparent url(images/messagealertbg.png) no-repeat; width:468px; height:60px; color:#ff0000; padding:5px 0px 0px 60px; }

#quandabox .quandaboxright .halloffamemain {  margin-top:20px;  }
#quandabox .quandaboxright .halloffamemain h2 {  margin-bottom:10px;  }
#quandabox .quandaboxright .halloffamemain .halloffamebox { background: transparent url(images/answershalloffamebg.png) no-repeat; height:120px; width:400px;  }
#quandabox .quandaboxright .halloffamemain .halloffameboxinside { padding:10px;  }
#quandabox .quandaboxright .halloffamemain ul {  float:left; list-style-type:none; list-style:none; }
#quandabox .quandaboxright .halloffamemain ul li {  float:left; list-style-type:none; list-style:none; padding:0px 8px 0px 8px; text-align:center; }
#quandabox .quandaboxright .hottopics {  margin-top:20px; }
#quandabox .quandaboxright .hottopics ul { list-style:none; margin:0px 0px 0px 10px;}
#quandabox .quandaboxright .hottopics ul li { list-style:none; background: transparent url(images/hottopicsli.png) no-repeat left center; padding:3px 0px 3px 20px; white-space:nowrap; overflow: hidden; width:400px; }



#screen1 { width:400px; margin:0 auto; }
#screen1 .hello { float:left; width:200px; }
#screen1 .hello .askquestionbutton { margin-top:10px; }
#screen1 .myquestionsanswers { float:left; width: 180px; padding-left:10px; }
#screen1 .myquestionsanswers .logoutcpanel { margin-top:15px; float:right; margin-right:50px; }
#screen1 .myquestionsanswers .logoutcpanel .cpanel  { float:left; margin-right:10px; }
#screen1 .myquestionsanswers .logoutcpanel .cpanel ul { list-style:none; }
#screen1 .myquestionsanswers .logoutcpanel .cpanel ul li { list-style:none; }
#screen1 .myquestionsanswers .logoutcpanel .logout  { float:left; margin-left:10px; }

#Askbox {
background:transparent url(images/quandabox.png) no-repeat; height:219px;
}

#Askbox .askboxcontent { padding:20px; }

.quanda-question {
height:60px;
border:1px inset #B9E4F1;
width:250px;
}

.askQ {
clear:both;
color:#333333;
text-transform:uppercase;
}

.Qlenghttrack {
margin:5px auto 0px auto;
padding-left:160px;
}

#loginform {
margin:0 auto;
width:300px;
}

#loginform .loginupbox {
padding:3px;
width:200px;
border:1px solid#dddddd;
}

#registerform {
margin:0 auto;
width:300px;
}

#registerform .registeruebox {
padding:3px;
width:200px;
border:1px solid#dddddd;
}

#lostpasswordform {
margin:0 auto;
width:300px;
}

#lostpasswordform .lostpassinput {
padding:3px;
width:200px;
border:1px solid#dddddd;
}

lostpasswordform

/* Comments*/
h3#respond { padding-top:30px; }

.commentlist ol { margin:0; padding:0; list-style-type:none; list-style:none; }
.commentlist ol li { list-style-type:none; list-style:none; }
.commentlist li { margin: 15px 0 3px;padding: 8px 15px 30px 15px;background:#ffffff;border:4px double #E6F2FB;}
#commentform small {background:#FFF;font-weight:bold;padding:0;}
.commentmetadata {display: block;}
.commentlist small {}
.commentlist cite {font: 1.6em;;font-weight:bold;letter-spacing:-0.05em;}
.commentlist li img { float:left; margin-right:20px; }
.commentlist li.alt { eeeeee  }


/* Float Properties*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block}
.clearfloat {display:block}

/************************************************
*Footer                        * 
************************************************/

#footer { color:#333333;  background: url(images/footerbg.gif) repeat-x; clear:both;}
#footer .footerdynamic { width:800px; margin:0 auto; padding-top:30px; color:#BDE6F3; }
#footer .footerdynamic .footerdynamicleft { float:left; width:350px;  }
#footer .footerdynamic .footerdynamicleft ul { width:90%; list-style-type:none; list-style:none; float:left; }
#footer .footerdynamic .footerdynamicleft ul li { list-style-type:none; list-style:none; float:left;background:transparent url(images/footerliarrow.gif) no-repeat left center; padding:3px 0px 3px 20px; }
#footer .footerdynamic .footerdynamicleft ul li a { color:#ffffff; text-decoration:none; }
#footer .footerdynamic .footerdynamicleft ul li a:hover { text-decoration:underilne; }
#footer .footerdynamic .footerdynamicright { float:left; width:350px; margin-left:60px; }
#footer .footerdynamic .footerdynamicright a { color:#ffffff; }
#footer .footerdynamic .footerdynamicright ul { list-style-type:none; list-style:none; float:left; }
#footer .footerdynamic .footerdynamicright ul li { list-style-type:none; list-style:none; float:left; }
#footer .footerdynamic .footerdynamicright ul li a { color:#ffffff; text-decoration:none; }
#footer .footerdynamic .footerdynamicright ul li a:hover { text-decoration:underilne; }
#footer .footerdynamic .footerdynamicright li.widget { list-style:none; }
#footer .footerdynamic .footerdynamicleft li.widget { list-style:none; }
#footer .footerdynamic .footerdynamicright h2 { text-transform:uppercase; color:#ffffff; padding-bottom:10px; }
#footer .footerdynamic .footerdynamicleft h2 { text-transform:uppercase; color:#ffffff; padding-bottom:10px; }

#footer .footercontent {font-size:x-small; clear:both; padding:25px; color:#ffffff;}
#footer a { color:#ffffff; }
#footer .tools {float:right; margin-right:30px;}
#footer .tools ul {list-style: none;}
#footer .tools ul li {float: left; display: block; padding-left:20px;}
#footer .tools ul li a {float: left; display: block;}
#footer .tools ul li a:hover {text-decoration:underline;}