/*   
Theme Name: Crane Accidents
Theme URI: http://www.CraneAccidents.com
Description: A Custome Theme
Author: Jeremy Hawes
Author URI: http://321seoteam.com
Version: 1.0.0
*/

/* ================GLOBAL===================== */

* { margin: 0; padding: 0; }
body { font: 14px/1.4 Arial, Calibri, Verdana, Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
h1, h2, h3 { margin: 10px 0; }
ul, ol { margin: 10px 0; }
p { margin: 10px 0; }
a { text-decoration: none; }
img a, a img {border-style: none; border: 0;} /* IE BORDERS */
/* ===========================================WP ALIGN FIX */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 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}
/* ===========================================CLEAR FIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* ========================================CUSTOM CALLS */
.clear { clear: both; }
.spacer { margin: 20px 0;}
.rightSpace { margin-right: 15px;}
.leftSpace { margin-left: 15px;}
.justify { text-align: justify;}
.forceCenter { display: block; margin: 0 auto; text-align: center; }
.alignLeft {float: left;}
.alignRight {float: right;}
.absoluteP {position: absolute; top: 0; left: 0; z-index: 10;}
.smallAdvert { padding: 8px 5px; background: #f0f0f0; border: solid 1px #ccc; border-radius: 4px;}
ul.leftBlockCommand {width: 200px !important;}
.leftBlockCommand li {margin: 0 3px 3px 0 !important; padding: 0; float: left; list-style: none; width: 96px; height: 107px; }
.leftBlockCommand a img:hover {opacity: 0.8;}
#shadowbox { border: solid 10px transparent; box-shadow: 3px 3px 7px #666; -webkit-box-shadow: 3px 3px 7px #666; -moz-box-shadow: 3px 3px 7px #666; behavior: url(http://www.craneaccidents.com/PIE/PIE.php);}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('fonts/Chunkfive-webfont.eot');
    src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	/*
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	*/

/* =======================================HEADER */
#headerWrap {width: 100%; float: left; background: url(images/headerBg.png) repeat-x; height: 92px; position: relative; }
#headerShadeLeft { background: url(images/headerShadeLeft.png) repeat-y; width: 300px; height: 92px; position: absolute; top: 0; left: 0; z-index: 1;}
#headerShadeRight { background: url(images/headerShadeRight.png) repeat-y; width: 300px; height: 92px; position: absolute; top: 0; right: 0; z-index: 1;}
#topNavBarWrap {width: 100%; float: left; background: #333; border-bottom: solid 1px #000;}
#topNavBarWrap .topNavBar {width: 960px; height: 50px; margin: 0 auto; background: #333; position: relative; }
#topNavBarWrap .topNavBar .logo {top: 8px; left: 0; position: absolute;}
#topNavBarWrap .topNavBar h1 {float: left; margin: 15px 0 0 70px; font-size: 30px; font-family: ChunkFiveRegular, Calibri, Verdana, Arial; letter-spacing: 2px; margin-right: 40px; text-shadow: 2px 2px 4px #000, -2px -2px 4px #000;}
#topNavBarWrap .topNavBar h4 {font-size: 14px;}
#topNavBarWrap .topNavBar ul {padding-top: 15px; float: right; margin-right: 100px;}
#topNavBarWrap .topNavBar li {list-style: none; float: left; padding: 5px 10px; }
#topNavBarWrap .topNavBar h1 a {color: #FF0;}
#topNavBarWrap .topNavBar h4 a {color: #FFF; font-weight: normal;}
#topNavBarWrap .topNavBar h4 a:hover {text-decoration: underline;}
#topNavBarWrap .topNavBar .rssFeed {position: absolute; top: 8px; right: 0; width: 80px; height: 40px; background: url(images/rss.png) top no-repeat; z-index: 27; }
#topNavBarWrap .topNavBar .rssFeed:hover {background: url(images/rss.png) bottom no-repeat;}

#mainNavMenu { width: 100%; float: left; background: url(images/smallGrey.png) repeat; border-bottom: solid 1px #000; border-top: solid 1px #000; height: 20px; position: relative;  }
#navShadeLeft { background: url(images/headerShadeLeft.png) repeat-y; width: 300px; height: 20px; position: absolute; top: 0; left: 0; z-index: 1;}
#navShadeRight { background: url(images/headerShadeRight.png) repeat-y; width: 300px; height: 20px; position: absolute; top: 0; right: 0; z-index: 1;}
a.current_page_item, a.current-menu-item {cursor: default;}

#sliderWrap { width: 100%; float: left; position: relative; /*margin-top: 10px;*/ }
#slider { width: 960px; height: 200px; margin: 0 auto; position: relative; }
#slider .commentBox {
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 460px; 
	height: 184px; 
	border-top: solid 6px #222;
	background: #333; 
	padding: 5px 20px; 
	overflow: hidden; 
	color: #FFF;
	text-align: justify;
}
#slider .commentBox a {color: #FFC !important; font-weight: bold; font-size: 16px;}
#slider .commentBox a:hover {text-decoration: underline;}

