/*
Theme Name: Tudor
Theme URI: http://www.cheang.org/tudor
Description: An advanced portfolio & blog theme built by Ed Cheang
Version: 1.0
Author: Ed Cheang
Author URI: http://www.cheang.org
*/

*{padding:0;margin:0;}

body {
	font-family:  Georgia, "Times New Roman", Times, serif;
	}

p {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 10px;
	}

ul, ol {
	margin: 0 0 10px 10px;
	}

li {
	font-size: 0.9em;
	line-height: 1.5em;
	list-style-position: inside;
	margin-bottom: 3px;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

h3, h4 {
	margin: 15px 0 2px 0;
	}

h4, h5, h6 {
	font-weight: bold;
	}

a:link, a:visited {
	text-decoration: none;
	}

a:hover, a:active, a:focus {
	text-decoration: underline;
	outline: none;
	}

p {
    font-style: italic;
   }

strong {
    font-size: 1.2em;
    color: #ddd;
   }

p.wp-caption-text {
    font-size: 0.8em;
    font-style: italic;
	}

blockquote {
    font-size: 0.9em;
    margin: 15px 0 15px 15px;
    padding: 0 15px;
	}

pre {
    font-family: "Courier New", Courier, monospace;
    font-size: 0.9em;
    margin: 10px 0 20px 0;
	}

code {
    background-color: #efefef;
    color: #000;
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
    margin: 0 3px;
    padding: 0 3px;
	}

address {
    font-size: 0.9em;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.5em;
    margin-bottom: 15px;
	}

/* Header Styling */
#wrap {
	margin: 0 auto;
	width: 1040px;
	}

#head {
	overflow: hidden;
	width: inherit;
	}

#head h1 {
    font-size: 4em;
    text-align: center;
	margin: 40px 20px 35px 0;
	}

#head h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.7em;
	text-align: center;
	}

/* Navigation Styling */
#nav {
/*	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px; */
	border-bottom: none;
	clear: both;
 	padding: 0 20px;
	width: 999px;
    text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
	}

#nav ul {
	margin: 0 0 0 20px;
	}

#nav ul li {
	display: inline;
	font-size: 1em;
	line-height: 1.3em;
	margin-right: 25px;
	text-align: right;
	}

#nav ul li a:link, #nav ul li a:visited {
	display: -moz-inline-stack;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 10px 15px;
	}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {
	outline: none;
	}


/* Sub Navigation and
   3 Column Layout - START

   Column Container */
.colmask {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
    }

/* Common Column Settings */
.colright,
.colmid,
.colleft {
	float: left;
	width: 100%;
	position: relative;
    }

.col1,
.col2,
.col3 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
    }

.col2  ul li {
    list-style: none;
	line-height: 1.3em;
	font-size: 0.8em;
    }

.col2 ul li a:link, .col2 ul li a:visited {
	text-decoration: none;
	/*padding: 20px 10px 15px;*/
	}

.col2 ul li a:hover, .col2 ul li a:active, .col2 ul li a:focus {
	outline: none;
	}

.col3 ul li {
    list-style: none;
	line-height: 1.3em;
	font-size: 0.8em;
    }

.col3 ul li a:link, .col3 ul li a:visited {
	text-decoration: none;
	/*padding: 20px 10px 15px;*/
	}

.col3 ul li a:hover, .col3 ul li a:active, .col3 ul li a:focus {
	outline: none;
	}

/* 3 Column Settings */
.threecol {
    }

.threecol .colmid {
	right: 25%;
    }

.threecol .colleft {
	right: 50%;
    }

.threecol .col1 {
	width: 58%;
	left: 100%;
    }

.threecol .col2 {
	width: 20%;
	left: 21%;
	text-align: right;
    }

.threecol .col3 {
	width: 20%;
	left: 73%;
    }
/* Sub Navigation and
   3 Column Layout - END */


/* Blog Navigation and
   3 Column Layout - START

Column Container */
.blogcolmask {
    padding: 20px 0 0 0;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
    }

