/* GENERAL SITE BEGIN */
body {
font:14px "Trebuchet MS",Verdana, Arial, sans-serif;
background:#5a87b0;
color:#000;
margin:0;
text-align:center;/* CENTER SITE */
}
/* GENERAL SITE END */
/* GENERAL LINKS BEGIN */
a:link, a:active, a:visited {
text-decoration:none;
color:#036;
}
a:hover {
text-decoration:underline;
}
a:focus, input:focus {
outline:none;
}
/* GENERAL LINKS END */
/* GENERAL IMAGES BEGIN */
img { background:none; border:none }
/* GENERAL IMAGES END */
/* GENERAL HEADINGS BEGIN */
h1 {
font:normal 260% Georgia;
letter-spacing:-1px;
}
h2 {
font:bold 16px tahoma,serif;
letter-spacing:0;
font-variant:small-caps;
margin:5px 0 5px 35px;
text-align:left;
color:#22416f;
}
h3 {
font:bold 14px Verdana;
letter-spacing:0;
margin:0 0 7px 0;
color:#024;
}
h4 {
font:bold 100% Verdana;
margin:1.5em 1em 1em 0;
}
h5 {
font:normal 95% Verdana;
margin:1em 1em 1em 0;
}
h6 {
font:normal 90% Verdana;
margin:1em 1em 1em 0;
}
/* GENERAL HEADINGS END */
/* GENERAL HTML HORIZONTAL DIVIDER BEGIN */
hr {
height:2px;
border:none;
border-bottom:1px solid #bbb;
color:#dce6f0;
}
/* GENERAL HTML HORIZONTAL DIVIDER END */
/* ==============> seditio bbcode begin */
.bbstyle1	{ font-size:160%; font-weight:bold; }
.bbstyle2	{ font-size:130%; font-weight:bold; }
.bbstyle3	{ font-size:120%; font-weight:bold; }
.bbstyle4	{ font-size:110%; font-weight:bold; }
.bbstyle5	{  }
.bbstyle6	{  }
.bbstyle7	{  }
.bbstyle8	{  }
.bbstyle9	{  }
/* ==============> seditio bbcode end */
/* DIV TO INCLUDE ALL BEGIN */
#container {
margin:0 auto;
width:900px;
background:#5a87b0 url('img/main-bg.gif') top left repeat-y;
}
/* DIV TO INCLUDE ALL END */
/* DIV TO INCLUDE ALL HEADER ELEMENTS BEGIN */
#header {
height:381px;
width:900px;
background:url('img/top-bg.gif') top left repeat-x;
position:relative;
}
/* DIV TO INCLUDE ALL HEADER ELEMENTS END */
/* DIV WITH LOGO BEGIN */
#logo {
height:75px;
width:342px;
position:absolute;
top:0;
left:270px;
background:url('img/logo2.gif') top left no-repeat;
}
/* DIV WITH LOGO END */
/* DIV WITH TOP LEFT CURVE BEGIN */
#top-left {
height:106px;
width:40px;
position:absolute;
top:0;
left:0;
background:url('img/header-left.jpg') top left no-repeat;
}
/* DIV WITH TOP LEFT CURVE END */
/* DIV WITH TOP RIGHT CURVE BEGIN */
#top-right {
height:106px;
width:120px;
position:absolute;
top:0;
right:0;
background:url('img/header-right.jpg') top left no-repeat;
z-index:30;
}
/* link style for  */
#top-right a {
color:#036;
}
/* DIV WITH TOP RIGHT CURVE END */
#last-update {
position:absolute;
top:16px;
left:95px;
font:bold 11px verdana,sans-serif;
color:#036;
}
#random-stats {
position:absolute;
top:10px;
right:120px;
width:155px;
font:normal 11px verdana,sans-serif;
color:#036;
text-align:center;
}
#shortcuts {
position:absolute;
top:10px;
right:10px;
width:100px;
height:auto;
z-index:40;
}
.kokkino {
color:#932d00;
}
#nav {
position:absolute;
top:76px;
left:0;
width:900px;
font:bold 16px Tahoma;
letter-spacing:0;
color:#ccc;
text-align:center;
font-variant:small-caps;
}
#nav li a {
color:#fff;
padding:5px 6px 5px 6px;
}
#nav li a:hover {
color:#ffd700;
background:#dce6f0 url("img/menu-bg.gif") repeat-x top left;
text-decoration:none;
}
#nav ul {
padding:5px 56px 5px 10px;
margin:0;
}
#nav li {
display:inline;
list-style:none;
margin:0 6px;
}
#header-photo {
position:absolute;
top:106px;
left:0;
margin:0;
width:900px;
height:250px;
z-index:0;
background:#5a87b0;
}
#user {
width:900px;
height:45px;
position:absolute;
top:356px;
left:0;
padding:0 0 0 30px;
color:#014;
text-align:left;
font:11px verdana,serif;
background:url('img/user-bg.gif') top left no-repeat;
}
#user ul {
padding:2px;
margin:3px 0 0 0;
}
#user li {
display:inline;
list-style:none;
margin:0;
padding:3px;
}
#user a {
color:#e0edf6;
}
.login { padding:1px 0 2px 20px; background:url('img/icon_login.gif') top left no-repeat; }
.register { padding:1px 0 2px 20px; background:url('img/icon_user.gif') top left no-repeat; }
.lostpass { padding:1px 0 2px 20px; background:url('img/icon_password.gif') top left no-repeat; }
.admin { padding:1px 0 2px 20px; background:url('img/icon-admin.gif') top left no-repeat; }
.users { padding:1px 0 2px 20px; background:url('img/icon-users.gif') top left no-repeat; }
.account { padding:1px 0 2px 20px; background:url('img/icon-account.gif') top left no-repeat; }
.logout { padding:1px 0 2px 20px; background:url('img/icon-logout.gif') top left no-repeat; }
.pm { padding:1px 0 2px 20px; background:url('img/system/icon-pm.gif') top left no-repeat; }
#searching {
position:absolute;
background:url('img/search-box.jpg') top left no-repeat;
top:0;
right:190px;
width:171px;
height:42px;
z-index:60;
color:#131f2b;
margin:0;
padding:0;
text-align:center;
}
#logout {position:absolute; top:5px; right:30px; width:100px; height:20px}
.search-text {
width:100px;
height:13px;
margin:5px 0 0 0;
background:#eee;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px solid #369;
border-right:1px solid #369;
font:normal 10px tahoma;
color:#036;
padding:0 3px;
position:relative;
z-index:100;
}
input {margin:0}
.search-submit {
width:auto;
background:transparent;
color:#fff;
font:bold 12px tahoma;
font-variant:small-caps;
border:none;
margin:0px 0 0 0;
}
#title {
width:400px;
margin:20px 20px 12px 20px;
font-size:170%;
letter-spacing: -2px;
}
#subtitle {
margin:4px 20px 16px 20px;
vertical-align:top;
}
#resume {
padding:0 8px 8px 8px;
margin:14px 0;
background:#e0edf6;
width:200px;
border:1px solid #ccc;
}
#resume p {
margin:6px 0;
}
#resume h4 {
margin:6px 0 0 0;
}
#resume img {
vertical-align:bottom;
}
#ratcom {
width:580px;
float:left;
}
#adminmenu {
margin:0 20px 2px 20px;
}
#wrap {
width:900px;
margin:0 auto;
position:relative;
z-index:0;
padding:10px 0 0 0;
min-height:475px;
height:475px;
/* min-height hack for dumb IE */
height:expression(document.body.clientHeight < 475 ? "475px" : "475px");
}
#wrap[id] {height:auto;}
#main {
text-align:left;
padding:0px 6px 0 26px;
vertical-align:top;
}
#main p {
margin:2px 0 6px 0;
}
.w600 {
width:600px;
max-width:600px;
width:auto;
}
.w600 img {
width:600px;
max-width:600px;
width:auto;
}
.w800 {
width:800px;
max-width:800px;
width:auto;
}
.w800 img {
width:800px;
max-width:800px;
width:auto;
}
#left-today {
width:190px;
float:left;
margin:0 10px 0 0;
display:inline;
font:normal 12px/15px verdana;
}
#left-today h3 {
font:bold 16px tahoma,serif;
letter-spacing:0px;
font-variant:small-caps;
margin:5px 0 5px 5px;
text-align:center;
color:#933;
}
#left-symitoday {
width:190px;
float:left;
margin:0 10px 0 0;
display:inline;
font:normal 12px/15px verdana;
}
#left-symitoday h3 {
font:bold 16px tahoma,serif;
letter-spacing:0px;
font-variant:small-caps;
margin:5px 0 5px 5px;
text-align:center;
color:#933;
}
#left-column {
width:190px;
float:left;
margin:0 10px 0 0;
display:inline;
font:12px verdana;
}
#left-column h3, #right-column h3, .redheading {
font:bold 16px tahoma,serif;
letter-spacing:0px;
font-variant:small-caps;
margin:5px 0 5px 5px;
text-align:center;
color:#933;
}
#faros-column h3 {
font:bold 16px tahoma,serif;
letter-spacing:0px;
font-variant:small-caps;
margin:0px 0 5px 5px;
text-align:center;
color:#933;
}
#left-column ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#left-column li a, #left-column li a:visited {
display: block;
padding:4px 0 4px 15px;
border: none;
background-color:transparent;
color: #505050;
text-decoration: none;
font-weight:bold;
}
#left-column li a:hover {
background: url("img/arrow.gif") no-repeat center left;
color: #933;
padding-left: 15px;
text-decoration:underline;
}
#left-column #active a:link, #left-column #active a:visited, #left-column #active a:hover {
background: url("img/arrow.gif") no-repeat center left;
color: #933;
padding-left: 15px;
text-decoration:none;
}
#newleft-column {
width:190px;
float:left;
margin:0 10px 0 0;
display:inline;
font:12px verdana;
}
#newleft-column h3{
font:bold 16px tahoma,serif;
letter-spacing:0px;
font-variant:small-caps;
margin:5px 0 5px 5px;
text-align:center;
color:#933;
}
#newleft-column ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#newleft-column li a, #newleft-column li a:visited {
display: block;
padding:4px 0 4px 15px;
border: none;
background-color:transparent;
color: #003366;
text-decoration: none;
font-weight:bold;
}
#newleft-column li a:hover {
background: url("img/arrow.gif") no-repeat center left;
color: #933;
padding-left: 15px;
text-decoration:underline;
}
#newleft-column #active a:link, #newleft-column #active a:visited, #newleft-column #active a:hover {
background: url("img/arrow.gif") no-repeat center left;
color: #933;
padding-left: 15px;
text-decoration:none;
}
#text {
width:450px;
float:left;
display:inline;
}
#article {
width:648px;
float:left;
display:inline;
}
#sgsymitoday {
width:190px;
float:left;
display:inline;
}
#sgsymitoday h4 a {padding-left:10px}
#sgsymitoday h4 span {font-weight: normal}
#sgsymitoday h4 a:hover {background: url("img/arrow.gif") no-repeat center left}
#oldblog1 {
width:800px;
float:left;
display:inline;
}
#oldblog1 a {padding-left:12px}
#oldblog1 a:hover {background: url("img/arrow.gif") no-repeat center left}
#oldblog2 {
width:180px;
float:left;
display:inline;
font-weight:normal;
}
#oldblog2 a {padding-left:20px}
#oldblog2 a:hover {background: url("img/arrow.gif") no-repeat center left}
.todayactive {background:url('img/arrow.gif') no-repeat center left}
#todayactive1 {
font-weight:bold;
padding-left:20px;
color:#003366;
background:url('img/arrow.gif') no-repeat center left
}
#oldblog {
width:800px;
float:left;
display:inline;
}
#oldblog h4 a {padding-left:20px}
#oldblog h4 span {font-weight: normal}
#oldblog h4 a:hover {background: url("img/arrow.gif") no-repeat center left}
#text_today {
width:450px;
float:left;
display:inline;
text-align:center;
padding-top:7px;
}
#news_today {
width:450px;
float:left;
display:inline;
text-align:left;
padding-top:7px;
}
#news_today_new {
width:450px;
float:left;
display:inline;
text-align:left;
padding-top:0px;
}
#text_photo {
width:450px;
float:left;
display:inline;
text-align:left;
padding-top:7px;
}
#right-column {
width:198px;
float:right;
margin:0 10px 0 10px;
display:inline;
line-height:16px;
font:13px "Lucida Sans Unicode",verdana;
}
#faros-column {
width:198px;
float:right;
margin:0 10px 0 10px;
display:inline;
line-height:16px;
font:13px "Lucida Sans Unicode",verdana;
}
.baps {background:#99cdff url('img/newleft.jpg'); border:4px solid #e0edf6; border-left:none; padding:10px 0px; margin:0 0 20px 0}
.bops {background:#99cdff url('img/right.jpg') repeat!important; border:3px solid #e0edf6; border-right:none; padding:10px 5px; margin:0 0 20px 0}
.bopsyacht {background:#99cdff url('img/rightyacht.jpg') repeat!important; border:3px solid #e0edf6; border-right:none; padding:10px 5px; margin:0 0 20px 0}
.bapsyacht {background:#99cdff url('img/newleftyacht.jpg'); border:4px solid #e0edf6; border-letf:none; padding:10px 0px; margin:0 0 20px 0}
.date {color:#933; font:bold 11px "Trebuchet MS"}
#right-column h4 a, #faros-column h4 a, #text h4 a {color:#036; text-decoration:none}
#news_today_new h4 {padding-top:0px}
#text h4 {color:#036; padding-left:10px}
#text h4 {margin:12px 0 3px 0}
#right-column h4 {margin:0 0 3px 0}
#faros-column h4 {margin:0 0 3px 0}
#right-column h4 a {color:#036; text-decoration:none}
#faros-column h4 a {color:#036; text-decoration:none}
#lastposts {font:12px verdana; width:422px; height:auto; background:#bcdaf4 url('img/chat.jpg') no-repeat top left; border:4px solid #e0edf6; margin:0 0 10px 0; padding:5px 10px}
#right-column a, #faros-column a, #lastposts a, #main a, .colleft a {color:#006699; text-decoration:none}
#right-column a:hover, #faros-column a:hover, #lastposts a:hover, #main a:hover, .colleft a:hover {color:#933; text-decoration:underline}
#left-column a:hover {color:#933; text-decoration:underline}
#left-column h4 a {color:#036; text-decoration:none}
#newleft-column a:hover {color:#933; text-decoration:underline}
#newleft-column h4 a {color:#036; text-decoration:none}
#main h2 a:hover {text-decoration:none}
.style_vmonth {color: #036;	font-weight: bold; text-align:center}
.style_today_day {color: #933; font:15px "Lucida Sans Unicode"; text-align:center; padding-top:3px}
#text_today a {color:#036; font:18px "Lucida Sans Unicode"; text-decoration:none}
#news_today a {color:#036; font:13px "Lucida Sans Unicode"; text-decoration:none}
.style_today {color: #333; font:18px "Lucida Sans Unicode"; text-decoration:none; text-align:center; padding-top:15px}
.style_today_norm {color: #333; font:18px "Lucida Sans Unicode"; text-decoration:none; padding-top:15px}
.style_leftblue {color: #036; font: bold 14px "Lucida Sans Unicode"; text-align:center}
.style_leftblue_l {color: #036; font: bold 13px "Lucida Sans Unicode"; text-align:left}
.style_photos {color: #933; font: bold 13px "Lucida Sans Unicode"}
.style_photos_pad {color: #933; font: bold 13px "Lucida Sans Unicode"; margin-left: 20px }
.style_photos_pad2 {color: #933; font: bold 13px "Lucida Sans Unicode"; margin-left: 10px }
.photoclick {color:#933; font:bold 11px "Lucida Sans Unicode"}
.style_leftred {color: #933; font: normal 14px "Lucida Sans Unicode"; text-align:center}
.style_leftblack {color: #333; font: normal 14px "Lucida Sans Unicode"; text-align:center}
#left-symitoday a {color:#069; font: bold 14px "Lucida Sans Unicode"; text-decoration:none}
.mikriapostasi {margin-left: 10px}
.apostasi9 {margin-left: 7px}
.apostasi { margin-left: 13px }
.style_thumbs {color: #333; font: normal 13px "Lucida Sans Unicode"; padding-top:10px; text-align:left}
.style_newsmore {color: #333; font: normal 13px/16px "Lucida Sans Unicode"; padding-top:5px; text-align:left}
a.calendar_image img {color: #444; text-decoration: none; border: 2px solid #933;}
a.today_image img {color: #444; text-decoration: none; border: 2px solid #ace;}
a.today_image:hover img {border: 2px solid #933}
#text_today a {text-align:left}
.style_leftblue_2 {color: #036; font: bold 13px "Lucida Sans Unicode"; text-align:left; text-decoration:none}
a.style_leftblue_2:link {color:#036; text-decoration:none;}
a.style_leftblue_2:visited {color:#036; text-decoration:none;}
a.style_leftblue_2:hover{color:#069; text-decoration:none;}
#photoshow {
width: 900px;
float: left;
text-align:left;
padding-left:30px;
display:inline;
}
#photoshow11 {
width: 900px;
float: left;
text-align:left;
display:inline;
}
#photoshow1 {
width: 900px;
float: left;
text-align:left;
display:inline;
}
#photoshow1 img {width:858px}
#article img {width:648px}
#side {
border:4px solid #FFFFFF;
background-color:#F5F5F5;
padding:8px;
font-size:90%;
}
#footer {
width:900px;
background:url("img/footer.gif") no-repeat top left;
clear:both;
padding:8px 0;
margin:0;
font:normal 11px Verdana, Arial, sans-serif;
color:#eee;
text-align:center;
}
#footer a:hover {text-decoration:none}
/* ============== misc ============== */
.compatibility {cursor:help}
.mid { vertical-align:top }
.profile input, .profile select { margin:4px 0 2px 0 }
.users-avatar img { height:16px }
.centercell { text-align:center }
.disp		{ padding:12px; margin:0; }
.suckit {
padding:15px 40px;
border-top:1px solid #739bc3;
width:778px;
}
.pageadd {
padding:0 0 15px 0;
}
#nav-div {
padding:0 40px;
border-top:1px solid #739bc3;
width:778px;
/*background:#a7c8e9;*/
}
#nav-div a:link, #nav-div a:active, #nav-div a:visited {
text-decoration:none;
color:#036;
}
#nav-div a:hover {
color:#000;
}
#nav2-div a:link, #nav2-div a:active, #nav2-div a:visited {
text-decoration:none;
color:#036;
}
#nav2-div a:hover {
color:#000;
}
.block {
padding:8px;
margin:0;
border-top:1px solid #739bc3;
}
.block h4 {
margin-top:0;
}
.block img {
vertical-align:bottom;
}
.index {
margin:0 0 14px 0;
width:200px;
}
.title {
font:normal 17px Georgia;
color:#739bc3;
margin:20px 0 -6px 0px;
}
.comment {
padding:0 10px;
display:inline;
vertical-align:top;
}
.comment img {
vertical-align:top;
}
.comment-number {
font:normal 220% Georgia;
color:#aaa;
float:left;
padding:0 10px 0 0;
width:26px;
text-align:center;
}
.comment-info {
float:right;
width:140px;
font:normal 90% Verdana;
height:50px;
color:#666;
}
.clear {
clear:both;
}
.error		{ padding:24px 8px 24px 8px; margin:0; color:#933; font-weight:bold; font-size:110%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
.code 		{ font-size:11px; color:#59739B; background-color:#EFF0C2; padding:2px; margin-bottom:5px; font-family:monospace; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
#download {
text-align:center;
background-color:#E8E8E8;
padding:6px;
margin:6px 0 0 0;
}
#download img {
vertical-align:middle;
}
.paging		{ padding:12px; text-align:right; font-size:90%; }
.coltop		{ text-align:center; font-weight:bold;  background-color:#79c!important; color:#fff; }
.centerall 	{ text-align:center; }
.f9 {font-size:9px}
.f12 {font-size:12px; padding:3px; color:#646464;}
.info {
margin:0;
width:auto;
color:#777;
font:normal 90% Tahoma;
}
.spoiler	{ padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; }
.odd		{ background-color:#ace!important; }
.even		{ background-color:#b6dafe!important; }
li 			{ margin:2px; }
ul 			{ list-style-type:square; }
form		{ margin:0; }
input, select { cursor:pointer }
.floatleft {
width:190px;
float:left;
margin:0 15px 20px 0;
padding:10px 5px;
}
.colleft {
width:190px;
float:left;
margin:0 15px 20px 0;
background:#99cdff url('img/newleft.jpg'); border:4px solid #e0edf6; border-left:none; padding:10px 0;
}
.colright {
float:right;
margin:0 10px 20px 15px;
display:inline;
line-height:16px;
}
.bar_front 	{ background-color:#92CC5E; border:none; padding:0; color:#ddd; height:13px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #999; margin:0 7px 0 7px; height:13px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today		{ border:1px dashed #DDAA00; }
.signature 		{ color:#979797; font-size:80%; max-height:96px; overflow:auto; }
.signature a	{ color:#000000; }
.f90 {font-size:90%}
/* ============== tables ============== */
table td 			{ vertical-align:top; }
table.flat		{ width:99%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ width:99%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells 	{ width:99%; margin:0; padding:0; border-spacing:0; }
table.cells td	{ padding:2px; margin:0; }
table.list 		{ width:99%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }
.one { position: relative; left: 1px; top: 1px; color: #666; }
.shadow { position: absolute; left: -1px; top: -1px; color: #fff; }
/* ============== for plugins ============== */
a.external {padding-right:12px;background:url('img/wiki.gif') no-repeat top right}
/* FORMS STYLING */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
border-bottom:1px solid 8fb2d5;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font:normal 12px verdana;
}
.cssform textarea{
width: 250px;
height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
/* ROUND CORNERS BEGIN */
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
span.corners-top {
background-image: url("img/corners_left.png");
}
span.corners-top span {
background-image: url("img/corners_right.png");
}
span.corners-bottom {
background-image: url("img/corners_left.png");
}
span.corners-bottom span {
background-image: url("img/corners_right.png");
}
.trick {
height: 1%;
padding: 0 10px;
}
.trick span.corners-top, .trick span.corners-bottom {
margin: 0 -10px;
}
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
From http://www.positioniseverything.net/easyclearing.html */
.trick:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* ROUND CORNERS END */
/* CONTROL PANEL LINKS BEGIN */
.my-nav {
width:100%;
font-size:11px;
clear:both;
margin:10px 0;
}
.my-nav a:link, .my-nav a:active, .my-nav a:visited {
text-decoration:none;
color:#036;
}
.my-nav a:hover {
color:#000;
}
/* CONTROL PANEL LINKS END */
#listdir ul {
margin:0;
list-style:none;
}
#listdir li {
margin:5px;
width:100px;
height:140px;
display:block;
float:left;
}
#listdir:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#navcontainer {
margin: 0px;
padding: 0px;
height:1%; width:100%
}
#navcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#navcontainer img {margin-top:5px}
#navcontainer ul li { float: left; display:inline; font-weight:bold }
#navcontainer ul li a, #navcontainer ul li p {
text-decoration: none;
font-size: 13px;
float: left;
margin: 0px;
height: 140px;
width: 140px;
padding:10px 8px;
display:block;
color:#036
}
#navcontainer ul li p {
color:#333!important
}
#navcontainer ul li p span { /* to change external link color */
color:#666!important
}
#navcontainer li a:hover {
background:#ccddfb;
color:#036;
text-decoration:none
}
#navcontainer span {color:#933}


#navcontainer_yacht {
margin: 0px;
padding: 0px;
height:1%; width:100%
}
#navcontainer_yacht ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#navcontainer_yacht img {margin-top:5px}
#navcontainer_yacht ul li { float: left; display:inline; font-weight:bold }
#navcontainer_yacht ul li a, #navcontainer_yacht ul li p {
text-decoration: none;
font-size: 13px;
float: left;
margin: 0px;
height: 165px;
width: 140px;
padding:10px 8px;
display:block;
color:#036
}
#navcontainer_yacht ul li p {
color:#333!important
}
#navcontainer_yacht ul li p span { /* to change external link color */
color:#666!important
}
#navcontainer_yacht li a:hover {
background:#ccddfb;
color:#036;
text-decoration:none
}
#navcontainer_yacht span {color:#933}


#navcontainer_paper {
margin: 0px;
padding: 0px;
height:1%; width:100%
}
#navcontainer_paper ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#navcontainer_paper img {margin-top:5px}
#navcontainer_paper ul li { float: left; display:inline; font-weight:bold }
#navcontainer_paper ul li a, #navcontainer_paper ul li p {
text-decoration: none;
font-size: 13px;
float: left;
margin: 0px;
height: 300px;
width: 200px;
padding:10px 5px;
display:block;
color:#036
}
#navcontainer_paper ul li p {
color:#333!important
}
#navcontainer_paper ul li p span { /* to change external link color */
color:#666!important
}
#navcontainer_paper li a:hover {
background:#ccddfb;
color:#036;
text-decoration:none
}
#navcontainer_paper span {color:#933}


#navcontainer_festival {
margin: 0px;
padding: 0px;
height:1%; width:100%
}
#navcontainer_festival ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#navcontainer_festival img {margin-top:5px}
#navcontainer_festival ul li { float: left; display:inline; font-weight:bold }
#navcontainer_festival ul li a, #navcontainer_festival ul li p {
text-decoration: none;
font-size: 13px;
float: left;
margin: 0px;
height: 240px;
width: 200px;
padding:10px 5px;
display:block;
color:#036
}
#navcontainer_festival ul li p {
color:#333!important
}
#navcontainer_festival ul li p span { /* to change external link color */
color:#666!important
}
#navcontainer_festival li a:hover {
background:#ccddfb;
color:#036;
text-decoration:none
}
#navcontainer_festival span {color:#933}


#navcontainer_acc {
margin: 0px;
padding: 0px;
height:1%; width:100%
}
#navcontainer_acc ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#navcontainer_acc img {margin-top:5px}
#navcontainer_acc ul li { float: left; display:inline; font-weight:bold }
#navcontainer_acc ul li a, #navcontainer_acc ul li p {
text-decoration: none;
font-size: 14px;
float: left;
margin: 0px;
height: 50px;
width: 140px;
padding:10px 8px;
display:block;
color:#933
}
#navcontainer_acc ul li p {
color:#036!important
}
#navcontainer_acc ul li p span { /* to change external link color */
color:#036!important
}
#navcontainer_acc li a:hover {
background:#ccddfb;
color:#036;
text-decoration:none
}
#navcontainer_acc span {color:#933}
/* Comments */
.comments {padding:10px 10px 3px 10px; border-top:1px solid #ccc; background:#eee; color:#4f4f4f}
.comtitle {float:right; padding:5px 10px; margin:0 1px 0 10px; border:1px solid #ccc; background:#f5f5f5; position:relative}
.comadmin {margin:0; text-align:right; font-size:10px; padding-right:20px}
ol.commentlist {padding:0; margin:0}
ol.commentlist li {list-style-type:none; margin-bottom:6px}
.comments_div {width:510px}
.comments_div_left {width:100px; padding:4px 0 4px 4px; margin-right:4px; float:left; text-align:center}
.comments_div_left img {text-align:center}
.comments_div_right {width:393px; float:right}
.comments_top {width:348px; padding:15px 15px 0 30px; background:url('img/comments_top.gif') no-repeat scroll top left; margin:0; overflow:hidden}
.comments_bottom {width:393px; height:13px; overflow:hidden; background:url('img/comments_bottom.gif') no-repeat scroll top left; margin:0; padding:0}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
	#cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
	#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
	#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
	#cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
	#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
	#cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:5px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
                
                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
                #cboxPrevious{left:0px; background-position: -51px -25px;}
                #cboxPrevious.hover{background-position:-51px 0px;}
                #cboxNext{left:27px; background-position:-75px -25px;}
                #cboxNext.hover{background-position:-75px 0px;}
		#cboxClose{right:0; background-position:-100px -25px;}
		#cboxClose.hover{background-position:-100px 0px;}

                .cboxSlideshow_off #cboxSlideshow{background-position:-125px -25px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
                .cboxSlideshow_on #cboxSlideshow{background-position:-150px -25px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
/* --> */

div.feedburnerFeedBlock ul { 
margin-left:0px; 
padding-left:0px; 
list-style-type: none 
}
div.feedburnerFeedBlock ul li span.headline { 
font-weight:bold; 
display:block; 
margin:12px 0 0 0; 
list-style-type: none 
}



ul#twit-twit, ul#twit-twit ul {
	list-style-type: none;
	padding-left: 0;
	font-family: Arial, Georgia, Verdana, "Times New Roman", sans-serif;
}


ul#twit-twit {
	width: 150px;
}


