.clear { clear:both }

a { color:#2566B9 }
a:hover { text-decoration:none }

.noDisplay { display:none }
.doDisplay { display:block }

.green { color:#0FBF1C }
.red { color:#D34321 }

/* ############################    MASTER PAGE AND COMMON CLASSES     ################################## */

body {
	background:url(../../images/blog/body-bg.png) repeat-x #ccc; 
	
	margin:0px 0px 20px 0px; 
	
	padding:0px; 
	
	color:#333; 
	
	font-size:13px;
	
	font-family:"Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
	
	text-align:center;
	
	}
	
#wrapper { width:1000px; margin:0px auto; text-align:left; position:relative }

#top { height:100px }

.logo { font-size:28px; font-weight:bold; line-height:100px; display:block; float:left }

.top-balls { background:url(../../images/blog/top-balls.png); width:245px; height:134px; position:absolute; top:13px; left:730px }

#menu { 
	background:url(../../images/blog/menu-bg.png) repeat-x; 
	
	height:48px;
	
	line-height:45px;

	-moz-border-radius-topright: 10px; 
	
	-moz-border-radius-topleft: 10px; 
	
	-webkit-border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px; 
}

#menu ul { list-style:none; padding:0px; margin:0px }
#menu ul li { padding:0px 30px; position:relative; float:left }
#menu ul li a { color:#fff; text-decoration:none; font-size:16px; }
#menu ul li a:hover { text-decoration:underline }


.copyright { padding:10px 0px; color:#fff }
.copyright a { color:#fff; text-decoration:none }
.copyright a:hover { text-decoration:underline}

#main-content {
	background:#fff;
	
	padding:20px 20px 20px 30px;

	-moz-border-radius-bottomright: 10px; 
	
	-moz-border-radius-bottomleft: 10px; 
	
	-webkit-border-bottom-left-radius: 10px;
	
	-webkit-border-bottom-right-radius: 10px; 
}

.left-column { width:660px; float:left }

.right-column { width:250px; padding-left:40px; float:left }

td { padding:5px; font-size:15px; border-bottom:solid 1px #f0f0f0; }
td.right { text-align:right }


/* ============= LEFT COLUMN =================*/
.left-column h2 { font-size:23px; font-weight:bold; padding:10px 0px }

.left-column h2 a { color:#333; text-decoration:none }
.left-column h2 a:hover { color:#2566B9; text-decoration:underline }

.left-column .post-info {
	
	background:url(../../images/blog/post-info-bg.png) repeat-x;
	
	height:28px;
	
	line-height:28px;
	
	padding:0px 10px 0px 10px;
	
	font-size:14px;
	
	color:#666;
	
	border:solid 1px #E8E8E8;
	
	-moz-border-radius:4px; 
	
	-webkit-border-radius:4px;
}

.left-column .post-info strong { float:left }
.left-column .post-info .comment { background:url(../../images/blog/ico-comment.png) no-repeat 0px 8px; padding-left:23px; float:right }
.left-column .post-info .comment a { color:#999 }

.left-column .post-content { font-size:14px; line-height:20px; padding:5px 3px 10px 3px; }
.left-column .post-content p { padding:4px 0px }
.left-column .post-content h4 { padding:15px 0px; font-weight:bold }

/* ============= RIGHT COLUMN =================*/

.right-column h3 { font-size:16px; border-bottom:solid 1px #E8E8E8; padding:7px 0px; font-weight:bold }

.right-column ul { list-style:none; padding:5px 0px; }

.right-column .campionate li { 	padding:4px 0px 4px 0px; }
.right-column .campionate li img { vertical-align:middle; margin-right:2px }

.right-column .arrow-list li { 
	
	background:url(../../images/blog/ico-list-arrow.png) no-repeat 0px 7px;
	
	padding:4px 0px 4px 10px;
}


.right-column .banner-holder { padding:5px 0px; border-bottom:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; }

.right-column .bookie { background:#F4F4F4; padding:5px }
.right-column .bookie p { padding:5px 0px; font-size:12px; line-height:15px; }
.right-column .bookie p a { font-size:13px }

.right-column .v-desp { height:10px; width:250px; display:block }


/* ARCHIVE */
.archive { width:100%; margin-bottom:15px; }
.archive th, .archive td { padding:7px }
.archive th { border-bottom:solid 1px #ddd; font-weight:bold; font-size:15px; }

.archive th.right, .archive td.right { text-align:right }
.archive th.center, .archive td.center { text-align:center }

.archive .alt-row { background:#F5F5F5 }

.archive img { vertical-align:middle }

/* PREVIEW PAGE */
#previewComments { padding:15px 0px }
.com-title { border-bottom:solid 3px #2362B0; margin-bottom:10px; }
.com-title h4 {  

	background:url(../../images/blog/com_title_in_bg.png) repeat-x; 
	
	height:32px; 
	
	line-height:32px; 
	
	padding:0px 15px;
	
	margin-left:20px; 
	
	color:#333;
	
	text-align:center; 
	
	font-weight:bold; 
	
	font-size:14px;
	
	float:left;
	
	cursor:pointer;

	-moz-border-radius-topright: 10px; 
	
	-moz-border-radius-topleft: 10px; 
	
	-webkit-border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;  }
	
.com-title h4.active { 	background:url(../design/com_title_bg.png) repeat-x; color:#fff; }

.com-holder li { background:url(../../images/blog/com_bg.png) repeat-x; border:solid 1px #F2F2F2; padding:10px; margin-bottom:10px; }

.com-holder strong { width:310px; float:left }

.com-holder em { width:250px; text-align:right; padding-right:10px; float:right }

.com-holder p { padding:5px 0px; }
.com-holder .content { padding:10px 0px; line-height:18px }

#addComment p { padding:4px 0px; clear:both }
#addComment label { width:120px; display:block; padding:5px 0px 5px 20px; float:left; }
#addComment .text-input, textarea { width:240px; padding:5px; background:#F7F7F7; border:solid 1px #EBEBEB; float:left }

#addComment .focus { background:#EDF3FC; border:solid 1px #D5E3F9 }

#addComment .send { background:url(../../images/blog/com_title_bg.png); -moz-border-radius: 10px; -webkit-border-radius: 10px;  margin-left:140px; padding:4px 7px; cursor:pointer; font-size:14px; color:#fff; font-weight:bold; border:none; margin-top:10px; }


/* NOTIFICATION */
.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
                }
                

.attention {
                background: #fffbcc url('../../images/blog/design/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../../images/blog/design/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../../images/blog/design/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../../images/blog/design/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
				cursor:pointer;
                }

/* Notification for form inputs */
@charset "utf-8";
/* CSS Document */