/* Common Column Settings */
.blogcolright,
.blogcolmid,
.blogcolleft {
	float: left;
	width: 100%;
	position: relative;
    }

.blogcol1,
.blogcol2,
.blogcol3 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
    }

.blogcol2  ul li {
    list-style: none;
    font-size: 0.7em;
	line-height: 1.3em;
	margin-right: 5px;
	padding-left: 12px;

    }

.blogcol2 ul li a:link, .blogcol2 ul li a:visited {
	text-decoration: none;
	padding: 20px 10px 15px;
	}

.blogcol2 ul li a:hover, .blogcol2 ul li a:active, .blogcol2 ul li a:focus {
	outline: none;
	}

.blogcol3 ul li {
    list-style: none;
	line-height: 1.3em;
	font-size: 0.8em;
    }

.blogcol3 ul li a:link, .blogcol3 ul li a:visited {
	text-decoration: none;
	padding: 20px 10px 15px;
	}

.blogcol3 ul li a:hover, .blogcol3 ul li a:active, .blogcol3 ul li a:focus {
	outline: none;
	}

/* 3 Column Settings */
.blogthreecol {
    }

.blogthreecol .blogcolmid {
	right: 25%;
    }

.blogthreecol .blogcolleft {
	right: 50%;
    }

.blogthreecol .blogcol1 {
	width: 62%;
	left: 93%;
    }

.blogthreecol .blogcol2 {
	width: 20%;
	left: 10%;
	text-align: right;
    }

.blogthreecol .blogcol3 {
	width: 16%;
	left: 74%;
    }
/* Blog Navigation and
   3 Column Layout - END  */


/* Page Layout */
#content {
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float: left;
	padding: 0 19px 30px 0;
	margin-bottom: 5px;
	overflow: hidden;
	width: 1020px;
	}

.contentwrap {
	padding-left: 19px;
	overflow: hidden;
	}

#content h2 {
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	}

/* Portfolio Items */
.work {
	float: left;
	margin: 0 20px 40px 0;
	width: 460px;
	}

.worksearch {
    clear: both;
    margin: 0 0 45px 0;
    padding: 0 0 40px 0;
    width: 690px;
	}

.work a {
	outline: none;
	}

.work p {
	font-size: 0.9em;
	font-weight: bold;
	margin: 8px 0 10px 0;
	}

.worksingle p {
	font-weight: normal;
	}

.work span {
	font-size: 0.8em;
	font-weight: normal;
	}

.last {
	margin-right:0 !important;
	}

/* Homepage Widgets */
.extraswrap {
	overflow: hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	}

.extras {
	float: left;
	margin: 0 0 0 20px;
	width: 600px;
	}

/* FlickrRSS widget */
.flickr {
	display: inline;
	}

.flickr a:link img, .flickr a:visited img {
	margin: 0 10px 10px 9px;
	}

/* Twitter widget */
ul.twitter {
	margin: 0;
	}

ul.twitter li.twitter-item {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	margin-bottom: 20px;
	padding: 8px 10px;
	}

ul.twitter li.twitter-item span abbr {
	border-bottom: none;
	display: block;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 3px;
	}

/* Recent Blog Posts widget */
ul.bloglist {
    margin: 0;
    }

ul.bloglist li {
    clear: both;
    font-size: 1em;
    line-height: 1.3em;
    list-style: none;
    margin-bottom: 17px;
    overflow: hidden;
    }

ul.bloglist li img {
    border: none;
    float: left;
    margin-right: 7px;
    }

ul.bloglist li .posttitle, ul.bloglist li .postdate {
    display: block;
    font-size: 0.9em;
    }

ul.bloglist li .posttitle {
    font-weight: bold;
    margin-top: 2px;
    }

ul.bloglist li .postdate {
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    }

ul.bloglist li a:link, ul.bloglist li a:visited {
    display: block;
    padding: 2px;
    overflow: hidden;
    }

ul.bloglist li a:hover, ul.bloglist li a:active, ul.bloglist li a:focus {
    text-decoration: none;
    }

