/*

Theme Name: Chris Batten

Description: Chris Batten Wordpress Theme

Version: 1.0

Author: Southern Media

Author URI: http://www.southernmedia.org

*/



@import "css/style.css";



@media handheld, projection, screen {





/* Default tags

-------------------------------*/
.snav li{width:100%; background: #e1dfdf; height:30px; list-style:none;}
.snav li a{font-family: Georgia; line-height:30px; font-size:16px; padding-left:10px;}

.whitepapers a{
	background:url(img/white-papers-icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	line-height:55px;
	padding-left:60px;
	font-size:18px;
	font-family:Georgia;
	display:block;
}
.pdf a{
	background:url(img/pdf-documents.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	line-height:55px;
	padding-left:60px;
	font-size:18px;
	font-family:Georgia;
	display:block;
}
.podcasts a{
	display:block;
	background:url(img/podcasts-icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	line-height:55px;
	padding-left:60px;
	font-size:18px;
	font-family:Georgia;
}
.forum a{
	display:block;
	background:url(img/forum.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	line-height:55px;
	padding-left:60px;
	font-size:18px;
	font-family:Georgia;
}

.movies a{
	display:block;
	background:url(img/movies-icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	line-height:55px;
	padding-left:60px;
	font-size:18px;
	font-family:Georgia;
}
.linkss a{
	display:block;
	background:url(img/links-icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	line-height:55px;
	padding-left:60px;
	font-size:18px;
	font-family:Georgia;
}
.blue{color:#283FA7}

#ask-question label {
float:left;
font-family:Verdana;
font-size:12px;
line-height:27px;
text-align:left;
width:80px;
}
input.textfield, textarea, .text-input, #forum-id {
border:1px solid #7F9DB9 !important;
padding:2px 1px !important;
}
#ask-question{float:left; margin-bottom:10px;}
.textfield {
height:27px;
line-height:27px;
width:196px;
}
#text-ask{display:block; height:310px;}
p.error {
border:1px solid red;
padding:5px;
width:92%;
}

p.success {
border:1px solid #7F9DB9;
padding:5px;
width:92%;
}

#ask-question .textarea {
float:left;
font-size:14px;
height:7em !important;
width:196px !important;
}

#ask-question .ask-submit {
background:url("img/submit.jpg") no-repeat scroll 0 0 transparent;
border:0 none;
float:right;
height:33px;
margin:10px 10px 10px 0;
width:74px;
}

.input {
border:1px solid #BDBCBC;
height:38px;
}
.links li a {
color:#5A6BB9 !important;
font-family:verdana;
font-size:11px;
font-style:italic;
text-decoration:underline;
}
ul.links {
position:absolute;
right:79px;
text-align:right;
top:406px;
width:124px;
}

#theme-my-login-7{padding-bottom:8px !important;}

div.hentry h1 {

	font-size: 26px;

	line-height: 28px;

	margin: 0 0 12px;

	padding: 0 120px 0 0;

}

div.hentry.page h1 {

	border-bottom: 1px solid #ccc;

}

div.hentry div.the-content h2 {

	font-size: 20px;

	line-height: 24px;

	margin: 30px 0 15px;

}

div.hentry div.the-content h3 {

	font-size: 18px;

	line-height: 22px;

	margin: 30px 0 15px;

}

div.hentry div.the-content h4 {

	font-size: 16px;

	line-height: 20px;

	margin: 30px 0 15px;

}

div.hentry div.the-content h5 {

	font-size: 14px;

	line-height: 20px;

	margin: 30px 0 15px;

}

div.hentry div.the-content h6 {

	font-size: 12px;

	line-height: 20px;

	margin: 30px 0 15px;

}



div.hentry div.the-content p {

	/*-*/

}



div.hentry div.the-content p.event-info {

	color: #666;

	font-style: italic;

	font-style: 13px;

}



div.the-content blockquote {

	color: #283fa7;

	font-family: Georgia;

	font-size: 14px;

	font-style: normal;

	line-height: 26px;

	margin: 0 60px 0 70px;

	padding: 0 40px 0 0;

	position: relative;

}

div.the-content blockquote p {

	margin: 0;

}

		div.the-content blockquote span {

			background: url(img/bg_quote.gif) no-repeat;

			height: 11px; width: 14px; 

			position: absolute;

			text-indent: -99999px;

		}

		div.the-content blockquote span.open-quote {

			top: 22px; left: -25px;

		}

		div.the-content blockquote span.close-quote {

			bottom: -2px; right: 0;

			background-position: -15px 0;

		}



div.hentry div.the-content ul { padding-left: 2em }



	div.hentry div.the-content > ul > li {

		background: url(img/bullet.png) no-repeat 0 12px;

			background: url(img/bullet.png) no-repeat 0 9px;

			margin-left: 37px;

			padding: 0 0 0 11px;

	}

		div.hentry div.the-content > ul > li > ul, div.hentry div.the-content > ul > li > ol { margin: 10px 0 }



			div.hentry div.the-content > ul > li > ul > li { padding: 0 0 5px 15px }



			div.hentry div.the-content > ul > li > ol > li { padding: 0 0 5px 15px }



div.hentry div.the-content ol {

	list-style: decimal inside;

	padding-left: 2em;

}

	div.hentry div.the-content > ol > li { padding: 5px 0 }



		div.hentry div.the-content > ol > li > ul, div.hentry div.the-content > ol > li > ol { margin: 10px 0 }



			div.hentry div.the-content > ol > li > ul > li { padding: 0 0 5px 15px }



			div.hentry div.the-content > ol > li > ol > li { padding: 0 5px 15px }



div.hentry div.the-content table {

	border: 1px solid #ccc;

	margin: 20px 0 30px;

}

	div.hentry div.the-content table colgroup col.col-1 { width: 40% }

	div.hentry div.the-content table colgroup col.col-2 { width: 20% }

	div.hentry div.the-content table colgroup col.col-3 { width: 20% }

	div.hentry div.the-content table colgroup col.col-4 { width: 20% }

	

	div.hentry div.the-content table thead tr td {

		background-color: #ddd;

		border: 1px solid #ccc;

		font-size: 14px;

		font-weight: bold;

		text-align: center;

		height: 40px;

		vertical-align: middle;

	}

	div.hentry div.the-content table thead tr td.first {

		text-align: left;

		padding: 0 20px;

	}



	div.hentry div.the-content table tbody tr td {

		background-color: #eee;

		border: 1px solid #ccc;

		font-size: 12px;

		text-align: center;

		height: 30px;

		vertical-align: middle;

	}

	div.hentry div.the-content table tbody tr.alt td { background-color: #fff }

	

	div.hentry div.the-content table tbody tr td.first {

		text-align: left;

		padding: 0 20px;

	}

	

	div.hentry div.the-content table caption {

		text-align: left;

		padding: 0 20px;

	}



div.the-content h3 {

	font-size: 16px;

	line-height:22px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	margin: 20px 0 10px;

	width: 350px;

}

	div.the-content a:hover {

		border-bottom: 1px dashed #283fa7;

		text-decoration: none;

	}

	

	div.hentry p.button a, div.hentry p.button a span { background: url(img/bg_buttons.gif) no-repeat; }



	div.hentry p.button {

		overflow: hidden;

	 }	

		div.hentry p.button a {

			color: #fff;

			display: block;

			font-size: 14px;

			font-weight: bold;

			background-position:right -33px;

			margin-right: 8px;

			float: left;

		 }	

			div.hentry p.button a span {

				float: left;

				display: block;

				line-height: 32px;

				margin-right: 7px;

				text-align: center;

				padding: 0 7px 0 12px;

			 }	

		div.hentry p.button a:hover {

			border: none;

			background-position:right -99px;

		 }	

			div.hentry p.button a:hover span {

				background-position: 0 -66px;

			 }	





/* Post styles

-------------------------------*/



div.hentry, div.hentry div.the-content {

	position: relative;

}

div.hentry div.the-content.page { border-top:1px solid #ccc; }



	div.hentry div.the-content p.comments {

		margin: 0;

		position: absolute;

		top: 12px; right: 0;

	}

	div.hentry div.the-content p.post-meta { /*-*/}



		div.hentry div.the-content p.post-meta span.author {

			/*-*/

		}

		div.hentry div.the-content p.post-meta span.date-time {

			/*-*/

		}

		div.hentry div.the-content p.post-meta span.category {

			/*-*/

		}

		div.hentry div.the-content p.post-meta span.tags {

			/*-*/

		}

	

	div.hentry div.the-content p.more {

		text-align: right;

		margin: 30px 0 0;

	}







/* Widgets

-------------------------------*/



div.widget {

	border-bottom: 1px solid #ccc;

	padding-bottom: 20px;

}

#home div.widget {

	border-bottom: 0;

}

	div.widget h3 {

		border-bottom: 1px solid #ccc;

		font-size: 18px;

		margin: 0 0 12px;

		padding: 0 0 10px;

	}



	div.widget ul { margin: 0 0 16px }



		div.widget ul li ul li{

			background: url(img/bullet.png) no-repeat 5px 14px;

			border-top: 1px solid #eee;

			padding: 5px 10px 5px 15px;

		}

		div.widget ul li:first-child { border: 0 }



			div.widget ul li a { /*display: block;*/ color: #000; }

	

	div.widget div { margin: 0 }



	div.widget div.textwidget p.img img { margin: 20px 0 0 }





div.widget_archive { /*-*/ }

	

	div.widget_archive li { 

		margin: 0;

		padding:0 0 0 11px;

	}

		div.widget_archive li a { 

			color: #000;

		}



div.widget_calendar { /*-*/ }



	div.widget_calendar div#calendar_wrap table#wp-calendar caption { text-align: center }



div.widget_categories { /*-*/ }



div.widget_links { /*-*/ }



div.widget_meta { /*-*/ }



div.widget_pages { /*-*/ }



div.widget_recent_comments { /*-*/ }



div.widget_recent_entries { /*-*/ }

	

div.widget_rss { /*-*/ }



div.widget_search { /*-*/ }



#socialHeader div.widget { border: 0 }



#socialHeader div.widget_social { /*-*/ }



#socialHeader p#follow { 

	position: absolute;

	top: 7px; left: 635px; 

}

 

#header div.widget_social ul {

	

	position: relative;

	top: 7px; 
	float:right;
}

	#header div.widget_social ul li {

		float: left;

		margin: 0 0 0 8px;

		text-indent: -99999px;

	}

		#header div.widget_social ul li a {

			background: url(img/bg_social.png) no-repeat;

			display: block; 

			height: 22px; width: 22px; 

		}

		#header div.widget_social ul li.rss a { background-position: 0 0; }
		#header div.widget_social ul li.ecademy a {background: url(img/ecademy.png) no-repeat; display:block; height:22px; width:22px; }


		#header div.widget_social ul li.twitter a { background-position: -24px 0; }

		#header div.widget_social ul li.delicious a { background-position: -49px 0; }

		#header div.widget_social ul li.linkedin a { background-position: -73px 0; }

		#header div.widget_social ul li.diggit a { background-position: -97px 0; }

		#header div.widget_social ul li.facebook a { background-position: -120px 0; }

		#header div.widget_social ul li.su a { background-position: -144px 0; }

		#header div.widget_social ul li.youtube a { background-position: -167px 0; }

		

#footer div.widget_social { border: 0; }



	#footer div.widget_social ul {

		position: absolute;

		top: 35px; right: 35px;

		overflow: hidden;

	}

		#footer div.widget_social ul li {

			float: left;

			margin: 0;

			padding: 0 0 0 10px;

			text-indent: -9999px;

		}
#footer div.widget_social ul li.ecademy a{

			display: block;

		       height: 21px; width: 21px;


			                     background: url(img/ecademy-bw.png);
                     background-repeat:no-repeat;

		}

