/* 
Theme Name: Sorlenade
Theme URL: http://demo.noofl.net/
Description: NooFl Demo Design
Author: Omar Nofl
Author URI: http://omarnofl.com
Version: 1.0.0
*/

/*  The CSS Reset    */  

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
 

body{ font-family: Arial;font-size:12px;color: #fff;background: #0B2551 url(images/body-bg.gif) repeat-x }

.clear{ clear: both;}
a {color:#fff;text-decoration:none} 
a:hover {color:#9DC6FD;} 

img.aligncenter {margin: 0 auto;display: block;
	}
.alignleft {
	float: left;
	}
img.alignleft {
	float: left;
	margin: 5px 10px 0 0;
	display: inline;
	}
.alignright {
	float: right;
	}
img.alignright {
	float: right;
	display: inline;
	margin: 5px 0 0 10px;
	}
	
blockquote {background: #194DA4 url(images/quote.jpg) no-repeat top left;
	font-style: italic;
	margin-top:10px;
	margin-bottom:10px;
	padding:15px 15px 15px 30px;
	;}
/*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/
		
#wrapper	{margin: 0px auto;width:960px;}
#topbar{margin-top:-20px;float:right;display:inline}	
#search{ }
input#s {width:170px;}
input#searchsubmit {background:#133B7E none repeat scroll 0 0;color:#67A3FC;margin-top:5px;border:none;height:20px}
input#searchsubmit:hover {background:#2263C2;}
.result{margin:20px;}
	
#logo { height:100px;
	margin-top:20px;
	padding-top:40px;
	}
#logo h1{background: url(images/logo.png) top left no-repeat;
	text-indent: -9999px;
	width:320px;
	height:69px;
	}
#logo h2{font-size:12px;
	margin:5px 0 0 10px}
#menu {float:left;
	margin-left:10px;
	margin-top:20px;
	padding-top:5px;
	}
#menu  li {display:inline;
	margin-right:10px;
	font-size:12px;
	font-weight:bold; 
	text-transform:uppercase;
	margin-left:10px;
	margin-top:60px;
	width:350px;
	}
#menu  li a {color:#fff;
	padding:1px;
	line-height:14px;
	text-decoration:none} 
#menu  li a:hover {color:#9DC6FD;
	}
#container	{margin:10px auto 0; 
	width:1000px;
	}
#content {float:left;
	display:inline;
	width:598px;
	background:#133B7E ;
	border:1px solid #194DA4;
	padding-bottom:30px;
	}
 
#gallery{display:inline;
float:left;
margin:20px 0 20px 20px;
width:550px;} 
#ads468 {display:inline;
float:left;
width:598px;
	} 
#ads468 img{margin-left:60px}	
	 
#postnav {display:inline;
float:left;
font-size:12px;
height:30px;
margin-left:100px;
margin-top:10px;
width:498px;
	}
   
 .post{float:left;display:inline;width:598px;margin-top:20px;}
.post-header {float:left;
	display:inline;
	height:52px;
	background:#2263C2;
	width:508px;
	} 
.post-date{float:left;
	display:inline;
	background: url(images/cal.jpg) no-repeat top left;
	height:52px; 
	width:62px;
	margin:0 0 0 28px}  
.post-title{background:#2263C2;
	float:left;
	display:inline;
	}
.date{color:#1965B0;
font-size:18px;
font-weight:bold;
margin:5px 5px 0 20px;
	}
.month{font-size:8px;
font-weight:bold;
margin:7px 0 0;
text-align:center;
width:62px;
	}
.title {font-size:14px;
	font-weight:bold;
	margin:10px 10px 0 10px;
	text-transform:uppercase;
	width:470px;
	}
.post-info{font-size:9px;
	margin-left:10px;
	margin-top:3px;
	}
#post-head-wrap{margin-bottom:10px;
	display:inline;
 
	width:598px;
	}
.post-content {
	border-bottom:1px solid #194DA4;
	margin:20px;
padding-bottom:20px;
width:558px;
display:inline;
float:left;
} 
.post-content p {margin-bottom:5px;
	text-align:justify;
	}
.post-content li {margin-left:40px;
	}
.post-content ul,ol {margin-top:10px;
	margin-bottom:10px}
.meta a {color:#9DC6FD}
/*-----------------------------------------------------------------Start Sidebar-part Layout-------------------------------------------------------*/
#sidebar-wrap {float:right;
	display:inline;
	width:385px;
	} 
#open-sidebar {float:left;
	display:inline;
	width:382px;
	height:214px;
	background:url(images/sidebar-top.jpg) no-repeat;
	margin-left:3px;
	}
#sidebar {background:transparent url(images/sidebar.jpg) repeat-y scroll 0 0;
display:inline;
float:left; 
width:382px;
margin-left:3px;
	} 
  
