/*  
Theme Name: Iqcafe
Theme URI: http://www.qmaker.com
Description: IQcafe
Version: 1.0
*/

body {
background: #fff url(images/headerbg.gif) repeat-x top left;
color: #000;
font-family: "MS Sans Serif", "Angsana New", serif;
font-size: 13px;
line-height: 20px;
width: 100%;
}

#bodywrapper {
margin: 0 0px 0px 2px;
padding: 10px;
}

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset {
border: 0;
margin: 0;
padding: 0;
}

h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,h7 {
font-family: "MS Sans Serif", "Angsana New", serif;
font-weight: normal;
}

a {
color: #00A7E1;
text-decoration: none;
}

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

blockquote {
border-left: 1px dotted #ccc;
color: #666;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}

.clear {
clear: both;
}

/* begin header */
#blogtitle {
font-family: "MS Sans Serif", "Angsana New", serif;
font-size: 11px;
color: #ea2788;
height:20px;
margin: 70px 0 0 40px;
position: absolute; 
text-align: left;
width: 300px;
}

#blogtitle a {
color: #000;
text-decoration: none;
}

#blogtitle a:hover {
color: #ea2788;
}

#description {
color: #FFFFFF;
font-family: "MS Sans Serif", "Angsana New", serif;
font-weight: bold;
font-size: 13px;
margin: 0px 0px 0px 400px;
position: absolute;
}
/* end header */


/* begin sidebar */

#sidebar {

font-family: "MS Sans Serif", "Angsana New", serif;

float: left;

margin-top: 5px;

padding: 0 0 0 5px;

width: 300px;

font-size: 11px;

}



.sidebar-full {

text-align: right;

}



.splitted-left {

float: left;

text-align: right;

width: 120px;

}



.splitted-right {

float: right;

text-align: right;

width: 120px;

}



#sidebar h3 {

font-size: 13px;

font-weight: bold;

margin: 0 0 6px 0;

}



.navcontainer {

margin: 0;

width: 120px;

}



.navcontainer ul {

list-style-type: none;

margin-left: 0;

padding-bottom: 15px;

}



.navcontainer ul li {

line-height: 16px;

list-style:none;

margin-bottom: 0;

padding: 0;

}



.navcontainer a {

background-color: #f9f7ed;

border-right: 3px solid #6699FF;

display: block;

font-size: 11px;

font-weight: bold;

min-height: 15px;

margin-bottom: 6px;

padding: 5px 10px 5px 0;

text-decoration: none;

width: 120px;

}



.children li a {

border-right: 3px solid #ccc;

font-style: italic;

}



#sidebar form {

}



#sidebar #searchformfield {

font-size:12px;

height: 18px;

margin: 0;

padding: 0;

width: 156px;

}

/* end sidebar */

/* begin search */
#searchfield {
border: 2px solid #ddd;
padding: 3px 3px;
text-align:right;
}

#searchsubmit {
border: 2px solid #ddd;
padding: 3px;
margin: 0;
}

#submit input {
width: auto;
}

input, textarea {
background-color: #f9f9f9;
border: 3px double #e3e3e3;
color: #666;
font-size: 11px;
padding: 2px;
}
/* end search */


/* begin posts */
#postwrapper {
margin: 5px 20px 10px 385px;
width: auto;
}

.expandcollapsetext {
margin-top: 0px;
cursor: pointer;
float:right;
}

#postwrapper p {
margin-bottom: 12px;
}

#postwrapper h3 { /* mainly for search msg */
color: #000;
font-size: 18px;
}

.post {
color: #656565;
font-size: 13px;
margin: 0 ;
padding: 10 20 0 0;
text-align: left;
width: auto;
}

.post ul, .post ol {
margin-left: 20px;
padding-left: 20px;
}

.post img {
border: 0;
}

.info {
float: left;
padding-left: 5px;
width:90%;
}

.inforight {
background-color: #f9f7ed; 
float: right;
font-weight: bold;
}

.infoleft {
float: left;
padding-left: 5px;
width: 80%;
padding: 0;
}

.date {
background: #EA2788 url(images/calendar.gif) no-repeat;
float: left;
font-family: "trebuchet ms", arial, sans-serif;
height: 45px;
line-height: 12px;
text-align: left;
width: 38px;
cursor: help;
}

.date p {
color: #ffffff;
margin: 10;
padding-left: 11px;
padding-top: 9px;
text-transform: uppercase;
}

.date span.day {
display: block;
font-size: 18px;
}

.date span.month {
padding-bottom: 12px;
color: #cccccc;
display: block;
font-size: 10px;
height: 22px;
}

.entry {
color: #656565;
height: 12px;
margin-top: 30px;
margin-bottom: 10px;
text-align: left;
}

.entry h2 {
border-bottom: 1px dotted #ccc;
color: #555;
font-family: geogia, "trebuchet ms", arial, sans-serif;
font-size: 13px;
font-weight:bold;
}

.entry h2 a {
color: #000;
}

.entry h2 a:hover {
color: #ea2788;
text-decoration: none;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.distance {
margin: 10px 0;
}
/* end posts */


/* begin posts navigation */
.navalignleft {
float: left;
}

.navalignright {
float: right;
}
/* end posts navigation */


/* begin comments */
#commentwrapper {
margin-top: 50px;
}

.alt {
background-color: #f9f9f9;
border: 1px solid #e3e3e3;
color: #666;
}

.commentlist {
list-style-type: none;
margin:0;
margin-bottom: 30px;
padding: 0;
text-align: justify;
}

.commentlist li {
background-color: #f9f9f9;
border: 1px solid #e3e3e3;
color: #666;
margin: 10px 0px;
padding: 3px 7px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

.nocomments {
text-align: center;
}

#comment {
background-color: #f9f9f9;
border: 3px double #e3e3e3;
color: #666; 
padding: 2px;
}

#comment h3 {
font-size: 18px;
}
/* end comments */


/* begin footer */
#footer {
background: url(images/footerbg.gif) repeat-x;
clear: both;
color: #ffffff;
font-size: 12px;
font-weight: bold;
height: 100px;
width: 100%;
}

.footerright {
float:right; 
margin-top: 55px; 
margin-right: 40px;
padding: 0;
}

#footer img {
float: left;
}

#footerleft { 
float: left;
margin-top: 55px;
padding: 0;
}

#footer a { 
color: #ffffff;
text-decoration: none;
}

#footer a:hover { 
color: #ea2788;
}
/* end footer */