/* 

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:283px;height:60px

}



#top-ads {

padding-top:10px;
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 {
	text-align: center;
	padding-bottom: 14px;


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