/*
Theme Name: McAteer WordPress
Theme URI: http://yourpathtoserenity.com
Description: Another fine template built for WordPress by Jared Ritchey.
Version: 2.7
Author: Jared Ritchey
Author URI: http://www.jaredritchey.com/
Tags: Fixed Width, CSS Grid Theme, Meyers RESET, NO Widgets, Custom Navigation
This theme was designed by "Mack McMillan"
details and updates can be obtained by visiting http://www.jaredritchey.com/
This theme is a custom commercial product and has a commercial license:
http://yourpathtoserenity.com
*/
/*
@ How I organize this style sheet is based in part on the rules of specificity, the YUI and 960 CSS Grids and basic logic.
@ I tend to orgainze by position, size, alignment, color, margins - padding, background, font, all else.
*/
/*=-=-=-[Common Styling]-=-=-=*/
body{font-family: 'Lucida Grande','Verdana',Arial,Sans-Serif; background: #fff url(images/banner.jpg) top left repeat-x !Important; text-align:center; color:#444; font-size:62.5%;}
/*=-=-=-[Some Basic Element Typography]-=-=-=*/
a{text-decoration:none;}
h1, h2, h3{font-family:'Georgia','Times New Roman',Verdana,Arial,Sans-Serif;}
h1{font-size:2.8em; color:#c60;}
h2{font-size:2.2em}
h3{font-size:1.4em; color:#444; margin: 12px 0px 18px 0px; font-weight:600;}
p{margin:5px 0 8px 0; line-height:1.4em; font-size:1.2em; text-align:justify;}
code{font-size:1.2em;}
ul{padding-left:15px; margin:5px 0px;}
ul li{line-height:22px; font-size:1.4em;}
hr.heavy{color:#dcdcdc; height:10px; background:#dcdcdc; border:0;}
strong{font-weight:bold;}
hr.spsep{color:#dcdcdc; height:1px; background:#dcdcdc; border:0;}
/*=-=-=-[This is used in the editor to align items using CSS]-=-=-=*/
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft{padding-right:4px; margin:0px 8px 2px 0px; display:inline}
.alignright{float:right}
.alignleft{float:left}
/*=-=-=-[Template Layout Styling]-=-=-=*/
div#maxouter{width:100%; /*margin-left: auto; margin-right: auto;*/}
#pagewrapper{position: relative; text-align:left; border:1px solid #ccc; padding:16px; width:828px; margin:60px auto;}
#header{position: relative; height:150px; width:828px; border-bottom:1px solid #ccc;}
#logo{position:absolute; height:100px; width:100px; top:15px; left:30px; z-index:90;}
#flashcontainer{position:relative; width:650px; height:150px; float:right;}
#subheader{position:relative; height:58px; width:828px;}
#titlebar{width:650px; height:58px; float:right; display:inline;}
#phone{width:170px; line-height:58px; height:58px; position:relative; float:left; font-family: "Georgia","Times New Roman",Times, serif; font-size:1.8em; font-weight:500; color:#666;}
#wrapper{width:828px;}
#leftcolumn{width:170px; float:left; position:relative;}
.consultation{width:170px; font-weight:bold; color:#666; font-size:1.1em; display:block; border-bottom:1px solid #333; padding:10px 0px;}
#maincolumn{float:right; display:inline; position:relative; width:650px;}
#postwrapper{}
.specialties{font-size:1.1em; display:block; height:28px; width:650px;}
#footer{height:50px; clear: both; border-top:1px solid #ccc; margin-top:15px; width:828px;}
.copyright{text-align:right; margin: 12px 0 0 0;}
/*-=-=-=[ Menu Styling ]=-=-=-*/
#mc_menu_1{list-style-type:circle;}
#mc_menu_1 li{font-size:1.2em; line-height:18px; font-weight:bold; font-family:"Georgia","Times New Roman", Times, serif}
#menu_item_2 a, #menu_item_1 a{color:#b2cc99;}
#menu_item_3 a, #menu_item_4 a, #menu_item_5 a{color:#cc3333;}
#menu_item_6 a, #menu_item_7 a, #menu_item_8 a{color: #ff8c40;}
/*-=-=-=[ Styling single.php ]=-=-=-*/
#single{width:645px; margin: 10px 0px 0px 10px;}
#single{}
#single p{margin: 8px 0px 5px 0px;}
#single h2{font-size:2.4em; margin: 1.2em 0 .5em 0; color:#CC0000;}
.wpreadmore{position:relative; display:block; width:180px; height:28px; line-height:28px; float:right; margin:5px 0px; text-transform:uppercase; font-size:10px !Important; background: url(images/readmore.gif) no-repeat;}
a.more-link{color:#333; text-indent:8px;}
/*-=-=-=[ Styling comments.php ]=-=-=-*/
#comments{width:580px; margin:10px 0px 0px 10px;}
#comments p{margin: 5px 0px; padding:5px;}
#comments > div{border:1px solid #eee; margin-top:8px;}
.notice{position:relative; height:40px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin: 8px 0px;}
.commentmetadata{height:24px; display:block; border-bottom:1px solid #333; line-height:24px;}
.commentmetadata, .commentmetadata a{color:#333; text-transform:uppercase;}
.alt{background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
/*=-=-=-[WordPress Calendar Styling - WordPress Calendar is a TABLE -- Mapping Jared Ritchey]-=-=-=*/
#wp-calendar{width:200px} /* The WordPress table ID is wp-calendar */
#wp-calendar caption{font-weight:bold; color: purple; text-align:left;} /*The caption tag describes the nature of the table.*/
#wp-calendar colgroup{} /*tag creates and defines an explicit column group in a table*/
#wp-calendar col{}/*tag defines and controls the appearance of a column within a column group*/
#wp-calendar th{background: orange;} /* The | element defines table header cells. */
#wp-calendar tr{} /* defines the table row */
#wp-calendar td{border:1px solid #ccc; color:#369; font-weight:bold;} /* The | element defines table cells. */
#wp-calendar thead{background:#CCCCCC;} /* The element defines the rows that are part of the head of the table. */
#wp-calendar tfoot{background:#000;} /* The | element defines the rows that are part of the foot of the table. */
#wp-calendar tbody{background:#f5f5f5;} /* The element defines table bodies */
#wp-calendar td a{display:block; background:#66FFFF; color:#ff0000;}
#wp-calendar td a:hover{background-color:#ccc;}
.pad{background:#369;} /* this is used to style specific empty TD cells used for calendar structure */
#next, #prev{background:#369;}
#next .pad{}
#prev .pad{}
#today{background:#369;} /* This styles "Today" which is a TD Cell */