/* 
Theme Name: Okinawa
Theme URL: http://camelgraph.com/
Description: Free Premium Wordpress Theme
Author: Faizal Al Amri
Author URI: http://camelgraph.com
Version: 1.0.0

*/


/*  The CSS Reset    */  

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, 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;}


/*
	UTILITY 
*/

.clear{ clear: both; }


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: #173369 url(images/quote.jpg) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;;}

/* BODY */

body		{ font-size: 80%; font-family: Trebuchet MS, Arial; color: #fff; 
				background: url(images/body-bg.jpg) top center repeat-x #0A224F; }
a:hover 				{ text-decoration:none; color:#BADBF8}	
a 				{ text-decoration:none; color:#fff}		



	
				
/*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/

/* HEADER WRAP */
#header-wrap  {
margin: 0px auto; 
width: 970px; 
height:85px;
}

#logo { 
float:left;
height:60px;
margin-top:10px;
}

#logo h1{
font-size:36px;
font-family:Trebuchet MS; 
text-transform:uppercase;
background: url(images/logo.png) top left no-repeat; text-indent: -9999px;float:left;width:879px;height:57px
}

#top-ads {
float:right;
 }

#top-ads img{
padding-top:10px;
}

/* Menu WRAP */ 
#menu-wrap { margin: 0px auto 32px; width: 955px; height:30px;}
 #menu-wrap ul{float:left;padding-top:10px;margin-left:10px;}
#menu-wrap ul li {display:inline;margin-right:20px;font-size:14px;}
#menu-wrap ul li a {padding:1px;line-height:14px;}
#menu-wrap ul li a:hover {color:#7FD4FF;}

/*-----------------------------------------------------------------End Upper-part Layout-------------------------------------------------------*/



/*-----------------------------------------------------------------Start Middle-part Layout-------------------------------------------------------*/
 
 /* Content-Area */
 #content-wrap{margin: 0px auto 30px; width: 952px; background:#173369;border:1px solid #4089C9;}
#content-area{width:921px;margin:15px;min-height:400px;}
  

/* Category-Nav */
#cat-nav {height:40px;background:#071531;margin:15px}
#cat-nav ul {padding-left:10px;margin:0} 
#cat-nav ul li {float:left;display:inline;padding-right:10px;font-size:13px;margin-top:10px;}
#cat-nav ul li a {padding:3px;line-height:14px;}
#cat-nav ul li a:hover {background:#1C428A;color:#fff;} 


/* Post-wrap */
#post-wrap {float:left;width:590px;margin-bottom:20px}

/* Featured Slideshow Area */ 

#post-featured {background:#0A1B3D;width:590px;height:270px;margin: 0 0 20px 0;float:left }  

.titles-featured a, .titles-featured a:hover, .titles-featured {
display:block;
font-size:20px;
margin-bottom:5px;
margin-left:40px;
margin-top:5px;
width:500px;
}

.featured-inside {
background:#0A1B3D none repeat scroll 0 0;
margin-top:171px;
overflow:hidden;
width:570px;
}

.next-button {
display: none;
position: absolute;
}

.prev-button {
display: none;
position: absolute;
}
#sections {
overflow:hidden;
width: 590px;
height: 240px;
margin: 0px;
float: left;
margin-bottom: 13px;
}

#sections ul {
height: 240px;
margin: 0px;
list-style-image: none;
list-style-type: none;
padding: 0px;
width: 4000px;

}

#sections ul li {
border:10px solid #0A1B3D;
float:left;
height:220px;
margin:0;
padding:0;
width:570px;
}

.post-info {
border-bottom:1px solid #0A1B3D;
border-top:1px solid #0A1B3D;
display:block;
font-size:10px;
padding:2px 0 2px 40px;
}

.post-info-small {
color: #5B6461;
font-size: 10px;
display: block;
width: 228px;
border-top: 1px solid #3B4341;
border-bottom: 1px solid #3B4341;
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 0px;
float: right;
}

.post-info a {
color: #6DB9ED;
}

.prev {
display: block;
width: 32px;
height: 32px;
cursor: pointer;
background: url(images/left.png) no-repeat top left;
position: absolute;
top: 186px;
z-index: 1;
left: 10px;
}

