@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
	font:12px/1.5 Dotum,Verdana,AppleGothic,Sans-serif;
	color:#666;
	width:100%;
	height:100%;
	tranparent:0.7;
	background-image:url(images/stripe.gif);
	background-position:right top;
	background-repeat:repeat;
	background-color:#ffffff;
	padding:0;
	margin:0;
}
a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
a:active {
	color:#666;
	text-decoration: none;
}
/* 페이징 - 현재 페이지 */
.selected {
	font-weight:bold;
	color:#333;
}
.no-more-prev {
	background:url(images/ico_prev_no.gif) left 1px no-repeat !important;
	padding-left:6px;
	color:#999;
}
.no-more-next {
	background:url(images/ico_next_no.gif) right 1px no-repeat !important;
	padding-right:6px;
	color: #999;
}
/* 카테고리 - 이미지 버튼 */
.ib {
	cursor: pointer;
}
/* 카테고리 - 트리 셀 */
.branch3 {
	cursor: pointer;
}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {
	font:0.75em Tahoma,Helvetica,Arial,Gulim,sans-serif;
	color: #f30;
}
/* 달력 월 표시 */
.cal_month {
	font:0.95em Verdana,Helvetica,Arial,Gulim,sans-serif;
	height:18px;
	font-weight: bold;
}
/* 달력 요일 표시(th 영역) */
.cal_week1 {
	font:0.95em Dotum,Arial,sans-serif;
	height:18px;
	font-weight: normal;
}
/* 달력 일요일 표시(th 영역) */
.cal_week2 {
	font:0.95em Dotum,Arial,sans-serif;
	color: #f30;
}
/* 달력 Week(tr 영역) */
.cal_week {
}
.cal_current_week {
}
/* 달력 Day(td 영역) */
.cal_day {
	font:0.95em Verdana,Helvetica,Arial,Gulim,sans-serif;
	color:#999;
	text-align: center;
}
/* 달력 Day,일요일 (td 영역) */
.cal_day_sunday {
	color:#f30 !important;
}
.cal_day_sunday a {
	color: #f30 !important;
}
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 {
	color: #ccc;
}
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 {
	color: #ccc;
}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {
	color: #666;
}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 {
	color:#000;
	text-decoration: underline;
}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {
	color:#333;
	font-weight:bold;
}
a.cal_click:visited {
	color:#333;
	font-weight:bold;
}
a.cal_click:hover {
	color:#f30;
	font-weight: bold;
}
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {
}
.rp_admin {
	padding-left:20px;
}
.rp_secret {
	color: #f30;
}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {
}
.guest_admin {
	background:url(images/iconAdmin.gif) no-repeat;
	padding-left: 20px;
}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment {
	background:url(images/iconSecret.gif) no-repeat;
	padding-left:20px;
	font-weight: normal;
}
/* 이미지 아래 캡션 스타일 */
.cap1 {
	color:#999;
	text-align:center;
	padding:4px 0;
	margin: 0;
}
/* 그림 */
.imageblock {
	border:1px solid #ddd;
	padding:5px 0;
	margin:5px 0;
	text-align: center;
}
/* 왼쪽 */
.left {
}
/* 가운데 */
.center {
}
/* 오른쪽 */
.right {
}
/* 그림 2개 배치 */
.dual {
	background-color:#fff;
	margin-bottom: 5px;
}
/* 그림 3개 배치 */
.triple {
	background-color:#fff;
	margin-bottom: 5px;
}
/* 본문 - more / less */
.moreless_fold {
	background:url(images/iconMore.gif) top left no-repeat;
	padding-left:20px;
	color:#000;
}
.moreless_top {
	background:url(images/iconLess.gif) top left no-repeat;
	padding-left:20px;
	color:#000;
}
.moreless_body {
}
.moreless_bottom {
	background:url(images/iconLess.gif) top right no-repeat;
	padding-right:20px;
	color:#999;
	text-align: right;
}
/* 키워드 */
.key1 {
	cursor:pointer;
	border-bottom: 1px dotted #ccc;
}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가,삭제 가능 */
hr {
	display:none;
}
img {
	border:0;
}
h1,h2,h3,h4 {
	margin:0;
	padding:0;
}
h1 {
	font-size:1.6em;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1em;
}
input {
	border:1px solid #E5E5E5;
}
textarea {
	border: 1px solid #E5E5E5;
}
/* 블로그 레이아웃 */
#container {
	position:relative;
	top:50px;
	left:120px;
	background-color:#FFFFFF;
	width:/*@post-width:280=*/1050px/*@*/;
	margin-bottom:60px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	border: 1px solid #AAAAAA;
}

