body {



margin-top: 0px;



padding: 0;



color: #000;



background-color: #565656;



background-image: url(images/bg.gif);



background-repeat: repeat-x;



font-family: Trebuchet MS;



font-size: 13px;



line-height: 18px;



}







#wrapper2 {



width: 950px;



margin-left: auto;



margin-right: auto;



padding: 0px 0px 0px 0px;



background-color: #FFF;



}







.thumbnail-div-featured {



width: 175px;



height: 175px;



float: left;



border: 5px solid #FFF;



}







#featured-div {



min-height: 230px;



background-color: #E6E6E6;



width: 920px;



padding: 0px 15px 15px 15px;



}







#feautred-article {



float: left;



margin-top: 15px;



background-image: url(images/featured-bg.gif);



background-repeat: no-repeat;



padding-top: 10px;



padding-left: 5px;



}







.featured-content {



float: left;



width: 340px;



margin-left: 10px;



margin-right: 10px;



}







.titles-featured {



font-size: 25px;



line-height: 30px;



margin-bottom: 10px;



display: block;



}







.single-entry {



float: left;



width: 100%;



margin-bottom: 10px;



padding: 0px;



}







.post-wrapper {



background-color: #FFF;



padding: 15px;



width: 583px;



border: 1px solid #EBEBEB;



}







a:link { 



text-decoration: none; 



color: #0084FF; 



}







a:visited { 



text-decoration: none; 



color: #0084FF; 



}







a:hover, a:active { 



color: #3B3B3B; 



}







h1, h2, h3, h4, h5, h6 { 



font-weight: normal; 



margin: 0px 0 10px; 



}







h1 { 



font-size: 32px; 



margin-bottom: 0px; 



margin-top: 10px;



}







h2 { 



font-size: 28px; 



}







h3 { 



font-size: 24px;



}







.post-title {



line-height: 30px;



}







.home-post-wrap {



width: 613px;



margin-right: 13px;



float: left;



background-color: #FFF;



border: 1px solid #EBEBEB;



}







.home-post-wrap2 {



width: 593px;



padding: 10px;



margin-right: 13px;



float: left;



background-color: #FFF;



border: 1px solid #EBEBEB;



margin-bottom: 10px;



}







.home-categories img{



border: 4px solid #EEEEEE;



float: left;



margin-right: 10px;



}







.index-post-wrap {



width: 593px;



margin-right: 13px;



margin-bottom: 10px;



float: left;



background-color: #FFF;



border: 1px solid #EBEBEB;



padding: 10px;



}







.readmore {



background-image: url(images/readmore.gif);



background-repeat: no-repeat;



background-position: left;



float: right;



padding-left: 20px;



margin-top: 10px;



}







.readmore a:link, .readmore a:hover {



color: #393939;



}



.thumbnail-home {



border: 0px;



margin: 0px 0px 0px 0px;



}







h4, h5, h6 { 



font-size: 20px; 



}







.titles { 



font-weight: normal; 



font-size: 24px; 



text-decoration: none;



}







.titles a:link, .titles a:visited, .titles a:active {



text-decoration: none;



font-size: 20px;



font-weight: bold;



font-family: Trebuchet MS;



text-transform: uppercase;



margin-bottom: 10px;



margin-top: 10px;



display: block;



}







pre, blockquote {



overflow: auto;



padding: 0 10px;



margin: 20px 30px;



line-height: 1.8em;



background-color: #f5f5f5;



border: 1px solid #e0e0e0;



}







pre:hover, blockquote:hover {



background-color: #f0f0f0;



border: 1px solid #d0d0d0;



}











ul { 



list-style-image: url(images/bullet.gif); 



}







#pages {



width: 950px;



float: left;



min-height: 59px;



background-color: #000;



}







#categories {



width: 950px;



min-height: 36px;



background-image: url(images/categories-bg.gif);



background-repeat: repeat-x;



float: left;



background-color: #2185D1;



border-bottom: 1px solid #176FB3;



}







#categories ul {



margin: 0px 0px 0px 10px;



padding-left: 0px;



list-style-type: none; 



list-style-image: none; 



float: left;



}







#categories ul li {



float: left; 



display: block; 



padding-left: 0px; 



}







#categories ul li a:link,#categories ul li a:visited, #categories ul li a:active {



height: 29px;



display: block;



color: #FFFFFF;



font-size: 11px;



font-weight: bold;



padding: 8px 9px 0px 9px;



background-image: url(images/categories-line.gif);



background-repeat: no-repeat;



background-position: right;



float: left;



border-left: 1px solid transparent;



border-right: 1px solid transparent;



}







#categories ul li a:hover {



background-image: url(images/categories-bg-2.gif);



background-repeat: repeat-x !important;



border-left: 1px solid #176FB3;



border-right: 1px solid #24D4FA;



background-position: bottom;



background-color: #000;



}







#container {



float: right;



width: 950px;



color: #000;



background-image: url(images/content-bg.gif);



padding-top: 15px;



}







#left-div {



width: 646px;



float: right;



}







#left-inside {



float: left;



padding: 0px 0px 0px 19px;



}







.adwrap {



margin-left: 10px;



}







#sidebar-wrapper {



width: 300px;



float: left;



margin-bottom: 20px;



}







#sidebar {



float: right;



padding-left: 13px;



padding-right: 0px;



width: 287px;



}







#footer {



clear: both;



width: 930px;



height: 31px;



padding-left: 20px;



text-align: left;



color: #84878E;



padding-top: 14px;



margin-left: auto;



margin-right: auto;



font-size: 11px;



background-color: #FFF;



}







#footer a {



color: #84878E;



font-size: 11px;



}







#footer a:visited {



color: #84878E;



}







#footer a:hover {



color: #84878E;



text-decoration: underline;



}







#pages ul { 



list-style-type: none; 



list-style-image: none; 



float: left; 



padding: 0px 0px 0px 0px; 



margin: 0px 0px 0px 15px;



}







#pages li { 



float: left; 



display: block; 



margin-top: 0px; 



margin-bottom: 0px;



padding: 0px;



}







#pages li a:link, #pages li a:visited {



float: left;



color: #00C0FF;



display: block;



height: 40px;



padding-top: 19px;



font-size: 13px;



padding-left: 15px;



padding-right: 15px;



margin-bottom: 0px;



text-transform: lowercase;



font-weight: bold;



}







#pages li a:hover, #pages li a:active {



color: #FFF;



font-size: 13px;



margin-bottom: 0px;



background-image: url(images/pages-arrow.gif);



background-position: top;



background-repeat: no-repeat;



text-transform: lowercase;



font-weight: bold;



}







.sidebar-box {



padding-top: 5px;



margin-bottom: 0px;



}







.articleinfo {



border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454;



}







.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {



display: block; 



color: #373434; 



width: 100%; 



padding: 3px 3px 3px 3px; 



background-image: none !important;



border-bottom: 1px solid #D5D5D5;



} 







.sidebar-box ul li {



color: #373434 !important;



}







.sidebar-box ul li a:hover {



width: 100%;



display: block; 



color: #393939; 



padding: 3px 3px 3px 3px;



background-color: #F2F2F2;



} 







.sidebar-box h3 { 



margin-top: 5px; 



font-size: 11px; 



color: #FF8400; 



padding-top: 9px; 



font-weight: normal; 



text-transform: lowercase; 



font-weight: bold; 



margin-left: 0px; 



font-family: Trebuchet MS; 



background-image: url(images/h3-bg.gif); 



background-repeat: no-repeat; 



background-position: left; 



width: 263px; 



height: 30px; 



padding-left: 10px;



}







#commentwrap {



display: block;



width: 570px;



margin-bottom: 20px;



margin-top: 20px;



margin-left: 5px;



}







.commentlist li{



display: block;



float: left;



clear: both;



margin-left: 0px;



margin-bottom: 10px;



}







.commentlist ol {



margin-left: 0px; 



padding-left: 0px;







}



.commentlist {



margin-left: 0px; 



padding-left: 0px;



}







.comment-inside {



background-image: url(images/comment-bg.gif);



padding-left: 15px;



padding-right: 15px;



padding-top: 0px;



padding-bottom: 0px;



margin: 0px 0px 0px 0px;



width: 542px;



float: left;



color: #3B3B3B;



}







#commentform {



margin: 1em 0;



background: #FFFFFF;



margin-left: 20px;



}







#commentform textarea {



background: #f8f7f6;



border: 1px solid #d6d3d3;



width: 370px;



}







#commentform #email {



font-size: 1.1em;



background: #f8f7f6;



border: 1px solid #d6d3d3;



width: 280px;



background-image: url(images/comment-email.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #author {



font-size: 1.1em;



background: #f8f7f6;



border: 1px solid #d6d3d3;



width: 280px;



background-image: url(images/comment-author.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #url {



font-size: 1.1em;



background: #f8f7f6;



border: 1px solid #d6d3d3;



width: 280px;



background-image: url(images/comment-website.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #email:focus {



font-size: 1.1em;



background: #ffffff;



border: 1px solid #939793;



width: 280px;



background-image: url(images/comment-email.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #author:focus {



font-size: 1.1em;



background: #ffffff;



border: 1px solid #939793;



width: 280px;



background-image: url(images/comment-author.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #url:focus {



font-size: 1.1em;



background: #ffffff;



border: 1px solid #939793;



width: 280px;



background-image: url(images/comment-website.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform input {



margin-bottom: 3px;



}







.search_bg {



height:35px;



width:260px;



float: left;



margin-top: 10px;



margin-left: 10px;



}







#search {



color:#FFFFFF;



padding:0;



}







#search input {



background: #FFF;



font-size:11px;



color:#B8B8B8;



font-family:Tahoma, arial, verdana, courier;



width:150px;



height:11px;



vertical-align:middle;



padding:10px;



border: 1px solid #E7E7DC;



}







.icons {



margin-top: 0px; 



margin-bottom: -5px;



margin-right: 10px;



}







#search .input {



width:66px;



height:31px;



background:none;



border:none;



vertical-align:middle;



margin:0;



padding:0;



margin-left: 10px;



}







.thumbnail-div {



border: 1px solid #DFDFDF;



width: 120px;



height: 120px;



padding: 4px;



margin-bottom: 10px;



float: left;



margin-right: 10px;



}







.post-info {



margin-bottom: 10px;



color: #000;



font-size: 10px;



}







.post-inside {



float: left;



width: 590px;



}







.post-inside-2 {



float: left;



width: 450px;



}







#home-right {



width: 187px;



float: right;



padding: 10px;



border-left: 1px solid #EBEBEB;



border-bottom: 1px solid #EBEBEB;



}







#home-right ul {



list-style-image: url(images/bullet-home.gif);



float: left;



}







#home-left {



float: left;



width: 605px;



padding: 10px;



}







.home-categories, .home-categories-comments {



width: 280px;



min-height: 180px;



border: 1px solid #EBEBEB;



padding: 10px;



margin-top: 10px;



margin-right: 10px;



float: left;



}







.home-categories-comments ul {



list-style-image: url(images/comment-icon.gif);



}







.home-categories a:link, .home-categories a:hover, .home-categories a:visited {



color: #0084FF;



text-transform: uppercase;



font-size: 15px;



font-weight: bold;



}







.logo {



float: left; 



border: 0px;



}







.children {



display: none !important;



}







a:focus {



outline: none;



}







.share-div {



width: 590px;



height: 30px;



background-color: #FFF;



display: none;



}







.share {



visibility: visible;



}







.random-image {



width: 44px;



height: 44px;



border: 4px solid #F2F2E4;



float: left;



margin-left: 10px;



}







.random-content {



float: right;



width: 210px;



}







.random-content a:link {



font-size: 13px;



}



.random {



width: 280px;



float: left;



margin-top: 10px;



}







.headings {



color: #FFF;



border: 1px solid #323232;



font-size: 10px;



font-weight: bold;



text-transform: lowercase;



display: block;



padding-top: 6px;



padding-left: 10px;



margin-bottom: 10px;



width: 96%;



height: 23px;



background-color: #545454;



background-image: url(images/heading-bg.gif);



}







.headings-sidebar {



color: #000;



border: 1px solid #CDCDCD;



font-size: 13px;



font-weight: bold;



text-transform: lowercase;



display: block;



padding-top: 6px;



padding-left: 10px;



margin-bottom: 10px;



width: 96%;



height: 23px;



background-color: #E9E9E9;



background-image: url(images/heading-bg-2.gif);



}







ul, ol { line-height: 2.0em; }







/* outmost wrapper element */



#scrollable {



background-color:#FFFFFF;



background-image: url(images/rounded-top.gif);



background-repeat: no-repeat;



background-position: top;



padding:5px 8px 0px 8px;



width:347px;



min-height:65px;



}







#scrollable2 {



background-color:#FFFFFF;



background-image: url(images/rounded-top.gif);



background-repeat: no-repeat;



background-position: top;



padding:5px 8px 0px 8px;



width:347px;



min-height:65px;



}







/* container for the scrollable items */



div.items {



min-height:66px;	



margin-left:8px;	



float:left;



width:295px !important;



background-color:#FFFFFF;



}















/* single item */



div.items a {



display:block;



float:left;



margin-right:8px;



width:60px;



height:60px;



background-color: #E6E6E6;



font-size:50px;



color:#ccc;



cursor:pointer;



border: 3px solid #E6E6E6;



}







