/*

Theme Name: bastianos

Theme URI: http://www.bastianos.com

Author: bastianos



*/





/* Begin Typography & Colors */

* {

	padding:0;

	margin:0;

}

body {

	color:#fff;

	background:#0e417c url(images/bg02.jpg) repeat-x 0 0;

	font:11.5px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

}

ul,li{

list-style: none

}


blockquote {
margin: 0 0 0 25px;
}

img {

	border:0;

}

a {

	outline:none;

	color:#ff7800;

	background-color:inherit;

	text-decoration:underline;

}

a:hover {

	text-decoration:none;

}

.spacer {

	clear:both;

	font-size:0;

	line-height:0;

}



/* -- wrapper style -- */

.wrapper {

	background:url(images/header-bg02.jpg) no-repeat 50% 0;

}

.wrapper .wrapperInner {

	width:829px;

	margin:0 auto;

}



/* -- header style -- */

.header {

	padding:200px 0 37px;


/* -- padding:242px -- */

	position:relative;

	z-index:5000;

}

.header .logo {

	position:absolute;

	left:-88px;

/* -- top:160px; -- */

	top:117px;





}

.header .padiLogo {

	position:absolute;

	left:646px;

/* -- top:166px; -- */

	top:122px;

}


.header .padiLogo2 {

	position:absolute;

	left:688px;

/* -- top:166px; -- */

	top:122px;

}


/* -- home header style -- */

.homeHeader {

	color:inherit;

	background:#fff url(images/home-header-bg.jpg) no-repeat 0 0;

	padding:16px 12px 13px;

	height:100%;

	overflow:hidden;

}

.homeHeader #gallery {

	float:left;

	position:relative;

	height:276px;
	width:588px;

	overflow:hidden;

}

.homeHeader #gallery .controller {

	background:url(images/controller-bg.gif) no-repeat 0 0;

	width:51px;

	height:12px;

	padding:8px 9px;

	position:absolute;

	top:248px;

	left:498px;

	z-index:20;

	line-height:12px;

}

.homeHeader #gallery .controller #next,

.homeHeader #gallery .controller #prev,

.homeHeader #gallery .controller #pause,

.homeHeader #gallery .controller #play {

	background-repeat:no-repeat;

	background-position:50% 0;

	width:10px;

	height:12px;

	display:block;

	font-size:0;

	line-height:0;

	text-indent:-120000px;

}

.homeHeader #gallery .controller #next {

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

	float:right;

}

.homeHeader #gallery .controller #prev {

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

	float:left;

}

.homeHeader #gallery .controller #pause,

.homeHeader #gallery .controller #play {

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

	margin:0 auto

}

.homeHeader #gallery .controller #play {

	background-position:0 -12px;

	display:none;

}



.homeHeader .blogArticleLinks {

	color:#fff;

	background-color:#014177;

	width:198px;

	height:235px;

	padding:9px 4px 9px 7px;

	float:right;

}

.homeHeader .blogArticleLinks h2 {

	background:url(images/blog-title.gif) no-repeat 0 0;

	height:39px;

	margin-bottom:8px;

	font-size:0;

	line-height:0;

	text-indent:-120000px;

}

.homeHeader .blogArticleLinks ul li {

	border-bottom:1px solid #376994;

	font:12px/14px Arial, Helvetica, sans-serif;

}

.homeHeader .blogArticleLinks ul li a {

	padding:5px 2px 4px;

	display:block;

	color:#fff;

	background-color:inherit;

	text-decoration:none;

}

.homeHeader .blogArticleLinks ul li a:hover {

	color:#fff;

	background-color:#034e8d;

}



/* -- home page 3 links -- */

.home3links {

	color:#fff;

	background:#06386f url(images/home-3-links.gif) no-repeat 0 0;

}

.home3links .home3linksBottom {

	background:url(images/home-3-links-bottom.gif) no-repeat 0 100%;

	padding:128px 40px 32px;

	text-align:center;

	height:100%;

	overflow:hidden;

}

.home3links .home3linksBottom .left h2,

.home3links .home3linksBottom .middle h2,