#headerBox {
	width:100%;
	margin:0;
	padding:0;
	/*@title-background-image=background-image:url(images/head_bg.gif);
	*/background-image:none;
	/*@*/
	/*@title-background-image-position=background-position:left top;
	*/background-position:center top;
	/*@*/
	background-repeat:repeat;
	height:190px;
}
#header {
	width:/*@post-width:250=*/970px/*@*/;
	margin:0 auto;
	padding: 0 0 0 30px;
}
/* ***** Header ***** */
#header h1 a {
	padding:0;
	margin:0;
	font-family:/*@title-font-family=dotum*/dotum/*@*/;
	/*@title-color=color:;
	*/color:#fff;
	/*@*/ font-weight:bold;
	font-size:/*@title-font-size=14px*/16px/*@*/;
	line-height:1.0;
}
#header .logo {
	float:left;
}
#header .blogMenu {
	float:right;
	margin:45px 0 0 0;
	list-style:none;
	width:/*@post-width:-197=*/523px/*@*/;
}
#header .blogMenu li {
	float:left;
	list-style:none;
	background:url(images/menu_div.gif) no-repeat 0 3px;
	padding:0 10px;
}
#header .blogMenu li.first {
	background:none;
}
#header .blogMenu li a {
	color:#fff;
	font-family:dotum;
	font-size:12px;
}
#header .blogMenu li a:hover {
	text-decoration:none;
}
#content {
	margin:0;
	float:left;
	width:/*@post-width=*/745px/*@*/;
	padding:40px 0 20px 30px;
	/* contents -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
	*/
}
#sidebar {
	float:right;
	width:230px;
	padding: 10px 15px 0 10px;
}

#footer { clear:both; padding:20px 0 0 0; }


