/* -----------------------------------------------------------------------------------
	CSS Reset
----------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, option, select, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	color: #333;
}

input, textarea { font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }
#wired_philippines /*bootty call*/ {
	background: #FFF;
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

p, li {
	line-height: 180%;
}

ol, ul {
	list-style: none;
}

h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-shadow: 1px 1px 0px #FFF;
	color: #333;
}

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #bd0e0a;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

hr, .none { display: none; }

object {
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-bottom: 12px;
}

/* -----------------------------------------------------------------------------------
	Global
----------------------------------------------------------------------------------- */
#wrapper { min-width: 960px; }
.container {
	margin: auto;
	width: 940px;
	overflow: hidden;
}

#main-navigation li a.active, #login, #welcome-note p #register-now, #login form #sidebar-wp-submit,
.sample-template-home, .site-features ul li p.alignleft, #social-buttons, .more-button a, #recent-active-members,
#need-to-login-and-your-loggedin, #post-content-wrapper blockquote, .submit-comment {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }

.more-button {
	display: block;
	padding: 8px 0;
	text-align: right;
	margin-bottom: 10px;
}

.more-button a {
	padding: 7px 12px;
	width: auto;
	background: url(../assets/button_bg.png) 0 0 repeat-x;
	border: 1px solid #CCC;
	color: #333;
	text-shadow: 1px 1px 0px #FFF;
}

.more-button a:hover {
	background-position: bottom;
	text-decoration: none;
	border-color: #999;
}

.home .padder {
	width: 940px !important;
	margin: auto !important;
}

/* -----------------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------------- */
#header {
	background-color: #EEE;
	padding: 20px 0 5px;
}

#header h1 a {
	width: 160px;
	height: 31px;
	background: url(../assets/wired_philippines.png) 0 0 no-repeat;
	display: block;
	float: left;
	text-indent: -5000px;
}

#main-navigation {
	float: right;
	overflow: hidden;
}

#main-navigation li {
	float: left;
	margin-left: 20px;
}

#main-navigation li a {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	text-shadow: 1px 1px 0px #FFF;
	padding: 2px 0;
}

#main-navigation li a:hover { color: #bd0e0a; }
#main-navigation li a.active {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-bottom-width: 2px;
	padding: 1px 10px;
	color: #bd0e0a;
}

/* -----------------------------------------------------------------------------------
	Banner
----------------------------------------------------------------------------------- */
#banner {
	background: #EEE url(../assets/inner-shadow.png) 0 bottom repeat-x;
	padding: 15px 0 45px;
	border-bottom: 1px solid #CCC;
}

#welcome {
	width: 640px;
	height: 195px;
	float: left;
	background: #bd0e0a url(../assets/banner.jpg) 0 0 no-repeat;
}

#need-to-login-and-your-loggedin {
	padding: 12px;
	overflow: hidden;
	background: #bd0e0a url(../assets/cropped-img-bg.jpg) 0 center no-repeat;
}

#need-to-login-and-your-loggedin h3 {
	color: #FFF;
	font-size: 16px;
	text-shadow: 1px 1px 1px #900;
}

#need-to-login-and-your-loggedin img { float: left; }
#need-to-login-and-your-loggedin a:hover img { border-color: #bd0e0a; }
#need-to-login-and-your-loggedin a img {
	border: 1px solid #900;
	padding: 1px;
	background-color: #FFF;
	margin-right: 12px;
}

#need-to-login-and-your-loggedin ul {
	list-style: square;
	overflow: hidden;
	padding-left: 15px;
	padding-top: 5px;
}

#need-to-login-and-your-loggedin ul li {
	color: #333;
	float: left;
	margin-right: 20px;
	text-shadow: 1px 1px 1px #900;
}

#need-to-login-and-your-loggedin p {
	color: #FFF;
	text-align: center;
	margin: 0 !important;
	text-shadow: 1px 1px 1px #900;
}