.home3links .home3linksBottom .right h2 {

	background-repeat:no-repeat;

	background-position:50% 0;

	height:22px;

	margin-bottom:8px;

	font:normal 24px "Times New Roman", Times, serif;

	text-transform:capitalize;

}



.home3links .home3linksBottom .left {

	width:220px;

	float:left;

	padding-right:42px;

}

.home3links .home3linksBottom .right {

	width:220px;

	float:right;

}

.home3links .home3linksBottom .middle {

	width:230px;

	float:left;

}





/* -- top navigation style -- */

#topNav {

	clear:both;

	padding:0 0 0 94px;

	position:relative;

}

#topNav li {

	float:left;

	padding:0 20px 0 0;

	text-transform:capitalize;

	position:relative;

}

#topNav li a {

	font-size:12px;

	font-weight:bold;

	line-height:37px;

	color:#fff;

	background-color:inherit;

	text-decoration:none;

	display:block;

}

#topNav li a:hover {

	color:#efa6a0;

	background-color:inherit;

}

#topNav li ul {

	display:none;

	position:absolute;

	top:36px;

	left:-10px;

	width:150px;

	padding:0;

	background-color:#770c04;

	border-width:0 1px;

	border-style:solid;

	border-color:#450501;

}

#topNav li ul li {

	border-bottom:1px solid #450501;

}

#topNav li ul li,

#topNav li ul li a {

	line-height:normal;

	float:none;

	padding:0;

}

#topNav li ul li a {

	width:130px;

	display:block;

	padding:3px 10px;

}

#topNav li ul li a:hover {

	color:#fff;

	background-color:#8e140d;

}

#topNav li:hover ul,

#topNav li.over ul {

	display:block;

}


/* -- content style -- */

.content {

	color:#000;

	background-color:#fff;

	padding:28px 45px 28px 37px;

	min-height:500px;

	overflow:hidden;

}

.content h2 {

	font:bold 18px/20px "Lucida Sans", Arial, Helvetica, sans-serif;

	padding:0 0 6px;

}

.content h3 {

	font:bold 14px/18px "Lucida Sans", Arial, Helvetica, sans-serif;

	padding: 0 0 5px;

}

.content p {
padding: 10px 0px 10px 0;
line-height: 150%
}

.content ul li{
list-style: disc;
padding: 0px 0px 5px;
}

.content ol li {
	list-style: inside decimal;
	padding: 0px 0px 5px;
}

.content .leftPanel {

	width:506px;
	float:left;

}

.content .leftPanel h2 a{

	color:#000;

	text-decoration:none;

}


.leftPanel02 {

	width:750px;
	float:left;

}

.leftPanel02 h2 a{

	color:#000;

	text-decoration:none;

}

.content .entry ul li{
list-style-position:inside;
padding: 0 0 0 15px;	

}

.content .leftPanel img {
	margin-bottom:8px;
        margin-right: 10px;
       

}

.content img {
	margin-bottom:8px;
        margin-right: 10px;
       

}

.content .rightPanel {
	width:185px;
	float:right;

}

.content .rightPanel .blueBox h2 {

	font:normal 17px/19px "Lucida Sans", Arial, Helvetica, sans-serif;

	padding:0 0 8px;

}

.content .imgBox {

	height:100%;

	overflow:hidden;

}

.content .leftWrap {

	float:left;

	margin-right:18px;

}

.content .rightPanel .imgBox {

	padding:0 0 18px;

}

.content .rightPanel .imgBox img{

	border:1px solid #ccc;

	padding:1px;

}

.content .rightPanel .imgBox img {

	margin:0 0 5px;

}

.content .rightPanel .imgBox p {

	padding-bottom:0;

}

.content .rightPanel .blueBox {

	color:#fff;

	background:#02589b url(images/right-blue-box-bg.gif) no-repeat 0 0;

	padding:44px 0 0;

	margin:0 0 28px;

	position:relative;

}

.content .rightPanel .blueBox a.clickHereNow {

	width:97px;

	height:23px;

	display:block;

	font-size:0;

	line-height:0;

	text-indent:-1200000px;

	background:url(images/click-here-now.gif) no-repeat 0 0;

	position:absolute;

	left:23px;

	bottom:-11px;

}