/* ***** content ***** */
#content .nonEntry h3 {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	color:#222;
}
#content .entry {
	width:/*@post-width=*/720px/*@*/;
	margin:0;
	padding:0 0 15px 0;
	overflow:hidden;
}
#searchList {
	width:/*@post-width=*/720px/*@*/;
	margin:0;
	padding:0 0 15px 0;
	overflow:hidden;
}
#searchList ol,#searchRplist ol {
	list-style:none;
	padding:5px 0;
	margin:0;
}
#searchList li,#searchRplist li {
	border-bottom:1px solid #eee;
	padding-bottom:2px;
	margin-bottom:4px;
}
#searchList .date,#searchRplist .date {
	font:0.95em Verdana,Helvetica,Arial,Gulim,sans-serif;
	margin-right:10px;
}
#searchList .cnt {
	font:0.75em Verdana,Helvetica,Arial,Gulim,sans-serif;
	color:#f60;
}
#searchRplist .name {
	font:0.95em Dotum,Arial,sans-serif;
	color:#999;
	padding-left:8px;
}
#localog .spot {
	background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;
	padding-left:20px;
	margin-top:5px;
}
#localog .info {
	background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;
	padding-left:15px;
	margin-top:2px;
}
#localog a:link {
	color:#5a5194;
}
#localog a:visited {
	color:#5a5194;
}
#localog a:hover {
	color:#7870ab;
	text-decoration:underline;
}
#taglog ul {
	padding:5px;
	margin:0;
	text-align:justify;
}
#taglog li {
	display:inline;
}
#taglog a:hover {
	background-color:#eee;
	color:#000;
}
#taglog li .cloud1 {
	background-color:#eee;
	color:#a2348f;
	font-weight:bold;
	font-size:16px;
}
#taglog li .cloud2 {
	background-color:#eee;
	color:#5a5194;
	font-weight:bold;
	font-size:15px;
}
#taglog li .cloud3 {
	background-color:#eee;
	color:#7870ab;
	font-weight:bold;
	font-size:14px;
}
#taglog li .cloud4 {
	background-color:#eee;
	color:#666;
	font-size:13px;
}
#taglog li .cloud5 {
	font-size:12px;
	color:#999;
}
#guestbook p {
	padding:2px 0;
	margin:0;
}
#guestWrite {
	padding:10px;
	background-color:#f5f5f5;
	border:1px solid #ddd;
}
#guestWrite input {
	width:150px;
}
#guestWrite textarea {
	width:/*@post-width:-45=*/675px/*@*/;
	overflow:hidden;
	padding:5px;
}
#guestWrite .homepage {
	width:300px;
}
#guestWrite .submit {
	background:url(images/btn_visit.gif) no-repeat;
	width:71px;
	height:23px;
	overflow:hidden;
	display:block;
	text-indent:-1000em;
	border:0;
	cursor:pointer;
	margin:0 auto;
}
#guestList {
	padding:10px 0 0 0;
}
#guestList ol,#guestList ul {
	margin:0;
	padding:0;
	list-style:none;
}
#guestList li p {
	border-top:1px dashed #ccc;
	margin-top:5px;
	padding-top:5px;
}
#guestList ol li {
	border:5px solid #eee;
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
}
#guestList li ul li {
	margin-left:20px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;
	background-color:#f5f5f5;
	padding-left:25px;
	border:none;
	width:500px;
	overflow:hidden;
}
#guestList li .name {
	color:#666;
	font-weight:bold;
}
#guestList li .date {
	font:0.8em Tahoma,Helvetica,Arial,Gulim,sans-serif;
}
#guestList .control a.address {
	background:url(images/btnAddress.gif) no-repeat;
	padding-left:24px;
	padding-bottom:2px;
	text-decoration:none;
}
#guestList .control a.address span {
	display:none;
}
#guestList .control a.modify {
	background:url(images/btnModifyDelete.gif) no-repeat;
	padding-left:24px;
	padding-bottom:2px;
	text-decoration:none;
}
#guestList .control a.modify span {
	display:none;
}
#guestList .control a.write {
	background:url(images/btnReply.gif) no-repeat;
	padding-left:13px;
	padding-bottom:2px;
	text-decoration:none;
}
#guestList .control a.write span {
	display: none;
}
/* entry */
.entryNotice h2,.entryProtected h2,.entry h2 {
	font-size:1.2em;
	line-height:1.2em;
}
.entry h2 a {
	font-size:/*@post-title-font-size=*/24px/*@*/;
	font-family:/*@post-title-font-family=*/gulim/*@*/;
	color:/*@post-title-color=*/#3E3E3E/*@*/;
	line-height:1.2em;
	padding:8px 0 6px 0;
}
.titleWrap {
	width:/*@post-width=*/720px/*@*/;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:20px;
	overflow:hidden;
}
.titleWrap .category a {
	font:12px sans-serif,Dotum,Arial;
	color:#333;
	margin-right:6px;
}
.titleWrap .date {
	font:0.9em Verdana,Helvetica,Arial,Gulim,sans-serif;
	color:#888;
}
.entryProtected p.text {
	background:url(images/imgProtected.gif) no-repeat;
	padding-left:50px;
}
.entryProtected input {
	width:200px;
}
.entryProtected .submit {
	width:50px;
	padding-top:2px;
	height:20px;
	background-color:#ccc;
}
.article {
	width:/*@post-width=*/720px/*@*/;
	font-size:/*@post-body-font-size=*/12px/*@*/;
	font-family:/*@post-body-font-family=*/dotum/*@*/;
	color:/*@post-body-color=*/#3E3E3E/*@*/;
	overflow:hidden;
}
.article a:link {
	color:#666;
	text-decoration:none;
}
.article a:visited {
	color:#666;
	text-decoration:none;
}
.article a:hover {
	color:#666;
	text-decoration:underline;
}
.article a:active {
	color:#666;
	text-decoration:none;
}
.article dt {
	text-decoration:underline;
}
.article dd {
	margin-left:20px;
	padding-bottom:10px;
}
.article blockquote {
	background:url(images/iconBlockquote.gif) top left no-repeat;
	padding-left:25px;
	margin:10px 20px;
}
.author {
	text-align:right;
	color:#888;
	padding:20px 20px;
}
.author .text {
	font:90% Verdana,Arial,Helvetica,sans-serif;
}
.tagTrail {
	padding:8px 5px 5px 30px;
	background:url(images/iconTag.gif) center left no-repeat;
	clear:both;
}
.tagText {
	display:none;
}
.actionTrail {
	border-top:1px dotted #ccc;
	padding:7px 5px 7px 0;
	clear:both;
}
.actionTrail .cnt {
	color:#f60;
}
.trackback {
	width:/*@post-width:-12=*/708px/*@*/;
	border:1px solid #F0F0F0;
	background:#F9F9F9;
	padding:5px 5px 0 5px;
	margin-bottom:10px;
	overflow:hidden;
}
.trackback a {
	color:#000;
}
.trackback h3 {
	font:11px Verdana;
	color:#333;
	border-bottom:1px solid #f5f5f5;
	margin:5px 5px 10px 5px;
}
.trackback h4 {
	font:12px Verdana;
	font-weight:normal;
	margin:0;
}
.trackback ol {
	margin:0;
	padding:0;
	list-style:none;
}
.trackback li {
	border-top:1px dotted #ccc;
	padding:5px;
}
.trackback .date {
	font:0.9em Verdana,Helvetica,Arial,Gulim,sans-serif;
	color:#777;
}
.trackback p {
	font:0.95em Dotum,Arial,sans-serif;
	color:#999;
	margin:3px 0 0 0;
	padding:0;
	letter-spacing:-1px
}
.trackback a.delete {
	background:url(images/iconDelete.gif) left top no-repeat;
	padding-left:8px;
	text-decoration:none;
}
.trackback a.delete span {
	display:none;
}
.comment {
	width:/*@post-width:-12=*/708px/*@*/;
	border:1px solid #F0F0F0;
	background:#F9F9F9;
	padding:5px 5px 0 5px;
	overflow:hidden;
}
.comment p {
	margin:3px 0 0 0;
	padding:0;
}
.comment h3 {
	display:none;
}
.comment ol,.comment ul {
	margin:0;
	padding:0;
	list-style:none;
}
.comment .date {
	font:0.9em Verdana,Helvetica,Arial,Gulim,sans-serif;
	color:#777;
}
.comment .name {
	color:#666;
	font-weight:bold;
}
.comment .name a {
	color:#333;
	font-weight:bold;
}
.comment ol li {
	border-bottom:1px dashed #999;
	margin:0 0 7px 0;
	padding:0 0 7px 0;
}
.comment li ul li {
	padding:5px 10px 5px 35px;
	background:url("images/iconReComment.gif") no-repeat 12px 6px;
	border:none;
}
.comment .control a.address {
	background:url(images/btnAddress.gif) no-repeat;
	padding-left:24px;
	padding-bottom:2px;
	text-decoration:none;
}
.comment .control a.address span {
	display:none;
}
.comment .control a.modify {
	background:url(images/btnModifyDelete.gif) no-repeat;
	padding-left:24px;
	padding-bottom:2px;
	text-decoration:none;
}
.comment .control a.modify span {
	display:none;
}
.comment .control a.write {
	background:url(images/btnReply.gif) no-repeat;
	padding-left:13px;
	padding-bottom:2px;
	text-decoration:none;
}
.comment .control a.write span {
	display:none;
}
.commentWrite {
	overflow:hidden;
	padding:5px;
}
.commentWrite input {
	width:150px;
	color:#666;
}
.commentWrite textarea {
	width:/*@post-width:-45=*/675px/*@*/;
	overflow:hidden;
	padding:5px;
	margin:0;
	color:#666;
}
.commentWrite .homepage {
	width:300px;
}
.commentWrite .submit {
	background:url(images/btn_reple.gif) no-repeat;
	width:71px;
	height:23px;
	overflow:hidden;
	display:block;
	text-indent:-1000em;
	border:0;
	cursor:pointer;
	margin:0 auto;
}
.commentWrite .secretWrap {
	clear:both;
	float:right;
	position:relative;
	top:0px;
	left:-10px;
	margin-bottom:5px;
}
.commentWrite .checkbox {
	border:none;
	padding:0;
	margin:0;
	width:25px;
}
#paging {
	padding-top:10px;
	text-align:center;
	font-size:0.95em;
}
#paging .numbox {
	border-left:1px solid #ccc;
	padding-left:6px;
	margin-left:6px;
	font:0.95em verdana;
}
#paging .num {
	border-right:1px solid #ccc;
	padding-right:8px;
	margin-right:5px;
}
#paging #prevPage {
	background:url(images/ico_prev_no.gif) left 1px no-repeat;
	padding-left:6px;
}
#paging #nextPage {
	background:url(images/ico_next_no.gif) right 1px no-repeat;
	padding-right: 6px;
}
/* ***** sidebar ***** */
#sidebar {
	padding-top:80px;
}
#sidebar ul {
	padding:0;
	margin:0;
	list-style:none;
}
#sidebar h3 {
	font-size:1em;
	font-weight:bold;
	color:#888;
	padding-top:20px;
	margin-bottom:8px;
}
#sidebar .cnt {
	font:0.85em Tahoma,Helvetica,Arial,Gulim,sans-serif;
	color:#888;
}
#sidebar .date {
	font:0.85em Verdana,Helvetica,Arial,Gulim,sans-serif;
	color:#888;
}
#sidebar .name {
	font:0.9em Dotum,Arial,sans-serif;
	color:#888;
}
#blogImage img {
	width:200px;
	height:150px;
	padding-bottom:6px;
	margin-top:10px;
}
#blogDesc {
	color:#888;
	font-size:0.9em;
	line-height:1.2em;
	letter-spacing:-1px;
}
#userID {
	color:#888;
	background:url(images/iconBy.gif) 3px 0 no-repeat;
	padding-left:22px;
	letter-spacing:-1px;
}
#notice {
	margin:10px 0;
	padding:0;
}
#notice li {
	border-bottom:1px dotted #ddd;
	margin:0 0 2px 0;
	padding:0 0 1px 0;
	background:none;
}
#notice a:link,#notice a:visited {
	background:url(images/icon_notice.gif) 0 0 no-repeat;
	padding:0 0 5px 35px;
}
#notice a:hover {
	background:url(images/icon_notice_over.gif) 0 0 no-repeat;
	padding:0 0 5px 35px;
	text-decoration:none;
	color:#f60;
}
#adminMenu {
	margin:5px 0 10px 0;
	text-align:center;
	background-color:#eee;
	padding:5px;
}
#adminMenu li {
	display:inline;
	background:none;
}
#searchBox {
	text-align:center;
	padding-right:30px;
}
#searchBox input {
	width:160px;
	height:18px;
	border:1px solid #AFAFAF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#searchBox .submit {
	background:url(images/btn_search_n.gif) no-repeat;
	width:25px;
	height:25px;
	text-indent:-5000px;
	border:0;
	cursor:pointer;
}
#category li {
	background:none;
}
#category li ul li {
	background:url(images/bul.gif) 0 6px no-repeat;
	padding-left:10px;
}
#category li ul li ul li {
	background:none;
	border-left:1px dotted #ccc;
	padding-left:6px;
	margin-left:2px;
}
#category li ul li ul li a {
	color:#333;
	font:12px sans-serif,Dotum,Arial;
	margin-right:6px;
}
#tagbox ul {
	padding:5px 2px;
	text-align:justify;
}
#tagbox li {
	background:none;
	display:inline;
}
#tagbox a {
	letter-spacing:-1px;
}
#tagbox li .cloud1 {
	background-color:#eee;
	font-weight:bold;
	font-size:16px;
	color:#a2348f;
}
#tagbox li .cloud2 {
	background-color:#eee;
	font-weight:bold;
	font-size:15px;
	color:#5a5194;
}
#tagbox li .cloud3 {
	background-color:#eee;
	font-weight:bold;
	font-size:14px;
	color:#7870ab;
}
#tagbox li .cloud4 {
	background-color:#eee;
	font-size:13px;
	color:#666;
}
#tagbox li .cloud5 {
	font-size:12px;
	color:#888;
}
#tagbox a:hover {
	background-color:#eee;
	text-decoration:none;
	color:#000;
}
#recentComment {
	width:190px;
	overflow:hidden;
}
#recentComment .info_wrap {
	margin-bottom:3px;
	color:#999;
	display:block;
}
#recentTrackback {
	width:190px;
	overflow:hidden;
}
#recentTrackback .info_wrap {
	margin-bottom:3px;
	color:#999;
	display:block;
}
#archive li {
	font-family:verdana;
}
#calendar td {
	font-family:verdana;
}
#counter {
	font:0.85em Verdana,Helvetica,Arial,Gulim,sans-serif;
	padding:5px 0;
	margin:10px 0;
	text-align:center;
	background-color:#FFFFFF;
	letter-spacing:0;
}
#counter li {
	background:none;
	display:inline;
	padding:0 5px;
}
#counter li.total {
	display:block;
	color:#000;
}
#twitterFollowBadge {
	padding-top:30px;
}