#feeds { float:left;
	display:inline;
margin:20px 0 0 30px;
	}
.feedhead{font-family:trebuchet MS;
font-size:20px;
font-weight:bold;
margin:60px 0 0 20px;}
	
#feeds p {margin-bottom:10px}
#feedform{width:200px;
	margin:0 0 10px 0;
	}
.textarea {width:180px;
	} 
#ads-block { margin:0 0 10px 40px;
	}
#ads-block img {width:125px;
	height:125px;
	margin:0 5px 5px 0}
.sidehead-feed {  float:left;
	display:inline;
	width:250px;
	font-size:20px;
	font-family:trebuchet MS;
	font-weight:bold;
	height:50px;
	margin-left:-13px;
	padding:7px 0 0 15px;
	background: url(images/sidehead.png) no-repeat;
	margin-top:-25px;
	}
.sidehead-ads {  float:left;
	display:inline;
	width:385px;
	font-size:20px;
	font-family:trebuchet MS;
	font-weight:bold;
	height:60px;
	padding:7px 0 0 15px;
	background: url(images/adshead.jpg) no-repeat;
	}
.separator {width:300px;
	height:5px;
	float:left;
	display:inline;
	background:url(images/separator.jpg) no-repeat;
	margin:0 0 25px 40px;
	}
#tabs  {font-size:12px;
	width:335px;
	margin-bottom:7px ;
	display:inline;
	float:left;
	}
#small-left { width:140px;
	float:left;
	display:inline;
	margin:0 10px 10px 40px;
	}
#small-right {width:140px;
	float:left;
	display:inline;
	}
.widget {background:#2263C2;
	padding:10px ;
	margin-bottom:10px;
	}
.widget-title {border-bottom:1px solid #3784F5;
	font-family:trebuchet MS;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
	}
.widget ul {list-style:url(images/list-icon.jpg) outside;
	padding-left:20px;
	}
.widget li {font-size:12px;
	line-height:16px;
	margin-bottom:5px}
#close-sidebar {float:left;
	display:inline;
	width:382px;
	height:35px;
margin-left:3px;
	background:url(images/close-sidebar.jpg) no-repeat;
 
	}
 
/*-----------------------------------------------------------------Start Footer-part Layout-------------------------------------------------------*/
#footer {background:url(images/footer-bg.jpg) repeat-x;
	height:360px;
	margin-top:50px;
	}
#bottombar-wrap {width:985px;
	margin:0px auto}
#open-bottombar {float:left;
	display:inline;
	width:985px;
	height:16px;
	background:url(images/open-bottombar.jpg) no-repeat;
	margin-left:10px;
	}
#bottombar {width:985px;
	height:270px;
	background:#153B7C;
	display:inline;
	float:left;
	margin-left:10px;
	}
#close-bottombar {float:left;
	display:inline;
	width:985px;
	height:13px;
	background:url(images/close-bottombar.jpg) no-repeat;
	margin-left:10px;
	}
#about {width:280px;
	height:220px;
	float:left;
	display:inline;
	margin:10px 10px 10px 30px;
	}
#about p{text-align:justify;
	line-height:20px;
	}
#about img{width:90px;
	height:90px;
	margin:0 10px 10px;
	float:left;
	display:inline}
.aboutme {font-family:trebuchet MS;
	font-size:30px;
	margin-left:5px;
	}
#about-inside {display:inline;
float:left;
width:280px;}
.about-separator {width:300px;
	height:5px;
	float:left;
	display:inline;
	background:url(images/separator.jpg) no-repeat;
	margin:0 0 10px 0px;
	}
#twitter-wrap {float:left;
	display:inline;
	width:320px;
 
	margin-left:30px;
	}
.twitterhead {font-family:trebuchet MS;
	font-size:28px;
	margin-left:5px;
	height:54px;
	background:url(images/twitterhead.png) no-repeat;
	padding:15px 0 0 60px}    
.twitter-separator {width:300px;
	height:5px;
	float:left;
	display:inline;
	background:url(images/separator.jpg) no-repeat;
	margin:0 0 10px 0px;
	}
   
.twitter {list-style:url(images/twitter-list.png) outside;
	padding-left:5px;
	text-align:justify;
	width:270px;
	} 
.twitter-item{margin-bottom:5px;
	} 
#twitter-inside{margin-left:40px;
	width:280px;
	font-style:italic}   
.twitter-link {font-weight:bold;
	color:#FD6D00}
.twitter-timestamp {color:#7BC5EF;
	font-style:normal}
#share-wrap {float:right;
	display:inline;
	height:225px;
	width:305px;
	}
.socialhead {background:transparent url(images/socialhead.png) no-repeat scroll 0 0;
	font-family:trebuchet ms;
	font-size:24px;
	height:38px;
	float:left;
	display:inline;
	margin:15px 0 0 20px;
	width:200px;
	padding:0 0 0 40px;
	} 