/* Main Content */
#mainarea {
    border-top:thin;
	float: left;
	padding-right: 30px;
	width: 620px;
	text-align: left;
	}

/* Blog Posts */
.blogpost {
	clear: both;
	margin-bottom: 45px;
	padding-bottom: 40px;
	overflow: hidden;
	}

.singleblog{overflow:hidden;}

ul.meta {
	margin: 0 0 25px 0;
	}

ul.meta li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-right: 10px;
	padding-left: 12px;
	text-transform: uppercase;
	}

ul.meta li:first-child {
	border: none;
	padding-left: 0;
	}

.alignleft {
	float: left;
	margin: 0 10px 8px 0;
	}

.alignright {
	float: right;
	margin: 0 0 8px 10px;
	}

.aligncenter {
	margin: 10px auto;
	}

/* Sidebar */
#sidebar {
	float: left;
	width: 220px;
	}

#sidebar ul {
	margin: 0;
	}

#sidebar ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 25px;
	}

li h3 {
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 5px 0 5px 0;
    }


/* Sidebar Search Form */
#sidebar ul li#search {
    margin-bottom: 25px;
    }

.hidden{display:none;}

#sidebar ul li#search form #s {
    padding: 7px 7px 7px 7px;
    }

#sidebar ul li#search form #searchsubmit {
	font-family:Georgia, "Times New Roman", Times, serif;
    display: none;
    }


/* Sidebar Lists (eg. Meta, Archives, Categories) */
#sidebar ul li ul {
    padding: 15px 5px 15px 8px;
    }

#sidebar ul li ul li {
    list-style-position: outside;
    margin: 0 0 5px 20px;
    }

/* Comments */
h4#comments {
	clear: both;
	margin: 45px 0 5px 0;
	}

.commentlist li {
	font-size: inherit;
}

.commentlist li .avatar {
	float: right;
	}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 0.95em;
	}

.commentlist p {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 10px 5px 10px 0;
	text-transform: none;
	}

.commentmetadata {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0;
	}

.commentlist .reply {
	font-size: 0.8em;
	font-weight: bold;
	}

.commentlist {
	margin: 0 0 20px 0;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 10px;
	list-style: none;
	}

.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
	}

.comms-navigation, .navigation {
	clear: both;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	}

.children {
	padding: 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/* Comment Form */
#respond h4 {
	clear: both;
	margin: 45px 0 10px 0;
	}

form p {
	padding-bottom: 10px;
	margin: 5px 0;
	}

form p label {
	display: inline-block;
	margin-right: 10px;
	text-align: right;
	width: 5em;
	}

form p label[for="comment"] {
	vertical-align: top;
	}

input, textarea {
	padding: 3px;
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	overflow: auto;
	}

input#submit {
	padding: 5px 3px;
	}

/* Frontpage Slideshow */
.frontslide {
	margin: 0px 215px 20px;
	width: 460px;
	}

/* Footer */
p.footer {
    clear: both;
    font-size: 0.6em;
    font-style: italic;
    padding: 5px 20px;
    }

/* Accordian */
/*  html{font-size:62.5%}
  body{font-size:1.2em;color:#294f88}
  .sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px}
  h1{margin:0 0 20px 0;padding:0;font-size:2em;}
  h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
  p{font-size:1.2em;line-height:170%;margin-bottom:20px} */
 .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}

/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */

.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}


/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */

dd p{line-height:120%}

#accordion-2{width:580px;height:1300px;padding:10px;background:transparent;border:1px solid #000}
#accordion-2 h2{font-size:1em;margin-top:10px}
#accordion-2 dl{width:580px;height:1300px}
#accordion-2 dt{height:25px;line-height:20px;text-align:right;padding:10px 15px 0 0;font-size:0.5em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff;color:#26526c}
#accordion-2 dt.active{cursor:pointer;color:#fff;background:#000}
#accordion-2 dt.hover{color:#68889b;}
#accordion-2 dt.active.hover{color:#fff}
#accordion-2 dd{padding:25px;background:#333 bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-2 .active .slide-number{color:#fff}
#accordion-2 a{color:#68889b}
#accordion-2 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}
#accordion-2 dd h2 {font-size:0.9em; color:#eee;}
#accordion-2 dd h3 {font-size:0.9em; color:#eee;}
#accordion-2 dd ul li {font-size:0.7em}
#accordion-2 dd hr {height: 0; border-bottom: 0.5px dotted #eee;}

