/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; outline:none;}

html {
	overflow: -moz-scrollbars-vertical;	
}
body {
	background-color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 22px;
	color: #555;
	margin-bottom: 110px;
}
/* -------------------------------------------- */

.eof {
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.center {
	text-align:center;
}

div.header-bar {
	margin:0 auto;	
	height:40px;
}

div.logo {
	text-align:center;
	margin:0 auto;
}

.whatistwitt {
	position:absolute;
	top:90px;
	right:0px;
}

.tweetmeme {
	position:absolute;
	top:200px;
	right:50px;
}

ul.tabs {
	margin:30px auto 0px auto;
	list-style: none;
}

ul.tabs li {
	display:inline;
	padding:0px 3px 0px 3px;
}

ul.tabs li a {
	font-size:16px;
	font-weight:bold;
	padding:7px 10px 7px 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
ul.tabs li a.current {
	font-size:16px;
	font-weight:bold;
	padding:7px 10px 8px 10px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;  
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;  
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
}



ul.tabs li a.pic-tab {color:#AE73AE;}
ul.tabs li a.vid-tab {color:#BA2323;}
ul.tabs li a.aud-tab {color:#006600;}
ul.tabs li a.doc-tab {color:#663300;}
ul.tabs li a.pol-tab {color:#EC5F00;}

ul.tabs li a.pic-tab:hover {background-color:#F1E7F1; color:#AE73AE;text-shadow: #FFFFFF 1px 1px 1px;}
ul.tabs li a.vid-tab:hover {background-color:#F3DADA; color:#BA2323;text-shadow: #FFFFFF 1px 1px 1px;}
ul.tabs li a.aud-tab:hover {background-color:#D4E5D4; color:#006600;text-shadow: #FFFFFF 1px 1px 1px;}
ul.tabs li a.doc-tab:hover {background-color:#E5DDD4; color:#663300;text-shadow: #FFFFFF 1px 1px 1px;}
ul.tabs li a.pol-tab:hover {background-color:#FCE4D4; color:#EC5F00;text-shadow: #FFFFFF 1px 1px 1px;}

#pic.current {background-color:#E2CDE2; color:#AE73AE;text-shadow: #FFFFFF 1px 1px 1px;}
#vid.current {background-color:#E6B0B0; color:#BA2323;text-shadow: #FFFFFF 1px 1px 1px;}
#aud.current {background-color:#A3C8A3; color:#006600;text-shadow: #FFFFFF 1px 1px 1px;}
#doc.current {background-color:#C8B5A3; color:#663300;text-shadow: #FFFFFF 1px 1px 1px;}
#pol.current {background-color:#F8C5A3; color:#EC5F00;text-shadow: #FFFFFF 1px 1px 1px;}


#loader-options {
	display:none;	
}

#loader-options ul {
	list-style:none;
	margin:20px auto 0px auto;
}

#loader-options ul li {
	display:inline;
	padding-right:10px;
}

#loader-options ul li a, #loader-options ul li a:link, #loader-options ul li a:visited {
	font-size:13px;
	color:#333;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	border:1px solid #C9E1F4;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor:pointer;
  text-shadow: #FFFFFF 1px 1px 1px;
}

#loader-options ul li a:hover {
	color:#000;
	background-color:#EAF3FE;
	text-shadow: #FFFFFF 1px 1px 1px;
}

#loader-options ul li a:active {
	background-color:#C9E1F4;
	color:#000;
	text-shadow: #FFFFFF 1px 1px 1px;
}


div.recent-title {
	width:930px;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 20px;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
}

div.thumb-roller {
	width:930px;
	background-color:#F1E7F1;
	margin:0px auto 0px auto;
	padding:5px 0px 5px 0px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}


div.thumb-roller-items {
	overflow:hidden;
	white-space:nowrap;
}

div.thumb-roller-items ul {
	position:relative;
	top:3px;
	left:0px;
}

div.thumb-roller-items ul li {
 	display:inline;
	padding:0px 10px 0px 0px;
	width:75px;
}

.pic-color {	color:#AE73AE;}
.vid-color {	color:#BA2323;}
.aud-color { color:#006600;}
.doc-color { color:#663300;}
.pol-color {	color:#EC5F00;}


div.thumb-roller-items ul li img.pic {border:3px solid #FFF;}
div.thumb-roller-items ul li img.pic:hover {border:3px solid #AE73AE;}

div.thumb-roller-items ul li img.vid {border:3px solid #FFF;}
div.thumb-roller-items ul li img.vid:hover {border:3px solid #BA2323;}

div.thumb-roller-items ul li img.aud {border:3px solid #FFF;}
div.thumb-roller-items ul li img.aud:hover {border:3px solid #006600;}

div.thumb-roller-items ul li img.doc {border:3px solid #FFF;}
div.thumb-roller-items ul li img.doc:hover {border:3px solid #663300;}

div.thumb-roller-items ul li img.pol {border:3px solid #FFF;}
div.thumb-roller-items ul li img.pol:hover {border:3px solid #EC5F00;}


.nomargin {
	margin:0px;
	padding:0px;
}



div.whatistitle {
	background-color:#EAF3FE;
	height:20px;
	left:0px;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	padding:7px 0px 0px 10px;
	font-size:14px;
	border-bottom:1px solid #C9E1F4;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;  
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
}

div.whatistext {
	color:#333;
	font-size:13px;
	padding:10px;
}

div.twitis {
	margin:40px auto 45px auto;	
}

div.flowbar {
	height:95px;
	width:100%;
	padding:5px 20px 0 20px;
	position:fixed;
	bottom:0px;
	margin:0 auto;
	border-top:2px solid #CCC;
	background-color:#E5E5E5;	
}

div.flowbar-title {
	height:23px;
	width:auto;
	padding:5px 15px 4px 20px;
	position:fixed;
	font-weight:bold;
	bottom:100px;
	margin:0 auto;
	color:#999;
}

div.flowbar-title img { padding-right:3px;}

div.flowbar-toggle {
	height:23px;
	width:auto;
	padding:5px 15px 4px 20px;
	position:fixed;
	font-weight:bold;
	bottom:100px;
	right:0px;
	margin:0 auto;
	color:#03C;
	border-bottom:1px dotted #03C;
}

div.header-bar {
	width:100%;
	height:23px;
	border-bottom:1px solid #C9D7F1;
	float:right;
	text-align:right;
	color:#000;
	font-size:13px;
	margin:0px auto 30px auto;
	padding:1px 10px 0px 10px;
}

div.header-bar a {
	color:#03C;
	text-decoration:underline;
}

div.header-bar div.left-links {
	float:left;	
	margin-left:20px;
}

div.header-bar div.right-links {
	float:right;	
}

#loader a.itemlink:link, #loader a.itemlink:visited, #loader a.itemlink:active {
	font-size:16px;
	color:#03C;
	text-decoration:none;
	padding:3px;
	line-height:26px;
}

#loader a.itemlink:hover {
	text-decoration:underline;
	background-color:#ffc;
}

#contact-form {
	padding:10px 0 0 0;	
}

#contact-form h3 {
	font-size:13px;
	font-weight:bold;
	color:#5C6565;
	padding:0px;
	margin:8px 0 2px 0;
}

#contact-form input.input {
	width:97%;	
	height:22px;
	border:2px solid #CCC;
	padding:3px 3px 0px 3px;
}

.buttons input.submit {
padding:3px 5px;	
}

#contact-form textarea {
	width:97%;	
	height:55px;
	border:2px solid #CCC;
	padding:3px;
	resize:none;
}

#contact-form p {
	font-size:13px;
	color:#666;	
	margin:0px;
	padding:0px;
}

#contact-form .buttons {
	margin-top:9px;
	padding:0px;
}

.settings-buttons {
	position:relative;
	border-top:1px solid #C9E1F4;
	margin-top:0px;
	padding:7px 0px 0px 0px;
}

.settings-buttons div.the-buttons {
	position:absolute;
	left:175px;
	top:10px;
}

.settings-buttons input.submit {
	padding:3px 5px;	
}
#settings-result {
	position:absolute;
	left:15px;
	top:10px;
	font-weight:bold;
	font-size:14px;
}


  .tipsy { padding: 5px; font-size: 10px; opacity: 0.95; filter: alpha(opacity=95); background-repeat: no-repeat; }
  .tipsy-inner-pic { padding: 4px 5px; background-color: #AE73AE; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner-vid { padding: 4px 5px; background-color: #BA2323; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner-doc { padding: 4px 5px; background-color: #663300; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner-aud { padding: 4px 5px; background-color: #006600; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner-pol { padding: 4px 5px; background-color: #EC5F00; color: white; max-width: 200px; text-align: center; }
  
  
  
  .tipsy-north { background-image: url(/assets/images/tipsy/tipsy-north.gif); background-position: top center; }
  .tipsy-south-pic { background-image: url(/assets/images/tipsy/tipsy-south-pic.gif); background-position: bottom center; }
  .tipsy-south-vid { background-image: url(/assets/images/tipsy/tipsy-south-vid.gif); background-position: bottom center; }
  .tipsy-south-doc { background-image: url(/assets/images/tipsy/tipsy-south-doc.gif); background-position: bottom center; }
  .tipsy-south-aud { background-image: url(/assets/images/tipsy/tipsy-south-aud.gif); background-position: bottom center; }
  .tipsy-south-pol { background-image: url(/assets/images/tipsy/tipsy-south-pol.gif); background-position: bottom center; }
 
 
 .tipsy-east { background-image: url(/assets/images/tipsy/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(/assets/images/tipsy/tipsy-west.gif); background-position: left center; }