#need-to-login-and-your-loggedin p a, #need-to-login-and-your-loggedin h3 a, #need-to-login-and-your-loggedin ul li a { color: #FFF; }
.container #welcome { position: relative; }
#welcome #welcome-note strong { color: #FFF; }
#welcome #welcome-note {
	width: 500px;
	top: 12px;
	left: 12px;
	position: absolute;
	color: #FFF;
}

#welcome-note h2, #welcome-note h3 {
	color: #FFF;
	font-size: 37px;
	text-shadow: 2px 2px 2px #900;
}

#welcome-note h3 { margin-top: 25px; }
#welcome-note h3 a img {
	vertical-align: middle;
	padding: 1px;
	background: #FFF;
	border: 1px solid #900;
}

#welcome-note h3, #welcome-note h3 a {
	font-size: 17px;
	color: #FFF;
}

#welcome-note p#intro-text { margin-bottom: 17px; }
#welcome-note p {
	color: #FFF;
	text-shadow: 1px 1px 1px #900;
	font-size: 11px;
	line-height: 120%;
}

#welcome-note p #register-now:hover { -moz-box-shadow-color: #FFF; }
#welcome-note p #register-now {
	margin: 20px 0 0 0;
	display: block;
	background: url(../assets/banner.jpg) center center no-repeat;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	color: #FFF;
	padding: 10px 10px;
	width: 220px;
	border: 1px solid #e84019;
	-moz-box-shadow: 0px 0px 20px #c00c09;
	-khtml-box-shadow: 0px 0px 20px #c00c09;
	-webkit-box-shadow: 0px 0px 20px #c00c09;
}

#welcome-note p #register-now:hover {
	-moz-box-shadow: 0px 0px 20px #660000;
	-khtml-box-shadow: 0px 0px 20px #660000;
	-webkit-box-shadow: 0px 0px 20px #660000;
}

#login {
	width: 280px;
	height: 195px;
	float: right;
	background-color: #FFF;
	border: 1px solid #CCC;
}

#login form { padding: 10px 15px; }
#login form p, #login form ul li {	margin-bottom: 9px; }
#login form label.login-field {
	background: url(../assets/input_bg.png) 0 0 repeat-x;
	display: block;
	border: 1px solid #CCC;
	height: 28px;
	overflow: hidden;
}

.ie #login form label span { padding: 3px 9px; }
#login form label span {
	display: block;
	height: 100%;
	width: 61px;
	float: left;
	padding: 4px 9px;
	text-align: right;
	font-weight: bold;
}

#login form .input, #login form .input:focus {
	display: block;
	background: #FFF url(../assets/input_bg.png) 0 0 repeat-x;
	padding: 6px 0;
	margin: 0;
	border: none;
	width: 160px;
}

#login form #sidebar-wp-submit {
	padding: 0;
	margin: 0;
	height: 28px;
	background: url(../assets/button_bg.png) 0 0 repeat-x;
	border: 1px solid #CCC;
	width: 65px;
	text-shadow: 1px 1px 0 #FFF;
	cursor: pointer;
}

#login form #sidebar-wp-submit:hover {
	background-position: bottom;
	border-color: #999;
}

td.fb_pop_content h2 span {
	color: #FFF;
	text-shadow: none;
}

#fbLoginButton {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-left: 140px;
	margin-top: 150px;
	overflow: hidden;
	padding: 4px;
	position: absolute;
	width: 134px;
	text-align: center;
}

/* -----------------------------------------------------------------------------------
	Body
----------------------------------------------------------------------------------- */
#body { margin-bottom: 20px; }
#body .container { overflow: hidden; }
#body p {
	margin-bottom: 12px;
	line-height: 150%;
}

#main {
	float: left;
	width: 640px;
}

#main a:hover img { border-color: #bd0e0a; }

/* [start] Body > Post */
#post-category {
	position: absolute;
	margin-top: -26px;
}

