@charset "UTF-8";

/* Basic styling */

* {
margin:0;
padding:0;
z-index:0;
}

body  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee5cb;
	text-align: left;
	color: #393939;
}

p, ul, ol, td, label {
font-size:12px;
line-height:16px;
}

ul {margin:0 0 15px 30px;}


input, textarea {font-size:12px;}


a {
	text-decoration:none;
	color:#a94718;
}

a:visited {color:#a5672a;}

a:hover {
	text-decoration:underline;
	color:#a5672a;
}

h1,h2,h3 {
font-family: Arial, Helvetica, sans-serif;
letter-spacing:.5px;
}

h1 {
font-size:20px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}


img {border:none;}





/* Basic structure */
#container { 
	width: 950px;
	background:#ffffff;
	margin: 0 auto;
	position:relative;
	padding-top: 211px;
}

#header { 
position:absolute;
top:0;
left:0;
width:950px;
height:233px;
} 

#socialmedia {
position:absolute;
top:117px;
left:752px;
}

#socialmedia img {margin-right:2px;}

#headernav {
position:absolute;
top:183px;
left:0px;
width:900px;
padding:0 25px;
height:28px;
z-index:5000;
border-bottom:1px solid #7f6a4a; 
}

#maincontentWrap {position:relative; border-left:1px solid #7f6a4a; border-right:1px solid #7f6a4a; width:898px; padding:25px 25px 85px 25px; min-height:1200px; _min-height:1200px;}

#maincontent {
position:relative;
left:275px;
width:420px;
}

#maincontentinside {position:relative; width:695px;}

#leftsidebar {
	position:absolute;
	left:25px;
	top:25px;
	width:245px;
}

#speakbox {width:225px; height:110px; padding:95px 10px 10px 10px; background-image:url(../images/speakboxbg.gif); background-repeat:no-repeat; margin-bottom:20px; margin-top:20px;}

#rightsidebar {
position:absolute;
right:25px;
top:25px;
width:173px;
word-wrap:break-word;
}

#footer { 
position:absolute;
bottom:0;
left:0;
width:900px;
height:16px;
background-image:url(../images/footer.gif);
background-position:bottom left;
background-repeat:no-repeat;
text-align:center;
padding:15px 25px;
} 




/* center column structure */
#askkarabox {width:375px; height:115px; background:url(../images/askkarabg.gif); background-repeat:no-repeat; padding:75px 25px 80px 20px; position:relative;}


/* Paragraph styling */

.caption, .captiondiv p {font-size:10px; line-height:14px; margin-bottom:10px;}

.readout, .readoutdiv p {font-size: 14px; line-height:20px; margin-bottom:15px; letter-spacing:0;}

.askkaracredit {font-weight:bold; font-size:12px; text-align:right;}

.feeddate {font-size:9px; color:#a94718; margin-top:10px;}

.details {font-size:9px; color:#a94718; margin-bottom:10px;}

#featuredquestion {width:398px; background-color:#eee5cb; border:dotted 2px #e0aa7b; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding:20px;}


/* Form styling */
form {margin-bottom:15px; margin-top:15px; background-color:#cddbe7; padding:25px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
form p {margin-bottom:8px;}
form h3 {margin-top:15px; margin-bottom:0px;}
input {margin-right:10px; font-family:Arial, Helvetica, sans-serif;}
.text {width:355px;}
textarea {width:355px; height:80px; font-family:Arial, Helvetica, sans-serif;}
.formblock {display:inline-block; width:70px; font-weight:bold;}
.formindent {margin-left:70px;}
.labelblock {display:inline-block; width:45px;}
#submit {margin-top:10px;}



/* Full article styling */
.fullarticle h1 {margin:20px 25px 10px 25px; font-size:24px;}
.fullarticle p {margin:0 25px 10px 25px; text-indent:1em; line-height:18px;}

/* List styling */


/* nav styling */
.nav {width:102px; height:22px; text-align:center; display:block; margin-right:10px; border: 1px solid #7f6a4a; background-color:#dce7f0; font-family: Insignia, Arial, Helvetica, sans-serif; font-size:16px; color:#7f6a4a; float:left; padding-top:5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.thispage, .nav:hover {background-color:white; border-bottom:1px solid white; height:22px; text-decoration:none;}

.nav:visited, .nav:hover {color:#7f6a4a;}

/* Image-related styling */

#divlink {position:absolute; top:0; left:0; z-index:1000;}

.maincontentheader {margin:30px 0 0 0;}
.maincontentsubheader {margin:0 0 0 0;}
.sublabel {margin:20px 18px 0 0px;}

.feedlink {margin:0 0 15px 0;}
.feedlink img {position:relative; top:7px;}

.tweetlink, .tweetlink:visited, .tweetlink:hover {color:#393939;}

/* Footer styling */
#footer p, #footer a, #footer a:hover, #footer a:visited {color:#ffffff;}

#footer a:hover {text-decoration:underline;}

#col1 {width:300px;}
#col2 {width:400px;}

.column {padding-left:25px; padding-top:20px;}
.snug {margin-bottom:3px; margin-top:15px;}

/* Floats and counts */
.floatright {
	float: right;
	margin:0 0 0 10px;
}

.floatleft {
	float: left;
	margin:0 10px 0 0;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}