#footer div.widget_social ul li.youtube a{

			display: block;

		       height: 22px; width: 22px;


			                     background: url(img/youtube.png);
                     background-repeat:no-repeat;
                     background-position:0 0;

		}

div.widget_social ul li.ecademy a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/ecademy-big.png) no-repeat scroll 0 0;
display:block;
height:28px;
width:28px;
}


		#footer div.widget_social ul li.first { background: none; }

			

			#footer div.widget_social ul li a {

				background: url(img/bg_social.png) no-repeat 0 -24px;

				display: block;

				height: 21px; width: 21px;

			}

			#footer div.widget_social ul li.twitter a { background-position: -25px -24px }

			#footer div.widget_social ul li.delicious a { background-position: -50px -24px }

			#footer div.widget_social ul li.linkedin a { background-position: -73px -24px }

			#footer div.widget_social ul li.diggit a { background-position: -97px -24px }

			#footer div.widget_social ul li.facebook a { background-position: -120px -24px }

			#footer div.widget_social ul li.su a { background-position: -144px -24px }

			/*#footer div.widget_social ul li.youtube a { background-position: -167px -24px }*/

			

		

		

		

#socialHeader div.widget_social { /*-*/ }



#socialHeader p#follow { 

	position: absolute;

	top: 7px; left: 635px; 

}

 

