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

/* reset */
html, body, div, input, ul, li, p, span, img, a, hr, h1, h2, h3, h4 {margin:0; padding:0; border:0 none;}
ul {list-style-type:none;}
hr {height:1px; margin:0 40px; border-top:1px solid #d9d9d9;}

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0; line-height:14px !important;}
.btn {padding:4px 12px; font-size:14px; line-height:; cursor:pointer; border:1px solid #d9d9d9; background:transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/* Common Styles */
.text_c {text-align:center;}
.list_disc {padding:10px 20px; list-style-type:disc;}
.list_disc li:first-line {font-weight:bold;}
.f_l {float:left;}
.f_r {float:right;}
.orange {color:#f80;}
.copyright {text-align:center; font-size:10px; font-style:italic;}
.form_error {padding-left:10px; color:#c00;}
.highlight {background-color:#fffbd9 !important;}
.border {border:1px solid #d9d9d9;}
.light {color:#888;}
.note {font-size:12px;}

.greenbg {color:#FFF; border:0 none; background-color:#418c38;}
.greenbg:active {color:#FFF; border:0 none; background-color:#418c38;}
.orangebg {color:#FFF; border:0 none; background-color:#f68301;}
.orangebg:active {color:#FFF; border:0 none; background-color:#f56e00;}

html {height:100%;}
body {height:100%; font-size:14px; color:#555; line-height:1.5em; font-family: "Helvetica Neue", Helvetica, "Myriad Pro", "Lucida Grande", Helvetica, Verdana, "Trebuchet MS", Arial, sans-serif; background-color:#d9d9d9;}
a {text-decoration:none; font-weight:bold; color:#444; outline:none;}
a:hover {color:#f90; text-decoration:none; outline:none;}
a:active {color:#CCC; outline:none;}

h1 {font-size:26px;}
h2 {font-size:20px;}
h3 {font-size:18px; color:#666; margin-bottom:10px; font-style:italic;}

ul.nav {display:block; padding:17px 0 12px 0; font-size:14px; text-align:center;}
ul.nav li {display:inline; padding:0; text-shadow: 1px 1px #FFF;}
ul.nav a {padding:22px 15px 5px; color:#666;}
ul.nav a.active_tab {padding:; color:#333; border:0px solid #d9d9d9; background-color:#efefef; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
ul.nav a.active_tab:hover {color:;}
ul.nav a:hover {color:#333; text-shadow:; background-color:#e9e9e9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
ul.nav a:active {color:;}
/*ul.nav a:hover {color:#FFF; text-shadow:none; background-color:#ff9100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}*/

div.content ul.nav li strong.pipe {padding:0 10px; text-shadow:1px 1px #FFF;}
div.content ul.nav {font-size:12px;}
div.content ul.nav a {padding:0 10px; color:;}
div.content ul.nav a.active {color:#FFF; text-shadow:none; cursor:default; background-color:#ff9100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

div.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* ====== */
/* Header */
/* ====== */
div#center {position:relative; width:800px; min-height:100%; margin:0 auto; padding:0 100px; border-right:0px solid #c7c7c7; border-left:0px solid #c7c7c7; background:transparent url('../images/drop_shadow.png') center top repeat-y; overflow:visible;}
hr#nav_border {width:180px; margin:0 auto;}

/* ======= */
/* Content */
/* ======= */
div.content {position:relative; padding:0 20px 56px 20px;} /* add 36px @ bottom to compensate for footer height */
img.logo {display:block; width:135px; margin:40px auto 40px auto; -webkit-animation-name: pop; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in;}
div#contact {position:absolute; top:13px; right:18px; width:; min-height:1em; padding:10px 9px 8px 11px; line-height:1em; cursor:pointer; border:1px solid #dce9f5; background-color:#f2f9ff; -webkit-box-shadow:1px 1px 1px #999; -moz-box-shadow:1px 1px 1px #999; box-shadow:1px 1px 1px #999; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
div#contact span {display:block; float:left; margin-right:-2px;}
div#contact strong {display:block; float:left; width:1px; margin-left:; line-height:1.8; text-indent:2px; overflow:hidden;}

/* index */
div.home div.text {display:block; width:18em; margin:40px auto 0 auto; font-size:;}
div.home div.text h1 {display:block; padding:0 0; font-size:29px; font-weight:normal; color:#777; line-height:28px; text-align:right; text-shadow:1px 1px #FFF; border-left:1px solid #d9d9d9; border-bottom:0px solid #d9d9d9;}
div.home div.text h1 span {font-weight:bold;}
div.home div.text h1 strong {color:#555;}
div.home div.text h1 em {color:#333; font-weight:bold; font-style:normal;}
div.home div.text p {display:block; float:; width:; margin:20px 0 30px 0; font-size:; line-height:; text-shadow:1px 1px #FFF;}

/* photo */
div.photo ul.photography {display:block; width:750px; margin:20px auto 0 auto;}
div.photo ul.photography li {position:relative; display:block; float:left; height:150px;}
div.photo ul.photography li a {display:block; height:150px;}
div.photo ul.photography li a div.hover {display:none; position:absolute; bottom:0px; left:0; width:130px; height:1em; padding:4px 10px; text-align:center; font-weight:normal; font-size:10px; line-height:1em; color:#FFF; white-space:nowrap; overflow:hidden; background:transparent url('../images/trans_80.png');}

/* design */
div.design ul {display:block; width:760px; margin:30px auto 0 auto;}
div.design ul li {position:relative; display:block; float:left; height:150px;}
div.design ul li div.hover {display:none; position:absolute; bottom:0px; left:0; width:360px; padding:4px 10px; text-align:center; font-weight:normal; font-size:10px; line-height:1.4em; color:#FFF; overflow:hidden; background:transparent url('../images/trans_80.png');}
div.design ul li div.hover a {color:#999;}
div.design ul li div.hover a:hover {color:#f90;}

/* wallpaper */
div.wallpaper ul {display:block; width:760px; margin:30px auto 0 auto;}
div.wallpaper ul li {position:relative; display:block; float:left; height:150px;}
div.wallpaper ul li img.download {visibility:hidden; position:absolute; bottom:61px; left:366px;}
div.wallpaper ul li img.dual {position:absolute; top:10px; right:10px; width:23px;}
div.wallpaper ul li a:hover img.download {visibility:visible;}
div.wallpaper ul li div.hover {display:none; position:absolute; bottom:0px; left:0; width:740px; padding:4px 10px; text-align:center; font-weight:normal; font-size:10px; line-height:1.4em; color:#999; overflow:hidden; background:transparent url('../images/trans_80.png');}
div.wallpaper ul li div.hover strong {color:#FFF;}

/* contact */
div.contact {margin-top:40px; text-align:center;}
div.contact p {margin-bottom:15px;}

/* ====== */
/* Footer */
/* ====== */
div#footer {position:absolute; bottom:0; left:100px; width:760px; height:16px; padding:10px 20px; color:#888; font-size:10px; border-top:1px solid #d9d9d9; background-color:#f2f9ff;}
div#footer p {display:block; float:left; width:680px; margin-top:3px; white-space:nowrap; overflow:hidden; line-height:1em;}
div#footer ul {display:block; float:right; width:80px;}
div#footer ul.social li {display:block; float:right; margin-left:3px;}
div#footer ul.social li a {display:block; float:; height:16px;}

/* ===================== */
/* Error Pages, 404, etc */
/* ===================== */
.error {margin:40px 0 0 0; text-align:center;}
.error p {padding:20px 0 0 0;}

/* ======= */
/* EE BLOG */
/* ======= */
/*div.blog div.blog_intro {width:; margin:0; padding:0px 0 30px; line-height:1.2; color:#666; text-shadow:1px 1px #FFF;}*/
div.blog img.logo {margin-bottom:20px;}
div.blog h1.blog_intro {position:relative; display:block; float:left; width:90px; margin-top:15px; padding:0 19px 5px 0; font-size:36px; line-height:36px; text-align:right; border:0 none; border-right:1px solid #d9d9d9;}
div.blog h1.blog_intro strong {color:#444; border:0 none;}
div.blog h1.blog_intro em {visibility:hidden; position:absolute; right:19px; bottom:-3em; font-size:12px;}
div.blog a:hover h1.blog_intro em {visibility:visible;}
div.blog div.blog_content {display:block; float:left; width:630px; margin-left:20px;}

div.blog h1 {position:relative; margin-top:20px; font-size:24px; text-shadow:1px 1px #FFF; border-bottom:1px solid #d9d9d9;}
div.blog h1 a {display:; color:#555;}
div.blog h1 a:hover {color:#333; background-color:#e9e9e9;}

div.blog span.date_entry {position:absolute; left:0; top:-1.5em; line-height:1em; font-size:11px; color:#BBB;}
div.blog .date_entry .day {margin-right:5px;}
div.blog .date_entry .month {margin-right:5px;}
div.blog .date_entry .year {}

div.blog div.entry {position:relative; margin:10px 0 0 0; padding-bottom:20px;}
div.blog a.read_more {display:block; float:right; margin-top:10px; text-decoration:underline;}

div.pagination {margin-top:20px;}
div.pagination a {display:block; float:left; padding:1px 10px 3px; border:1px solid #d9d9d9; background-color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
div.pagination a.new {margin-right:5px;}

div.comment_box {margin-top:40px; padding:10px; background-color:#e9e9e9;}
div.comment_box h3 {font-style:normal; margin:0; text-shadow:1px 1px #FFF;}
div.comment_box p.note {margin-bottom:5px;}
div.comment_box textarea {width:598px; padding:5px; font-size:14px; border:1px solid #d9d9d9;}
div.comment_box input.text {width:598px; margin-bottom:10px; padding:5px; font-size:14px; border:1px solid #d9d9d9;}
div.comment_box div.logged_user {margin:5px 0;}
div.comment_box div.logged_user img {float:left; margin-right:8px; font-size:24px;}
div.comment_box div.logged_user h4 {font-size:24px; line-height:20px; text-shadow:1px 1px #FFF;}
div.comment_box div.logged_user p {margin-top:5px;}
div.comment_box div.captcha {margin:15px 0; overflow:auto;}
div.comment_box div.captcha img {float:left;}
div.comment_box div.captcha input.text {float:left; width:130px; margin:0 0 0 5px;}

div.comment_posts {margin-top:40px;}
div.comment_posts h2 {margin-bottom:15px; border-bottom:1px solid #d9d9d9;}
div.comment_posts label {display:block; margin-bottom:2px; border-bottom:1px dotted #d9d9d9;}
div.comment_posts label strong {color:#444; background-color:#e9e9e9;}
div.comment_posts label em {color:#777;}
div.comment_posts p {padding-bottom:20px;}
div.comment_posts p img {max-height:400px; max-width:400px; border:1px solid #d9d9d9;}


/* ======= */
/* BLOGGER */
/* ======= */
ul.block_a a {display:block; padding:0 10px; margin:0 0 1px 0;}
ul.block_a li strong.pipe {padding:0 10px; text-shadow:1px 1px #FFF;}
ul.block_a a:hover {color:#FFF; text-shadow:none; background-color:#ff9100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
ul.block_a a:active {color:#FFF;}

#blog-header {color:#444; border-bottom:1px solid #d9d9d9; background:#f2f9ff; padding:15px 20px 10px 20px;}
#blog-header h1 {margin:0; padding:0; font-size:16px;}
#blog-header p {margin:0; padding:5px 0 0 0;}
#blog-header h1 img.avatar {float:left; margin:-6px 20px 0 0;}

div#main {float:left; width:500px;}
div#sidebar {float:right; width:220px; margin:20px 0 0 0;}

h2.post-title {margin:40px 0 5px 0; padding:0 0 3px 0; font-size:18px; border-bottom:1px solid #d9d9d9;}
h3.date-header {margin:0; padding:0; font-size:14px;}
h2.sidebar-title {margin:20px 10px 5px 10px; padding:0 0 3px 0; font-size:18px; border-bottom:1px solid #d9d9d9;}

dl.profile-datablock {padding:0 10px;}
dt.profile-img {display:inline;}
dt.profile-img a {display:block; float:left; margin:0 10px 0 0;}

div.post-body {margin:10px 0 0 0; overflow:hidden;}
p.profile-textblock {display:block; clear:both; padding:10px;}
p.profile-link a {display:block; padding:0 10px; margin:0 0 1px 0;}
p.profile-link a:hover {color:#FFF; text-shadow:none; background-color:#ff9100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
p.profile-link a:active {color:#FFF;}

p#powered-by {margin:20px 10px 0 10px;}

div#comments {margin:20px 0 0 0;}
div#comments dl dt {margin:20px 0 5px 0; padding:0 0 0 0; border-bottom:1px solid #d9d9d9;}
div#comments dl dt span.delete {float:right;}
div#comments dl dd {margin:0; padding:0;}
p.post_button a {display:block; text-align:center; background-color:#d9d9d9;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
p.post_button a:hover {color:#FFF; text-shadow:none; background-color:#ff9100;}
p.post_button a:active {color:#FFF;}
p.back_link {padding:10px 0 0 0;}
p.blogger-labels {padding:20px 0 0 0;}

.deleted-comment {font-style:italic; color:gray;}

@-webkit-keyframes pop {
	from {
		-webkit-transform: scale(.1);
		opacity: 0;
	}
	85% {
		-webkit-transform: scale(1.05);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(1);
	}
}