/*  
Theme Name: Skyline
Theme URI: http://www.aplusthemes.com/free-wordpress-theme/skyline/
Description: Skyline is cool web 2.0 style theme, two columns and valid xhtml. This theme have option to use either default blog title or image for logo. Compatible with wordpress 2.8, 2.7 and 2.5.
Version: 1.0.1
Author: A Plus Themes
Author URI: http://www.aplusthemes.com/
Tags: two-columns, threaded-comments, sticky-post, left-sidebar, fixed-width, green
*/


/* Begin Typography & Colors */


small {
	font-family: Arial, Verdana, tahoma;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Arial, Verdana, tahoma;
	font-weight:normal;
	}

h1 {
	font-size:22px;
	line-height:24px;
	}

h2 {
	font-size: 20px;
	line-height:22px;
	}

h2.pagetitle {
	font-size: 20px;
	line-height:22px;
	}

#sidebar h2, #sidebar2 h2{
	font-family:Arial, Verdana, tahoma;
	font-weight:bold;
	}
	
#sidebar ul li h2, #sidebar2 ul li h2 {
	font-family:Arial, Verdana, tahoma;
	font-size: 12px;
	font-weight:bold;
	padding-bottom: 5px;
	height:30px;
	color: #ffffff;
	text-transform:uppercase;
	padding-left:38px;
	padding-top:5px;
	background-image:url(images/bg_title_sidebar.gif);
	background-repeat:no-repeat;
	}

h3 {
	font-size: 18px;
	line-height:20px;
	}

h1, h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color:#ffffff;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ffffff;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,#sidebar2 h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
.entry{
	padding-top:4px;
	padding-bottom:10px;
	}
	
	
.sticky {
	background: #04627d;
	padding: 10px 10px 10px 10px !important;
	border:solid 1px #0a4254;
	margin-bottom:10px !important;
	}
	
.sticky .postmetadata{
	border-bottom:0px;}
	
.sticky h2 {
	padding-top: 10px;
	}

	
.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em ;
	font-family:Arial, Verdana, tahoma;
	}
	
.commentlist li ul li {
	font-size: 1em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite{
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	padding-left:5px;
	}
	
.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	}

.commentlist cite a.url{
	margin:0px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
	

#commentform p {
	font-family: Arial, Verdana, tahoma;
	}

.commentmetadata {
	font-weight: normal;
	}
	
	
code {
	font: 1.1em  Arial, Verdana, tahoma;
	}

acronym, abbr, span.caps
	{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a, #wp-calendar a:visited {
	text-decoration: none;
	text-decoration:underline;
	}

#wp-calendar caption {
	font: bold 1.3em  Arial, Verdana, tahoma;
	text-align:center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */


.narrowcolumn {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	}

.widecolumn {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.post {
	margin: 0px 0px 0px 0px;
	padding:10px 0px 15px 0px;
	text-align: justify;
	}
	
.post hr {
	display: block;
	}
	
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {
	padding-top: 5px;
	}

.widecolumn .postmetadata, .widecolumn .postmetadata1 {
	margin: 0px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
	}

.postmetadata {
	clear: left;
	line-height:20px;
	color:#fc5902;
	background-repeat:no-repeat;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	border-bottom:solid 1px #063b4c;
	}

/* End Structure */



/*	Begin Headers */
h1 {
	padding:0px;
	margin: 0;
	}

h2 {
	margin: 0px 0 0;
	}

h2.pagetitle {
	padding-top: 10px;
	text-align: center;
	padding-bottom:15px;
	}

#sidebar h2 ,#sidebar2 h2{
	margin: 0px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 0px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 0px auto 20px ;
	
	}
/* End Headers */



/* 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
	}
		
.spacer{
	line-height:0px;
	margin:0px;
	padding:0px;
	}
/* End Images */



/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 0px 0 0px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before, #sidebar2 ul ul li:before,  #sidebar ul ul li, #sidebar2 ul ul li {
	background-position:0 4px;
	padding:0px 0px 0px 0px;
	margin:0px;
	}
	
div.entry ul{
	margin:0px;
	padding:0px 0px 0px 20px;
	}
	