div.grass {
	// position:relative;
	width:100%;
	height:145px;
	z-index:-1;
	float:left;
	background-position:bottom;
	background:url(images/grass.jpg);
	background-image-repeat=repeat-x:
}
#uibgmplayer {
	margin:5px 0 0 5px;
	width: 181px;
}
/* ***** social tab ***** */
#socialWrapper {
	position:absolute;
	top:50px;
	left:983px;
	padding-top:70px;
}
#socialTab {
	width:73px;
	height:30px;
	background:url(http://thedarlingstarling.com/sitewide/images/social_bkg.png) no-repeat;
	z-index:2;
}
#socialTab img {
	width:14px;
	height:15px;
	margin-top:9px;
	position:relative;
}
#twitClip {
	margin-left:10px;
}
#rssClip {
	margin-left: 4px;
}
/* ***** my apps ***** */
div#dock_padder {
	width: auto;
	height: 30px;
}
div#dockContainer {
	padding:0;
	width:500px;
}
ul.osx-dock {
	display:inline-block;
	height:130px;
	padding:0 40px 0 0;
	background:url(http://www.zurb.com/playground/osx-dock/dock-background-left.png) no-repeat right bottom;
	overflow:hidden;
	margin:0 0 0 40px;
}
ul.osx-dock li {
	display:block;
	position:relative;
	float:left;
	width:70px;
	height:70px;
	margin:60px 0 4px 0;
	-webkit-transition:0.15s linear;
	-webkit-transition-property:-webkit-transform margin;
	text-align:center;
}
ul.osx-dock li a {
	display:block;
	height:50px;
	padding:0 1px;
	-webkit-transition:0.15s linear;
	-webkit-transition-property:-webkit-transform margin;
	margin:0;
	-webkit-box-reflect:below 2px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0.45,transparent),to(rgba(255,255,255,0.25)));
}
ul.osx-dock li a img {
	width:52px;
}
ul.osx-dock li:hover {
	margin-left:9px;
	margin-right:9px;
	z-index:200;
}
ul.osx-dock li:hover a {
	-webkit-transform-origin:center bottom;
	-webkit-transform:scale(1.5);
}
ul.osx-dock li.nearby {
	margin-left:6px;
	margin-right:6px;
	z-index:100;
}

