/*   
Theme Name: HomeTrak Theme
Theme URI: http://www.hometrak.com
Description: This is a custom theme created by corecubed
Author: corecubed
Author URI: http://www.corecubed.com
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { background-color: white; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-family: Verdana, Arial, sans-serif;}

body.home{background-color: white; background-image: url(images/home_body_bg.jpg); background-repeat: repeat-x; font-family: Verdana, Arial, sans-serif;}

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.req{color:red;}

.cta{float:left;width:560px;padding-top:8px;}
.socials{float:right;}
.text{display:block;width:390px;height:20px;float:left;margin-top:6px;}

/* this is a very wide thing to allow for swirlies in the header to extend */
#page-wrap { width: 100%; margin: 0 auto; background-image: url(images/swirly_bg.jpg); background-repeat:no-repeat;} 
#home-page-wrap { width: 100%; margin: 0 auto; background-image: url(images/home_swirly_bg.jpg); background-repeat:no-repeat;} 

/* this is the main page container, and it contains header, sidebar, content, and footer */
#container{width: 1100px; margin: 0 auto; background-color:transparent;}

img{border:none;}

#rotator{width: 462px; height:272px; background-image:url('/screen_rotators/1.png');}

#tiptop{color:white; height: 43px; padding: 0; margin:0; font-size: 12px;}
#tiptop p{padding-top:10px;}
#tiptop a{color: white; }
#tiptopnav{float:right; width: 480px;margin-top:5px; text-align:right; margin-right:-30px;}
#tiptopnav a {font-size:13px; float:left; margin: 0 0 0 15px; padding: 5px 0 0 0; display:block; height:29px;text-align:center;text-decoration:none;}
#tiptopnav a.home{width:80px;}
#tiptopnav a.contact{width:120px;}
#tiptopnav a.about{width:136px;}
#tiptopnav a:link{}
#tiptopnav a:visited{color:white;}
#tiptopnav a.home:hover{background-image:url(images/topnav_linkhover_home.png); background-repeat:no-repeat; background-position:top;}
#tiptopnav a.about:hover{background-image:url(images/topnav_linkhover_about.png); background-repeat:no-repeat;}
#tiptopnav a.contact:hover{background-image:url(images/topnav_linkhover_contact.png); background-repeat:no-repeat;}

#sub-page-header {height: 125px;margin:0;}
#sub-page-header img{margin-top:10px;}

#sub-page-header-nav{float:right;margin-top: 40px;}
#sub-page-header-nav a{text-decoration:none; color: #A51D4E; font-size: 18px; margin-left: 20px;font-family: Arial, Verdana, sans-serif; }
#sub-page-header-nav a:link{}
#sub-page-header-nav a:visited{color: #A51D4E;}
#sub-page-header-nav a:hover{text-decoration:underline;}

#home-bar{height:280px;}
#rt{float:right;margin-top:40px;}

#home-content-area{margin-top:0px; background-image:url(images/content_top_bg.png); background-repeat:no-repeat; padding: 40px 30px;}
#home-content-area p{font-size: 12px; color: #333;line-height: 20px; }
#home-content-area h2{color: #1270B1; font-size: 20px; font-weight: bold;}
#home-content-area h3{color: #A61E4E; font-size: 15px; margin-bottom:0;}
#home-content-area h4{color: #A61E4E; font-size: 13px;font-weight:bold;}
#home-content-area ul{margin-left:35px; padding-left: 35px;list-style-image: url(images/bluebullet.jpg);font-size: 12px; color: #333;}
#home-content-area ul li{margin-bottom: 10px;}
#home-content-area h3{color: #A61E4E; font-size: 15px; }
#home-content-area h4{color: #A61E4E; font-size: 13px;font-weight:bold;}

#home-content-area a{text-decoration: none;}
#home-content-area a:link{color:#0F78C0; }
#home-content-area a:visited{color:#0F78C0; }
#home-content-area a:hover{text-decoration:underline;}

#dots{text-align:center; padding:30px 0; clear:both;}


#quad h2{color:#009992; font-size: 15px; font-weight:bold; margin-bottom:0;}
#quad p{line-height: 16px; font-size:12px;}
.quadbox{float:left; width:450px; margin: 0 0 20px 30px; height:150px;}
.quadbox img{float:left; margin: 0 15px 0 0;}

#leftcol{float:left; width: 450px;}
#rightcol{float:right; width: 450px; margin-right: 50px;}

#content table h3.teal{color:#009992;}
table ul.tealish{list-style-image: url(images/bluebullet.jpg);}

#sidebar{float:left; width:275px;}

