/* CSS Document */

html,body {
	height: 100%;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	background:url(../images/backgrounds/home_fade_background.jpg) #CCCCCC;
	background-position:top left;
	background-repeat:repeat-x;
	background-attachment:fixed;
	cursor:default;
}

* html #floating_basket { 
	position: absolute; !important
}



#floating_basket {
	width:70px;
	height:auto;
	background:#000000;
	position:fixed;
	top:250px;
	right:0px;
	z-index:10002;
}

code {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



h1 { 
	text-align:left;
	font-weight:normal;
	font-size:24px;
	color:#6699CC;
	font-family:Georgia, Helvetica, sans-serif;
	padding-bottom:2px;
	margin-bottom:10px;
	/*width:350px;*/
}


h1 a:active, h1 a:link, h1 a:visited {
	text-align:left;
	font-weight:normal;
	font-size:24px;
	color:#6699CC;
	padding-bottom:2px;
	margin-bottom:10px;
}

h2 { 
	text-align:left;
	font-weight:normal;
	font-size:18px;
	color:#6699CC;
	padding-bottom:2px;
	margin:5px 0px 5px 0px;
	/*width:350px;*/
}
h3 {
	text-align:left;
	font-weight:normal;
	font-size:14px;
	color:#6699CC;
	padding-bottom:2px;
	margin:5px 0px 5px 0px;
	font-family:Georgia, Helvetica, sans-serif;
}

acronym {
	color:#CCCCCC;
	border-bottom:1px dashed #999999;
}


a:link,a:active,a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover { 
	color:#FFFFFF;
	text-decoration:underline;
}

a.popwindow {
	padding-right: 15px;
	background: transparent url(img/popwindow.gif) no-repeat right center;
}

img {
	/*margin:0px;
	border:1px solid #999999;*/
}

a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

p {
	font-size:120%;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0px;
	line-height:19px;
}

ul {
	font-size:100%;
}

ul p {
	font-size:100%;
	margin:5px 0px 5px 0px;
}

ul li {
	margin-bottom:20px;
}

i {
	color:#CCCCCC;
	font-size:100%;
}

#floating_menu {
	border:1px solid #FFFFFF;
	left:0px;
	position:fixed;
	top:0px;
	z-index:10500;
}

#container {
	width:100%;
	min-width:790px;
	text-align:center;
	height:auto;
}

#top_container {
	width:770px;
	margin:0 auto;
	height:70px;
	background: url(../images/container_top.png) bottom no-repeat;
}

#content {
	width:770px;
	padding-top: 0px;
	height:auto;
	cursor:default;
	margin:0 auto;
	border:0px;
	/*filter:alpha(opacity=50);*/
	
}

.small {
	font-size:11px;
}
.small a{
	font-size:11px;
}

#footer_container {
	background:#000000 url(../images/backgrounds/footer_fade_background.jpg);
	background-attachment:scroll;
	background-position:top left;
	background-repeat:repeat-x;
	text-align:center;
}

#footer {
	width:770px;
	min-height:200px;
	text-align:center;
	background-image:url(../images/backgrounds/footer_background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px auto;
	padding-bottom:20px;
}

#footer_list {
	text-align:left;
	padding:10px 0px 0px 15px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	height:auto;
}

#footer_list a,a:link, a:visited {
	color:#CCCCCC;
}
#footer_list a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


#footer_list li{
	float:left;
	padding:2px;
	width:160px;
	margin:0px 10px 0px 10px;
}

#footer_list ul li {
	float:none;
	margin-left:0px;
}

#footer p {
	padding:20px 0px 0px 0px;
	margin:0px;
	color:#999999;
	display:inline;
	font-size:90%;
}


/*  top navigation ------------------------------*/
#global_nav {
	float:right;
	position:relative;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#global_nav li{
	display:inline;
	margin-right:15px;
}

#global_nav input {
	padding:2px 0 2px 5px;
	color:#CC6633;
	font-size:11px;
	background:#333333;
	border:0px;
}

#global_nav_links{
	padding-top:25px;
	margin-right:0px;
	position:relative;
}

#global_nav_links a {
	background:url(../images/button_back.gif);
	background-repeat:repeat-x;
	background-position:30px 0px;
	background-attachment:scroll;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #000000;
}
#global_nav_links a:hover {
	background-position:30px -3px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #CCCCCC;
}



#top_nav {
	width:768px;
	overflow:visible;
	margin-bottom:0px;
}



#nav_links {
	margin-top:170px;
	margin-right:10px;
	margin-bottom:0px;
	text-align:right;
	
}

#nav_links ul {
	margin:0px;
	padding:0px;
}

#nav_links li {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:500;
	display:inline;
	position:relative;
	margin: 0 2px;
}

#nav_links .selected {
	background-color:#666666;
	color:#FFFFFF;
	line-height:inherit;
}

#nav_links a {
	color:#999999;
	background-color:#000000;
	padding:3px 10px 3px 10px;
	border:1px solid #000000;
	line-height:inherit;
	text-decoration:none;
}