ul.osx-dock li.nearby a {
	-webkit-transform-origin:center bottom;
	-webkit-transform:scale(1.25);
}

div#dockContainer {
	height:120px;
	padding:0px 0 0;
	text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width:auto;
	line-height:1;
	z-index:100;
	padding-top: 20px;
	margin-left: 40px;
	margin-right: 40px;
}

div#dockWrapper {
	width:auto;
	display:inline-block;
	position:relative;
	border-bottom:solid 2px rgba(255,255,255,.35);
	line-height:0;
}

div.cap {
	display:block;
	height:50px;
	width:40px;
	background:url(http://www.zurb.com/playground/osx-dock/dock-background-left.png) bottom left no-repeat;
}

div.cap.left {
	position:absolute;
	bottom:0px;
	left:0px;
}
div.cap.right {
	background-position:right bottom;
	position:absolute;
	top:0px;
	right: 0px;
}

div#carousel1 {
	width:auto;
	height:700px;;
	overflow:scroll;
}

div#appWrapper {
	display: none;
	background:#030611 url(http://www.zurb.com/playground/osx-dock/maelstrom.png) center -100px no-repeat;
	width:auto;
	height:auto;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

div#btnWrapper {
	float:right;
	position: relative;
	left: -47%;
	margin-top: 50px;
}

input#left-but {
	width:29px;
	height:23px;
	display:inline;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

input#right-but {
	width:29px;
	height:23px;
	display:inline;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}