.temp-login { margin-top: -27px !important; }
.safari .temp-login { margin-top: -26px !important; }
.ie #post-category { margin-top: -27px;}
.ie .temp-login { margin-top: -26px !important; }
#post-category ul { width: 640px !important; }
#post-category ul li { float: left; }
#post-category ul li { margin-right: 5px; }
#post-category ul li a {
	display: block;
	text-decoration: none;
	border: 1px solid #CCC;
	border-bottom: none;
	background: #CCC url(../assets/inner-shadow.png) 0 7px repeat-x;
	padding: 2px 12px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-shadow: 1px 1px 0px #EEE;
}

#post-category ul li a:hover {
	color: #FFF;
	background-color: #333;
	text-shadow: 1px 1px 0px #000;
}

#post-category ul li a.current, #post-category ul li.current-cat a {
	color: #bd0e0a;
	background: #FFF /*url(../assets/input_bg.png) 0 0 repeat-x*/;
	text-shadow: 1px 1px 0px #FFF;
	cursor: default;
}

#post-content-wrapper {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-bottom-width: 2px;
	border-top: none;
	padding: 12px 12px 0;
}

#post-content-wrapper h1, #post-content-wrapper h2, #post-content-wrapper h3, #post-content-wrapper h4, #post-content-wrapper h5, #post-content-wrapper h6,
#comments-wrapper h1, #comments-wrapper h2, #comments-wrapper h3, #comments-wrapper h4, #comments-wrapper h5, #comments-wrapper h6 {
	font-weight: bold;
	text-transform: capitalize;
}

#post-content-wrapper h1, #post-content-wrapper h2, #post-content-wrapper h3, #post-content-wrapper h4, #post-content-wrapper h5, #post-content-wrapper h6,
#post-content-wrapper p, #post-content-wrapper ul, #post-content-wrapper ol, #post-content-wrapper blockquote {
	margin-bottom: 12px;
	text-shadow: 1px 1px 0px #FFF;
}

#post-content-wrapper h1, #post-content-wrapper h2, #post-content-wrapper h3, #post-content-wrapper h4, #post-content-wrapper h5, #post-content-wrapper h6,
#post-content-wrapper ul, #post-content-wrapper ol, #post-content-wrapper blockquote { clear: both; }
#post-content-wrapper ul { list-style: square; }
#post-content-wrapper ol { list-style: decimal; }
#post-content-wrapper ul, #post-content-wrapper ol { margin: 0 0 12px 20px; }
#post-content-wrapper h1, #comments-wrapper h1 { font-size: 16px; }
#post-content-wrapper h2, #comments-wrapper h2 { font-size: 15px; }
#post-content-wrapper h3, #comments-wrapper h3 { font-size: 14px; }
#post-content-wrapper h4, #comments-wrapper h4 { font-size: 13px; }
#post-content-wrapper h5, #comments-wrapper h5 { font-size: 12px; }
#post-content-wrapper h6, #comments-wrapper h6 { font-size: 12px; }

#post-content-wrapper blockquote {
	padding: 12px 20px;
	line-height: 150% !important;
	font: italic normal 14px Georgia, "Times New Roman", Times, serif;
	background-color: #EEE;
	border: 1px solid #CCC;
	text-shadow: 1px 1px 0 #FFF;
}

.post-header {
	margin-bottom: 12px;
	overflow: hidden;
}

.post-header h2 { clear: none !important; margin-bottom: 4px !important; }
.post-header img {
	height: 35px;
	width: 49px;
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #CCC;
	float: left;
	margin-right: 12px;
}

.post-header cite {
	display: block;
	font-size: 11px;
	font-style: normal;
}

.post-content {
	overflow: hidden;
	border-bottom: 1px solid #EEE;
	margin-bottom: 12px;
	clear: both;
}

.post-nav { border-bottom: 0 !important; }
.post-content p img {
	padding: 1px;
	border: 1px solid #CCC;
	max-width: 610px;
	height: auto !important;
	max-height: auto !important;
}

.post-content p img.alignright { margin: 0 0 12px 12px; }
.post-content p img.alignleft { margin: 0 12px 12px 0; }

#comments-wrapper { padding: 20px 0 0 12px; }

#comments-wrapper h2 { margin-bottom: 20px; }
ul.children { margin-left: 65px; }
ol.commentlist li {
	overflow: hidden;
	margin-top: 12px;	
}