#nav_links a:hover {
	background-color:#666666;
	color:#FFFFFF;
	border:1px solid #000000;
	line-height:inherit;
	text-decoration:none;
}


#subnav_links {
	margin-left:20px;
	margin-top:14px;
	margin-bottom:20px;
	text-align:left;
}

#subnav_links li {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:500;
	display:inline;
	position:relative;
	margin: 0 2px;
}

#subnav_links .selected {
	background-color:#666666;
	color:#CCCCCC;
	padding:2px 10px 2px 10px;
	border:1px solid  #666666;
	line-height:inherit;
}

#subnav_links a {
	color:#CCCCCC;
	background-color:#000000;
	padding:2px 10px 2px 10px;
	border:1px solid #000000;
	line-height:inherit;
	text-decoration:none;
	border:1px solid #666666;
}

#subnav_links a:hover {
	background-color:#000000;
	color:#FFFFFF;
	padding:2px 10px 2px 10px;
	border:1px solid #000000;
	line-height:inherit;
	text-decoration:none;
	border:1px solid #CCCCCC;
}

/* --------------- modules ------------------- */

#category_title{
	text-align:left;
	font-size:14px;
	color:#6699CC;
	font-weight:normal;
	padding:5px;
	margin:0 0 10px 0px;
}

#category_title a{
	font-size:14px;
	color:#6699CC;
}

#blog_post h1 {
	font-size:16px;
}

#blog_post h1 a{
	font-size:24px;
}

.module {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	border:0px solid #999999;
	width:100%;
	margin-bottom:30px;
	min-height:80px;
}

.module h1 {
	color:#6699CC;
	border:0px;
	margin:0px 0 8px 15px;
	padding-top:6px;
	font-size:16px;
}

.module ul a {
	color:#CCCCCC;
	text-decoration:none;
}

.module ul a:hover{
	color: #FFFFFF;
	text-decoration:none;
}

.module .selected{
	color:#cc6633;
	text-decoration:none;
}

.module ul ul li a{
	list-style:none;
	color:#999999;
}

.module ul li{
	list-style:none;
	color:#CCCCCC;
	margin-bottom:0px;
}






#logo {
	float:left;
	position:relative;
	margin-left:8px;
}

#logo a:hover img{
	filter:none;
	-moz-opacity:1;
	opacity:1;
}



/*posts*/

#post_excerp p{
	color:#CCCCCC;
}

.post_quote {
	float:right;
	width:120px;
	padding:10px;
	border:1px solid #FFFFFF;
	background:#333333;
	margin:10px;
	margin-right:0px;
}

.post_rating {
	float:right;
	padding-top:5px;
}

.php_code {
	font-size:11px;
	border:1px solid #999999;
	background-color:#EFEFEF;
	padding:5px;
	height:150px;
	overflow:auto;
}

/* pagenumbers */
#pagenumbers {
	display:inline;
	
}

#pagenumbers li {
	width:10px;
	display:inline;
	margin-left:10px;
}

#pagenumbers .selected {
	background-color:#FFFFFF;
	color:#000000;
	padding:2px 5px 2px 5px;
	border:1px solid #FFFFFF;
	line-height:inherit;
}

#pagenumbers a{
	background-color:#285685;
	color:#FFFFFF;
	padding:2px 5px 2px 5px;
	border:1px solid #CCCCCC;
	line-height:inherit;
	text-decoration:none;
}

#pagenumbers a:hover{
	background-color:#999999;
	color:#FFFFFF;
	padding:2px 5px 2px 5px;
	border:1px solid #CCCCCC;
	line-height:inherit;
	text-decoration:none;
}
/* ------------------------ image viewer -------------------- */

#fader {
	background:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	visibility:hidden;
	z-index:10001;
}
#image_holder {
	height:1px;
	overflow:hidden;
	position:relative;
	z-index:2;
	background:#000000;
}


#image_holder img {
	padding:0px;
	margin:0px;
	border:0px;
}

#image_container {
	background:#FFFFFF;
	position:fixed;
	visibility:hidden;
	overflow:hidden;
	border:8px solid #CCCCCC;
	margin:auto;
	top:40px;
	height:100px;
	width:250px;
	z-index:10003;
}

* html #image_container{ 
	position: absolute;
}

#image_container #image_title h1 {
	font-size:16px;
}


#image_actions {
	background:#EFEFEF;
	text-align:right;
	padding:5px 10px 5px 0px;
	overflow:hidden;
}

#image_actions a{
	color:#000000;
	text-decoration:none;
}
#image_actions a:hover{
	color:#000000;
	text-decoration:none;
}

#image_description {
	display:none;
	color:#333333;
	padding:5px;
	overflow:visible;
	height:auto;
	background:#CCCCCC;
	position:relative;
	z-index:1;
}