#header div.widget_social ul {



	position: relative;

	top: 7px; float:right;

}

	#header div.widget_social ul li {

		float: left;

		margin: 0 0 0 8px;

		text-indent: -99999px;

	}

		#header div.widget_social ul li a {

			background: url(img/bg_social.png) no-repeat;

			display: block; 

			height: 22px; width: 22px; 

		}

		#header div.widget_social ul li.rss a { background-position: 0 0; }

		#header div.widget_social ul li.twitter a { background-position: -24px 0; }

		#header div.widget_social ul li.delicious a { background-position: -49px 0; }

		#header div.widget_social ul li.linkedin a { background-position: -73px 0; }

		#header div.widget_social ul li.diggit a { background-position: -97px 0; }

		#header div.widget_social ul li.facebook a { background-position: -120px 0; }

		#header div.widget_social ul li.su a { background-position: -144px 0; }

		#header div.widget_social ul li.youtube a { background-position: -167px 0; }



div.widget_social { border-bottom: 1px solid #ccc; } 



	div.widget_social ul li { background: none; border: 0; } 



#home div.widget_social { border: 0; } 



	div.widget_social ul {

		overflow: hidden;

		margin: 0 0 8px;

	}

		div.widget_social ul li {

			float: left;

			margin-left: 8px;

			text-indent: -99999px;

			padding: 0;

		}

			div.widget_social ul li a {

				background: url(img/bg_bookmarks.png) no-repeat;

				display: block; 

				height: 28px; width: 28px; 

			}

			div.widget_social ul li.rss a { background-position: 0 0; }

			div.widget_social ul li.twitter a { background-position: -36px 0; }

			div.widget_social ul li.delicious a { background-position: -73px 0; }

			div.widget_social ul li.linkedin a { background-position: -110px 0; }

			div.widget_social ul li.diggit a { background-position: -147px 0; }

			div.widget_social ul li.facebook a { background-position: -183px 0; }

			div.widget_social ul li.su a { background-position: -220px 0; }

			div.widget_social ul li.youtube a { background-position: -257px 0; }





div.widget_tag_cloud { padding: 0 0 40px; }



	div.widget_tag_cloud a { color: #000; }



div.widget_text { position: relative }









/* Image align

-------------------------------*/



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	margin: 0 0 1em 1em;

	display: inline;

}

img.alignleft {

	margin: 0 1em 1em 0;

	display: inline;

}



.alignright { float: right }



.alignleft { float: left }



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}