.comment-avatar-box {
	float: left;
	height: 53px;
	width: 53px;
	overflow: hidden;
}

.comment-avatar-box img {
	padding: 1px;
	border: 1px solid #CCC;
	height: 49px;
	width: 49px;
}

.comment-content {
	border: 1px solid #CCC;
	border-bottom-width: 2px;
	margin-left: 65px;
	padding: 12px;
}

.comment-meta { margin-bottom: 12px; line-height: 100%; }
.comment-meta, .comment-meta em, .comment-meta em a {
	font-size: 12px !important;
	font-style: normal;
	font-weight: normal;
}

.comment-meta a, #respond h3 {
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
}

#respond p, #respond h3 { text-shadow: 1px 1px 0 #FFF; }
#respond .comment-content {
	margin-top: 12px;
	background: #EEE url(../assets/inner-shadow.png) 0 bottom repeat-x;
}

#respond .for-input label {
	width: 70px;
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

#respond .for-input label span {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

#respond .for-input input {
	width: 200px;
	padding: 5px;
	margin-right: 5px;
	float: left;
	border: 1px solid #CCC;
	font-size: 12px;
	background: #FFF url(../assets/input_bg.png) 0 0 repeat-x;
}

.form-textarea textarea {
	border: 1px solid #CCC;
	padding: 5px;
	width: 97%;
	font-size: 12px;
	background: #FFF url(../assets/input_bg.png) 0 0 repeat-x;
}

.form-submit { margin-bottom: 0 !important; }

.submit-comment {
	padding: 0;
	margin: 0;
	height: 28px;
	background: url(../assets/button_bg.png) 0 0 repeat-x;
	border: 1px solid #CCC;
	width: 65px;
	text-shadow: 1px 1px 0 #FFF;
	cursor: pointer;
}

.submit-comment:hover {
	background-position: bottom;
	border-color: #999;
}


/* [start] Body > Coda */
.coda-slider {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-bottom-width: 2px;
	border-top: none;
	width: 640px !important;
}

.coda-nav-left, .coda-nav-right { display: none; }
.ie .coda-nav, .safari .coda-nav { margin-top: -26px; }
.coda-nav {
	position: absolute;
	margin-top: -27px;
	width: 640px !important;
}

.coda-nav ul { width: 640px !important; }
.coda-nav ul li {
	float: left;
}

.coda-nav ul li { margin-right: 5px; }
.coda-nav ul li a {
	display: block;
	text-decoration: none;
	border: 1px solid #CCC;
	border-bottom: none;
	background: #CCC url(../assets/inner-shadow.png) 0 7px repeat-x;
	padding: 2px 12px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-shadow: 1px 1px 0px #EEE;
}

.coda-nav ul li a:hover {
	color: #FFF;
	background-color: #333;
	text-shadow: 1px 1px 0px #000;
}

.coda-nav ul li a.current {
	color: #bd0e0a;
	background: #FFF /*url(../assets/input_bg.png) 0 0 repeat-x*/;
	text-shadow: 1px 1px 0px #FFF;
	cursor: default;
}