.next {
display: block;
background: url(images/right.png) no-repeat top left;
width: 32px;
height: 32px;
cursor: pointer;
position: absolute;
top: 186px;
left: 555px;
z-index: 2;
}


 
/*Blog Entries */
.post {background:#0A1B3D;width:590px;height:auto;margin: 0 0 20px 0;float:left;display: inline; } 
.post li {margin-left:40px;}
.post ul,ol {margin-top:10px;margin-bottom:10px}
.post h2 {font-size:24px;font-family:Trebuchet MS;padding:10px 0 0 15px;}
.post h2 a{color:#fff;font-weight:normal;}
.post h2 a:hover{color:#BADBF8}

.post a {color:#55D4FF ;font-weight:bold;}
.post a:hover {color:#4089C9 ;font-weight:normal;}
.date {font-size:10px;padding-left:15px;display: inline;} 
.thumbnail {float:left;width:140px;height:140px;margin-left:15px;margin-top:10px;padding-bottom:20px;display: inline;}

.entry {width:390px;float:left;margin:10px;display: inline;}
.entrysearch{float:left;margin:10px}
.searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;}
.more {background:transparent url(images/more.jpg) no-repeat scroll 0 0;float:right;height:29px;margin-right:10px;padding-left:10px;padding-top:5px;text-align:left;width:90px;}
.more a {color:#EDEFF1;padding-right:20px;font-size:11px;padding-left:7px;} 
.more a:hover {color:#BADBF8}
.meta {float:left;height:41px;background:#02102B;margin:15px 0 10px 15px;width:560px; font-size:12px;display: inline;}
.cat {background:transparent url(images/cat-icon.jpg) no-repeat scroll 7px 50%;float:left;padding:10px 10px 10px 30px;display: inline;}
.commentcount {float:right;padding:10px 0 10px 30px;width:100px;background:transparent url(images/comment-icon.jpg) no-repeat scroll 7px 50%;margin-right:-15px;display: inline;}
  


/*Single-post */
.single-entry {float:left;margin:15px 15px 10px;padding-bottom:10px;width:555px;display: inline;}
#share {float:left;width:590px;background:#0A1B3D url(images/share-bg.jpg) no-repeat top left;height:166px;margin-bottom:20px;display: inline;}
#share ul{padding-top:50px;margin-left:20px;padding-top:60px;}
#share li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;}
#post-meta{color:#FFFFFF;font-size:12px;margin-left:20px;margin-top:5px;}

/*Comments */
#comment-wrap {float:left;width:590px;background:#0A1B3D url(images/comment.jpg) no-repeat top left ;display: inline;}
#comment-wrap h3 {color:#FFFFFF;font-size:24px;} 
#commentlist-wrap {float:left;margin-left:20px;margin-top:10px;width:570px;padding-bottom:10px;display: inline;}
.commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:555px;display: inline;} 
.comment {background:#173369 none repeat scroll 0 0;border:1px solid #3F86C5;clear:both;float:left;list-style-image:none;
list-style-position:outside;list-style-type:none;margin-bottom:15px;padding-bottom:10px;padding-left:10px;width:540px;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 {color:#3F86C5;}
.comment-reply-link:hover {background-color: #7bab96;color: #fff;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #3F86C5;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}
.cancel-comment-reply a:hover {background-color: #7bab96;	color: #fff;}
.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}
.comment-reply-link, .comment-reply-link:visited {background-color:#3F86C5;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:hover, .fn a:visited, .says {color:#FFFFFF;font-style:normal;}
.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 #3F86C5;color:#173369}
input#email{background:#fff;border:1px solid #3F86C5;color:#173369}
input#url{background:#fff;border:1px solid #3F86C5;color:#173369}
textarea#comment  {font-family:trebuchet MS;font-size:12px;background:#fff;border:1px solid #3F86C5;width:100%;color:#173369}
 
#submit {background: white; padding: 3px 8px;border:none}
#submit:hover {background:#3F86C5;color:#fff}


/*Sidebar */
#sidebar {float:right ;width:305px; height:auto;display: inline;}

/* Feeds */
#feeds {background:#0A1B3D url(images/feeds.jpg) no-repeat center right;height:125px;padding-left:10px;margin-bottom:20px;background-position:right;}
#feeds a {font-size:11px;}
.textarea {background:#153576 none repeat scroll 0 0;color:#DEF0F9;font-size:12px;height:25px;padding-left:10px;padding-top:5px;width:180px;border:none;margin-bottom:5px;margin-top:10px;}
#feeds p {padding-top:10px;}

/*ads*/
#ads-block {background:#0A1B3D ;padding:20px 25px; margin-bottom:20px;} 
.ads {margin-bottom:5px;}

/* Tabber */

#tabs {background:#0A1B3D;margin-bottom:20px;}

#sidebar #tabber {
	margin: 0 0 10px;
	padding: 10px 0 0 0;
list-style-type:none;
background:#0A1B3D ;
float:left;
	}
#sidebar #tabber li {
	margin: 0;
	padding: 5px 10px 10px;
	background: #0A1B3D;
	position: relative;
	border: none;
	}
#sidebar #tabber li li {
	margin: 0;
	padding: 3px 5px;
	background: #02102B;
	width:275px;list-style-type:none; list-style-position:outside;
		border-bottom: 1px dashed #173369;
font-size:11px;
	}
#sidebar #tabber ul {
	margin: 7px 0 0;
	padding:0;
	border: none;
	}
#sidebar #tabber .tablist {
	color: #fff;
	font-style: italic;
	position: relative;
	display: block;

	}
* html #sidebar #tabber .tablist {
	display: inline-block;
	}
*:first-child+html #sidebar #tabber .tablist {
	display: inline-block;
	}
#sidebar #tabber .tablist a {
	color: #fff;
	font-style: normal;
	}
#sidebar #tabber .tablist a:hover {
	font-size:13px;color:#4089C9;
	}
#sidebar #tabber .tabber-title {
margin:0 0 0 10px;
padding:4px 10px 4px 10px;
font-size:10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	background: #02102B;
	border: none;
	}
#sidebar #tabber .active,
#sidebar #tabber .tabber-title:hover {
	background: #4171CE;
	}			
				
