body, input, select, textarea {
 color:#333333;
 font-size:13px;
 font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
}

body {
 margin:0px;
}

h1 {
 font-size:23px;
}

h2 {
 font-size:20px;
 font-weight:normal;
}

h3 {
 color:#666666;
 font-size:14px;
 font-weight:normal;
}

h4 {
 font-size:13px;
}

h4 a {
 font-weight:normal;
}

ul {
 list-style-type:none;
}

a {
 color:#0065CC;
 text-decoration:none;
}

a.blue:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

img {
 border:0px;
}

table td {
 padding-top:10px;
}

.label {
 padding-top:13px;
 vertical-align:top;
 width:120px;
}

.label-s {
 width:90px;
}

.input-text-ss {
 width:200px;
}

.input-text-s {
 width:270px;
}

.input-text {
 width:300px;
}

.input-text-x {
 width:400px;
}

.textarea-s {
 width:270px;
 height:80px;
}

.textarea-m {
 width:300px;
 height:100px;
}

.textarea-x {
 width:400px;
 height:100px;
}

.n {
 font-weight:normal;
}

.b {
 font-weight:bold;
}

.sky {
 color:#0088CC;
}

.fire {
 color:#CC0066;
}

.grass {
 color:#669900;
}

.snow {
 color:#FFFFFF;
}

.floral {
 color:#CC6699;
}

#wrapper {
 margin:0px auto;
 width:900px;
}

#headerWrapper {
 width:100%;
 height:60px;
 border-bottom:1px dotted #CCCCCC;
}

#header {
 position:relative;
 margin:0px auto;
 width:900px;
}

#logo {
 position:absolute;
 left:0px;
 top:12px;
}

#menu {
 float:right;
 margin:25px 0px 0px;
 padding:0px;
 color:#336699;
}

#menu li {
 display:inline;
}

#menu a:hover {
 text-decoration:underline;
}

#siwt {
 float:right;
 margin:23px 10px 0px 0px;
}

#main {
 float:left;
 margin-bottom:20px;
 width:900px;
}

#content {
 float:left;
 width:600px;
}

.empty {
 padding:20px 0px;
 font-size:17px;
 width:600px;
 text-align:center;
}

#side {
 float:right;
 width:250px;
}

.list-links {
 margin:15px 0px;
 padding:0px;
 clear:both;
}

.list-links li {
 margin:5px 0px;
}

.list-links a:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

#footer {
 clear:both;
 padding:10px 0px;
 border-top:1px dotted #CCCCCC;
}

#footer a:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

/* index */
#floral {
 position:relative;
}

#floral h2 {
 font-family:Georgia,Palatino,'Palatino Linotype';
 text-align:center;
}

#r {
 position:absolute;
 left:600px;
 top:100px;
}

/* images */
#pics td {
 padding-top:1px;
 vertical-align:top;
}

.getstarted {
 padding:10px 15px;
 border:1px solid #C7E0ED;
 background-color:#E4EEF2;
 -moz-border-radius:5px;
}

.getstarted h4 {
 margin:10px 0px;
}

.pic {
 float:left;
 padding-bottom:30px;
 width:290px;
}

.image {
 width:240px;
}

.info, .title, .note, .source, .tags, .size, .date {
 float:left;
 width:250px;
}

.title, .note, .source, .tags, .size, .date {
 margin:5px 0px;
}

.title {
 font-size:18px;
}

.note a:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

.source a {
 color:#008000;
 text-decoration:none;
}

.source a:hover {
 color:#FFFFFF;
 background-color:#008000;
}

.tags a:hover, a.action:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

.date {
 position:relative;
}

#pages {
 float:left;
 width:600px;
}

#pages a:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

#relatedTags {
 line-height:30px;
}

#image {
 margin-top:20px;
}

#imageInfo {
 margin:15px 0px 0px;
 padding-left:15px;
 list-style-type:circle;
}

#imageInfo li {
 margin:5px 0px;
}

#imageInfo a:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

#sharer {
 margin:20px 0px 0px 0px;
 height:24px;
}

#sharer img {
 float:left;
 margin-right:5px;
}

#sharer div {
 float:left;
 padding-top:5px;
}

.tagfix {
 margin:2px 0px;
}

/* shared */
#shared, #shared .pic {
 float:left;
 width:600px;
}

#shared .image {
 float:left;
 padding-right:20px;
 width:240px;
 text-align:center;
}

#profile {
 margin:0px;
 padding:0px;
 width:250px;
}

#profile li {
 margin-bottom:10px;
}

.avatar {
 float:left;
 padding-right:10px;
 width:48px;
}

.fullname {
 float:left;
 font-size:14px;
 font-weight:bold;
 width:192px;
}

.services {
 float:left;
 margin-top:5px;
 width:192px;
}

.bio {
 float:left;
 margin-top:5px;
 width:250px;
}

.feed {
 margin-top:10px;
 width:230px;
}

/* settings */
#accountInfo {
 margin:15px 0px 0px;
 padding:0px;
}

#accountInfo li {
 padding-bottom:5px;
}

.free {
 color:#64992C;
}

.pro {
 color:#CC0066;
}

