/* (c) 2009 twtgal.com */

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
:focus {
outline: 0;
}

/* LAYOUT */
body {
font:1.0em Verdana;
line-height:1.2em;
background:#111;
color:#ccc;
}

#container {
margin:0 auto;
position:relative;
text-align:left;
margin-top:5px;
width:860px;
}

#header,#footer {
width:850px;
margin:0 auto;
}

#header {
height:auto!important;
height:80px;
min-height:100px;
}

#stats {
position:absolute;
top:72px;
right:0px;
width:207px;
padding:3px;
text-align:left;
font-size:12px;
}

#cp-counter {
display:inline;
margin:0px;
padding:0px;
}

#morestats span{
float:left;
padding-bottom:5px;
}

#morestats {
width:380px;
margin-left:470px;
padding:0px 10px;
text-align:right;
height:0px;
overflow:hidden;
}

#morestats img{
margin-right:40px;/*depends on image width */
margin-top:10px;
}

#content {
position:relative;
padding:10px 0 10px 0;
min-height:300px;
}

#footer {
clear:both;
padding:10px 0;
color:#555;
text-align:center;
}

#logo {
position:absolute;
top:0px;
right:0px;
width:210px;
height:50px;
display:block;
}

#f1 {
width:600px;
float:left;
line-height:1.3em;
}

#f2 {
width:800px;
float:left;
line-height:1.3em;
}

#sidebar {
width:210px;
float:right;
min-height:300px;
}

/* GALLERY */

#mask{
position:relative;
height:620px;
margin:0 auto;
overflow:hidden;
}

#gallery {
position:relative;
height:620px;
margin:0 auto;
text-align:center;
}

#large {
height:620px;
margin:0 auto;
text-align:center;
}

#large img {
border:4px solid #eee;
position:absolute;
top:0;
left:0;
}

#prev {
position:absolute;
top:0px;
left:0px;
width:420px;
height:620px;
background:url(assets/prev.gif) no-repeat scroll left center;
opacity:0;
display:block;
cursor:pointer;
}

a#prev:hover {
opacity:0.7;
}

#next {
position:absolute;
top:0px;
right:0px;
width:420px;
height:620px;
background:url(assets/next.gif) no-repeat scroll right center;
opacity:0;
display:block;
cursor:pointer;
}

a#next:hover {
opacity:0.7;
}

#thumbnails {
position:relative;
margin:10px 0 0 0;
}

#thumbnails a{
border:2px solid #eee;
float:left;
width:40px;
height:40px;
margin:1px;
display:block;
}

#thumbnails a:hover {
border:2px solid #333;
}

.active {
border:2px solid #000099;
}

.thumb {
width:40px;
height:40px;
overflow:hidden;
text-align:center;
}

.thumb img {
/*width:70px;*/
}


#cp {
width:850px;
height:40px;
margin-top:3px;
}

#cp2 {
float:right;
width:260px;
border:0px solid #333;
}

#cp2 a{
width:50px;
display:block;
float:left;
margin:5px;
padding:2px 1px;
text-align:center;
cursor:pointer;
font:22px Verdana;

}

#cp2 a:hover {
background:#555;
}



/* TWEETS */

#first {
position:relative;
width:600px;
min-height:80px;
background:#fff;
padding:5px;
margin:10px 0;
font:1.2em Georgia;
line-height:1.1em;
}

#ar {
position:absolute;
bottom:-15px;
left:40px;
width:30px;
color:#fff;
font-size:26px;
}

#first img, #tweets img {
float:left;
padding:4px 8px 4px 4px;
}

#first .user a {
float:left;
margin-right:10px;
font-weight:bold;
}

#first p {

}

#first h5 {

}

#first h5 a{
color:#aaa;
}

#first p a{
font-weight:normal;
}

#first p a:hover{
text-decoration:underline;
}

#first h4 {
margin-left:520px;
}


#tweets {
float:left;
margin-top:10px;
}

.tw1 {
width:850px;
min-height:80px;
background:#fff;
padding:5px;
margin-bottom:15px;
float:left;
}

.tw1 .user a {
font-weight:bold;
float:left;
margin-right:10px;
}

.tw1 p a{
font-weight:normal;
}

.tw1 p a:hover{
text-decoration:underline;
}

.tw1 h5 a{
color:#888;
}

.tw1 h4 {
margin-left:760px;
}

#follow {
min-height:20px;
text-align:right;
font-size:12px;
clear:both;
}

#edit {
background:#cfede1;
padding:8px;
margin:0 0 10px 0;
min-height:100px;
color:#222;
line-height:1.7em;
}

#edit input, #edit select {
border:2px solid #999;
background:#eee;
}

#edit .button {
background:#444;
color:#fff;
font-weight:bold;
border:2px solid #222;
}

.round {
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
}

/* FONTS */

h1 {
font-size: 140%;
line-height:2em;
font-weight:bold;
margin-top:6px;
}

h2 {
font-size: 130%;
line-height:2em;

}

h3 {
font-size: 120%;
font-weight:bold;
line-height:1.2em;
}

h4 {
font-size: 80%;
font-weight:normal;
}

h5 {
font-size: 70%;
font-weight:normal;
}

#footer {
font-size:0.8em;
}

li {
list-style:decimal;
margin-left:30px;
}


/* LINKS */

a:link, a:visited {
color:#aeaaff;
text-decoration:none;
font-weight:bold;
}

a:hover {

}

#logo a:link,
#logo a:visited {
display:block;
width:210px;
height:70px;
background-color:transparent;
}

#footer a {
color:#777;
}

a.asmall  {
font-weight:normal;
font-size:10px;
}

#f1 a, #f2 a, #sidebar a,
#st_d, #st_h, #st_m, #cp a {
color:#aeaaff;
}

/* FANCY UPLOAD */

#fancy-status
{
padding:10px 10px;
width:640px;
height:80px;
margin:10px 0;
margin:0 auto;
}

#fancy-status .progress
{
background:	url(assets/progress.gif) no-repeat;
background-position:+50% 0;
margin-right:	0.5em;
}
 
#fancy-status .progress-text
{
font-size:	0.9em;
font-weight:	bold;
}
 
#fancy-list, #fancy-bad
{
list-style:	none;
width:		650px;
margin-left:auto;
margin-right:auto;
padding:10px 0;
}
 
#fancy-list li.file
{
list-style:	none;
border-bottom:	1px solid #333;
background:	url(assets/file.png) no-repeat 4px 4px;
}

#fancy-list li.file.file-uploading
{
background-image:url(assets/uploading5.gif);
background-color:#333;
}

#fancy-list li.file.file-success
{
background-image:url(assets/success.png);
}

#fancy-list li.file.file-failed
{
background-image:url(assets/failed.png);
}
 
#fancy-list li.file .file-name
{
font-size:16px;
margin-left:44px;
display:block;
clear:left;
line-height:40px;
height:40px;
font-weight:bold;
}

#fancy-list li.file .file-size
{
font-size:16px;
line-height:18px;
float:right;
margin-top:2px;
margin-right:6px;
}

#fancy-list li.file .file-info
{
display:block;
margin-left:44px;
font-size:14px;
line-height:20px;
clear:both;
}

#fancy-list li.file .file-remove
{
font-size:10px;
clear:right;
float:right;
line-height:18px;
margin-right:6px;
font-weight:normal;
}

/*  MY FANCY */
#fancy-status div {
float:left;
padding:3px;
}

.current-text {
font-weight:bold;
width:610px;
}

#fancy-browse-images {
margin-left:0px;
}

a#fancy-browse-images {
font-size:1.3em;
}

#fancy-upload {
}

a#fancy-upload {
font-size:1.3em;
}

a#create_link {
font-size:1.3em;
}

.hide {
display:none;
}


/* OTHER */

#ads1 {
float:left;
width:860px;
height:90px;
margin:0 0 10px 0;
text-align:center;
border:0px dotted #333;
}

#message {
text-align:center;
line-height:1.4em;
font-weight:bold;
background:#ffaa00;
color:#111;
margin:0 0 5px 0;
}

#error{
text-align:center;
line-height:2.4em;
font-weight:bold;
background:red;
color:#111;
}

.latest {
border-bottom:0px solid #555;
font-size:0.7em;
padding:4px;
height:70px;
display:block;
}

a.latest:hover {
background:#222;
display:block;
}


.latest_img {
float:left;
width:60px;
height:60px;
overflow:hidden;
margin:4px 4px 4px 0;
border:2px solid #777;
}

.latest_img img {

}

.thumb img {
width:60px;
}

#updating {
text-align:center;
clear:both;
height:20px;
}