/* 

Theme Name: Final Fantasy 14 Guru
Theme URL: http://mmoguru.com
Description: Final Fantasy 14 Guru
Author: Andrew Eduarte
Author URI: http://enthropia.com.ph
Version: 1.0

*/

/*  =======================================================================================
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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 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;}

//li { list-style:none; }

/*  =======================================================================================
Global Contents   
    =======================================================================================    */

html,body{
  margin:0;
  padding:0;
  border:0;
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

body { background:#f9f9f9 url(images/background.jpg) center top repeat-x; color:#363f46; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; }
#outerwrapper {	background:url(images/main-background.jpg) center top no-repeat; }

h1 { font-size:36px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

p { /*line-height: 20px;*/ margin-bottom:10px; }

/*  =======================================================================================
Containers   
    =======================================================================================    */

#container			{ width:1000px; margin:0 auto; }
#content-wrapper	{ padding:20px; height:inherit; float:left; width:960px; background:#ececec; } 
strong {font-weight:bold; } 
em {font-style: italic } 
/*
#page-wrapper		{ height:inherit; float:left; width:640px; background:#c5c2b1; } 
*/
a { color:#333333;} strong {font-weight:bold; } em {font-style: italic } 

#page-wrapper { height:inherit; float:left; width:610px; background:#efede5; padding:15px; overflow: hidden; } 
#page-wrapper p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#page-wrapper ul{margin:80 0 0 0; block;list-style-type:circle;}
#page-wrapper li{margin:10px;}
#page-wrapper h2{margin-bottom:8px; }
.post { background:#ffffff; float:left; width:620px; padding:10px; margin-bottom:15px; float:left; overflow: hidden; } 
.post p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.post a { color:#bb3b0f;} 
#postmeta			{ background:#fff; padding:10px; margin:5px 0 5px 0;}
.postnavigation		{ background:#FFFFFF;}
.post h2 a 	{ font-family: Arial, Helvetica, sans-serif; color:#3e6181; text-decoration:none; font-weight:bold; font-size:20px;  
					margin-top:10px; float:left; width:620px; }
.post-detail, .post p.post-detail { font-family: Arial, Helvetica, sans-serif; color:#6d7880; border-bottom:1px solid #f88726; border-top:1px solid #f88726; width:610px;
					padding:5px 0 5px 5px; margin:10px 0 10px 0; float:left; font-size:11px; line-height:8px;} strong {font-weight:bold; } em {font-style: italic }
.post ul{margin:40; block;list-style-type:circle;}
.post li{margin:10px;}

#postnavigation { float:left; width:500px; }


#breadcrumbs 		{ background:url(images/sub-nav-bg.png); height:35px; line-height:30px; padding-left:20px; color:#fff; } 
#breadcrumbs a      { text-decoration:none; color:#fefefe; }
#index-wrapper 		{ width:640px; float:left; }
#index-wrapper 	li { height:30px;  float:none;color:#79868a; padding-left:20px; 
		margin-bottom:1px;list-style:none background: url(images/dot.png) no-repeat 5px; display:list-item; }
#index-box-stats 	{ width:270px; height:240px; background:#fff; float:left; margin:20px 20px 20px 0px; padding:0 20px 10px 20px; }
#index-box-stats 	img		{ border:3px solid #ccc; float:left; margin-right:10px; }
#index-box-stats 	p		{ float:left; width:160px; font-weight:bold; }
#index-box-stats      ul { list-style: none;  margin:0;padding:0;}
#index-box-stats 	li		{display: block;
color: #000;
width: 21em;
padding: .2em .8em;
text-decoration: none;
 float:none;list-style: none; margin-bottom:0px;height:1%; display:block;padding:0px 5px 5px 5px;margin:3px 0px 3px 0px; }


#index-box-gallery 	{ width:270px; height:230px; background:#fff; float:left; margin:20px 0px 20px 0px; padding:0 20px 20px 20px; }
#index-box-gallery 	img		{ border:3px solid #ccc; float:left; margin-right:10px; }
#index-box-gallery 	p		{ float:left; width:160px; font-weight:bold; }
#index-box-gallery      ul { list-style: none;  margin:0;padding:0;}
#index-box-gallery 	li		{display: block;
color: #000;
width: 21em;
padding: .2em .8em;
text-decoration: none;
 float:none;list-style: none; margin-bottom:0px;height:1%; display:block;padding:0px 5px 5px 5px;margin:3px 0px 3px 0px; }


#index-box-threads 	{ width:260px; height:230px; color:#cce6ff; background:#264b66; float:left; margin:20px 20px 20px 0px; padding:0 20px 20px 20px; }
#index-box-threads 	img		{ border:3px solid #ccc; float:left; margin-right:10px; }
#index-box-threads 	p		{ float:left; width:160px; font-weight:bold; }

#index-box-threads 	.alt		{ height:30px; line-height:30px; color:#cce6ff; float:left; padding-left:20px; 
							margin-bottom:1px; background:#1F282C url(images/dot.png) no-repeat 5px; width:240px; }	
#index-box-threads 	li		{ height:30px; line-height:30px; color:#cce6ff; float:left; padding-left:20px; 
							margin-bottom:1px; background:#293438 url(images/dot.png) no-repeat 5px; width:240px; }
#index-box-threads a 	{color:#fff;}
						

.alt	{ height:40px; float:left; margin-bottom:1px; background:#1f282c; }

.standard { background:1f282c; }


#index-box-header 	{ width:620px; height:32px; background:#fff url(images/title-bg.png); 
					color:#efc069; line-height:32px; font-size:16px; font-weight:bold; 
					float:left; margin:0 20px 20px 0px; padding:0 10px; }

.title-box1	 		{ width:290px; height:32px; background:#fff url(images/title-bg.png); 
					color:#fff; line-height:32px; font-size:14px; font-weight:bold; 
					float:left; padding:0 10px; margin:-20px 0 5px -20px; }

.title-box	 		{ width:280px; height:32px; background:#fff url(images/title-bg.png); 
					color:#fff; line-height:32px; font-size:14px; font-weight:bold; 
					float:left; padding:0 10px; margin:-20px 0 5px -20px; }


.title-box2	 		{ width:280px; height:32px; background:#fff url(images/title-bg2.png); 
					color:#fff; line-height:32px; font-size:14px; font-weight:bold; 
					float:left; padding:0 10px; margin:-20px 0 5px -20px; }

.recentfp1 {
	padding: 8px;
	margin-bottom: 2px;
	background-color:#0c2336;
	color:#cce6ff;
}
.recentfp2 {
	padding: 8px;
	margin-bottom: 2px;
	background-color:#163349;
	color:#cce6ff;
}

/*  =======================================================================================
Search
    =======================================================================================    */


#searchform			{ float:left; margin-left:770px; display:inline;  margin-top:-20px; }
#searchform	input	{ padding:5px; }

#searchform	#s		{ border:1px #000 solid; font:11px Arial, Helvetica, sans-serif;
					float:left; margin-top:-5px;}

#searchsubmit 		{ display:inline-block;  margin-top:-8px;}


/*  =======================================================================================
Sidebar
    =======================================================================================    */


#sidebar			{ float:left; width:300px; height:inherit; margin-left:20px; }

.sidebar-list		{ width:120px; margin-top:20px; height:250px; float:left; }
.sidebar-list h2	{ height:25px; font-size:14px; font-weight:bold; color:#000000; line-height:25px; }
.sidebar-list li		{ list-style: none;}

/*  =======================================================================================
Footer
    =======================================================================================    */

#footer 			{ float:left; width:900px; padding-top:20px; height:200px; text-align:left; color:#858e95; } 
#footer p 			{ margin-bottom:10px; } 
#footer a:link 		{ color:#666666; } 


/*  =======================================================================================
Comments   
    =======================================================================================    */

.comments-count 	{ padding:10px; float:left; background:#333333; width:600px; color:#fff; }

#commentlist 		{ width:598px; margin:10px 0 10px 0; padding:10px; float:left; border:1px solid #bcb7a5; height:auto;  }
#commentlist p 		{ }

#commentlist li		{ width:580px; margin:10px 0 10px 0; padding:10px; float:left; height:auto;  }

#commentlist .alt		{ background:#b9b6a8;  }
#commentlist .standard		{ background:#999789;  }


.singlecomment 		{ width:560px; margin-bottom:10px; display:inline; padding:10px; float:left; border-bottom:1px #c5c2b1 solid; }

.commenttext-admin	{ float:left; }
.commenttext		{ float:left; }


.singlecomment-author	 { font-weight:bold; line-height:20px; font-size:18px; }
.singlecomment-date		 { color:#6c6a5d; }

.commenttext { float:left; height:100px; }

#commentsform { width: 620px; min-width:620px; padding:0px; margin:0px;}
#commentform { padding:10px; background:#ededed; float:left; width:600px;}

/*  =======================================================================================
Advertisements   
    =======================================================================================    */


#advertise-top 			{ background:url(images/header-bg1.jpg) center top no-repeat; height:46px; line-height:45px; text-align:center; color:#6a93bb; } 
#advertise-header 		{ background:url(images/header-bg2.jpg) center top no-repeat; height:115px; text-align:center; color:#8d989e; } 

#advertise-large		{ width:300px; height:250px; float:left; background:#11171B; }

#advertise-skyscrapper	{ width:160px; height:600px; float:right; margin-top:20px; display:block; background:#1f282c; }

#advertise-boxes		{ width:120px; height:120px; background:#11171B; margin-top:20px; color:#76858b; text-align:center; 
						line-height:120px; font-size:10px;}


/*  =======================================================================================
Navigations
    =======================================================================================    */

.nav-pages 			{ width: 995px; overflow: hidden; background:url(images/main-nav-bg.png); height:40px; padding-left:5px; }
.nav-pages ul 		{ margin: 0; padding: 0; padding-left: 10px; font: bold 12px Verdana; list-style-type: none; }
.nav-pages li		{ display: inline; margin: 0; }
.nav-pages li a		{ float: left; display: block; text-decoration: none; margin: 0; margin-right:2px;  padding: 0px 15px;  color: #fff; height:32px; line-height:25px; font-weight:bold; 	}
.nav-pages li a:visited { color: #fff; }
.nav-pages li a:hover, .nav-pages li.selected a { background: #510301; }



.nav-links 			{ width: 330px; background:url(images/main-links-bg.png) no-repeat;
					float:right; display:block;  }
.nav-links ul 		{ padding-left: 10px; font: bold 12px Verdana; list-style-type: none; }
.nav-links li		{ display: inline; margin-top:10px; }
.nav-links li a		{ float: left; display: block; text-decoration: none; margin: 0; padding: 0px 8px; 
					color:#f39f26; height:26px; line-height:26px; font-weight:bold; margin-top:7px; 	}
.nav-links li a:visited { color:#f39f26; }
.nav-links li a:hover, .nav-links li.selected a { background: black; }



.gallery-thumb {
	display:block;text-align: left;
	height:73px;
	margin-top: 1px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.gallery-thumb-text {
	padding-top: 15px;
	height:58px;
	vertical-align: middle;
}