/*
THEME NAME: Jonath v3
THEME URI: http://www.jonathlee.com
DESCRIPTION: Jonath Lee Website version 3.0 
VERSION: 3.0
AUTHOR: <a href="http://www.jonathlee.com">Jonath Lee</a>
AUTHOR URI: http://www.jonathlee.com
*/

@import "reset.css";

body {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #333;background: #EBEBEB url(images/background.png) repeat-x center top;}
a {color: #06C;text-decoration: none;}
a:hover{text-decoration: underline;}
strong {font-weight: 700;}
hr {border: none 0;border-bottom: 1px solid #E0E0E0;height: 1px;margin: 10px 0;}
blockquote {font-style: italic;	background: url(images/quotes.gif) no-repeat top left;background-position: 12px 12px;color: #595959;margin: 5px 0;padding: 8px 15px 8px 60px;}
#wrapper {width: 900px;margin: 0 auto;}
#header {width: 900px;height: 100px;}
#logo {text-align: center;width: 202px;padding: 30px 0 14px 0;float: left;}
#logo a {color: #333;}
#description {font-size: 130%;color: #666;margin: 5px 0 50px 30px;}

#menu {width: 325px;overflow: hidden;font-size: 15px;text-align: center;margin: 50px auto 0 auto;font-family: "Myriad Pro", Myriad, Helvetica, Arial;font-weight: normal;float: right;}
#menu ul li {float: left;}
#menu ul li a, #menu ul li a:link{display: block;width:70px;padding: 5px 18px;color: #000;}
#menu ul li a:hover{text-decoration:none;color:#FFF;background:url(images/btnHover.png) no-repeat center top;}
#menu ul li a:active{color:#000;}

#menu ul li.current_page_item a, #menu ul li.current_page_parent a{color:#FFF;background: url(images/btnHover.png) no-repeat center top;}
.search-form{ float:right; padding:14px 33px 0 0;}
.search-form input {width: 145px;border:none;background:transparent;}
#container{width: 900px;overflow: hidden;margin: 0 0 15px 0;float: left;border-top: solid 1px #CCC;}
#content {width: 900px;	font-family: Arial, Helvetica, sans-serif;text-align: justify;}

.post{border-bottom:solid 1px #CCC;padding-top:15px;border-top:solid 1px #FFF;}
.post-head{width:900px;	height: 40px;}
.post-title {font-size: 2.4em;line-height: 1.2;	font-weight: normal;color: #000;}
.post-title a, .post-title a:link, .post-title a:visited {font-family: "Myriad Pro", Myriad, Helvetica, Arial;color: #333;text-shadow: 1px 1px 0px rgba(255,255,255,1.0);}
.post-title a:hover{color:#888;text-decoration: none;}

.page-subtitle {color: #999;font-size: 2em;border-bottom: 1px solid #CCC;padding:8px 0;font-family: "Myriad Pro", Myriad, Helvetica, Arial;font-weight: normal;text-shadow: 1px 1px 0px rgba(255,255,255,1.0);}

.post-meta{font-size: 85%;color: #888;margin: 0 0 8px 0;width: 900px;}
.post-meta a{color: #666;}
.post-comments {float: right;background: url(images/cbubble_left.gif) no-repeat top left;padding: 3px 0 7px 7px;}
.post-comments a {background: url(images/cbubble_right.gif) no-repeat top right;padding: 3px 7px 7px 0;	color: #FFF;}

.post-comments a:hover {color: #FFF;text-decoration: none;}
.post h1 {font-family: "Myriad Pro", Myriad, Helvetica, Arial;font-size: 2.4em;color: #333;text-shadow: 1px 1px 0px rgba(255,255,255,1.0)}
.post-content h2 {font-size: 1.2em;margin-bottom: 10px;border-bottom: 1px solid #EFEFEF;font-family: "Myriad Pro", Myriad, Helvetica, Arial;font-weight: bold;color: #333;padding: 10px 0 5px 0;}

.post-content{line-height:24px;margin-bottom: 20px;}
.post-content h3 {font-size: 16px;font-weight: 700;margin-bottom: 5px;border-bottom: 1px solid #EFEFEF;padding: 10px 0 5px 0;}
.post-content p {margin-bottom: 10px;}
.post-content img.alignnone {background: #FFF;}
.post-content img.alignleft {float: left;margin: 0 25px 0 0;}
.post-content img.alignright {float: right;margin: 0 0 0 25px;}
.post-content img.aligncenter {margin:0 auto;}
.blackbox{ padding:50px; text-align:center; background:#000;}
.whitebox{ padding:50px; text-align:center; background:#FFF;}
.contentBlackBox{padding-bottom:20px; background:#000; color:#CCC;margin-bottom:20px;}
.contentWhiteBox{background:#FFF; color:#333; margin-bottom:20px; padding:0 0 20px 0;}
.contentWhiteBox p{padding:0 20px}
.contentWhiteBox h2{padding-left:20px; font-size:1.4em;}
.whiteBackground{background:#FFF;}
.post-content ul,.post-content ol {	margin-left: 30px;margin-bottom: 20px;}
.post-content ul {list-style: outside;}
.post-content ol {list-style: decimal;}
.post-content ul li,.post-content ol li {line-height: 1.3;margin-bottom: 5px;}

.404{ width:100%; text-align:center; font-size:2.8em;}

.more-link,.more-link:visited {font-weight: bold;font-size:1.0em;display: block;text-align: right;height: 25px;width: 870px;clear: both;color: #AAA;padding: 4px 30px 3px 0;background: url(images/readmore.png) no-repeat right top;}
.more-link:hover{text-decoration: none;color:#FFF;background-color:#E9E9E9;background:url(images/readmore.png) no-repeat right -31px;}
.section-title {font-size: 140%;margin-bottom: 10px;}
.navigation{border-top:solid 1px #FFF;width:900px;height:32px;float: left;padding-top:15px;}
.navleft{float: left;}
.navright{float: right;}
.navleft a, .navleft a:link,.navleft a:visited{background: url(images/btnNav.png) no-repeat top left;display:block;font-weight:bold;color:#999;}
.navright a, .navright a:link, .navright a:visited{background: url(images/btnNav.png) no-repeat top right;display:block;font-weight:bold;color:#999;}

.navleft a:hover, .navright a:hover{text-decoration:none;color:#FFF;}
.navleft a:active, .navright a:active{color:#000;}
.navleft a, .navleft a:link{background-position: left top;width:56px;height:24px;padding:8px 0 0 30px;float:left;}
.navright a, .navright a:link{background-position: right top;width:73px;height:24px;padding:8px 0 0 13px;float:right;}
.navleft a:hover{background-position: left bottom;}
.navright a:hover{background-position: right bottom;}

#comments{padding-top:20px;}
#comments ol li {overflow: hidden;height: 1%;padding: 10px 0;}
.comment-gravatar {float: left;margin-right: 10px;background: #FFF;border: 1px solid #F0F0F0;padding: 3px;}
.comment-gravatar img{ width:60px; height:60px; background:#EAEAEA;}
.comment-data {float: left;width: 700px;padding-left: 30px;}
.comment-data p {margin-bottom: 6px;	line-height: 1.3;}
.comment-author {font-weight: 700;margin-bottom: 3px;}
.comment-meta {color: #666;margin-bottom: 5px;font-size: 85%;}

.unapproved {font-style: italic;}
#respond {margin-top: 30px;width: 790px;float: right;}

#comment-form {margin-top: 15px;margin-bottom: 10px;}
#comment-form label {font-size: 90%;display: block;margin-bottom: 5px;}
#comment-form input {width: 240px;margin-bottom: 8px;padding: 2px;border: solid 1px #CCC;}
#comment-form textarea {width: 750px;height: 200px;margin-top: 15px;padding: 10px;border: solid 1px #CCC;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #333;}
#sidebar {float: right;	width: 300px;}
.sidepanel {margin-bottom: 30px;}
.sidepanel h3 {border-bottom: 1px solid #EFEFEF;padding: 0 0 5px 0;color: #333333;font-weight: bold;font-size: 90%;}
.sidepanel ul li {border-bottom: 1px solid #EFEFEF;padding: 5px 0;	line-height: 1.2;}
.sidepanel p {margin-top: 8px;line-height: 1.3;}

#footer {width: 900px;height: 40px;margin: 0px auto;text-align: center;padding-top: 30px;	clear: both;}
#footer-links {list-style: none;}
#footer-links li {float: left;margin-right: 15px;}
.sep {color: #CCC;margin: 0 8px;}
.ico-small{margin: 0 5px 2px 0;}

/* Pages */
.column2{width:380px;}
.column3{}

/* Library */
.left{ float:left;}
.right{ float:right;}
.clearBoth{ clear:both;}

/*test date */
.gallery {padding: 0;text-align: center;display: inline;}
.gallery a.thumb {width: 202px;height: 45px;cursor: pointer;}
.gallery span {width: 202px;height: 45px;overflow: hidden;display: block;}
.gallery a.thumb:hover {background: #333;}
.gallery a {text-decoration: none; color: #777; display: block;}

/* Category menu */
a.share:link, a.share:visited{-moz-opacity:0.7;filter: alpha(opacity=70);opacity:0.7;}
a.share:hover{-moz-opacity:1.0;filter: alpha(opacity=100);opacity:1.0;}

/* Custom Contents */
.whiteBox{padding:20px 50px; background:#FFF; float:left; margin-bottom:15px; width:796px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.25);box-shadow: 0px 1px 3px rgba(0,0,0,.25); border:solid 1px #E1E1E1;}
.socialBookmark{width:315px; height:70px;}
.socialBookmark a img{float:left;}
/*css3 text-shadow: 1px 1px 0px rgba(0,153,255,1.0); */


/* PORTFOLIO PAGE */
.description{	padding:20px;	color:#CCC;	font-size:12px;	background-color: #161616;	line-height: 18px;	font-family: Arial, Helvetica, sans-serif;}
.description span { color:#FFF;}
.description h2 {font-size:24px; color:#AAA; text-shadow: -1px -1px 0px rgba(0,0,0,1.0); padding-bottom:10px; font-weight:normal; border-bottom:solid 1px #282828;}
.description a, .description a:link, .description a:visited {color: #09F;}
.description a:hover {	text-decoration: underline;olor: #FFF;}