#craneHunterWrap {width: 100%; float: left; position: relative;}
#craneHunter {width: 1300px; margin: 0 auto; background: #333; border-top: solid 6px #222;}
#craneHunter li {list-style: none;}

.smallShade {background: url(images/smallShade.png) top repeat-x; width: 100%; height: 28px; position: absolute; top: 0; z-index: 11; }
.ropeLeft { background: url(images/wireRope.png) repeat-y; width: 8px; height: 100%; float: left; }
.ropeRight { background: url(images/wireRope.png) repeat-y; width: 8px; height: 100%; float: right; }
.rightRope { background: url(images/wireRope.png) right repeat-y; }

.sliderMenuRight ul { position: absolute; bottom: 16px; right: 0; margin: 0 10px; }
.sliderMenuRight li { list-style: none; float: left; border-right: solid 1px #FFF; }
.sliderMenuRight li:hover { background: #666; }
.sliderMenuRight li:last-child {border: none;}
.sliderMenuRight h1 {font-size: 12px !important; padding: 0; height: 11px;}
.sliderMenuRight li a { color: #FFC; padding: 0 10px; display: block; }
.sliderMenuRight li a:hover { color: #FFF;}

.sliderMenuLeft ul { 
	position: absolute;
	padding: 1px 0 1px 1px;
	bottom: 16px; 
	left: -2px; 
	width: 400px; 
	margin: 0 10px; 
	z-index: 21; 
	background: #333; 
	border-bottom-left-radius: 4px; 
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}
.sliderMenuLeft li:first-child { border-bottom-left-radius: 4px; behavior: url(http://www.craneaccidents.com/PIE/PIE.php);}
.sliderMenuLeft li { list-style: none; float: left; border-right: solid 1px #FFF; }
.sliderMenuLeft li:hover { background: #666; }
.sliderMenuLeft li:last-child {border: none;}
.sliderMenuLeft h1 {font-size: 12px !important; padding: 0; height: 11px;}
.sliderMenuLeft li a { color: #FFC; padding: 0 10px; }
.sliderMenuLeft li a:hover { color: #FFF;}
.sliderMenuLeft a {display: block;}

/* =======================================MAIN */

#pageWrap { width: 100%; float: left; background: url(images/lightBg.png) repeat; position: relative; }
#pageContent { width: 1300px; margin: 0 auto; background: #fff url(images/wireRope.png) left repeat-y; }
#pageContent2 { background: url(images/wireRope.png) right repeat-y;}
.innerContentPadding {padding: 20px 0 30px 0; }
.wireRopeHor { background: url(images/wireRopeHor.png) top repeat-x; height: 8px; width: 100%; position: relative;}

#mainContent { position: relative; }
.homePage {width: 600px;}
.widePage {width: 800px;}
.fullPage {width: 1000px; }
	.homePage .breadcrumbs { width: 600px;}
	.widePage .breadcrumbs { width: 800px;}
	.fullPage .breadcrumbs { width: 1000px;}
	.breadcrumbs { padding: 10px 0 10px 10px; font-weight: bold; font-size: 14px; background: #333; color: #666; border-top-left-radius: 10px; border-bottom-right-radius: 10px; margin-left: 10px; margin-bottom: 10px;}
	.breadcrumbs a {color: #69f;}
	.breadcrumbs a:hover {text-decoration: underline;}
#mainContent .homeContent .post, #mainContent .homeContent .page, #mainContent .archiveContent .post, #mainContent .archiveContent .page { 
	border: solid 1px #ccc; 
	margin-bottom: 8px; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative; 
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}
#mainContent .pageContent a {font-weight: bold; color: blue;}
#mainContent .pageContent h1 { font-size: 28px; color: #333; }
#mainContent .pageContent h1.pageTitle { margin: 0 0 5px 0; text-transform: uppercase;}
#mainContent .pageContent h2 { font-size: 22px; color: #333; text-align: center; }
#mainContent .pageContent h3 { font-size: 18px; color: #333;}
#mainContent .pageContent h4 { font-size: 16px; color: #333;}
#mainContent .homeContent h3 { background: url(images/smallGrey.png) repeat; padding: 0 75px 0 5px; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; border-bottom: solid 1px #ccc; }
#mainContent .archiveContent h3 { background: url(images/smallGrey.png) repeat; padding: 0 100px 0 5px; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; border-bottom: solid 1px #ccc; }
#mainContent .homeContent h3, #mainContent .homeContent h3 a, #mainContent .archiveContent h3, #mainContent .archiveContent h3 a { color: #036; font-size: 18px;}
#mainContent .homeContent h3 a:hover { color: #369;}
#mainContent .singleContent h1 { 
	background: #333; 
	padding: 10px 100px 10px 10px; 
	border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-bottom: solid 1px #000; color: #ffc;
	margin-top: 0; 
	text-shadow: 1px -1px 1px #000;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
#mainContent .entry { padding: 0 10px; margin-bottom: 0; color: #333; position: relative; }
#mainContent .entry a:hover {text-decoration: underline;}
#mainContent .entry a img:hover {opacity: 0.8;}
#mainContent .entry hr {border: solid 1px #ccc; margin: 10px 0 0 0;}
#mainContent .entry ul, #mainContent .entry ol {margin-left: 35px;}
#mainContent .entry ul.ui-tabs-nav {margin-left: 0;}
#mainContent .entryContent { padding: 0 10px; color: #333;}
#mainContent .homeContent .entry, #mainContent .archiveContent .entry { min-height: 90px;}
#mainContent .homeContent .entry p, #mainContent .archiveContent .entry p { font-size: 11px; text-align: justify; }
#mainContent .singleContent .entry img, #mainContent .singleContent .entry img a {
	margin: 5px;
	box-shadow: 3px 3px 7px #666; 
	-webkit-box-shadow: 3px 3px 7px #666; 
	-moz-box-shadow: 3px 3px 7px #666;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
#mainContent .singleContent .entry hr {clear: both;}
#mainContent .archives li {list-style: none;}
#mainContent .archives span.sym:hover {cursor: default;}
#mainContent .archiveEntry ul { padding-left: 10px;}
#mainContent .archiveEntry li {background: #e0e0e0; line-height: 16px; border-bottom: solid 1px #ccc;}
#mainContent .archiveEntry li li.collapsing {background: #fff;}

#mainContent .topCategories {float: left; display: block; }
#mainContent .topCategories ul { width: 478px; }
#mainContent .topCategories li { float: left; list-style: none;}
#mainContent .topCategories li a {color: #036; padding: 5px 10px; border: solid 1px #FFF;}
#mainContent .topCategories li:hover a {
	color: #000;
	background: #CCC; 
	border: solid 1px #999;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
#mainContent .topCategories li h2 {font-size: 14px; }

#mainContent .moretag { background: url(images/qMark.png) left no-repeat; padding-left: 18px; margin-left: 10px; font-weight: bold; padding-top: 3px; padding-bottom: 3px; }
h1.archiveTitles, h2.archiveTitles { 
	background: #333; 
	color: #ffc; 
	padding: 5px 5px 5px 10px; 
	border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	margin-top: 0;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}

.homeContent .meta, .archiveContent .meta {position: absolute; top: 5px; right: -15px; color: #666; font-size: 12px;}
.archiveContent .meta {position: absolute; top: 5px; right: 10px; color: #666; font-size: 12px;}
.singleContent .meta { 
	position: absolute; 
	top: 20px; 
	right: 15px; 
	color: #ccc; 
	font-size: 14px; 
	font-weight: bold; 
	padding: 0 0 10px 10px; 
	font-size: 18px; 
	font-style: italic; 
	text-shadow: 1px -1px 1px #000;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
.homeContent .meta span {width: 70px; overflow: hidden;}
.homeContent .postmetadata { background: url(images/smallGrey.png) repeat; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: solid 1px #ccc; padding: 2px 10px; font-size: 12px;}
.archiveContent .postmetadata { background: url(images/smallGrey.png) repeat; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: solid 1px #ccc; padding: 2px 10px; font-size: 12px;}
.homeContent .wp-post-image, .archiveContent .wp-post-image { 
	border: solid 4px #f0f0f0; 
	background: #f0f0f0; 
	box-shadow: 3px 3px 7px #666; 
	-webkit-box-shadow: 3px 3px 7px #666; 
	-moz-box-shadow: 3px 3px 7px #666; 
	max-height: 80px;
	max-width: 80px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}

#mainContent .entry p a, #mainContent .postmetadata a, { color: #339;}
#mainContent .entry p a:hover, #mainContent .postmetadata a:hover, #mainContent a.moretag:hover { text-decoration: underline;}

.wp-pagenavi {margin-bottom: 10px; font-size: 12px; border: solid 2px #ccc; padding: 5px 0; background: #f0f0f0; }
.wp-pagenavi span, .wp-pagenavi a {
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	padding: 3px; 
	border: solid 1px #ccc; 
	margin-right: 3px; 
	background: #fff;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}
.wp-pagenavi a:hover {background: #f0f0f0; }
.wp-pagenavi .current {background: #ccf; border-color: #666;}
.wp-pagenavi .extend {border: 0; background: #f0f0f0; }
.wp-pagenavi .pages {border: 0; background: #f0f0f0;}

.topReference {background:#eee; padding: 5px; float: left; width: 713px; margin-bottom: 8px;}

#mainContent .media-library-gallery img {width: 120px; height: 120px;}
#mainContent .mlg-title { width: 120px;}
#mainContent .mlg-preview {width: 124px; min-height: 190px;}
#mainContent .mlg-actions { width: 120px;}

.lawsRightColumn {width: 200px; margin-left: 10px; margin-top: -50px; background: #EEE; float: right; border: solid 1px #ccc; font-size: 12px;}
.lawsBottom ul {display: block; float: left; width: 140px;}

.media-library-gallery .mlg-navbar {padding: 8px 0;}
.media-library-gallery .mlg-navbar a {padding: 2px 4px; border: solid 1px #CCC; background: #EEE; border-radius: 2px; behavior: url(http://www.craneaccidents.com/PIE/PIE.php);}
.media-library-gallery .mlg-navbar a:hover {text-decoration: none !important; background: #CCC; border: solid 1px #999; color: #F60 !important; }

td.tableLeft { width: 300px; }
td.tableCrane { width: 53px; }
td.tableWorker { width: 18px; padding: 0 5px; }
td.tableSigns { width: 46px;}
td.tableTraining { width: 48px;}
.tabTables table {background: #EEE; margin-bottom: 8px; padding: 5px 10px; border: solid 1px #CCC;}

.statsIcons li {
	list-style: none; 
	float: left; 
	border: 8px solid #EEE;
	width: 160px;
	height: 181px;
	padding: 50px 20px 20px 20px;
	background: #EEE url(images/statsDoc.png) no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	box-shadow: 2px 2px 12px #CCC;
	-moz-box-shadow: 2px 2px 12px #CCC;
	-webkit-box-shadow: 2px 2px 12px #CCC;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
.statsIcons li:hover {border: 8px solid #CCC; background: #CCC url(images/statsDoc.png) no-repeat;}
.statsIcons p {font-size: 11px;}
.statsIcons h3 {text-shadow: 1px 1px 2px #999;}

#tabs ul.innerTabs li { list-style: none; background: #EEE; margin-bottom: 5px; border: solid 1px #CCC;}
#tabs ul.innerTabs li h3 {background: #E0E0E0; padding-left: 5px; margin-top: 0;}
#tabs ul.innerTabs li p {padding-left: 10px; padding-right: 10px;}
#tabs ul.innerTabs li a:hover {text-decoration: underline;}
#tabs .ui-state-default a {font-size: 12px;}

/* ======================================SIDEBAR */
#sideNavMenu { width: 300px; }

#sideNavMenu ul { width: 250px; margin-top: 0; }
#sideNavMenu .menu li {list-style: none; width: 175px; padding: 2px 5px 2px 15px;}
#sideNavMenu .menu li a, #sideNavMenu .menu li a:hover { display: block;}
#sideNavMenu .menu li:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#sideNavMenu .menu li:hover h2 { /*padding-left: 10px;*/ -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
#sideNavMenu .navBoxes { 
	margin-left: 10px; 
	width: 250px; 
	margin-bottom: 15px; 
	position: relative; 
	box-shadow: 2px 2px 10px #333; 
	-moz-box-shadow: 2px 2px 10px #333; 
	-webkit-box-shadow: 2px 2px 10px #333;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
#sideNavMenu .navBoxes ul {margin-top: 45px;}
#sideNavMenu .navBoxes h1 {font-size: 18px; position: absolute; z-index: 2; top: 0; left: 15px;}
#sideNavMenu h2 {margin: 0; font-size: 14px; font-weight: normal; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}

#navBox1, #navBox2, #navBox3 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}

#navBox1 { border: solid 1px #666; background: #a2b1c4; }
#navBox1:hover {/*background: #a2b1c4 url(images/smallCrane.png) top right no-repeat;*/ -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#navBox1 h1 a, #navBox1 h1 { color: #FFF; text-shadow: 1px 1px 1px #666; behavior: url(http://www.craneaccidents.com/PIE/PIE.php); }
#navBox1 .menu li { background: #8999ae; border-bottom: solid 1px #666; }
#navBox1 .menu li:first-child {border-top: solid 1px #666;}
#navBox1 .menu li:hover { background: #8999ae url(images/navButtonShade.png) right repeat-y;}
#navBox1 .menu li a { color: #fff;}

#navBox2 { border: solid 1px #666; background: #b5bdfe; }
#navBox2:hover {/*background: #b5bdfe url(images/smallCrane.png) top right no-repeat;*/ -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#navBox2 h1 { color: #333; text-shadow: 1px 1px 1px #a0aaff; behavior: url(http://www.craneaccidents.com/PIE/PIE.php); }
#navBox2 .menu li { background: #a0aaff; border-bottom: solid 1px #666;}
#navBox2 .menu li:first-child {border-top: solid 1px #666;}
#navBox2 .menu li:hover { background: #a0aaff url(images/navButtonShade.png) right repeat-y;}
#navBox2 .menu li a { color: #fff;}

#navBox3 { border: solid 1px #ffc; background: #333; }
#navBox3:hover {/*background: #eaeaea url(images/smallCrane.png) top right no-repeat;*/ -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#navBox3 h1 { color: #ffc; text-shadow: 1px 1px 1px #000; behavior: url(http://www.craneaccidents.com/PIE/PIE.php); }
#navBox3 h1 a { color: #FFC;}
#navBox3 .menu li { background: #111; border-bottom: solid 1px #000;}
#navBox3 .menu li:first-child {border-top: solid 1px #000;}
#navBox3 .menu li:hover { background: url(images/navButtonShade.png) right repeat-y;}
#navBox3 .menu li a { color: #fff;}

#boxesGradient { position: absolute; top: 0; left: 0; z-index: 1;}

#sidebarLeft { padding-left: 10px;}
#sidebarLeft .widget {margin-bottom: 15px;}
#sidebarLeft h3 {text-align: center; margin-bottom: 5px;}
#sidebarLeft .wp-polls { 
	display: block; 
	margin: 0 auto; 
	border: solid 2px #8D99AA; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px; 
	width: 300px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}
#sidebarLeft .wp-polls .wp-polls-ul {width: 300px; margin: 0;}

#sidebarRight { position: relative; width: 325px; padding-right: 15px; }
#sidebarRight a:hover {text-decoration: underline;}
#sidebarRight ul, #sidebarLeft ul, #sidebarRight li, #sidebarLeft li, #sideNavMenu li { list-style: none; }
#sidebarRight .widget { width: 300px; margin-bottom: 15px; }
#sidebarRight .widget h3 {text-align: center; margin: 5px 0; text-transform: uppercase; color: #333;}
#sidebarRight .widget a img:hover, #topFooter a img:hover { opacity: 0.7; }
#sidebarRight .widget_utcw {
	padding: 8px 5px;
	width: 300px;
	background: #f0f0f0; 
	border: solid 2px #8D99AA; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}

#searchWrap { 
	background: #fff;
	border: solid 2px #8d99aa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 2px;
	padding-bottom: 7px;
	width: 300px;
	height: 22px;
	margin-bottom: 10px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}
#s {border: 0; height: 22px; width: 300px;}
#searchsubmit {background: transparent url(images/search.png) no-repeat; width: 21px; height: 20px; cursor: pointer; border: 0; padding: 0; margin-bottom: 2px;}
#sideNavMenu img { display: block; margin: 0 auto;}

.widget_collapsarch li span {margin-right: 6px; cursor: pointer;}
.widget_collapsarch li ul li { padding-left: 20px;}

div.widget_rrm_popular_posts {
	padding: 8px 5px;
	width: 300px !important;
	background: #f0f0f0; 
	border: solid 2px #8D99AA; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
div.widget_rrm_popular_posts h4 a {display: block;}
div.widget_rrm_popular_posts h4 a:hover {color: #00B2EE; text-decoration: none !important;}

.smallBoxWrap { padding: 10px; width: 738px; }
#smallBox { background: url(images/smallBox.png) no-repeat; width: 300px; height: 58px; float: left; margin-right: 10px; position: relative; }
#smallBox h4 { text-align: center; margin: 5px 0; }
#smallBox p { text-align: right; margin-right: 10px; padding-left: 20px; }

/* ======================================FOOTER */
#topFooterWrap {width: 100%; float: left; }
#topFooter {width: 1300px; margin: 0 auto; position: relative; height: 128px; background: url(images/iBeamCenter.png) repeat-x; margin-bottom: 1px; }
#topFooter .beamLeft { width: 66px; height: 128px; position: absolute; top: 0; left: -66px; z-index: 10; }
#topFooter .beamRight { width: 66px; height: 128px; position: absolute; top: 0; right: -66px; z-index: 10; }
#topFooter .eyeLeft { width: 53px; height: 79px; position: absolute; top: -79px; left: -24px; z-index: 9; }
#topFooter .eyeRight { width: 53px; height: 79px; position: absolute; top: -79px; right: -22px; z-index: 9; }
#topFooter ul {margin-left: 10px; padding-top: 15px;}
#topFooter li {list-style: none; display: block; margin-right: 20px; float: left; overflow: hidden;}
#topFooter li p {font-weight: bold; text-align: center; }

#footerWrap {width: 100%; float: left; background: url(images/footerBg.png) repeat; position: relative; }
#footer { width: 1300px; margin: 0 auto; position: relative; padding: 28px 0 20px 0; color: #999;}
#footer nav.footerMenus { float: left; width: 150px; margin-right: 40px; margin-top: 0; margin-bottom: 5px;}
#footer li {list-style: none; display: block; margin-right: 20px; color: #fff; }
#footer a { color: #ffc;}
#footer a:hover { text-decoration: underline; }
#footer a:focus { outline: dotted 1px #ffc; }
#footer hr { clear: left; border: solid 1px #ffc;}

#footer ul.footerNavHeaders {width: 100%; float: left; margin-right: 0; margin-top: 5px; margin-bottom: 0;}
#footer ul.footerNavHeaders li { margin: 0 40px 0 0; width: 150px; float: left; font-weight: bold; }

#logo321:hover {opacity: 0.8;}

/* ======================================COMMENTS */
ol.commentlist { list-style: none; }
.comment-body {position: relative;}
.comment-body p {padding-right: 50px;}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment ul.children li { border-bottom: 1px dotted #999; padding: 10px; }
ol.commentlist li.comment div.comment-author { background: #333; color: #ffc; padding: 4px 0 4px 10px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
ol.commentlist li.comment ul.children li.depth-2 div.comment-author { 
	background: #666; 
	color: #ffc; 
	padding: 4px 0 4px 10px; 
	border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
ol.commentlist li.comment ul.children li.depth-3 div.comment-author { 
	background: #999; 
	color: #333; 
	padding: 4px 0 4px 10px; 
	border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
ol.commentlist li.comment ul.children li.depth-4 div.comment-author { 
	background: #fff;
	color: #666;
	padding: 4px 0 4px 10px;
	border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php);
}
ol.commentlist li.comment div.vcard { }
.comment-author a {color: #ffc;}
.comment-author a:hover {text-decoration: underline;}
ol.commentlist li.comment div.vcard cite.fn { font-weight: bold; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { 
	position: absolute;
	z-index: 1;
	right: -20px;
	top: -5px;
	margin: 10px; 
	border: solid 16px #fff;
	box-shadow: -2px 2px 20px #333; 
	-webkit-box-shadow: -2px 2px 20px #333; 
	-moz-box-shadow: -2px 2px 20px #333; 
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	opacity: 0.9;
	behavior: url(http://www.craneaccidents.com/PIE/PIE.php); 
}
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 12px; border-bottom: double 3px #ccc; }
ol.commentlist li.comment div.comment-meta a { color: #999; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { }
ol.commentlist li.comment ul.children li.depth-3 { }
ol.commentlist li.comment ul.children li.depth-4 { }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }