/* 
 * Theme Name: Horizon Family Chiropractic
 * Description:	An easy-to-use and tweak heme based on the OpenAir theme. Two columns,widget-ready,gravatar-ready,and SEO friendly.
 * Author: T
 * Author URI: http://www.tdotcom.net
 * Tags: two-columns,fixed-width,right-sidebar,threaded-comments
 * Version: 1.0
 */

@import url(iconize.css);
/*** RESET ***/
*{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{margin:1em .3em .1em;font-weight:bold;}
p,pre,blockquote,label,ul,ol,dl,fieldset,address{margin:.5em .5em 1em;padding:0 .5em;}
ul,ol,li,dd{margin-left:1em;}
fieldset{padding:.5em;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
em{font-style:italic;}
a img,:link img,:visited img{border:none;background:transparent;}
a:hover img{background:transparent;}
q:before,q:after{content:'';}
hr{clear:both;color:#cc7231;}

/* These rather presentational classes are generated by WordPress,so it's useful to have some styles for them. Edit as you see fit. More info:http://codex.wordpress.org/CSS */
.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both;}
.hidden{display:none;}
.wp-caption{background:#eee;border:1px solid #c93;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:center;padding:5px 3px;margin:0 10px;}
.wp-caption-text{text-align:center;font-size:80%;margin:0;padding:.25em .25em 0;}
.wp-caption img{margin:0;padding:0;border:0;}
#searchform{text-align:center;margin:1em auto;}
.button{border:1px solid #1d1d1d;background:#fff;padding:1px 3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#cc7231;font-weight:bold;}
.button:hover{background:#cc7231;color:#fff;}
.sTxt{font-size:90%;}/*small text*/
img{margin:0 10px;}

/* You might find the following useful */
br.dirtyLittleTrick{clear:both;display:block;height:1px;margin:-1px 0 0 0;} /* Use this br class to clear your floated columns */
div{position:relative;} /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/*** HFC THEME ***/
html{background:#ad643b url(images/hfcbg.jpg) fixed bottom center repeat-x;font-family:Myriad,"Myriad Pro",Palatino,"Rotis Sans Serif",serif;}

/*** LAYOUT ***/
body{width:940px;margin:0 auto;padding:0 10px;}
#content{width:698px;float:left;border:1px solid black;}
#header{min-height:75px;height:auto !important;height:75px;width:939px;border:1px solid black;border-top:0;margin:0 0 10px 0;}
#sidebar{width:220px;margin:0 0 0 20px;float:left;}

/*** TYPOGRAPHY ***/
h1{}
h2{margin:0;padding:.5em 1em;}
h3{font-size:1.25em;}
h4{font-size:1.15em;margin-bottom:-5px;}
h5{font-size:1.1em;}
h6{font-size:1.05em;}

/*** HEADER ***/
#header{background:url(images/transbg.png);font-style:italic;}
#header img{float:left;margin:0;}
#header h1,#header h2{padding:10px 0 10px 240px;}
#header h1{background:#fff;margin:0;font-size:31px;}
#header h1 a{text-decoration:none;color:#c63;}
#header h1 a:hover{color:#333;}
#header h2{font-size:17px;color:#333;margin:-7px 0 0 20px;}
#header .searchbox{position:absolute;top:69px;right:10px;width:220px;height:30px;border:0;text-align:right;}
#header .search-field input{position:absolute;width:150px;height:13px;font-family:verdana;font-size:11px;font-weight:bold;color:#666;padding:5px 3px 3px;border:1px solid #666;background:#fff;}
#header .search-but input{position:absolute;top:7px;right:5px;width:50px;height:20px;background:transparent;border:0px;}

/*** NAV ***/
ul#nav{list-style:none;background:url(images/transbg.png);padding:0;margin:0 0 10px 0;border:1px solid black;}
ul#nav li{display:inline;line-height:25px;}
ul#nav li a{color:#c63;background:#fff;height:25px;display:block;float:left;text-decoration:none;padding:0 10px;border-right:1px solid black;font-weight:bold;}
ul#nav li a:hover{color:#fff;background:#c63;}
ul#nav ul{display:none;}

/*** CONTENT ***/
#content{background:url(images/transbg.png);}
/** post **/
.post{}
.post-title{background:#fff;border-bottom:1px solid #000;}
.post-date{background:transparent url(images/cloud.png) no-repeat;width:108px;height:75px;position:absolute;top:-20px;right:10px;text-align:center !important;padding-top:15px;}
.post-date span{display:block;font-size:15px;font-weight:bold;color:#000;}
.post-main{text-align:justify;}
.post-meta{width:80%;margin:0 auto;background:url(images/transbg.png);font-size:80%;padding:7px;border:1px dotted black;border-left:0;border-right:0;}
.toplink a{float:right;font-size:.8em;margin-top:-1em;text-decoration:none;}
/** comments **/
ul#comments{list-style:none;margin:10px 20px;padding:0;font-size:85%;}
ul#comments li{margin:0;}
ul#comments li.alt{background:url(images/transbg.png);}
.avatar-box,
.comment-box{}
.avatar-box{float:right;border-left:1px dotted black;width:95px;margin-left:10px;text-align:center;font-size:90%;}
.comment-box{margin-right:}

#respond{clear:both;margin:5px 10px 0;border-bottom:1px solid #c63;color:#c63;}
#commentform{font-size:90%;margin:0 10px;}
#commentform label{}
#commentform input{}
#commentform textarea,
#commentform .button{margin-left:17px;}
#commentform .button{margin-top:5px;}


/*** SIDEBAR ***/
#sidebar{}
#sidebar ul{list-style:none;margin:0;padding:0;}
#sidebar ul li{margin:0;}
#sidebar div.group{margin:10px 0;background:url(images/transbg.png);border:1px solid black;}
#sidebar h2{background:#fff;font-size:15px;}
#sidebar ul ul{list-style:circle;margin:0 5px 15px 20px;}
#sidebar ul ul li{margin-left:.5em;}
/** widgets **/
.textwidget{margin:10px;}


/*** FOOTER ***/
#footer{background:transparent;color:#000;font-size:90%;}
#footer .block{float:left;width:280px;margin:0 10px;}
#footer ul{list-style:disc;}


/*-------------------------- calendar --------*/
/* wp-calendar refers to the table itself */
#wp-calendar{
 margin:0 auto;width:95%;
}
#wp-calendar caption{
 display:none;
}
#wp-calendar thead tr{}
#wp-calendar thead tr th{
 text-align:left;
} 
#wp-calendar tbody tr{}
#wp-calendar tfoot tr{}
#wp-calendar tbody td{
 min-height:35px;height:35px;background-color:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 5px 5px 0;padding:2px;vertical-align:top;
}
#wp-calendar tbody td:hover{
 background-color:#8aacd2;
}
#wp-calendar tbody td#today{
 background-color:#d8dfef;
}
#wp-calendar tbody td#today:hover{
 background-color:#ddd;
}

#wp-calendar tbody a{
 color:#3e483d;font-weight:bold;
}
#wp-calendar tbody a:hover{
 color:#000;
}
#wp-calendar tfoot a{
 color:#000;font-size:18px;text-decoration:none;
}
#wp-calendar tfoot a:hover{
 color:#399;
}

