/*
Theme Name: namal
Theme URI: http://www.namalrajapaksa.com
Description: Namal Rajapaksa - A World with a Humanitarian
Version: 1.0
Author: Cryptodyne (Pvt) Ltd.
Author URI: http://www.cryptodyne.it
*/

/* HTML ELEMENTS */ 

/* Top Elements */
*{margin:0; padding:0; outline:0;}

body{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px; line-height:18px; color:#666; margin:0; padding:0; background:#e0f4ff url(images/bg.jpg) repeat-x top;}

/* Links */
a, a:active, a:link{text-decoration:none; color:#006193;}
a:visited{text-decoration:none;}
a:hover{color:#369;}

/* headers */
h1, h2, h3{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#ABABAB;}
h1{font-size:3.4em; font-weight:normal; letter-spacing:-2px; padding:15px 10px 5px 0;}
h2{font-size:2em; color:#895F30; padding:20px 10px 5px 0;}
h3{font-size:1.7em; font-weight:normal; padding:20px 10px 5px 0;}

p, dl{padding:10px 0; margin:0;}
ul, ol{margin:10px 20px; padding: 0 20px;}
ul { list-style: none; }
dt { font-weight: bold;   color: #999; }
dd {  padding-left: 25px; }

/* images */
img{background:#e0f4ff; border:1px solid #fff;}
img.float-right{margin:5px 0px 10px 10px;}
img.float-left{margin:5px 10px 10px 0px;}
code{margin:5px 0; padding:15px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
/* white-space: pre; */
background: #111;}

acronym{cursor:help;}
blockquote{margin:15px 10px; padding:10px 10px 10px 35px; background:#111 url(images/quote.jpg) no-repeat 10px 10px; font-weight:normal; font-size:18px; line-height:1.6em; font-style:italic; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#808080;}

/* start - table */
table{margin:15px 10px; border-collapse:collapse;}
th{background:#000; color:#999; height:38px; padding-left:12px; padding-right:12px; text-align:left; border-left:1px solid #211E20; border-right:1px solid #211E20; border-bottom:1px solid #211E20; border-top:1px solid #48780E;}
tr{color:#5b5b5b; height:34px;}
td{padding-left:12px; padding-right:12px; border:1px solid #ccc;}
/* end - table */

/* form elements */
form{margin:20px 10px; padding:5px 10px 20px 10px; border:none;}
label{display:block; font-weight:bold; margin:8px 0; color:#999;}
input, select, textarea{padding:10px; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:14px; line-height:22px; color:#6A6969; background:#c1dbf4; border:1px solid #eff8ff;}
textarea{width:400px; height:100px; display:block;}
input.button{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; height:30px; margin:0; padding:2px 3px; color:#eff8ff; border:none; background:#369;}

/* search form */
.searchform{background-color:transparent; border:none; margin:0; padding:20px 0 15px 8px; width:270px;}
.searchform p{margin:0; padding:0 0 10px 0;}
.searchform input.textbox{width:185px; height:18px; padding:2px; vertical-align:top;}
.searchform input.button{width:60px; height:24px; padding:2px 5px; vertical-align:top;}

/* LAYOUT  */
#light-src{background:url(images/bg-light-src.jpg) no-repeat top;}

#wrap{position:relative; width:960px; margin:0 auto; text-align:left; background:#fff;}
#content-wrap{position:relative; clear:both; width:960px; padding:0; margin:0; float:left; display:inline;}
#header{float:left; width:960px; height:350px; margin:0; padding:0;}

/* header search */
form#quick-search{float:left; padding:0; margin:15px 0; border:none; width:278px; background:#edf9ff url(images/bg-search.jpg) no-repeat center right; z-index:9999; border:#c1dbf4 1px solid;}
form#quick-search p{margin:0; padding:0;}
form#quick-search .tbox{margin:2px 0 0 5px; width:210px; background:none; border:none;}
form#quick-search label, form#quick-search .btn{display:none;}

/*  Navigation  */
#nav{float:left; margin:0; padding:0 5px; width:950px; background:#003a6c; text-shadow:0px 1px 0px #000;}
#nav ul{float:left; list-style:none; width:950px; margin:0; padding:15px 0; display:inline;}
#nav ul li{display:inline; margin:0; padding:0; font:18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#c1dbf4;}
#nav ul li a{float:left; margin:0; padding:0 15px; text-decoration:none; color:#e0f4ff; border:none;}
#nav ul li a:hover,
#nav ul li a:active{color:#fff;}
#nav ul li.current_page_item a{color:#00aeef;}

#header h1#logo-text a{display:none}
#header p#intro{display:none}

/* Image Slider */
#title {font-size:11px; position:absolute; float:left; top:375px; left:10px; z-index:3 }
#slideshow{position:relative; z-index:2; }
#slideshow img{border:none;}
a#prev, a#next {font-size:14px; color: #000; text-decoration: none; }
a#prev:hover, a#next:hover {text-decoration: underline; }
.pics { height: 350px; width:960px; padding:0; margin:0; overflow: hidden }
.pics img { height: 350px; width: 960px; padding:0; top:0; left:0}
#slide-nav{position:absolute; float:right; z-index:2; top:370px; left:805px; font-size:10px; display:none;}
.slide-nav {margin:5px}
#slide-nav a {margin:0 1px; padding:2px 5px; background:#003a6c; text-decoration:none; color:#fff; }
#slide-nav a.activeSlide{background:#ccc; color:#003a6c; }
#slide-nav a:focus { outline: none; }



/* Main Column */
#main{float:left; width:640px; padding:0 0 0 10px; margin:0; display:inline;}
#main h2{padding:20px 0 0 0; margin:0; font:normal 22px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#999; line-height:28px; text-transform:none;}
#main h2 a{color:#369; text-decoration:none; border:none;}
#main ul li{list-style-image:url(bullet.gif);}

/* Sidebar */	
#sidebar{float:right; width:280px; padding:0 10px 0 0; margin:0; display:inline;}
#sidebar img{border:none;}
#sidebar h3{margin-top:10px; padding:15px 5px 0px 5px; font:normal 22px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #c66;}
#sidebar ul{text-align:left; margin:7px 5px 8px 0px; padding:0;}
#sidebar ul li{list-style:none; padding:8px 10px; margin:0; border-bottom:1px solid #cfe1f7;}
* html body #sidebar ul li{height:1%;}

#sidebar ul li a{text-decoration:none; border:none; color:#6699cc; font-weight:normal; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:14px;}
#sidebar ul li a span{color:#444; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-style:italic; font-weight:normal; font-size:11px;}
#sidebar ul li a:hover,
#sidebar ul li a:hover span{color:#999;}
#sidebar ul ul{margin:0 0 0 5px; padding:0;}
#sidebar ul ul li{border:none;}

ul#social-links{background:#e0f4ff; border:#c1dbf4 1px solid; padding:10px 10px 6px 10px; float:left; width:258px; margin:0 0 15px 0; text-align:center;}
ul#social-links li{list-style:none; display:inline; padding:0 7px; margin:0; border:none;}
ul#social-links li a{text-decoration:none; border:none;}

/* footer */
#footer-wrap{position:relative; clear:both; padding:10px 0; margin-top:30px; font:normal 1em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#555; width:960px; float:left; display: inline; border-bottom:50px solid #e0f4ff; background:url(images/bg-footer.jpg) no-repeat bottom right;}
#footer-wrap h3{font:normal 1.6em/1.6em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#ABABAB;}
#footer-content{margin:0 auto; width:880px; text-align:left;}
#footer-content ul.col-list{border-top:1px solid #ccc; list-style:none; margin:5px 0 0 0; padding:0; width:98%;}
#footer-content ul.col-list li{border-bottom:1px solid #ccc;}
#footer-content ul.col-list li a{display:block; line-height:2em; font-weight:bold; padding:4px 0 4px 8px; width:98%; color:#555; border:none;}
#footer-content ul.col-list li a span{color:#444; font-style:italic; font-weight:normal; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
#footer-content ul.col-list li a:hover,
#footer-content ul.col-list li a:hover span{color:#999; text-decoration:none;}
#footer-content .col{width:280px; padding:0 0 30px 0; display:inline; font-size:11px; line-height:18px;}
#footer-content .col2{width:285px; padding:0 0 30px 0; display:inline; font-size:11px; line-height:18px;}
#footer-content .col2 p{font-size:11px; line-height:18px; padding:0 0 10px 0;}
#footer-content .col2 p img{float:left; margin:0 15px 10px 0;}
#footer-content .space-sep{margin-right:12px;}

/* postmeta */
.postmeta{padding:10px; margin:20px 0; font-size:11px; color:#999; border:1px solid #c1dbf4; background:#e0f4ff;}
.postmeta .date{margin:0 10px 0 0;}
.postmeta a.comments{margin:0 10px 0 0;}
.postmeta a.readmore{margin:0 10px 0 0;}
.post-info{font-size:.95em; padding-top:3px; margin-left:0; color:#999;}
.post-info p{padding:10px;}
.post-info a{color:#BD4200;}

/* alignment classes */
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left;}
.align-right{text-align:right;}

/* display and additional classes */
.clearer{clear:both;}
.clear{display:inline-block;}
.clear:after{display:block; visibility:hidden; clear:both; height:0; content: ".";}