/*********************************************************************
Filename:	home.css
Project:	Davie County Chamber of Commerce
Purpose:	Home CSS File - Overrides styles from screen.css
Date		Developer	Description
04/24/2009	jmk			Version 1.0
*********************************************************************/

/**** BEGIN:  Content Region ****/

/** BEGIN:  Content Container **/
#contentRegion #contentContainer{float:none; width:100%; padding-right:0;}
#contentRegion #contentContainer #contentWrapper{width:100%; height:auto;}
html > body #contentRegion #contentContainer #contentWrapper{height:auto;}
/* BEGIN:  content */
#content{float:none; display:block; width:100%; padding:0 0 0 0;}
/* END:  content */

/* BEGIN:  home */
#home{margin:0 12px 10px 12px; font-size:1.0em;}

/* row 1 */
#home #row1{overflow:hidden; width:100%; height:165px; margin-bottom:2px;}
/* row 1 :: region 1 */
#home #row1 .region1{float:left; display:block; overflow-x:hidden; width:710px; height:145px; padding:5px; border:1px solid #d0d0d0;}
#home #row1 .region1 div.img{}
/* row 1 :: region 2 */
#home #row1 .region2{float:right; display:block; overflow:hidden; width:215px; height:145px; padding:5px; border:1px solid #d0d0d0;}
#home #row1 .region2 div.text{overflow:hidden; height:145px;}
#home #row1 .region2 div.text div.heading{padding:15px; background:#EDECC0; color:#4E7F2E; font-size:1.7em;}
#home #row1 .region2 div.text div.heading a{display:block; width:100%; color:#4E7F2E; text-decoration:none;}
#home #row1 .region2 div.text div.content{margin:0; padding:0px 5px 5px 5px;}

/* row 2 */
#home #row2{overflow:hidden; width:100%;}
/* row 2 :: region 3 */
#home #row2 .region3{float:left; overflow:hidden; width:230px; margin:0 13px 0 0;}
#home #row2 .region3 div.img{width:230px; height:180px;}
#home #row2 .region3 div.heading{margin:17px 10px 10px 10px; font-size:1.5em; font-weight:bold; color:#4E7F2E;}
#home #row2 .region3 div.heading a{color:#4E7F2E; text-decoration:none; line-height:1.2em;}
#home #row2 .region3 div.text{padding:0 10px 0 10px;}
/* row 2 :: region 4 */
#home #row2 .region4{float:left; overflow:hidden; width:230px; margin:0 13px 0 0;}
#home #row2 .region4 div.img{width:230px; height:180px;}
#home #row2 .region4 div.heading{margin:17px 10px 10px 10px; font-size:1.5em; font-weight:bold; color:#4E7F2E;}
#home #row2 .region4 div.heading a{color:#4E7F2E; text-decoration:none; line-height:1.2em;}
#home #row2 .region4 div.text{padding:0 10px 0 10px;}
/* row 2 :: region 5 */
#home #row2 .region5{float:left; overflow:hidden; width:230px; margin:0 0 0 0;}
#home #row2 .region5 div.img{width:230px; height:180px;}
#home #row2 .region5 div.heading{margin:17px 10px 10px 10px; font-size:1.5em; font-weight:bold; color:#4E7F2E; line-height:1.2em;}
#home #row2 .region5 div.heading a{color:#4E7F2E; text-decoration:none;}
#home #row2 .region5 div.text{padding:0 10px 0 10px;}
/* row 2 :: region 6 */
#home #row2 .region6{float:right; display:block; overflow:hidden; width:215px; height:168px; margin-bottom:10px; padding:5px; border:1px solid #d0d0d0;}
#home #row2 .region6 div.text{overflow:hidden; height:160px;}
#home #row2 .region6 div.text div.heading{padding:15px; background:#EDECC0; color:#4E7F2E; font-size:1.7em;}
#home #row2 .region6 div.text div.heading a{display:block; width:100%; color:#4E7F2E; text-decoration:none;}
#home #row2 .region6 div.text div.content{margin:0; padding:0px 5px 5px 5px;}
#home #row2 .region6 div.text div.content form{margin:0; padding:0;}
#home #row2 .region6 div.text div.content div.event{padding:0 0 5px 0; font-size:1.1em;}
#home #row2 .region6 div.text div.content div.event div.date{font-size:0.7em; color:#666666;}
#home #row2 .region6 div.text div.content div.event div.date:hover{color:#4E7F2E;}
#home #row2 .region6 div.text div.content div.event a{display:block; width:100%; text-decoration:none;;}
/* row 2 :: region 7 */
#home #row2 .region7{float:right; display:block; overflow:hidden; width:215px; height:170px; padding:5px; border:1px solid #d0d0d0; text-align:center;}
#home #row2 .region7 div.img{}

/* social media */
#home #social-media{padding:15px 0 0 0; text-align:center;}
#home #social-media div{float:left; width:70px; margin:0 10px 0 10px; cursor:hand;}
#home #social-media div img{margin-bottom:5px;}
#home #social-media div a{}
#home #social-media div a:hover{color:#131907; text-decoration:none;}
#home #social-media div.facebook img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/facebook.png', sizingMethod='crop');}
html > body #home #social-media div.facebook img{background:transparent url('../images/social-media/facebook.png') no-repeat 0 0;}
#home #social-media div.twitter img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/twitter.png', sizingMethod='crop');}
html > body #home #social-media div.twitter img{background:transparent url('../images/social-media/twitter.png') no-repeat 0 0;}
#home #social-media div.wordpress img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/wordpress.png', sizingMethod='crop');}
html > body #home #social-media div.wordpress img{background:transparent url('../images/social-media/wordpress.png') no-repeat 0 0;}
#home #social-media div.youtube img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/youtube.png', sizingMethod='crop');}
html > body #home #social-media div.youtube img{background:transparent url('../images/social-media/youtube.png') no-repeat 0 0;}
#home #social-media div.flickr img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/flickr.png', sizingMethod='crop');}
html > body #home #social-media div.flickr img{background:transparent url('../images/social-media/flickr.png') no-repeat 0 0;}
#home #social-media div.email img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/email.png', sizingMethod='crop');}
html > body #home #social-media div.email img{background:transparent url('../images/social-media/email.png') no-repeat 0 0;}
#home #social-media div.feed img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/social-media/feed.png', sizingMethod='crop');}
html > body #home #social-media div.feed img{background:transparent url('../images/social-media/feed.png') no-repeat 0 0;}

/* END:  home */

/** END:  Content Container **/

/**** END:  Content Region ****/