#sidebar ul{list-style-type:none; margin-left:10px; padding-left:10px;}
#sidebar ul li{}
#sidebar ul li a{display:block; height: 25px; width: 247px; background-image: url(images/sidebar_nav_link_bg.jpg); margin-bottom: 15px; text-decoration: none; color: #0B0B0B; font-size:14px;}
#sidebar ul li a:link{color: #0B0B0B;}
#sidebar ul li a:visited{color: #0B0B0B;}
#sidebar ul li a:hover{color: #009D96;text-decoration:none;}
#sidebar ul li a:hover:after{content: " >>"; font-size:10px; }

#sub-page-content #sidebar h2{font-size:16px; margin-top:20px;}

#sub-page-content{width:1047px;margin-left: 40px;margin-top:0px;}

#sub-page-content h2{color: #1270B1; font-size: 20px;font-weight: bold;}

#sub-page-content-area{margin-top:30px; background-image:url(images/content_top_bg.png); background-repeat:no-repeat; padding: 40px 30px;}

#sub-page-content-area a{text-decoration: none;}
#sub-page-content-area a:link{color:#0F78C0; }
#sub-page-content-area a:visited{color:#0F78C0; }
#sub-page-content-area a:hover{text-decoration:underline;}

#content{margin-left: 280px; font-size: 12px; color: #333;line-height: 18px;}
.entry ul{margin-left:35px; padding-left: 35px;list-style-image: url(images/bullet.jpg);}
.entry ul li{margin-bottom: 7px;}

#content h3{color: #A61E4E; font-size: 15px; margin-top: 30px;}
#content h4{color: #A61E4E; font-size: 13px;font-weight:bold;}



#footer{clear:both; text-align:center;}
#graybar{width:100%; height: 40px; background-color: #efefef; margin-top:20px;}
#subfooter{width:100%; height:285px; background-image: url(images/subfooter_bg.jpg); background-repeat: repeat-x;}

#subfootermenu{height:235px;}
#subfootermenu #linkage {float:left; margin-right: 12px;}
#subfootermenu #linkage .menublock ul{list-style-type:none;}
#subfootermenu #linkage .menublock ul li{display:block; border-bottom: 1px solid #3487C1; width:160px; height: 20px;margin: 6px 0}
#subfootermenu #linkage .menublock ul li a{color:white; text-decoration:none;font-size:13px;}
#subfootermenu #linkage h2{color: white;text-shadow:#333 2px 2px 2px; font-size: 16px;margin-top:20px;}
.menublock{float: left; width: 200px;}

#subfooter #makemefloat{float:right; width:221px; }
#subfooter #contactbox{background-color: #EFEFEF; padding: 10px 5px 10px 10px;}


#subfooter #contactbox h2{font-size:16px; color: #1A7BB9;}
#subfooter #contactbox p{font-size:11px; color:#333;}
#subfooter #contactbox a{text-decoration: none;}
#subfooter #contactbox a:link{color:#0F78C0; }
#subfooter #contactbox a:visited{color:#0F78C0; }
#subfooter #contactbox a:hover{text-decoration:underline;}

.mauve{color:#9E204B;}

#ground{padding-top: 10px;}

.footerholder{width: 900px; margin: 0 auto; }
.footerholder input{height:20px;}
.footerholder .search_button{background: url(images/search.jpg) no-repeat;width: 25px;height: 25px;margin: 10px 0 0 0;}

h2#title{color:white;text-shadow:#333 2px 2px 2px; font-family: Arial, Verdana, sans-serif; font-size: 36px;}
h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0;}


/* slide show */
#slideshowWrapper { width:600px; border:1px solid #dadada; padding:0 0 16px 0; color:#666;}
#slideshowWrapper p { margin:0 0 7px; font-size:16px; line-height:18px; text-align:right; }
#slideshowWrapper strong { font-size:22px; line-height:24px; font-weight:normal; }
#slideshowWrapper span { font-style:italic; font-size:16px; line-height:19px; font-weight:bold; }


form{margin:0; padding:0;display:inline;}


p { margin: 0 0 10px 0; }

blockquote {background-color: #efefef; border: 2px solid #dfdfdf; margin: 20px 30px; padding: 20px;}
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

/* For Wordpress image inserts */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 15px 15px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
/* blog stuff */
.meta{font-size:12px; color: #4B95C7; margin-bottom:12px;}
.postmetadata{font-size:12px;margin-bottom: 55px;}
h2.blogtitle{}


/* other stuff */

.toggleLink{font-size:12px;}

.toggle p{font-size: 14px;}
.toggle img{float:left;margin-right: 5px;}



} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */