/* CSS Document */



								/*  ---------------------------------------
									|             CSS FOR TAGS             |
									---------------------------------------  */
								
* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
body {  background-image: url(../images/layout/design_bg.jpg); background-attachment: fixed;  }
h1 { font-size: 24px;  color: #f7941d;}	
h2 { font-size: 32px; padding: 10px 0;  color: #f7941d; }	
h2 span { font-size: 32px;  color: #ed1b23; text-shadow: 1px 1px 2px #000; }
h2 a{ font-size: 20px; color: #f7941d; text-decoration: none; font-weight: bold; }	
h3 { font-size: 18px; padding: 5px 0; }
#sideRighrArea	h3 { font-size: 18px; padding: 5px 0; color: #f7941d; }							
								
									
								/*  ---------------------------------------
									|             CSS FOR LAYOUTS          |
									---------------------------------------  */
#sideWrapperArea {width: 1008px; margin: 0 auto; position: relative; z-index: 0; margin-top: 25px; border-radius: 7px; box-shadow: 0 5px 15px #000; background: #fff; }
#sideWrapperArea2 { width: 1008px; margin: 0 auto; position: relative; z-index: 0; border-radius: 0 0 7px 7px; box-shadow: 0 5px 15px #000; background: #fff; margin-bottom: 25px; }


.wrapper { position: relative; top: 0; left: 0; z-index: 100px; }
#sideHeaderArea, #sideMenuArea, #sideFooterArea,#sideRighrArea { position: relative; z-index: 10; top: 0; left: 0;}


					/* ===================== [ #siteHeader ] =================== */

#sideHeaderArea { height: 160px; }
#logo { padding: 20px 0 0 20px; display:block; }
#logo span{ display: block; background: url(../images/layout/logo.png) no-repeat left top; width: 335px; height: 130px; }

#rightsideArea { float: right;  }
#hotline { height: 50px; padding: 5px 10px; overflow: hidden; }
#sideMenuArea { height: 52px; background: url(../images/layout/bg_menu.png) repeat-x left top; width: 570px; margin: 0 auto; border-radius: 7px 0 0 7px; }
#main_menu { float: left; }
#social { margin: 12px 10px 0 0; float: right;}

#sideBannerArea { position: absolute; z-index: 1; top: 60px; left: 0; height: 517px; width: 100%;}
#sideRighrArea { width: 380px; background: url(../images/layout/bg_right.png) repeat left top; padding: 10px; float: right; margin-top: 185px; margin-right: 20px; height: 190px; border-radius: 7px; }
#sideRighrArea2 {width: 380px; background: none; padding: 10px; float: right; margin-top: 185px; margin-right: 20px; height: 190px; border-radius: 7px;  }
#sideRighrArea h2 { color: #ed1c24; }
#sideRighrArea p { color: #fff; }

#sideContentArea { margin-top: 5px; z-index: 10; padding: 10px 20px; }

#sidebottomArea {height: 50px; background: #000; position: relative; z-index: 1;}
#sidebottomArea ul.joomla-nav { padding: 17px 0 0 15px;}
#sidebottomArea ul.joomla-nav li { float: left; list-style: none; background: url(../images/layout/separator_footer.png) no-repeat right center; }
#sidebottomArea ul.joomla-nav li:last-child{ background: none; }
#sidebottomArea ul.joomla-nav li a {color: #fff; text-decoration: none; padding: 4px 10px; font-size: 11px;}
#sidebottomArea ul.joomla-nav li a:hover { color: #f7941d;}

#sidebottomleft { float: left; width: 500px; }

#sidebottomright { float: right; margin-right: 15px; width: 300px; height: 50px; overflow: hidden; }


#sideFooterArea { height: 50px; }	
p#copy { color: #6c6c6c; padding: 12px 0 0 20px; font-size: 11px; }	
p#copy a{ color: #f9b159; text-decoration: none; }																
p#copy a:hover { color: #690; }




/* ++++++++++++++  icons  ++++++++++++++ */
.actions {  float:right;}
ul.actions { text-align:right; padding:0; width:100%; margin:0;}
ul.actions li { list-style: none; }
ul.actions a { }

/* ++++++++++++++  details  ++++++++++++++ */

.article-info { margin:10px 0 10px 0px; font-size:0.9em; }
.article-info-term { display:none;}
dt.category-name,dt.create,dt.modified,dt.createdby { float:left; padding-right:5px;}
.archive .article-info dd,.article-info dd { margin:2px 0 0px 0; line-height:1.2em; }
dd.createdby  { }
.article-info dd span { text-transform:none; display:inline-block; padding:0 5px 0 0px; margin:0 10px 0 0px;}
.article-info a:hover, .article-info a:active, .article-info a:focus { background:#f6831f; color:#fff;}

/* ++++++++++++++ +++++++ pagenav  ++++++++++++++++++++ */
.pagination ul {list-style-type:none; padding:0; overflow:hidden; }
.pagination ul li { display:inline-block; padding:1px; margin:0; border:solid 0px #cc0000; position:relative; }
.pagination ul li { line-height:2em; }
.pagination ul li a.pagenav { border:solid 1px #ccc; display:inline; background:#eee; padding:2px 5px; text-decoration:none; }
.pagination ul li a:hover { background:#f6831f;}
.pagination ul li .pagenav { padding:2px 5px; border:solid 1px #ccc;}
.pagination ul li.pagenav-prev { float:left;}
.pagination ul li.pagenav-next { float:right; }


									
									
/* ++++++++++++++  readmore  ++++++++++++++ */
.readmore { margin: 8px 0;}
.readmore a:link,.readmore a:visited,a.readmore:link,a.readmore:visited { color: #fff; background:#f6831f;border: solid 1px #ddd; padding: 5px 10px; border-radius: 5px; text-decoration: none; }
.readmore a:hover,.readmore a:active,.readmore a:focus,a.readmore a:hover,a.readmore a:active,a.readmore a:focus{
background: #900; color: #fff; }
a.readmore:hover,a.readmore:active,a.readmore:focus { background: #555; color: #fff; }

									
																	

/* ++++++++++++++ +++++++ pagenav  ++++++++++++++++++++ */
ul.pagenav {list-style-type:none; padding:0; overflow:hidden; }
ul.pagenav li { display:inline-block; padding:1px; margin:0; border:solid 0px #cc0000; position:relative; }
ul.pagenav li { line-height:2em; }
ul.pagenav li a { border:solid 1px #ccc; display:inline; background:#eee; padding:2px; text-decoration:none; }
ul.pagenav li a:hover { background:#0e6db3;}
ul.pagenav li.pagenav-prev { float:left; }
ul.pagenav li.pagenav-next { float:right; }

/* h1 on frontpage and blog view */

.blog-featured h1,
.blog h3{ margin:0 0px 10px 0px; color: #f7941d;}
.blog .category-desc{padding:0 5px;margin:10px 0 25px}
.blog .cat-children .category-desc{padding:0 0px; margin:10px 0 25px}
.blog .items-row h2{font-weight:normal; padding:5px 2px 5px 2px;font-size:1.4em}
.blog ul.subcategories{ margin:20px 20px 20px 10px}
.blog .subcategories-link{font-weight:bold}
.blog ul{list-style-position:outside;list-style-type:square;padding:0 0 0 15px;margin:10px 0 10px 0px;}
.blog ol{ padding:0 0 0 20px;margin:10px 0 10px 0px;list-style-position:outside;}
.blog ul li,#main ol li{padding:0; line-height:1.7em; margin: 0;}
.blog .category-list{ padding:0 5px; display:block;}
.blog ul li a {color: #f7941d; text-decoration: none; }
.blog ul li a:hover { color: #ed1c24; }


/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured{ padding: 0;}
.items-leading{padding:0px 5px 10px 5px; overflow:hidden; margin-bottom:10px}
.row-separator{ display: block;clear: both; margin: 0; border: 0px; height:1px }
.item-separator{ display: none;margin: 0px;}
.shownocolumns{width:98% !important;}

#top{ margin:0 0 20px 0; overflow:hidden}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1{display: block;float: none !important;margin: 0 !important;}
.cols-2 .column-1{ width:46%;float:left;}
.cols-2 .column-2{ width:48%; float:right; margin:0;}
.cols-3 .column-1{ float:left;width:29%; padding:0px 5px; margin-right:4%;}
.cols-3 .column-2{float:left;width:29%; margin-left:0; padding:0px 5px;}
.cols-3 .column-3{ float:right; width:29%; padding:0px 5px;}
.items-row{overflow:hidden;margin-bottom:10px !important;}
.column-1,.column-2,.column-3{  padding:10px 5px;}
.column-2{ width:55%; margin-left:40%;}
.column-3{ width:30%;}
.blog-more{ padding:10px 5px;}



#sideMenuArea{ position: relative; z-index: 10000000000; top: 0; left: 0;}	

									
								/*  ---------------------------------------
									|              CSS FOR FORMS           |
									---------------------------------------  */
									
									
								/*  ---------------------------------------
									|             CSS FOR TABLES           |
									---------------------------------------  */
									
								
								/*  ---------------------------------------
									|             CSS FOR COMMON CLASSES   |
									--------------------------------------- */
	.fLeft {width: auto; float: left;}
	.fRight {width: auto; float: right;}
	.cLeft {clear: left;}
	.cRight {clear: right;}
	.cBoth {clear: both;}