#image_nav {
	display:none;
	background:#EFEFEF;
	text-align:right;
	padding:5px 10px 5px 0px;
	overflow:hidden;
	color:#000000;
}

#image_nav a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	margin:0px 4px;
	border:1px solid #999999;
}
#image_nav a:hover {
	background:#CCCCCC;
}

#image_title {
	background:#EFEFEF;
	padding-left:10px;
	padding-top:5px;
	height:20px;
	overflow:hidden;
}

/* --------------------------- plugins ------------------------------- */

.carasoul_container {
	text-align:center;
	border:0px solid #CCCCCC;
	padding:5px;
	margin:5px;
	margin-top:2px;
}

.carasoul_title {
	text-align:center;
	font-weight:bold;
	padding:5px;
	height:20px;
}

.carasoul_image {
	overflow:visible;
	padding:2px;
}

.post .carasoul_container img{
	margin:0px;
	padding:0px;
	border:0;
}

.carasoul_navigation {
	height:20px;
	text-align:center;
	padding:5px;
	margin:10px 0px 10px 0px;
}

/* -------------------------- projects ----------------------------------------- */

#project_title{
	text-align:left;
	font-size:24px;
	color:#CCCCCC;
	font-weight:normal;
	padding:0px;
	margin:0 0 5px 20px;
}

/* ----------------------- default header -------------------------------------- */
#flash_header {
	width:770px;
	height:220px;
}
/* ------------------------- forms --------------------------------- */

.form_error {
	color:#CCCCCC;
	font-size:11px;
}

.form_highlight {
	border:1px solid #CCCCCC !important;
}

.remove_form_highlight {
	border:1px solid #000000 !important;
}

/*------------------ comments and links ------------------------- */

.link_options {
	display:block;
	background:#000000;
	position:absolute;
	border:1px solid #999999;
	padding:0px;
	margin:0px;
	z-index:10001;
	top:0px;
	left:0px;
	height:100px;
	overflow:auto;
	width:180px;
}

.link_options ul li {
	text-align:left;
	display:block;
}

.link_options ul li a{
	color:#CC6633;
	display:block;
	margin: 0px;
	text-decoration: none;
	left:0px;
	padding: 5px 5px 5px 5px;
}
.link_options ul li a:hover{
	color:#CC6633;
}

.comment_options {
	display:block;
	background:#000000;
	position:absolute;
	border:1px solid #999999;
	padding:5px;
	margin:0px;
	z-index:10002;
	width:120px;
	top:-10px;
	left:-20px;
}

.comment_options ul{
	text-align:left; 
}


.comment_options ul li a{
	display:block;
	color:#CCCCCC;
	margin: 0px;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.comment_options ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	
}


#comments_pages h1 {
	color:#6699cc;
	font-size:18px;
	padding:0px;
	padding-bottom:2px;
	margin:0px;
}

#comments_pages h1 a{
	color:#6699cc;
	font-size:18px;
	padding:0px;
	padding-bottom:2px;
	margin:0px;
}

#comments_pages h1 span {
	font-size:11px;
}

#add_comment h3 {
	color:#6699cc;
	font-size:18px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #FFFFFF;
}	

#add_comment {
	margin: 0 auto;
	margin-bottom:30px;
}

#add_comment_content {
		padding-bottom:20px;
}
#add_comment input {
	background:#333333;
	color:#FFFFFF;
	font-size:11px;
	width:150px;
	border: 0px;
	margin-right:10px;
	padding:2px 5px 2px 5px;
	height:15px;
	border:1px solid #000000;
}

#add_comment textarea {
	background:#333333;
	color:#FFFFFF;
	font-size:11px;
	border: 0px;
	overflow:auto;
	width:96%;
	padding:5px;
	border:1px solid #000000;
}

#add_comment #submit_button{
	width:120px;
	color:#CC6633;
	background:none;
	border: 1px solid #333333;
	height:20px;
	margin-right:5px;
}

.comment_name {
	color:#FFFFFF;
	font-size:16px;
	font-weight:500;
	margin-top:20px;
}
.comment_date {
	color:#999999;
	font-size:10px;
	margin-top:5px;
}
#comments_container {
	background:url(../../images/comments_backbubble.png);
	background-repeat:no-repeat;
	background-position:right 80px;
	padding-top:20px;
}
#comments_pages {
	border-bottom:1px dotted #CCCCCC;
}
#comments_pages h1 {
	padding-bottom:2px;
}

#comments_pages p {
	margin-right:10px;
	padding:2px;
	text-align:right;
}
#comments_container ul {
	margin-top:10px;
	margin-left:0px;
}
.comment {
	margin-bottom:10px;
	padding-bottom:5px;
	padding:0px 10px 5px 10px;
}

.comment_message {
	margin-top:10px;
	color:#FFFFFF;
	min-height:40px;
	height: auto !important;
	height: 40px;
}

/* files */
.fileicon_fla { height:20px;  background:url(../images/icons/fla.png) top left no-repeat;padding:8px 0 8px 40px;}