/* Bangsar */
#accordion-bangsar{width:580px;height:1600px;padding:10px;background:transparent;border:1px solid #ccc}
#accordion-bangsar h2{font-size:1em;margin-top:10px}
#accordion-bangsar dl{width:580px;height:1600px}
#accordion-bangsar dt{height:25px;line-height:20px;text-align:right;padding:10px 15px 0 0;font-size:0.5em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff;color:#26526c}
#accordion-bangsar dt.active{cursor:pointer;color:#fff;background:#993333}
#accordion-bangsar dt.hover{color:#68889b;}
#accordion-bangsar dt.active.hover{color:#fff}
#accordion-bangsar dd{padding:25px;background:#000 bottom left repeat-x;border:1px solid #000;border-left:0;margin-right:3px}
#accordion-bangsar .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-bangsar .active .slide-number{color:#fff}
#accordion-bangsar a{color:#68889b}
#accordion-bangsar dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}
#accordion-bangsar dd h2 {font-size:0.9em; color:#eee;}
#accordion-bangsar dd h3 {font-size:0.9em; color:#cc3333;}
#accordion-bangsar dd ul li {font-size:0.7em; color:#fff;}
#accordion-bangsar dd hr {height: 0; border-bottom: 0.5px dotted #eee;}


/* Fraser */
#accordion-fraser{width:580px;height:1150px;padding:10px;background:transparent;border:1px solid #ccc}
#accordion-fraser h2{font-size:1em;margin-top:10px}
#accordion-fraser dl{width:580px;height:1150px}
#accordion-fraser dt{height:25px;line-height:20px;text-align:right;padding:10px 15px 0 0;font-size:0.5em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff;color:#26526c}
#accordion-fraser dt.active{cursor:pointer;color:#fff;background:#993333}
#accordion-fraser dt.hover{color:#68889b;}
#accordion-fraser dt.active.hover{color:#fff}
#accordion-fraser dd{padding:25px;background:#000 bottom left repeat-x;border:1px solid #000;border-left:0;margin-right:3px}
#accordion-fraser .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-fraser .active .slide-number{color:#fff}
#accordion-fraser a{color:#68889b}
#accordion-fraser dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}
#accordion-fraser dd h2 {font-size:0.9em; color:#eee;}
#accordion-fraser dd h3 {font-size:0.9em; color:#cc3333;}
#accordion-fraser dd ul li {font-size:0.7em; color:#fff;}
#accordion-fraser dd hr {height: 0; border-bottom: 0.5px dotted #eee;}


/* Scott */
#accordion-scott{width:580px;height:1000px;padding:10px;background:transparent;border:1px solid #ccc}
#accordion-scott h2{font-size:1em;margin-top:10px}
#accordion-scott dl{width:580px;height:1000px}
#accordion-scott dt{height:25px;line-height:20px;text-align:right;padding:10px 15px 0 0;font-size:0.5em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff;color:#26526c}
#accordion-scott dt.active{cursor:pointer;color:#fff;background:#993333}
#accordion-scott dt.hover{color:#68889b;}
#accordion-scott dt.active.hover{color:#fff}
#accordion-scott dd{padding:25px;background:#000 bottom left repeat-x;border:1px solid #000;border-left:0;margin-right:3px}
#accordion-scott .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-scott .active .slide-number{color:#fff}
#accordion-scott a{color:#68889b}
#accordion-scott dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}
#accordion-scott dd h2 {font-size:0.9em; color:#eee;}
#accordion-scott dd h3 {font-size:0.9em; color:#cc3333;}
#accordion-scott dd ul li {font-size:0.7em; color:#fff;}
#accordion-scott dd hr {height: 0; border-bottom: 0.5px dotted #eee;}