/*   

Theme Name: Astamangala Theme
Theme URI: http://www.astamangala.com
Description: A WordPress theme specifically designed for Astamangala.
Author: Koen M. Linders
Author URI: http://www.thinredline.nl
Version: 0.1
Tags: featured-image, sidebar, custom header
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



body {
	margin:0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color: #c3c3c3;
	line-height:24px;
}

h1 {
	font-size:18px;
	text-transform:uppercase;
	text-decoration: none;
}

h2 {
	font-size:14px;
	text-transform:uppercase;
	text-decoration: none;
	margin:0px 0px -15px 0px;
	padding:0px;
}

h3 {
	font-size:18px;
	text-transform:uppercase;
	text-decoration: none;
	display:inline;
}


a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#content {
	margin:40px 40px;
}

#header {
	height:225px;
	position:relative;
	background-color:#FFFFFF;
}

#footer a {
	color:#FFFFFF;
}

#wrapper {
	width:1000px;
	background-color:#d9d9d9;
	margin:0px auto;
}

#nav {
	background-color:#FFFFFF;
	padding:0xp; 
	margin:0px;
	height:30px;
	position:absolute;
	top:195px;
	width:1000px;
	z-index:10;
}

#nav ul {
	margin:0px;
	padding:3px 10px 6px 250px;
	list-style-type:none;
	display:block;
}

#nav ul li {
	display:inline;
	margin: 0px 10px;
	font-size: 16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#808080;
}

#nav ul li a{
	color:#808080;
	text-decoration:none;
}

#nav ul li a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#3b5787;
}

.banner {
	width:1000px;
	height:225px;
}

.CategoryItemPreview {
	width:200px;
	height:175px;
	float:left;
	border:0px solid grey;
	margin:0px 20px 20px 0px;
	background-color:#FFFFFF;
}

.leftColumn {
	float:left;
	width:600px;
	margin:0px 40px 40px 0px;
}

.leftColumnWide {
	float:left;
	width:900px;
	margin:0px 40px 40px 0px;
}

.logoBlock {
	background-color:#FFFFFF;
	height:230px; 
	width:210px; 
	float:left; 
	position:absolute; 
	/*left:40px; */
	text-align:center; 
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
	box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
	text-align:center;
	z-index:20;
}

.logo {
	 width:190px;
	 height:195px;
	 border:0px;
}

.payoff {
	font-size:10px;
	color:#808080;
}

.postTitle {
	text-decoration:none;
	color:#808080;
}

.rightColumn {
	float:left;
	width:200px;
}

.titel {
	font-size:14px;
	margin:0px 5px;
	color: #808080;
}

.titel a{
	text-decoration:none;
	color: #808080;
}

/* Image Gallery CSS */

#images ol {
	position:relative;
	list-style-type:none;
	margin:0px;
	padding:2px 0px;
}

#images ol li {
	display:inline;
}

#images ol li img {
	height:90px;
}

#imagegallery ol {
    position: relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#666666;
	width:300px;
}

#imagegallery ol li{
    position: absolute;
    top: -2000px;
    left: 0px;
    max-width: 100%;
}

#imagegallery ol li:first-child {
	top:0px;
}

#imagegallery ol li:target{
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100%;
}

.galleryBlock {
	float:right;
	width:300px;
	height:350px;
	margin: 16px 0px 0px 20px;
	/*border:1px solid red;*/
}

/* /Image Gallery CSS */
/* Image Gallery CSS  1.21*/

#css3gallery ol, #css3galleryNav ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#css3gallery ol li img,
#css3galleryNav ol li img {
	max-width: 100%;
	border: 0px; /*IE fix (why do they still have a border by default?*/
}

#css3galleryNav {
	width: 410px;
	height: 80px;
}

#css3galleryNav ol > li {
	float:left;
	width: 100px;
	height: 100px;	
	margin-right: 4px;
	margin-bottom: 2px;
}

#css3gallery,
#css3gallery ol li{
	width: 304px;
	height: 300px;
	background-color: #CCCCCC;
	margin-right: 5px;
}

#css3gallery ol {
	position: relative;
}

#css3gallery ol li{
	position: absolute;
	top: 0px;
	left: -2000px;
	max-width: 100%;
}

#css3gallery ol li:first-child{
	top: 0px;
	left: 0px;
	margin-top: 0px;
}

#css3gallery ol li img {
	margin: 0px;
	padding: 0px;
}

#css3gallery ol li:target {
	top: 0px;
	left: 0px;
	margin-top: 0px;
}

/* /Image Gallery CSS  1.21*/

/* CSS Menu Maker Menu styles*/
#cssmenu{
	height:30px;
	display:block;
	padding:0px 0px 0px 250px;
	margin:0px auto;
} 

#cssmenu > ul {
	list-style:inside none;
	padding:0; margin:0;
} 

#cssmenu > ul > li {
	list-style:inside none; 
	padding:0; 
	margin:0; 
	float:left; 
	display:block; 
	position:relative;
} 

#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:3px 10px; font:bold 13px; text-align:center; text-decoration:none; } 

#cssmenu > ul > li:first-child > a{} 

#cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 

#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 

#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; } 

#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 

#cssmenu ul li.has-sub:hover > a{ padding:3px 10px; z-index:999; } 

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 

#cssmenu ul li.has-sub > a:hover{} 

#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:30px; padding:10px 0; background:#efefef; z-index:999; } 

#cssmenu ul li > ul{width:270px;} 

#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 

#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:6px 12px; font:10px; color:#808080; text-decoration:none; border-top:1px solid #707070;}  

#cssmenu ul li > ul li:first-child a{ border-top:0px solid #707070;} 

#cssmenu, #cssmenu > ul > li > ul > li a:hover{ 
	background:#ffffff;
} 

#cssmenu{} 

#cssmenu > ul > li > a{color:#808080;} 

#cssmenu > ul > li > a:after{} 

#cssmenu > ul > li > a:hover{background:#fff;}