/*** PLUGINS ***/
/** quoterotator **/
#quoterotator{margin:1em;}
#quoterotator b{display:block;float:right;margin:1em;}


/*----------------------------- links --------*/
a{
 color:#08281b;
}
a:visited{
 color:#3e483d;
}
a:hover{
 color:#548cbd;
}
h2 a{
 color:#000;text-decoration:none;
}
h2 a:visited{
 color:#111;
}
h2 a:hover{
 color:#c00;
}

.post-content a,.post-info a,#sidebar a,#footer a{
 border:0;color:#08281b;
}
.post-content a:visited,.post-info a:visited,#sidebar a:visited,#footer a:visited{
 color:#3e483d;
}
.post-content a:hover,.post-info a:hover,#sidebar a:hover,#footer a:hover{
 color:#548cbd;
}



/*----------------------------- misc ---------*/
.clear{clear:both;}
.justify{
 text-align:justify;
}
.centered{
 text-align:center;
}
.navigation{
 text-align:center;
}
.small{
 font-size:87%;
}
.uppercase{
 text-transform:uppercase;
}
.align-left{
 margin:0 0 0 10px;float:left;
}
.align-right{
 margin:0 10px 0 0;float:right;
}
img{
 border:0;
}
.post p{
 padding:5px 0;
}
blockquote{
 background-color:#6cf;border:1px solid #222;margin:5px 25px;padding:2px 5px 5px 5px;
}
.comments blockquote{
 margin:5px 25px 0 25px;
}
blockquote ul,blockquote ol,blockquote dl{
 margin:0 0 0 15px;
}

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

.clearfix{
 display:	inline-block;
}

html[xmlns] .clearfix{
 display:	block;
}

* html .clearfix{
 height:	1%;
}

.aligncenter,
div.aligncenter{
 display:block;margin-left:auto;margin-right:auto;
}

img.alignright{
 float:right !important; 
	margin:0 0 0 10px !important;
}

img.alignleft{
 float:left !important; 
	margin:0 10px 0 !important;
}