div.entry ul li{
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0px 0px 0px 25px;
	margin:0px;
	list-style-type:disc;
	list-style-position:inside;
	}
	
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol,#sidebar2 ul, #sidebar2 ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li, #sidebar2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
	}

#sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {
	margin: 5px 0 8px;
	}
#sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {
	margin: 5px 4px 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {
	margin: 5px 0 0 0px;
	}

ol li, #sidebar ul ol li, #sidebar2 ul ol li{
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {
	margin: 0px 0 0;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar ul li a:link, #sidebar ul li a:visited{
	color:#fff !important;
	}
	
#sidebar ul li  {
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul li li{
	padding:2px 5px 4px 15px;
	border-bottom:solid 1px #0f4254;
	}
	
#sidebar ul li li li{
	border-bottom:none;
	background-image:none;
	}

#sidebar ul ul ul li a, #sidebar ul ul ul li a:visited{
	border-bottom:0px;
	padding:2px 0px 2px 10px!important;
	text-decoration:none;
	background-image:url(images/arrow.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
}

	
.textwidget{
	padding-left:10px;
	text-align:left;
	padding-right:10px;
	padding-top:5px;
	}

.widget_tag_cloud div{padding:5px 10px;}	
	

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding: 0px 0px 0px 0px; 
	text-align: center;
	}

#sidebar #searchform #s, #sidebar2 #searchform #s  {
	width: 108px;
	padding: 2px;
	}

#searchsubmit, #sidebar #searchsubmit, #sidebar2 #searchsubmit  {
	padding: 4px 0px 4px 0px;
	font-size:10px;
	width:46px;
	border:0px;
	background-color:#f55602;
	color:#fff !important;
	}
	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
	
#commentform{
	}

#commentform input {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 0px 0 0px;
	}

	
#commentnavi{
	margin:0px 0px 0px 15px;
	}	

#respond h3{
	margin:10px 0px 0px 0px;
	font-size:20px;
	}		
	
#commentform textarea {
	width: 90%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0px;
	width:170px;
	}
	
/* End Form Elements */

.even, .alt {
	border-left: 1px solid #ffffff;
	}

.thread-alt {
	background-color: transparent;
	}
	
.thread-even {
	background-color: transparent;
	}
	
.depth-1 {
	border: 1px solid #ffffff;
	}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}
	
ol.commentlist{
	padding:0px;
	margin:0px 0px 0px 0px;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 10px 10px 10px;
	list-style: none;
	}
	
.commentlist li ul{
	padding:0px;
	margin:0px;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 15px;
	}

.commentlist p {
	margin: 10px 5px 10px 5px;
	}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#sidebar2
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#sidebar form, #sidebar2 form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100%;
	
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}


#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: transparent; }
/* End Calendar */

/* 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;
	}

.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 Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding:0px 20px;
	border: 1px dashed #ffffff;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 20px;
	}
.navigation2 {
	display: block;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 20px;
	}
/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
	

.postmetadata a{
	text-decoration: none;
	}
	
.postmetadata a:hover{
	text-decoration: underline;
	}
	
.narrowcolumn h2, .narrowcolumn h3 {
	color:#ffffff;
	margin-top:0px;
	}
	
label small{
	color:#ffffff;
	  }
  
#comments, #respond{
	color:#ffffff;
	padding:0px 0px 8px 5px;
	 }
	 
h3#respond{
	font-size:25px;
	font-weight:lighter;
	}
	
span.author{color:#fc5902 !important;}
.search_result .post{padding:0px;}
div.search_result  h2 a{font-size:18px !important;text-transform:capitalize;}
div.title h2, div.title h2 a, div.title h2 a:visited{
	color:#fff;
	font-family:Arial, Verdana, tahoma;
	font-size:18px;
	font-weight:lighter;
	text-transform:uppercase;
	padding:0px 10px 5px 0px;
	}

div.title h2 a:hover{
	color: #fc5902;
	}

	
/*=========================FRAME HTML=========================*/	
body{
	font-family:Arial, Verdana, tahoma;
	font-size:12px;
	color:#ffffff;
	margin:0px;
	padding:0px;
	background-image:url(images/bg_body.gif);
	background-repeat:repeat-x;
	background-color:#005067;
	line-height:20px;
	}
	