/* Widgetize Area */			

#mini-side {background:#fff;height:400px;}
#mini-left {float:left;height:auto;width:145px;}
#mini-right {float:right;height:auto;width:145px;}
.widget {background:#0A1B3D;margin-bottom:20px;padding-bottom:10px}
.widget-title {background:#02102B none repeat scroll 0 0;float:left;height:30px;margin:10px 0 5px 12px;width:120px;display: inline;}
.widget-title h2 {color:#BADBF8;font-size:12px;padding:5px 0 0 10px;}
.widget ul {list-style:disc inside;padding-left:15px}
select#cat {margin:10px;width:130px;}
/*----------------------------------------------------------------End Middle-part Layout-------------------------------------------------------*/



/*-----------------------------------------------------------------Start Bottom-part Layout-------------------------------------------------------*/

/*Footer Area */ 
#footer {background:url(images/footer-bg.jpg) repeat-x; height:393px;border-top:1px solid #4089C9}
#bottombar {width:970px;margin: 0 auto;height:393px;}
#bottom-widget{float:left;width:970px;margin-top:20px;display: inline;}
#credit {color:white;float:left;height:60px;margin-top:22px;width:970px;}
#credit p {color:#325BA9;font-size:11px;margin-left:30px;margin-top:10px;}
#credit a {color:#325BA9;}
#credit a:hover {color:#4089C9}

/*Bottom-Widget */  
#twitter-wrap {width:240px;background:url(images/twitter.jpg);height:255px;float:left;margin-left:20px;display: inline;} 
#twitter-inside {float:left;font-family:georgia;font-size:14px;font-style:italic;margin-left:25px;margin-top:90px;width:200px;color:#65D1FD;display: inline;}
.twitter a {color:#FCD535;float:left;font-size:16px;margin-top:10px;padding-left:130px;display: inline;}
.twitter a:hover {color:#BADBF8}
.twitter-link a{color:#fff}

#search-wrap {width:257px;background:url(images/search.jpg) repeat scroll 0 2px;height:255px;float:left;display: inline;}
#search-inside{float:left;display: inline;}
form#search-inside{ margin:10px;padding-left:35px;padding-top:120px;}
input#s {width:170px;}
input#searchsubmit {background:#4585BD none repeat scroll 0 0;color:#0A1B3D;margin-top:5px;border:none;height:20px}
input#searchsubmit:hover {background:#F5AC11;color:#0A1B3D;}

#flickr-wrap {width:442px;background:url(images/flickr.jpg);height:293px;float:left;display: inline;}
#flickr-inside {float:left;margin-left:40px;margin-top:100px;display: inline;}
img#flickr-inside {margin:5px;}

/*----------------------------------------------------------------End Bottom-part Layout-------------------------------------------------------*/