.coda-nav ul li a sup { color: #bd0e0a; }
.coda-nav ul li a:hover sup { color: #FFF; }
.coda-nav ul li a.current sup { color: #bd0e0a; }
.coda-slider { overflow: hidden; }
.panel-wrapper { padding: 20px 12px 12px; }
.coda-slider .panel {
	width: 640px;
	float: left;
}

.coda-slider .panel .title { display: none; }
.coda-slider .panel h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
}

.alginright .sample-template-home { margin-left: 10px; }
.sample-template-home {
	padding: 4px;
	border: 1px solid #AAA;
}

.sample-template-home:hover {
	-moz-box-shadow: 0px 0px 10px #CCC;
	-khtml-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	border-color: #333;
}

.site-features {
	overflow: hidden;
	display: block;
	width: 616px;
}

.site-features ul {
	overflow: hidden;
	width: 700px;
	padding-top: 5px;
}

.site-features ul li {
	width: 302px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

.site-features ul li div { overflow: hidden; }
.panel h3 {
	font-size: 12px;
	font-weight: bold;
	text-align: #EEE;
}

.panel h3 a span { visibility: hidden; }
.panel h3 a:hover span { visibility: visible; }
.panel h3 a:hover { text-decoration: underline; }
.panel h3 a, .panel h3 a span {
	color: #bd0e0a;
	text-decoration: none;
	text-transform: capitalize;
}
.panel h3 a, .panel h3 a span, .site-features ul li p { text-shadow: 1px 1px 0 #FFF; }
.site-features ul li p { font-size: 11px; }
.site-features ul li p img {
	background: #CCC url(../assets/stripe.png);
	padding: 5px;
}

.site-features ul li p.alignleft {
	background-color: #FFF;
	margin-right: 12px;
	margin-bottom: 0 !important;
	border: 1px solid #CCC;
	padding: 3px;
}

.home-entry {
	overflow: hidden;
	height: 100%;
}

.home-entry img {
	float: left;
	padding: 1px;
	background: #FFF;
	border: 1px solid #CCC;
	margin-right: 12px;
}

.home-entry .blog-content {
	padding: 0 0 12px;
}

.home-entry .blog-content .entry {
	margin-bottom: 2px;
	overflow: hidden;
	margin: 0 !important;
}

.home-entry .blog-content .entry cite {
	font-style: normal;
	font-size: 11px;
	padding-bottom: 12px;
	display: block;
}
/* [end] Body > Coda */

/* -----------------------------------------------------------------------------------
	Sidebar
----------------------------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 280px;
	padding-top: 20px;
}

#sidebar h1, #sidebar h2, #sidebar h3 {
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFF;
	margin-bottom: 12px;
}

#sidebar h1 { font-size: 16px; }
#sidebar h2 { font-size: 14px; }
#sidebar h3 { font-size: 12px; }
#social-buttons, #recent-active-members, #popular-news, .widget_tag_cloud, #category { margin-bottom: 20px; }
#social-buttons {
	border: 1px solid #CCC;
	background: #EEE;
}

#social-buttons ul {
	overflow: hidden;
	padding: 0 10px;
}

#social-buttons ul li {
	float: left;
	padding: 0;
	margin: 5px 0 0;
	height: 100%;
	line-height: 0;
}

#social-buttons ul li img { border: none; padding: 0; }
#social-buttons p {
	text-align: center;
	padding: 0;
	margin: 0 0 5px;
	font-size: 11px;
	text-shadow: 1px 1px 0 #FFF;
}

#recent-active-members p {
	text-align: right;
	font-size: 11px;
	margin: 5px 0 0 !important;
	padding: 0 !important;
}

.avatar-block {
	width: 300px;
	padding-left: 1px;
	overflow: hidden;
}

.item-avatar { float: left; }
.item-avatar img { margin: 0 3px 3px 0; }
#recent-active-members a:hover img { border-color: #bd0e0a; }
#recent-active-members a img {
	padding: 1px;
	border: 1px solid #CCC;
	background: #FFF;
	height: 49px;
	width: 49px;
}

#popular-news ul, #category ul { border-top: 1px dotted #CCC; }
#popular-news ul li, #category ul li {
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	line-height: 100%;
	padding: 5px 0;
	text-transform: capitalize;
	text-align: right;
	color: #999;
	padding-left: 24px;
}

#popular-news ul li { background: url(../assets/icons/fugue/icons/application-blog.png) 2px 4px no-repeat; }
#category ul li { background: url(../assets/icons/fugue/icons/folder-stand.png) 2px 4px no-repeat; }
#popular-news ul li a, #category ul li a {
	display: block;
	float: left;
	padding-bottom: 1px;
	text-align: left;
}

/* -----------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------- */
#footer .container {
	border-top: 1px solid #CCC;
	padding: 5px 0;
	overflow: hidden;
}

#footer p, #footer ul { font-size: 11px; }
#footer ul li {
	float: left;
	margin-left: 20px;
	list-style: square;
}