.social-separator {width:300px;
	height:5px;
	float:left;
	display:inline;
	background:url(images/separator.jpg) no-repeat;
	margin:1opx 0 10px 0px;
	}
#share-link {width:245px;
	display:inline;
	background:url(images/social.jpg) no-repeat;
	float:left;
	margin:10px 0 0 30px;
	}
.share-list {font-size:12px;
	float:left;
	display:inline;
	height:145px;
	margin:10px 0 0 45px;
	font-weight:bold;
	}
.share-list li{margin-bottom:15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
.share-list a{color:#fff;
	text-decoration:none}
.share-list a:hover{color:#85A6AD} 
.share-list2 {font-size:12px;
	float:left;
	display:inline;
	margin:10px 0 0 60px;
	font-weight:bold;
	}
.share-list2 li{margin-bottom:15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
.share-list2 a{color:#fff;
	text-decoration:none}
.share-list2 a:hover{color:#85A6AD}	
 
#credit {width:985px;
	margin:0px auto}
#credit p {color:#1C3E7A;
	font-size:11px;
	padding-top:10px;
	padding-left:20px;
	float:left;
	display:inline}
#credit a {color:#1C4A9D;
	}
#credit a:hover {color:#0E3C8D} 
#credit-logo {height:25px;
	width:171px;
	float:right;
	display:inline;
	margin-top:15px;
	}
.searchtitle{color:#9DC6FD;
	font-size:16px;
	margin:20px;
	}
.page-title {color:#9DC6FD;
	font-size:20px;
	margin:20px;
	font-weight:bold;
	}
.page-title a {color:#9DC6FD;
	}
/*Comments */ 
#comment-wrap {float:left;
	font-size:12px;
	margin:10px 0 0 0;
	width:540px;
	background: url(images/comment.jpg) no-repeat top left ;
	display: inline;
	}
#comment-wrap h3 {color:#FFFFFF;
	font-size:24px;
	} 
#commentlist-wrap {float:left;
	margin:10px 0 0 20px;
	width:540px;
	padding-bottom:10px;
	display: inline;
	}
.commentlist {float:left;
	list-style-position:inside;
	list-style-type:none;
	margin-bottom:10px;
	width:540px;
	display: inline;
	} 
.comment {background:#2263C2 none repeat scroll 0 0;
	border:1px solid #3784F5;
	clear:both;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:15px;
	padding:0 10px 10px 10px;
	width:510px;
	display: inline;
	}
.comment-counts  {padding-top:40px;
	padding-left:22px;
	}
.nocomments {padding-left:22px;
	padding-top:40px}
#comments {margin-top: 30px;
	}
#commentform {clear: both;
	float: left;
	margin-top:10px;
	display: inline;
	}
h3.reply-replace{width: 139px;
	height: 29px;
	background: url(images/reply.png);
	text-indent: -9999px;
	}
	.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {font-size:9px;
	color:#75ABF9;
	text-decoration:none;
	}
.comment-reply-link:hover {background-color: #133B7E;
	color: #fff;
	}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;
	display: block;
	font-weight: bold;
	background-color: #3784F5;
	padding: 0px 5px;
	text-transform: lowercase;
	font-size: 11px;
	float: left;
	clear: both;
	display: inline;
	}
.cancel-comment-reply a:hover {background-color: #133B7E;
	color: #fff;
	}
.children .comment {margin-left:20px;
	margin-bottom:10px;
	clear:both;
	width:90%;
	}
.comment-reply-link, .comment-reply-link:visited {background-color:#3784F5;
	color:#FFFFFF !important;
	display:block;
	float:right;
	font-size:11px;
	font-weight:bold;
	margin-bottom:20px;
	margin-right:10px;
	margin-top:10px;
	padding:2px 7px;
	text-transform:lowercase;
	display: inline;
	}
.fn, .fn a:link, .fn a:visited  {color:#A1F5FF;
	font-style:normal;
	font-weight:bold}
.fn a:hover {color:#3784F5}
.says {color:#fff}
.avatar {height:40px;
	margin-left:10px;
	margin-top:15px;
	width:40px;
	}
#respond {float:left;
	margin-bottom:30px;
	margin-left:10px;
	margin-top:10px;
	padding:10px ;
	display: inline;
	}
input#author{background:#fff;
	border:1px solid #475A6B;
	color:#173369}
input#email{background:#fff;
	border:1px solid #475A6B;
	color:#173369}
input#url{background:#fff;
	border:1px solid #475A6B;
	color:#173369}
textarea#comment  {font-family:trebuchet MS;
	font-size:12px;
	background:#fff;
	border:1px solid #475A6B;
	width:100%;
	color:#173369}
.cg a:link{color:#09214D}