/*  
Theme Name: Unity3d.com main look
Theme URI: http://unity3d.com
Description: The design of the unity3d.com pages
Version: 2.0
Author: Unity Technologies
Author URI: http://unity3d.com

*/

div.blog-header {
	width: 940px; height: 180px; background: url(images/blog-header.jpg) 0 0 no-repeat;
}
div.blog-header div.intro {
	padding: 10px 15px; float: left; margin: 112px 0 0 10px; background: rgba(0,0,0,0.5);
}
div.blog-header div.intro h1 {
	padding: 0 0 2px 0; font-size: 16px; letter-spacing: 0; color: #fff;
}
div.blog-header div.intro h1 a {
	color: #fff; text-decoration: none;
}
div.blog-header div.intro p {
	padding: 0; margin: 0; color: #ccc; font-size: 14px;
}

/****************************************
	==== POST OVERVIEW
****************************************/

div.post-no-image p, div.post-with-image p {
	clear: both;
}
div.post-no-image p a.more, div.post-with-image p a.more {
	
}
div.post-no-image {
	width: 700px; padding: 0 0 20px 0; margin: 10px 10px 20px 10px; border-bottom: #e6e6e6 1px solid;
}
div.post-no-image div.entry_wide {
	width: 700px;
}
div.post-with-image {
	width: 700px; padding: 0 0 20px 0; margin: 10px 10px 20px 10px; border-bottom: #e6e6e6 1px solid;
}
div.post-left {
	width: 520px; float: left; margin: 0 20px 0 0;
}
div.post-right {
	width: 160px; float: left;
}
div.post-with-image div.entry-image {
	width: 160px; height: 160px;
}
div.post-with-image div.entry-image img {
	width: 160px; height: 160px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
div.post-with-image div.post-header {
	width: 520px; clear: both;
}
div.post-with-image div.post-header div.post-title {
	width: 430px;
}

div.post-date {
	width: 60px; height: 60px; float: left; background: #f3f3f3; margin: 0 10px 10px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.3); z-index: 10;
}
div.post-date div.day  {
	width: 60px; padding: 15px 0 0 0; text-align: center; font-size: 1.7em; font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
div.post-date div.month  {
	width: 60px; height: 20px; text-align: center; text-transform: uppercase; font-size: 0.9em; color: #999;
}

div.post-title {
	width: 610px; float: left; margin: 0 10px 0 10px;
}
div.post-title h2 {
	padding: 10px 10px 5px 0; margin: 0;
}
div.post-title h2 a {
	color: #444; text-decoration: none;
}
div.post-title h2 a:hover {
	color: #444; text-decoration: underline;
}
div.post-title div.postmetadata {
	color: #999; float: left; padding: 0 5px 0 0; margin: 0 !important;
}
div.post-comments {
	width: 26px; height: 20px; float: left; line-height: 18px; text-align: center; float: left; margin: 0; background: url(images/comment-icon.png) 0 0 no-repeat; opacity: 0.4;
	transition: all .25s ease-out; -o-transition: all .25s; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;
}
div.post-comments:hover {
	opacity: 1;
}
div.post-comments a {
	width: 26px; height: 20px; display: block; color: #fff; text-decoration: none; font-size: 0.8em;
}

/****************************************
	==== POST FULL
****************************************/

div.post-full div.post-header {
	width: 700px; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: #e6e6e6 1px solid;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignright {
	margin: 0 0 10px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
img.alignleft {
	margin: 0 10px 10px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
img.alignnone, img.size-full {
	border-radius: 5px; margin: 0 0 10px 0;
}
img.aligncenter  {
	border-radius: 5px; margin: 0 auto 10px auto;
}
.entry dl {
	margin-left: 3em;
}
.entry ul {
	padding: 0 0 10px 15px; list-style-type: disc;
}
.entry ul li {
	padding: 0 0 5px 0;
}
.entry ol {
	padding: 0 0 10px 19px; list-style-type: decimal;
}
.entry ol li {
	padding: 0 0 5px 0;
}


div.entry h1 {
	font-size: 20px; color: #444; padding: 20px 0 10px 0; margin: 0; letter-spacing: 0;
}
div.entry h2 {
	font-size: 16px; color: #444; padding: 20px 0 10px 0; margin: 0;
}
div.entry p {
	font-size: 13px; padding: 0 0 10px 0; margin: 0;
}
div.entry p.wp-caption-text {
	padding: 0 0 20px 0; font-style: italic;
}

div.entry .wp-smiley {
	display: inline !important;
}
div.entry div.postmetadata {
	width: 700px; margin: 10px 0 0 0; font-size: 11px; color: #999; padding: 0 0 10px 0;
}

div.entry-comments {
	width: 670px; margin: 10px; padding: 15px; background: #f3f3f3;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
}

h2#comments {
	height: 22px; line-height: 18px; padding: 0 0 10px 34px; border-bottom: #ddd 1px solid; background: url(images/comment-icon.png) 0 0 no-repeat;
}
h2#comments span {
	color: #aaa;
}
div.commentlist div.comment {
	width: 670px; background: #f3f3f3; padding: 10px 0; border-top: #fff 1px solid; border-bottom: #ddd 1px solid;
	transition: all .25s ease-out; -o-transition: all .25s; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;
}
div.commentlist div.comment:hover {
	background: #fff;
}
div.comment-author {
	width: 135px; margin: 0 15px 0 0; float: left;
}
div.author-name {
	width: 115px; padding: 0 10px; margin: 0 0 px 0; font-weight: bold;
}

div.comment-date {
	width: 115px; margin: 0 15px 0 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; font-size: 0.9em;
	padding: 0 10px;
}
div.comment-date a {
	color: #666; text-decoration: none;
}
div.comment-date a span {
	color: #aaa;
}
div.commentlist div.comment div.comment-content {
	width: 509px; float: left; padding: 0 10px 0 0; border-left: #ddd 1px solid; overflow: hidden;
}
div.commentlist div.comment div.comment-content p {
	border-left: #fff 1px solid; padding: 0 0 10px 15px; margin: 0;
}
div.commentlist div.comment div.divider {
	width: 700px; border-bottom: #e6e6e6 1px solid;
}

div.commentlist .wp-smiley {
	display: inline !important;
}

div.comments-respond {
	width: 670px; background: #f3f3f3; padding: 10px 0; border-top: #fff 1px solid;
}
div.comments-respond div.user-info {
	width: 216px; float: left; padding: 0 0 10px 0;
}
div.comments-respond div.mail {
	padding: 0 11px 10px 11px;
}
div.comments-respond div.user-info label {
	width: 216px; font-weight: bold; color: #444; padding: 0 0 3px 0; font-size: 13px; display: block;
}
div.comments-respond div.user-info label span {
	color: #888; font-size: 11px; font-weight: normal;
}
div.comments-respond div.user-info input {
  width: 209px; height: 26px; line-height: 26px; padding: 0 5px; border: #ddd 1px solid; font-size: 12px; display: block;
  -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
}
div.comments-respond div.user-comment {
	width: 670px; margin: 0 0 10px 0;
}
div.comments-respond div.user-comment label {
	width: 670px; font-weight: bold; color: #444; padding: 0 0 3px 0; font-size: 13px;
}
div.comments-respond div.user-comment label span {
	color: #888; font-size: 11px; font-weight: normal;
}
div.comments-respond div.user-comment textarea {
  width: 662px; height: 100px; padding: 5px; border: #ddd 1px solid; font-size: 12px; display: block;
  -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; resize: none; overflow: auto;
}
div.comments-respond input#submit {
  height: 32px; line-height: 32px; padding: 0 10px; border: 0; margin: 15px 0 0 0; color: #fff; font-size: 12px; cursor: pointer;
  background: #666; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
}
div.comments-respond .error {
	background: #ffe5e5 !important; border: #fb8080 1px solid !important;
}

/****************************************
	==== AUTHOR PRESENTATION
****************************************/

div.author-header {
	width: 940px; height: 180px; margin: 10px;
}
div.author-header div.intro {
	padding: 10px 15px; float: left; margin: 132px 0 0 10px; background: rgba(0,0,0,0.5);
}
div.author-header div.intro h1 {
	padding: 0; font-size: 16px; letter-spacing: 0; color: #fff;
}
div.author-box {
	width: 190px !important; padding-bottom: 10px;
}
div.author-box h3 {
	width: 190px !important;
}
div.author-box p {
	font-size: 12px;
}
div.author-box div.website {
	font-size: 12px;
}
div.author-box div.aim {
	font-size: 12px;
}

/****************************************
	==== SEARCH FORM
****************************************/

div.sidebar {
	width: 200px; padding: 10px;
}
div.sidebar ::-webkit-scrollbar {
	width: 10px; height: 10px;
}
div.sidebar ::-webkit-scrollbar-button:start:decrement,
div.sidebar ::-webkit-scrollbar-button:end:increment {
	display: block; height: 0; line-height: 0; background: #fff;
}
div.sidebar ::-webkit-scrollbar-button:vertical:increment {
	background: #fff;
}
div.sidebar ::-webkit-scrollbar-track-piece {
	background: #fff url(images/elements/scrollbar_bg.gif) 0 0 repeat-y;
}
div.sidebar ::-webkit-scrollbar-thumb:vertical {
	height: 50px; background: #ccc url(images/elements/scrollbar-tracker_bg.gif) 0 0 repeat-y;
	border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px;
}
div.sidebar ::-webkit-scrollbar-thumb:vertical:hover {
	background: #ccc url(images/elements/scrollbar-tracker-hover_bg.gif) 0 0 repeat-y;
}
div.sidebar ::-webkit-scrollbar-thumb:horizontal {
	width: 50px; background: #ccc;
}

div.searchform {
	width: 200px; height: 30px; position: relative; padding: 0 0 10px 0; border-bottom: #e6e6e6 1px solid;
}
div.searchform input.field {
	width: 190px; height: 30px; line-height: 30px; padding: 0 5px 0 5px; display: block; color: #999; font-size: 14px; border: #e6e6e6 1px solid;
}
div.searchform input.submit {
	width: 18px; height: 17px; border: 0; text-indent: -9999em; background: #fff url(images/search_btn.png) 0 0 no-repeat;
	position: absolute; top: 6px; left: 175px; cursor: pointer;
}

/****************************************
	==== SIDEBAR CUSTOM DROPDOWNS
****************************************/

div.authors {
	width: 200px; position: relative; padding: 10px 0 5px 0; border-top: #fff 1px solid; z-index: 1;
}
div.archives {
	width: 200px; position: relative; padding: 0 0 10px 0; border-bottom: #e6e6e6 1px solid;
}
div.archives_list {
	top: 35px !important; z-index: 100;
}
div.author_select {
	z-index: 1000;
}

div.custom_select {
	width: 198px; height: 18px; padding: 5px 0; background: #fff; border: #e6e6e6 1px solid; cursor: pointer;
}
div.custom_select div.lbl {
	width: 164px; height: 18px; line-height: 18px; float: left; font-size: 14px; color: #999; border-right: #e6e6e6 1px solid; padding: 0 0 0 5px;
}
div.custom_select div.arrow {
	width: 18px; height: 18px; float: right; margin: 0 5px 0 0;
}
div.cclosed div.arrow {
	background: url(images/select_arrows.png) 0 0 no-repeat;
}
div.cclosed:hover div.arrow {
	background: url(images/select_arrows.png) -18px 0 no-repeat;
}
div.copen div.arrow {
	background: url(images/select_arrows.png) 0 -18px no-repeat;
}
div.copen:hover div.arrow {
	background: url(images/select_arrows.png) -18px -18px no-repeat;
}

div.custom_list {
	width: 200px; height: 200px; overflow: hidden; position: absolute; top: 45px; left: 0; background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -o-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
div.custom_list div.list {
	width: 190px; height: 190px; overflow-x: hidden; overflow-y: auto; margin: 5px;
}
div.custom_list div.row {
	width: 165px; height: 24px; line-height: 24px; padding: 0 5px;
}
div.custom_list div.row:nth-child(odd) {
	background: #f3f3f3;
}
div.custom_list div.row div.text {
	width: 165px;
}
div.custom_list div.row div.text a {
	width: 165px; height: 24px; display: block; color: #666; font-size: 12px; text-decoration: none;
}
div.custom_list div.row div.text a:hover {
	color: #5284bd; text-decoration: underline;
}

/****************************************
	==== SIDEBAR CATEGORIES
****************************************/

div.categories {
	width: 200px; padding: 10px 0 10px 0; border-top: #fff 1px solid; border-bottom: #e6e6e6 1px solid;
}
div.categories ul {
	width: 200px;
}
div.categories ul li {
	width: 200px; clear: both; padding: 0 0 5px 0;
}
div.categories ul li a {
	
}
div.categories ul li span {
	color: #aaa; padding: 0 0 0 5px;
}

/****************************************
	==== SIDEBAR CATEGORIES
****************************************/

div.rssfeed {
	width: 200px; position: relative; padding: 10px 0 10px 0; border-top: #fff 1px solid;
}
div.rssfeed ul {
	width: 200px;
}
div.rssfeed ul li {
	width: 200px; clear: both; padding: 0 0 5px 0;
}
div.rssfeed ul li a {
	color: #444;
}

/****************************************
	==== NEXT AND PREV LINKS
****************************************/

div.nextprev div.next {
	width: 176px; height: 22px; float: right;
}
div.nextprev div.next a {
	width: 176px; height: 22px; line-height: 22px; display: block; text-decoration: none; color: #fff; text-indent: 15px;
	background: url(http://unity3d.com/media/images/elements/buttons/std-btn-next.png) 0 0 no-repeat;	
}
div.nextprev div.prev {
	width: 176px; height: 22px; float: left;
}
div.nextprev div.prev a {
	width: 176px; height: 22px; line-height: 22px; display: block; text-decoration: none; color: #fff; text-indent: 25px;
	background: url(http://unity3d.com/media/images/elements/buttons/std-btn-prev.png) 0 0 no-repeat;	
}

/****************************************
	==== SOCIAL BUTTONS
****************************************/
div#social-icons-top {}
div#social-icons-top div {float:right; margin-left:5px;}
div#social-icons-top div.fb-like-btn {width:47px; overflow:hidden;}


div#social-icons-bottom {border-top:#E6E6E6 1px solid; border-bottom:#E6E6E6 1px solid; padding:5px; margin:20px 0;}
div#social-icons-bottom div.fb-like-btn {float:left;}
div#social-icons-bottom div.gplus-btn {float:left; margin: 1px 5px 0 0;}
div#social-icons-bottom div.tweet-btn {float:left; margin: 1px 5px 0 0;}
.fb-share-btn { line-height:normal;  }
.fb-share-btn a {background:none!important; background-color: #ECEEF5 !important; border: 1px solid #CAD4E7 !important; border-radius: 3px 3px 3px 3px !important; display: block !important; float: right !important; padding: 4px 5px !important;}
.fb-share-btn a span {color:#3B5998 !important; margin-left:0px !important; background:url("http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png") no-repeat scroll 0 -47px transparent !important; padding-left:20px !important; color: #3B5998 !important; border:0 !important; font-family:Arial; font-size: 11px !important; font-weight:normal !important;}
.fb-share-btn a:hover {border-color:#9DACCE !important;}