div.items a:hover {



color:#999;	



border: 3px solid #40BFF4;



}







/* next / prev buttons */



a.prev, a.next {



display:block;



width:22px;



height:22px;



float:left;



background-repeat:no-repeat;	



margin:15px 0 0 0;



}







a.prev {



background:url(images/next-arrow-left.gif);		



}







a.prev:hover {



background:url(images/next-arrow-left-hover.gif);		



}







a.next {



background:url(images/next-arrow-right.gif);		



}







a.next:hover {



background:url(images/next-arrow-right-hover.gif);		



}











/* navigator */



div.navi {



position:relative;



top:-30px;



left:310px;



margin-left:-50px;



width:50px;



height:0px;



}











/* items inside navigator */



div.navi span {



width:8px;



height:8px;



float:left;



margin:3px;



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



cursor:pointer;



}







div.navi span:hover {



background-position:0 -8px;      



}







div.navi span.active {



background-position:0 -16px;     



} 	







.scrollable input {



border: 1px solid #DBDBDB;



height: 25px;



}







.feedsubmit{



border: 1px solid #DBDBDB;



background-color: #FFF;



color: #0084FF;



height: 28px;



float: left;



margin-left: 10px;



margin-top: -19px;



font-size: 10px;



padding-bottom: 5px;



}







#emailer {



border: 1px solid #0084FF;



color: #0084FF;



height: 15px;



float: left;



padding: 5px;



margin-left: 4px;



width: 152px;



font-size: 10px;



}







.blue-titles {



color: #0084FF;



font-size: 10px;



font-weight: bold;



margin-bottom: 5px;



display: block;



}







/* Captions */



.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: 10px;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}







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



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}



/* End captions */







/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left



	}



/* End Images */



#dfw-widget1 {width:250px; background: #C8E7FF; border: solid 1px #888;}

#dfw-widget1 .container {width: 160px; padding: 3px 0 10px;}

#dfw-widget1 h3 {border-bottom: 1px dotted #666; color: #CC0000; font-size: 14px; margin: 0 0 3px; padding: 0 0 5px; text-align: center; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;}

#dfw-widget1 iframe {width: 160px;}

#dfw-widget1 div {text-align: left;}

#dfw-widget1 label {color: #000; font-size: 11px; font-weight: bold; margin: 5px 0 4px; padding: 0; text-align: left !important;}

#dfw-widget1 select {display: block; font-size: 12px; margin: 0; padding: 0px; width: 160px;}

#dfw-widget1 button {background: url('images/find_now.gif') no-repeat scroll 0 0 transparent; border: 0 none; color: #FFF; cursor: pointer; font-family: arial, helvetica, sans-serif !important; font-size: 14px; font-style: oblique; font-weight: bold; height: 33px; margin-left: 10px; margin-top: 5px; width: 138px;}

#dfw-widget1 button:hover {background: url('images/find_now.gif') no-repeat scroll center bottom transparent;}



#dfw-widget2 {width: 300px; background: transparent; border: 0 none;}

#dfw-widget2 h3 {border-bottom: 1px dotted black; color: black; font-size: 16px; margin: 5px 10px 3px 10px; padding: 0 0 5px 0; text-align: center; display: block; font-weight: bold;}

#dfw-widget2 div {text-align: left;}

#dfw-widget2 label {color: black; font-size: 12px; font-weight: bold; margin: 5px 0 4px 16px; padding: 0; display: block;}

#dfw-widget2 select {display: block; margin: 0 0 0 35px; padding: 0; width: 230px;}

#dfw-widget2 button {background: url(http://www.elearners.com/images/landing-pages/button_gray.jpg) no-repeat; font-size: 18px; color: rgb(102,102,102); cursor: pointer; font-weight: bold; height: 36px; margin: 8px 50px 0 50px; text-align: center; width: 193px; border: 0;}

#dfw-widget2 button:hover {background: url(http://www.elearners.com/images/landing-pages/button_gray.jpg) no-repeat scroll center bottom transparent;}

.featured {
 background: url(images/fl-bkgrnd.gif) repeat;
 margin-bottom: 5px;
 padding-bottom: 10px;
}

.featured h2 {
 color: #000;
 font-size: 15px;
 font-weight: bold;
 font-family: Arial;
 padding: 10px 10px 0 10px;
 margin: 0;
 text-align: center;
}

.featured li {
 list-style-type: none;
 text-align: center;
}

.featured li a {
 color: #383838;
 font-size: 12px;
 font-weight: bold;
 font-family: Arial;
}