/*
Theme Name: Common Look and Feel 2011
 
COLOUR PALETTE

red		(dark)		a02a38
grey	(light)		f2f2f2
grey	(medium)	a4a4a4
grey	(dark)		444

*/



/* General Styling */

body { position:relative; margin:0; padding:0; background:#fff; color:#444; font-family:Verdana, Geneva, sans-serif; font-size:0.80em; line-height: 1.35;}

p, a, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}

p { margin:0; padding:0 0 12px;}

a { color:#a02a38; font-weight:normal; text-decoration:none;}

a:hover { color:#000; text-decoration:underline;}

a img { border:0;}

a:hover img {opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);}

h1, h2, h3, h4, h5, h6 { color:#444; font-family:Georgia, "Times New Roman", Times, serif;}

h1 { padding:0 0 8px; font-size:180%;}
h2 { padding:0px 0 8px; font-size:180%;}
h3 { padding:8px 0 8px; font-size:140%;}
h4 { padding:0 0 8px; font-size:120%; font-weight:bold;}
h5 { padding:0 0 8px; font-size:110%; font-weight:bold;}
h6 { padding:0 0 0; font-size:100%; font-weight:bold; color:#000;}

.post h2 { padding-top:12px;}
.post h3 { padding-top:12px;}
.post h4 { padding-top:12px;}
.post h5 { padding-top:12px;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color:#a02a38;}

ul, ol { margin:0 0 0 50px; padding:0px 0 8px;}

li { padding:0 0 4px;}



/* Main Structure */

#wrap { position:relative; width:960px; margin:0 auto; padding:0;}


#header { position:relative; width:920px; height:40px; margin:0 0 15px; color:#fff; background:#000;}

	#header h1,
	#header h1 a { font-size:1.2em; text-transform:none; font-weight:normal; line-height:20px;}
	
	#logo { float:left; padding:2px 0 0; text-align:center;}
	
	#logo a { display:inline-block; padding:0px 25px 0px 5px; color:#fff; text-align:center;}
	
	#logo a span.grey { padding:0 0 0 3px; color:#a4a4a4;}
	
	#header .textBlock { display:inline-block; width:280px; height:40px; padding:0 5px 4px 25px; font-size:90%; line-height:14px; border-left:1px solid #fff;}

	.header-menu { display:inline-block; position:absolute; right:20px; bottom:-30px; z-index:1000;}
	
	.header-menu ul,
	.header-menu ol { margin:0; padding:0;}
	
	.header-menu li { display:inline-block; float:left; margin:0; padding:0 0 0 1px; list-style:none;}
	
	.header-menu a { display:inline-block; padding:9px 25px 11px; background:#444; color:#fff; line-height:10px; font-weight:normal;}

	.header-menu a:hover,
	.header-menu .current-menu-item a { background:#a02a38;}


.breadcrumb { padding:0 0 0 20px;}

.leftCol { display:inline-block; position:relative; float:left; width:480px;}


#slider-wrap { float:left;}

#slider-wrap,
#slider { display:inline-block; position:relative; width:480px; height:280px; margin:0; padding:0; overflow:hidden;}

	#slider ul,
	#slider ol { display:inline-block; margin:0; padding:0;}
	
	#slider li { display:inline-block; position:relative; margin:0; padding:0; width:480px; height:280px; list-style:none;}
	
	#slider h1,
	#slider h2,
	#slider h3,
	#slider a,
	#slider { color:#fff;}

	#slider h1,
	#slider h2,
	#slider h3 { font-size:19px;}

	#slider a:hover { color:#eee; text-decoration:underline;}
	
	.slider-photo { background-position:center center;}
	
	#slider .slider-label { position:absolute; left:0; bottom:0; width:440px; height:10px; margin:0; padding:16px 20px 30px; background:url(images/bg_overlay.png) 0 0 repeat;}
	
	#controls { display:inline-block; position:absolute; right:9px; bottom:6px; margin:0; padding:0; text-align:right;}
	
	#controls li { display:inline-block; float:left; padding:0 0 0 2px; overflow:hidden; list-style:none;}
	
	#controls li a { display:inline-block; width:14px; height:14px; margin:0; padding:0; line-height:14px; overflow:hidden; background:url(images/marker.png) left bottom no-repeat;}
	
	#controls li a:hover,
	#controls li.current a { background:url(images/marker.png) left top no-repeat;}
	
	#prevBtn,
	#nextBtn { display:none;}
	

#frontMenu { padding-top:78px;}
	
	#frontMenu a,
	#frontMenu h1 { font-size:23px; font-weight:normal; color:#444;}
	
	#frontMenu a:hover,
	#frontMenu .feat,
	#frontMenu .feat a { color:#a02a38;}
	
	#frontMenu ul,
	#frontMenu ol { margin:0; padding:0;}
	
	#frontMenu li { display:inline-block; float:left; height:32px; line-height:30px; margin:0; padding:0; list-style:none;}
	
	#frontMenu li a { padding:0 0 0 26px; background:url(images/marker_li.png) left top no-repeat;}

	#frontMenu li a:hover { background:url(images/marker_li.png) left bottom no-repeat;}

	#frontMenu li.feat a { background:url(images/marker_li.png) left bottom no-repeat;}


#main {}

	.post { display:inline-block; clear:both; width:100%; padding:0 0 12px; overflow:hidden;}
	
	.post-excerpt { display:inline-block; clear:both; width:100%; height:96px; padding:0 0 12px; overflow:hidden;}

	.post .thumb,
	.post-excerpt .thumb { display:inline-block; position:relative; overflow:hidden; text-align:center; vertical-align:middle;}

	.post .thumb { position:relative; width:600px; height:100px; line-height:100px; margin:0 0 20px;}
	
	.post .thumb img { position: absolute; left: 0; top: -40px;}

	.post .thumb .thumbImage {display:inline-block; position:relative; width:600px; height:100px;}

	.tdomf_form fieldset { padding:0 0 20px;}
	
	.tdomf_form small,
	.tdomf_form input[type="text"],
	.tdomf_form input[type="password"] { display:block; margin-bottom:20px;}
	
	
	
	.post-excerpt .thumb { width:93px; height:93px; line-height:93px;}

	.post-excerpt .thumb img { display:inline-block; position:absolute; left:-54px; top:0; width:auto; height:93px;}
	
	.post-excerpt .thumb .thumbImage {display:inline-block; position:relative; width:93px; height:93px; background-size:auto 93px !important;}

	.post-excerpt .thumb .thumbImage a { display:inline-block; width:93px; height:93px;}
	
	.post .thumb .thumbImage img,
	.post-excerpt .thumb .thumbImage img { visibility:hidden;}
	
	.post-excerpt .post-title,
	.post-excerpt h3 { padding:0; line-height:20px;}

	.post-excerpt .thumb { margin:3px 15px 7px 0;}
	
	

#twitter {}

	#twitter .greyBox { padding:20px 22px 8px; font-size:95%; color:#A02A38; line-height:16px;}

	#twitter h2 { display:none;}
	
	#twitter h2.title { display:block;}
	
	#twitter h2 a,
	#twitter h2.title { color:#A02A38;}

	#twitter h2 a:hover { color:#000;}
	
	#twitter a { font-weight:normal; color:#444;}
	
	#twitter a:hover { color:#A02A38;}
	
	#twitter ul,
	#twitter ol { margin:0; padding:0;}
	
	#twitter li { margin:0; padding:0 0 10px; list-style:none;}
	
	#twitter .rss-date { display:block; clear:both; padding:0;}

#sidebar {}

	#LoginWithAjax td { padding-top:0;}

	.widget { padding:0 0 20px;}
		
	.widget .row { width:100%; margin:0; padding:0 0 5px;}
	
	.widget .padLeft100 { padding-left:100px;}
		
	.widget .row label.input { display:inline-block; width:38%; text-align:left; font-weight:bold;}

	.widget .row input[type="text"],
	.widget .row input[type="password"] { width:58%;}
	
	.widget .row .clear { height:5px;}
	
	.widget .controlLinks { display:inline-block; padding:0 12px; border-left:1px solid #999;}

	.widget .controlLinks:first-child { padding:0 12px 0 0; border-left:none;}

	.widget .controlLinks:last-child { padding:0 0 0 12px;}

	.widget .row input[type="radio"],
	.widget .row input[type="checkbox"] { margin:3px 0;}
	
	.widget .greyBox { width:240px;}
	
	.widget p { padding:0 0 6px;}
	

#footer { padding:10px 0; border-top:1px solid #a4a4a4; color:#444; font-size:85%; text-align:right;}

	#footer ul,
	#footer ol { margin:0; padding:0;}
	
	#footer li { display:inline-block; float:left; margin:0; padding:0; list-style:none;}

	#footer a { color:#444; font-weight:normal;}
	
	#footer a:hover {color:#a02a38;}
	
	#footer li a { display:inline-block; padding:0 6px 0 5px; border-left:1px solid #444;}
	
	#footer li:first-child a { border-left:none;}
	
	#footer small { font-size:inherit;}
	


/* Basic Containers */

.squareBox,
.greyBox,
.box { display:inline-block; position:relative; padding:20px;}

.flatBox { display:inline-block; position:relative;}

.row { display:inline-block; clear:both; padding:0 0 20px;}

.greyBox { background:#f2f2f2;}

.full960 { width:960px;}

.width960 { width:920px;} /* Plus padding */

.width640 { width:600px;} /* Plus padding */

.width640split { width:599px;} /* Plus padding & 1px border */

.width480 { width:440px;} /* Plus padding */

.width480split { width:439px;} /* Plus padding & 1px border */

.width320 { width:280px;} /* Plus padding */

.width320split { width:279px;} /* Plus padding & 1px border */

.width100 { width:100px;}



/* Misc. */
.textLeft { text-align:left;}

.textRight { text-align:right;}

.avatar { margin:0 20px 0 0; padding:0; border:5px solid #fff;}

.multiple { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #a4a4a4;}

#main div:last-child { border-bottom:none;}

.page { padding:0 0 20px;}

.post .thumb .thumbImage,
.post .thumb img,
.post-excerpt .thumb .thumbImage,
.post-excerpt .thumb img,
.post-excerpt .thumb,
.post .thumb,
.round8888,
.blackBox,
.greyBox { -webkit-border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;}

#slider .slider-label,
.header-menu a,
.round0088 { -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px; border-radius:0px 0px 8px 8px;}

.more { padding:0 0 0 6px;}

h2 .more { line-height:38px;}

h1 a:hover .more,
h2 a:hover .more,
h3 a:hover .more,
h4 a:hover .more { text-decoration:underline;}

.small { font-size:60%;}

.left,
.alignLeft { float:left;}

.right,
.alignRight { float:right;}

.padTop80 { padding-top:80px;}

.padBottom80 { padding-bottom:80px;}

.padLeft10 { padding-left:10px;}

.padLeft20 { padding-left:20px;}

.padLeft100 { padding-left:100px;}

.padRight10 { padding-right:10px;}

.padRight20 { padding-right:20px;}

.splitLeft { border-left:1px solid #a4a4a4;}

.splitRight { border-right:1px solid #a4a4a4;}

div.clear { clear:both;}