/* Image caption

-------------------------------*/



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	margin-bottom: 1em;

	padding-top: 4px;

}

.wp-caption.alignleft {

	margin-right: 1em;

}

.wp-caption.alignright {

	margin-left: 1em;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 4px 4px 5px;

	margin: 0;

}







/* Post navigation (archive)

-------------------------------*/



ul.post-nav { font-size: 14px; overflow: hidden }

ul.post-nav li { /*-*/ }

ul.post-nav li.older { float: left }

ul.post-nav li.newer { float: right }







/* Comments

-------------------------------*/



div#comments { /*-*/ }



	div#comments h3 {

		border-top: 1px solid #ccc;

		border-bottom: 1px solid #ccc;

		font-size: 18px;

		margin: 60px 0 20px;

		padding: 5px 0;

	}

	div#comments h3#respond { /*-*/ }



	div#comments ol.comments { margin: 0 0 50px }



		div#comments ol.comments li {

			border-bottom: 1px solid #ccc;

			min-height: 85px; height: auto !important; height: 85px;

			padding: 20px 20px 20px 120px;

			position: relative;

		}

		div#comments ol.comments li:first-child { padding-top: 0 }



		div#comments ol.comments li.odd { background: #fafafa }



			div#comments ol.comments li img {

				border: 1px solid #ccc;

				position: absolute;

				top: 20px; left: 20px;

			}

			div#comments ol.comments li:first-child img { top: 0 }



			div#comments ol.comments li p { margin: 0 0 1em }



			div#comments ol.comments li p.meta {  color: #283FA7; font-weight: bold }







/* PageNavi

-------------------------------*/

	

.more_entries {

	font-size: 14px;

	padding: 0 0 40px;

}

.more_entries .wp-pagenavi { clear: both }

.more_entries .wp-pagenavi a { text-decoration: none !important }



.more_entries .wp-pagenavi .current, 

.more_entries .wp-pagenavi .on,

.more_entries .wp-pagenavi a:hover { background: #999 !important }



.more_entries .wp-pagenavi a,

.more_entries .wp-pagenavi a:link,

.more_entries .wp-pagenavi a:visited, 

.more_entries .wp-pagenavi .current, 

.more_entries .wp-pagenavi .on,

.more_entries .wp-pagenavi span.pages {

	background: #eee;

	border: 1px solid #ddd;

	color: #666;

	line-height: 24px;

	margin-left: 4px;

	padding: 4px !important;

}

.more_entries .wp-pagenavi .extend { background: none; border: 0 }



.wpsb_form_txt{
	font-size:2em;
       width:288px !important;
	border: 1px solid #bdbcbc;
	height:38px;
}
#log-tml-1 {
	font-size:2em;
       width:250px;
}
#pwd-tml-1 {
	font-size:2em;
       width:250px;
}

#login-submit-tml-1{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#283FA7 none repeat scroll 0 0;
border:2px solid #333333;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
font-weight:bold;
padding:5px;
text-align:right;


}
.wpsb_form_btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#283FA7 none repeat scroll 0 0;
border:2px solid #333333;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
font-weight:bold;
padding:5px;
text-align:right;

}

.wpsb_form_txt {
	width:250px;
}
 /* end @media */