/* others */
.icon {
 padding-left:20px;
 background-repeat:no-repeat;
 background-position:left center;
}

.tick {
 font-style:italic;
 background-image:url(tick.gif);
}

.alert {
 color:#FF0000;
 background-image:url(alert.gif);
}

.rss {
 background-image:url(rss.gif);
}

.tag {
 background-image:url(tag.gif);
}

a.bkmrklt {
 text-decoration:underline;
}

.para {
 padding-left:16px;
}

.para ul {
 margin:0px;
 padding:0px 0px 0px 20px;
 list-style-type:decimal;
}

.para ul li {
 margin:10px 0px;
}

sup {
 color:red;
}

.faq-list {
 padding-left:30px;
 list-style-type:disc;
}

.faq-list li {
 margin:5px 0px;
}

#loader {
 margin-top:15px;
}

.hey {
 margin-top:20px;
 padding:10px 20px;
 width:560px;
 background-color:#F4F4EC;
}

.hey-message, hey-siwt {
 float:left;
}

.hey-message {
 padding-right:20px;
 width:380px;
}

/* upgrade */
#cart th {
 padding:5px 10px;
 border-bottom:1px dotted #EEEEEE;
 text-align:left;
}

#cart td {
 padding:5px 10px;
}

#cart .checkout {
 text-align:right;
}

#paymentTips {
 margin:20px 0px 0px;
 padding:0px;
}

#paymentTips li {
 margin:5px 0px;
}

/* album */
.album-cover{
 padding:5px 0px 0px 5px;
 width:86px;
 height:86px;
 background:url(album_back.gif) no-repeat left top;
}

.album-cover-side, .album-description {
 margin-bottom:10px;
}

.album-description {
 padding-left:10px;
 border-left:5px solid #EEEEEE;
}

.album-title {
 margin-top:5px;
 width:100px;
}

.album-title a {
 font-weight:bold;
 text-decoration:none;
}

.album {
 float:left;
 width:120px;
 height:150px;
}

.moreactions {
 padding-right:10px;
 background:url(arrowdown.gif) no-repeat right center;
}

.madropdown {
 position:absolute;
 left:100px;
 top:20px;
 margin:0px;
 padding:0px 10px 5px ;
 background-color:#FFFFFF;
 border:1px solid #7CA8D3;
 -moz-box-shadow:1px 1px 2px #999999;
}

.madropdown li {
 margin:5px 0px;
}

#covers td {
 padding-top:1px;
 width:95px;
 vertical-align:top;
 text-align:center;
}

#covers .submit {
 padding:10px 0px 0px 10px;
 text-align:left;
}

.save-album-create {
 margin-top:10px;
 padding:5px 10px 10px;
 width:260px;
 background-color:#F4F4EC;
}

.save-album-create label {
 display:block;
 margin:5px 0px;
}

/* popup */
#popupShadow {
 position:absolute;
 left:0px;
 top:0px;
 width:320px;
 background-color:#000000;
 opacity:0.2;
 filter:alpha(opacity=20);
 -moz-border-radius:5px;
}

#popup {
 position:absolute;
 left:0px;
 top:0px;
 width:300px;
 background-color:#FFFFFF;
}

#popupAlbums {
 float:left;
 width:300px;
 max-height:200px;
 overflow-x:hidden;
 overflow-y:auto;
 border-top:1px dotted #CCCCCC;
}

.popup-content {
 float:left;
 padding:10px;
 width:280px;
 border-top:1px dotted #CCCCCC;
}

.popup-pass {
 float:left;
 padding:0px 10px 10px;
 width:280px;
 border-top:1px dotted #CCCCCC;
}

.popup-pass label {
 display:block;
 margin:5px 0px;
}

.popup-album {
 float:left;
 padding:5px 10px;
 width:280px;
 cursor:pointer;
}

.popup-album-thumb, .popup-album-title, .popup-album-thumb img {
 float:left;
}

.popup-album-thumb {
 width:40px;
}

.popup-album-title {
 width:180px;
}

.popup-album-status {
 float:right;
 padding-top:7px;
 width:30px;
}

.popup-header, .popup-message {
 float:left;
 padding:5px 10px;
 width:280px;
}

.popup-header {
 color:#0065CC;
}

.popup-header a:hover {
 color:#FFFFFF;
 background-color:#0065CC;
}

.popup-close {
 float:right;
}

.popup-album-new {
 float:left;
}

.popup-album-create {
 float:left;
 padding:0px 10px 5px;
 width:280px;
}

.popup-album-create label {
 display:block;
 margin:5px 0px;
}

.share-image-form .submit {
 margin:5px 5px 0px 0px;
}

/* comments */
#comments {
 margin-top:15px;
}

.comment {
 float:left;
 margin-bottom:15px;
 width:500px;
}

.comment-avatar {
 float:left;
 width:50px;
}

.comment-avatar img {
 float:left;
}

.comment-detail {
 float:left;
 margin:0px;
 padding:0px;
 width:440px;
}

#loginToComment, #loginToComment td {
 margin:0px;
 padding:0px;
}

/* validation */
.errorContainer .error {
 color:#FF0000;
}