ul#twit-twit li ul {
	margin: 6px 0 0 0;
}


ul#twit-twit li {
	margin: 0 0 10px 10px;
	border-top: 1px dashed #ccc;
}


ul#twit-twit li.twit-date {
	font-weight: bold;
	color: #600;
	border: 0px solid #ccc;
	margin: 10px 0 0 0;
	font-size: 9pt;
}


ul#twit-twit li ul li {
	font-weight: normal;
	color: #222;
	font-size: 8pt;
	padding-top: 8px;
}


ul#twit-twit li.twit-alt {
	color: #888;
}


ul#twit-twit li.twit-first {
	color: #800;
}


ul#twit-twit a.twit {
	color: #ddd;
	text-decoration: none;
	border: 0;
}


ul#twit-twit a.twit:hover, ul#twit-twit a.twit:visited:hover {
	color: #600;
}


p.twit-more, li.twit-more {
	text-align: right;
	font-size: 8pt;
	padding: 4px 0 0 0;
}


p.twit-more a.twit-more, li.twit-more a.twit-more {
	color: #600;
	text-decoration: none;
}


p.twit-more a.twit-more:hover, p.twit-more a.twit-more:visited:hover, li.twit-more a.twit-more:hover, li.twit-more a.twit-more:visited:hover {
	color: #000;
	border-bottom: 1px dashed #600;
}

span.twitterTime{color:#933};
span.twitterStatus{color:#000};
span.twitterPrefix{color:#036; font-weight:bold};
div #tweet ul{list-style-type:disc; list-style-position:outside; color:#036};