* {
	margin:		0;
	padding:	0;
	font-family:	helvetica, arial, sans-serif;
}


html {
	margin:		0;
	padding:	0;
}

body {
	background-color:	#fff;
    background-image: url(../image/bg.png);

	margin:		0;
	padding:	0;
}

a:link { text-decoration:none; color:#72b8b4; }
a:visited { text-decoration:none; color:#72b8b4; }
a:hover { text-decoration:underline; color:#72b8b4; }
a:active { text-decoration:none; color:#72b8b4; }

#container {
	position:	relative;
    margin:		65px 100px;
	padding:	0;
}

#logo {
	text-align:	left;
	float:	left;
	width:	147px;
	height:	23px;
}
#logo a {
	display:	block;
	width:	147px;
	height:	23px;
	text-indent:-9999px;
	background:	url(../image/logo.png) top left no-repeat;
}

#tool {
    margin:		0 0 10px 0;
	padding:	0;
	text-align: right;
}
#tool-menu {
	margin-left:	150px;
}
#tool .menu {
    margin:		0 0 0 5px;
	padding:	5px 10px;
	background-color:	#fff;
	color: #abb;
    font-size: 12px;
}
#languages {
	font-size:	smaller;
}
#tool .current {
	color:	#666;
}
#languages .current {
	margin:	0;
	padding:0;
}

#tool a:link { text-decoration:none; color:#abb; }
#tool a:visited { text-decoration:none; color:#abb; }
#tool a:hover { text-decoration:underline; color:#abb; }
#tool a:active { text-decoration:none; color:#abb; }

/** blocks **/
#blocks {
	position:	relative;
}
.block {
	position:	relative;
    background:	#d0e9e8;
    margin:		0 0 10px 0;
	padding:	10px 15px;
}
.block h1, .block h2, .block h3 {
    padding: 0;
    border: 0;
    font-size: 24px;
    color: #fff;
}

.block p {
	font-size: 14px;
    color: #666;
    margin:		0 0 0 20px;
	padding:	0;
}

#header {
	clear:	left;
}

#content {
}
#flickrflow-example {
	/*width:		320px;*/
	height:		180px;
	margin:		8px auto 0px auto;

	text-align:	center;
}

#setting {
}
.input-form {
	position:	relative;
}
.input-form label {
	display:	block;
    padding: 0;
    border: 0;
    font-size: 24px;
    color: #fff;
}
.input-form .error {
    color:	red;
    padding-left:	4px;
    font-size:	14px;
}
.input-form input {
    padding: 0;
    border: 0;
    width:	100%;
    height: 30px;
    font-size: 24px;
}
.input-form input:focus {
    background-color: #fee8eb;
}
.input-form .ex {
	font-size: 10px;
    color: #666;
}

#form-width {
	width:	50%;
	float:	left;
}
#form-height {
	margin-left:	50%;
}
#form-submit {
	clear:	left;
}
#flickr-width, #flickr-height {
    padding: 0;
    border: 0;
    max-width: 128px;
    height: 30px;
    font-size: 24px;
}
#flickr-display {
    margin:		10px 0 10px 0;
    padding: 0;
    border: 0;
    width: 128px;
    height: 30px;
    background-color: #b4304a;
    font-weight: bold;
    color: #feeeee;
}
#flickr-display:active {
    padding: 1px 0 0 1px;
}

#footer {
	color: #fff;
    font-size: 12px;
	text-align: right;
}

#digg {
	text-align:	right;
}
#digg img {
	vertical-align:	middle;
}


/** preview **/
#preview {
	position:	absolute;
	top:	0;
	width:	100%;

	z-index:	2;
}

#preview .block {
    margin:		0 0 10px 0;
    color:		#ffffff;
	padding:	10px 15px;
	background:	transparent;
    background-image: url(../image/preview-bg.png);
}
#preview .block p {
	color:	#ffffff;
}
#preview .block h2 {
    padding: 0;
    border: 0;
    font-size: 24px;
    color: #72b8b4;
}

#preivew-select-background span {
	color:	#ffffff;
}
#preivew-select-background input {
	cursor:	pointer;
}
#preivew-select-background label {
	cursor:	pointer;
	margin-right:	0.5em;
}
#preview-flow-inner {
	text-align:	center;
}
.pb-transparent { background:	transparent; }
.pb-black { background:	black; }
.pb-white { background:	white; }
.pb-image { background:	url(../image/test-bg.png); }

#preview-tool {
    margin:		0 0 10px 0;
	padding:	0;
	text-align: right;
	background-image: url(../image/preview-bg.png);
}
#preview-tool span {
    margin:		0 0 0 5px;
	padding:	5px 10px;
	color: #f22;
    font-size: 12px;
}
#preview-tool a{ cursor: pointer; }
#preview-tool a:link { text-decoration:none; color:#abb; }
#preview-tool a:visited { text-decoration:none; color:#abb; }
#preview-tool a:hover { text-decoration:underline; color:#abb; }
#preview-tool a:active { text-decoration:none; color:#abb; }

#code-area {
	width:	100%;
	height:	10ex;
	font-size:	smaller;
	color:	black;
}