form{padding:0px;margin:0px;}
a, a:visited{color:#fc5902;text-decoration:none;}
a:hover{color:#fc5902;text-decoration:underline;}
	
#container{width:100%;}
#frame{width:900px; margin:0px auto;}

/*=========================================TOP=========================================*/
#top{width:900px;height:107px;padding-top:13px;}
#logo{
	padding:15px 0px 0px 20px;
	}
	
#logo h1{font-size:50px; line-height:52px;}
/*#logo a{display:block;width:270px;height:105px;}*/	

/*=========================================TOP MENU=========================================*/	
#top_menu{background-image:url(images/bg_topmenu.gif);background-repeat:no-repeat;height:52px;}
#top_menu ul{margin:4px 0px 0px 0px;padding:0px;list-style-type:none;}
#top_menu ul li{
	margin:0px 0px 0px 0px;
	padding:0px 30px 0px 30px;
	list-style-type:none;
	display:block;
	float:left;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	}
#top_menu ul li.end{border-right:none;}
#top_menu ul li a, #top_menu ul li a:visited{color:#ffffff;text-decoration:none;}
#top_menu ul li a:hover{color:#cccccc;text-decoration:none;}

#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	line-height:1.5em;
	z-index:500!important;
	font-weight:normal;
	float:left;
	}
	
#dropmenu a {
	display:block; 
	padding:13px 10px 18px 10px; 
	color:#fff;  
	text-decoration:none; 
	font-family:Arial, Verdana, tahoma; 
	font-size:12px !important;
	border:0px ;
	text-transform:uppercase;
}
#dropmenu a:hover {color:#fff;}
#dropmenu li {float:left; position:relative; background-position:0px 12px;  background-image:url(images/line_ver.gif); background-repeat:no-repeat; }
#dropmenu li.noborder {float:left; position:relative; border-left:none; background-image:none !important;}
#dropmenu ul {position:absolute; display:none; top:48px; left:0px; cursor:pointer;}
#dropmenu ul a { z-index:500; }
#dropmenu li ul {list-style: none;float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:none;}
#dropmenu li li{border:0px; border-width:1px; float: left; padding:0px 0px 0px 0px !important;  display:block;   z-index:500;}
#dropmenu li ul a, #dropmenu li ul a:visited {color:#fff; border:solid 1px #063b4c; border-width:0px 0px 1px 0px; width:120px; font-size:12px; text-transform:capitalize; padding:7px 0px 7px 13px; background-color:#114050; line-height:18px !important;  }
#dropmenu li ul a:hover{color:#fc5902; background-color:#1b576b }
#dropmenu ul ul {top:0em;}
#dropmenu ul ul li ul li{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px; display:block; float:left;}
#dropmenu li ul ul {left:11em; margin:0px 0 0 0px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


/*=========================================HEADER=========================================*/		
#header{width:900px;height:238px;}
#top_search{background-image:url(images/bg_repeatgrey.gif);background-repeat:repeat-x;height:43px;width:900px;text-align:right;}
#top_search .inputbox{vertical-align:top;width:150px;margin-right:5px;}
#icon_search{background-image:url(images/icon_search.gif);background-repeat:no-repeat;background-position:left top;padding-left:30px;}
#box_search{padding:10px 10px 0px 0px;float:right;}
.button{vertical-align:middle;}
.inputbox{border:solid 1px #b5b5b5;}
	
/*=========================================CONTENT=========================================*/		
#main{float:left;width:900px;padding-bottom:20px;background-color:#005067;}
#main_left{width:269px;float:left;}
#block_sidebar{padding:10px;}
#main_right{width:625px;float:left;}
#main_content{padding:10px 10px 0px 10px;}

/*=========================================FOOTER=========================================*/		
#footer{
	width:900px;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(images/bg_footer.gif);
	padding:10px 0px 0px 0px;
	height:54px;
	}
#footer a, #footer a:visited{color:#ffffff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}