.content .rightPanel .blueBox a.clickHereNow:hover {

	background-position:0 -23px;

}

.content .rightPanel .blueBox p {

	padding-bottom:8px;

}

.content .rightPanel .blueBox .textBox {

	padding:0 10px 0 16px;

}

.content .rightPanel .blueBox ul li {

	padding:0;

	border-bottom:1px solid #c9eeff;

}

.content .rightPanel .blueBox ul li a {

	color:#2b5f91;

	background:#e4f6fe url(images/arrow1-bullet.gif) no-repeat 15px 10px;

	font:bold 12px/27px "Lucida Sans", Arial, Helvetica, sans-serif;

	text-decoration:none;

	display:block;

	padding:0 5px 0 27px; 

}

.content .rightPanel .blueBox ul li a:hover {

	color:#2b5f91;

	background-color:#c9eeff;

}

.content .rightPanel .blueBox .info {

	height:100%;

	overflow:hidden;

}

.content .rightPanel .blueBox .info .label {

	width:30px;

	padding-right:8px;

	float:left;

	background:url(images/colon.gif) no-repeat 37px 6px;

}

.content .rightPanel .blueBox .info .details {

	width:112px;

	padding-left:5px;

	float:left;

}

.content .rightPanel .blueBox .info .details a {

	color:#fff;

	background-color:inherit;

}



/* -- footer style -- */

.footer {

	clear:both;

	width:755px;

	height:100%;

	overflow:hidden;

	margin:0 auto;

	padding:46px 120px 20px 127px;

	color:#fff;

	background:#0e417c url(images/footer-bg.jpg) no-repeat 0 100%;

	line-height:18px;

}

.footer a {

	color:#fff;

	background-color:inherit;

	text-decoration:none;

}

.footer a:hover {

	text-decoration:underline;

}



.footer #linkcat-2,

.footer #navigation {

	width:240px;

	float:left;

}





.footer #linkcat-2 h2{

	display:none;

}



.footer #linkcat-2 li,

.footer #navigation li {

	width:100px;

	padding:0 6px 0 0;

	float:left;

}

.footer .info {

	width:224px;

	float:left;

}

.footer .info .label {

	width:30px;

	padding:0 8px 0 0; 

	float:left;

	background:url(images/colon.gif) no-repeat 37px 6px;

}

.footer .info .details {

	width:180px;

	padding:0 0 0 5px;

	float:left;

}

.footer .textPart {

	width:290px;

	float:left;

}

.footer .textPart .acceptance {

	font:bold 13px/17px "Lucida Sans", Arial, Helvetica, sans-serif;

	padding:0 0 22px;

}

.footer .textPart .acceptance p {

	display:inline;

	position:relative;

	top:-8px;

}

.footer .textPart .acceptance img {

	margin:0 0 0 6px;

}



/* -- misc style -- */

.width1 {

	width:185px;

}

.orrangeTxt {

	color:#ff894f;

	background-color:inherit;

}

.underlineTxt {

	text-decoration:underline;

}

.padBottom1 {

	padding-bottom:22px !important;

}

#respond{

	background-color:#F2FAFC;

	padding:20px;

	border:1px solid #E2F6FD;

}



.navigation a{

	color:#000;

}

.navigation .alignleft{

	float:left;

	width:auto;

}

.navigation .alignright{

	float:right;

	width:auto;

}

h2.pagetitle{
	margin-bottom:20px !important;
}


.post h3 a{
	color:#000;
	text-decoration:none;
}

.post {
margin: 30px 0 0 0;
}


h1{
	margin-bottom:20px !important;
}


.boxgray {

width:85%;
padding:10px;
border:1px dotted #cccccc;
margin:0px;
background: #eeeeee;
margin-top: 10px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}






.kolom {
margin: 20px 0 30px 0;
overflow:hidden;
}

.kolom-1 {
float: left;
width: 360px;
margin: 0 0 0 0;
}


.kolom-2 {
float: right;
width: 360px;
}