@import 'https://fonts.googleapis.com/css?family=Dosis|Reenie+Beanie|Allerta+Stencil|Puritan|Open+Sans|Asap+Condensed|Source+Serif+Pro';

body { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	background: #0052a3;
}
    
@font-face {
	font-family: alternategothic;
	src: url('media/ALTGOT2N.TTF');
}

table { border-collapse: collapse; }
td { padding: 0px; text-align: left; vertical-align: top; }

a { color: #0060bf; text-decoration: none; }
a:hover { color: #ff8000; text-decoration: underline; }

img { border: none; }

p { margin: 5px 0px; }
form p { margin: 10px 0px; }

ul { margin: 0px; padding: 0px; list-style: none;  }
li { margin: 5px 0px; }

fieldset {  }
input, textarea { max-width: 100%; }

label {  }
label span { color: #808080; font-size: 12px; font-weight: normal; font-style: italic; }

div.fieldset { background: #f8f8f8; padding: 5px 10px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000000; margin: 15px 0px 15px 0px;
    font-family: 'Roboto'; padding: 1px 10px 5px 10px;
	}
h1, h2 { font-size: calc(25px + 0.5vw); color: #002951; color: rgba(255, 255, 255, 0.9); text-align: left;
	xxbackground: linear-gradient(#65adf0, #2583d1);
	background: linear-gradient(to right, #0052a3, #2586d5);
	display: inline-block; font-family: 'Roboto'; padding: 2px 10px 4px 10px;
	}
h2 { font-size: 28px; margin-left: -15px; }

h1 a:hover { text-decoration: none; }

.h1box { xxbackground: #fff; margin-left: -15px; }

.mygradient { background: linear-gradient(#2586d5, #65adf0); background: #2586d5; }

.container { width: 100%; max-width: 960px; xxmin-width: 400px; }

.col-left { display: inline-block; width: 65%; vertical-align: top; xxbackground: rgba(255, 255, 255, 0.75); }
.col-left-inner { xxpadding: 10px 15px; padding-left: 15px; }

.col-right { display: inline-block; width: 35%; vertical-align: top;
	}

/* sitebar */
div.sitebar { text-align: right; padding: 2px 5px; color: rgba(255, 255, 255, 0.75); background: #2178bf;
	xxborder-radius: 0px 0px 5px 5px; font-size: 13px; xxpadding-left: 125px; }
div.sitebar a { color: #fff; xxfont-size: 14px; padding: 5px 10px; }
div.sitebar a:hover { color: #ff8000; text-decoration: none; border-radius: 20px; background: rgba(0, 0, 0, 0.1); }


div.sitebar .links { xxpadding-left: 150px; }
div.sitebar .links li { display: inline-block; xxpadding: 2px 10px; xxborder-right: 1px solid #708090; }
div.sitebar .links li:last-child { border-right: none; }

div.sitebar .sublinks { position: absolute; padding: 5px 10px; background: #405060;
	margin-left: -10px; }
div.sitebar .sublinks li { float: none; border-right: none; border-bottom: 1px solid #708090;
	padding: 3px 5px 5px 5px; }
div.sitebar .sublinks li:last-child { border-bottom: none; padding-bottom: 0px; }
div.sitebar .sublinks a.addnew { display: block; float: right; font-size: 11px; padding: 1px 4px;
	background: #708090; margin-right: -5px; margin-left: 10px; }

div.mainarea { margin: 20px auto 0px auto;
	background: rgba(255, 255, 255, 0.75);
    xxoverflow: hidden; border-radius: 2px;
	xxpadding: 0px 15px; }

div.sidebar {  margin-top: 0px; padding-right: 0px; margin-left: 20px; }
div.sidebar div.side-block { text-align: justify; margin-bottom: 20px; padding: 10px 10px 15px 10px; }
div.sidebar div.side-title { margin: 0px 0px 0px -14px; xxfont-family: 'Allerta stencil'; font-size: 100%;
	color: rgba(255, 255, 255, 0.9); background: linear-gradient(to right, #2586d5, #0052a3); padding: 1px 10px;
	display: inline-block; }
div.sidebar div.side-content { padding: 5px 5px 0px 5px; clear: left; }

@media (max-width: 768px) {
	div.sidebar { margin: 20px 0px 0px 0px; padding: 0; }
}

ul.menu { margin: 0px 0px 0px 0px; }
ul.menu li { padding: 7px 0px 7px 10px; border-bottom: 1px solid #e0e0e0; 
	background: url('images/arrow.png') left no-repeat; margin: 0px; }
ul.menu li:last-child { border-bottom: none; }
ul.menu li a {  } 

ul.m1 li { font-size: 12px; padding: 8px 0px 8px 10px; font-weight: bold; }
ul.m1 li a { color: #404040; }

ul.m2 li { padding-left: 0px; background: none; }

center.button { margin: 15px 0px 10px 0px; }
center.button a { color: #fff; background: #404040; padding: 5px 8px;
	font-size: 14px; font-weight: bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
center.green a { background: #54a800; }
center.blue a { background: #307abf; }

div.header { margin: 0px; padding: 0px 0px 0px 0px; min-height: 60px; }
.header div.logo { float: left; background: none; border: none; color: #404040; 
	margin: 10px 0px 10px 0px; }
.header div.logo a { color: #fff; text-shadow: 1px 1px #005555; font-size: 20px; font-weight: bold; font-family: Verdana; }
.header div.logo a img { xxwidth: 180px; xxheight: auto; }
.header span.subtitle { font-style: italic; color: #fff; padding-left: 20px; 
	 font-size: 15px; font-family: arial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
	
@media (max-width: 768px) {
	.header div.logo { margin-top: 10px; }
}
	
div.headerblock { background: url('images/black25.png');
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	padding: 5px; }
	
.mainmenu { background: rgba(0, 0, 0, 0); xxbackground: linear-gradient(#f8f8f8, #e0e0e0); padding: 0 0 0 0; 
	xxborder: 1px solid #c0c0c0; border-top: none; border-radius: 0px 0px 10px 10px;
    margin: 0px 0px 0px 0px; 
    }
.mainmenu li { xxdisplay: inline-block; border-left: 1px solid rgba(255, 255, 255, 0.0); xxborder-right: 1px solid #e0e0e0;
	padding-top: 3px; }
.mainmenu li a { color: #fff!important; display: block; padding: 6px 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.mainmenu li a:hover { color: #ff8000!important; text-decoration: none; }

.mainmenu li:first-child { border-left: none; }
.mainmenu li:last-child { border-right: none; }

.mainmenu li.rss { float: right; color: #ffff00; border: none;
	margin: 2px -7px 0px 0px; }
.mainmenu li.rss a {  }
.mainmenu li.rss a img { width: 24px; height: 24px; }
	
@media (min-width: 769px) {
	.navbar-brand { xxdisplay: none; }
}
@media (max-width: 768px) {
	.mainmenu li { border-bottom: 1px solid #c0c0c0; border-top: 1px solid #fff; border-right: 0px; margin: 0px 10px; }
	.mainmenu li:first-child { border-top: none; }
	.mainmenu li:last-child { border-bottom: none; }
	.mainmenu li a { padding: 10px 5px; }
}
	

.mainbuttons { text-align: center; padding-top: 5px; }
.mainbuttons a { font: 18px arial; 
	background: linear-gradient(#ff9f40, #ff7f00, #db7714);
	xxbackground: #fff; border: 1px solid #804000;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	color: rgba(0, 0, 0, 0.9);
	xxtext-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	padding: 5px 15px; margin: 5px 10px; 
	text-decoration: none;
	white-space: nowrap; display: inline-block; }
.mainbuttons a:hover { background: linear-gradient(#ff9f40, #ff7f00); color: #000; }


div.smalltabs { padding: 0px 5px 0px 0px; font-size: 13px; margin-bottom: 20px; }
div.smalltabs a { margin-left: 5px; background: linear-gradient(to top, #2586d5, #2586d5); border: none; padding: 1px 6px 3px 6px;
    color: #fff; display: inline-block; border-radius: 1px; }
div.smalltabs a.current { background: linear-gradient(to bottom, #0052a3, #2586d5); xxborder-bottom: 1px solid #fff; xxcolor: #000; }
div.smalltabs a:hover { color: #ff8000; text-decoration: none; }	
div.smalltabs a.current:hover { color: #fff; }	
	
div.center2 { }
div.center { }

div.footer { padding: 10px 0px 12px 0px; background: #002951; xxbackground: linear-gradient(#2178bf, #2586d5);
	margin-top: 10px; border-radius: 0px 0px 10px 10px; font-size: 17px; font-family: Verdana; }	
div.footer ul.links { text-align: center; }	
div.footer ul.links li { display: inline-block; margin: 2px 10px; }	
div.footer ul.links li a { xxfont-weight: bold; color: #fff; }	
div.footer ul.links li a:hover { text-decoration: underline; }	
div.footer ul.links li.rss a { color: #ff8000; }	
div.footer ul.links li.rss img { width: 20px; height: 20px; }	




div.pageheader { line-height: 133%; text-align: justify; }
div.pageheader p { margin: 10px 0px; }
	
.avatar { display: inline-block; border-radius: 2px; padding: 2px;
	background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 82, 163, 0.5); }
.avatar img { border-radius: 2px; width: 100%; height: 100%; }
xximg.avatar { padding: 2px; background: #fff; border: 1px solid rgba(0, 82, 163, 1); border-radius: 50%; }
	

span.sep { color: #c0c0c0; font-size: 16px; padding: 0px 4px 0px 4px; }	
div.footer span.sep { color: rgba(255, 255, 255, 0.75); }	

div.credits { font-size: 13px; max-width: 720px; margin: 0px auto; padding: 10px 5px 12px 5px;
	text-align: center; color: rgba(255, 255, 255, 0.75); }
div.credits a { font-weight: normal; color: #fff; xxtext-decoration: underline; }
div.credits span.sep { color: #606060; }

.whitebox { xxborder-radius: 4px; background: rgba(255, 255, 255, 1); xxborder: 5px solid rgba(0, 82, 163, 0.25);
	xxbox-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); xxoverflow: hidden; }

div.item { padding: 0px 10px; margin: 0px 0px 30px -15px; }
div.item .avatar { float: left; margin: -5px 10px 5px -10px; border: none; padding: 1px; background: #3278bd; }
div.item .avatar img { width: calc(48px + 2vw); max-width: 54px; height: auto; border: 1px solid #fff; }
div.item h2 { display: block; clear: left; padding: 5px 10px; margin: 0px -10px;
	background: #002951; color: #000; font-size: calc(18px + 1.5vw);
	background: linear-gradient(to right, #002951, #0052a3);
	font-family: 'Roboto'; border-radius: 0px;}
div.item h2 a { text-decoration: none; color: #ff8000; }
div.item h2 a:hover { color: #ffa040; }

div.item div.details { padding: 6px 0px; font-size: 16px; color: #545454;
    font-family: arial; xxfont-style: italic;
	xxborder-top: 1px dashed #e0e0e0; xxborder-bottom: 1px dashed #e0e0e0;
    line-height: 175%;
	background: linear-gradient(to right, #d0e0f0, #fff);
	margin-left: -10px; padding-left: 10px; }
div.item div.details div.tags { font-size: 13px; }
a.tag { margin-left: 2px; padding: 2px 6px; background: #e57300; xxborder: 1px dotted rgba(0, 0, 0, 1);
	border-radius: 1px; overflow: hidden;
	text-decoration: none; color: #fff; xxfont-size: 14px; }
a.tag:hover { background: #ff8000; }
	
div.item div.details a.tag { line-height: 25px; }

div.item div.content { font-size: 120%; line-height: 133%; text-align: justify; font-family: 'arial';
	padding: 5px 0px 10px 0px; }
div.item div.content iframe { display: block; margin: 0px auto; }
div.item div.content p { margin: 8px 0px; }

div.item div.content img { max-width: 100%; height: auto; }
div.item div.content img.image { margin: 8px auto; display: block; }
div.item div.content blockquote { padding: 2px 5px; background: #f8f8f8; font-style: italic;
	border: 1px dashed #e0e0e0; border-left: 2px solid #e0e0e0;
	color: #808080;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

div.item div.media { float: right; margin: 0px 0px 5px 5px; }
div.item div.media img { height: 80px; margin-left: 5px; }
div.item div.media img.play { height: 40px; position: absolute; margin: 20px 0px 0px -73px;
	opacity: 0.66; filter: alpha(opacity=66); }

div.item div.itemfooter { clear: both; font-size: 17px; padding: 5px 12px 6px 12px;
	border-top: 2px solid #e0e0e0; margin: 0px -7px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.item div.itemfooter a { font-weight: bold; }
div.item div.itemfooter span.sep { font-size: 15px; padding: 0px 6px; }

div.item div.sharethis { padding: 4px 0px 2px 0px; border-bottom: 1px dashed #e0e0e0;
	display: none; }
div.item:hover div.sharethis { display: block; }

div.item div.addthis { display: inline; }
div.item div.addthis a {  }
div.item div.addthis a img { width: 20px; height: 20px; }

div.addthis { background: rgba(0, 0, 0, 0.05); background: #f8f8f8;
	margin: -5px 0px 20px 0px; padding: 5px 5px 0px 5px; border-radius: 2px; }

div.itemcompact { margin: 0px -10px; padding: 10px 10px 8px 10px; border-bottom: 2px dotted #c0c0c0;
	clear: both; }
div.itemcompact .avatar  { margin-left: 0px; margin-top: 0px; }
div.itemcompact .avatar img { width: 20px; height: auto; }
div.itemcompact p.title { margin: 0px; font-family: 'Roboto'; font-size: 19px; line-height: 100%; }
div.itemcompact p.title a { xxcolor: #000; }
div.itemcompact div.details { font-size: 13px; padding: 2px 0px; margin: 0px; background: none; border: none; }
div.itemcompact div.content { padding: 4px 0px; font-size: 12px; }


div.author { margin: 0px 0px; padding: 10px 15px; background: #fff; xxborder-bottom: 1px solid #e0e0e0;
	margin-bottom: 10px; }
div.author:hover {  }

div.author div.rank { line-height: 24px; padding: 2px 6px 3px 6px; color: #fff;
	font-size: 20px; font-weight: bold; font-family: georgia;
	xxfont-style: italic; margin-right: 5px; border-radius: 2px;
	background: linear-gradient(to right, #002951, #0052a3); float: left; }
div.author div.avatar { float: left; margin-right: 10px; }
div.author div.avatar img { width: 56px; height: 56px; }

div.author p.title { margin-top: 0px; }
div.author p.title a { font-size: 18px; font-weight: bold; font-family: arial; }

div.author p.description { text-align: justify; font-size: 12px; line-height: 125%; }

div.author div.authorfooter { font-size: 13px; padding: 0px 5px 0px 5px; margin: -3px -5px 0px -5px; }
div.author:hover div.authorfooter {  }

div.authortiny { float: left; margin: 6px 12px 12px 0px; }
div.authortiny div.avatar img { width: 64px; height: 64px; }

a.readmore { white-space: nowrap; font-weight: bold; }

a.continuer { background: #0052a3; color: #e5f2ff; padding: 5px 10px; font-size: 16px; }
a.continuer:hover { text-decoration: none; color: #fff; }

img.thumbnail { width: 160px; height: 120px; padding: 1px; background: #ffffff;
	border: 5px solid #c0d0e0; }
a:hover img.thumbnail {  }

div.item div.admin { clear: both; background: #fffff0; padding: 2px;
	font-size: 11px; line-height: 18px; margin: 2px;
	opacity: 0.5; filter: alpha(opacity=50); }
div.item div.admin:hover { opacity: 1; filter: alpha(opacity=100); }
div.item div.admin a { padding: 2px; }

div.adminlinks { text-align: right; margin: -10px 0px 10px 0px; }
div.adminlinks a { font-weight: bold; }





div.textcontent { background: url('images/content-bg.gif') repeat-x; padding: 5px 10px; 
	font-size: 14px; line-height: 20px; }
div.textcontent p { margin: 6px 0px; }
div.textcontent ul { list-style: disc; padding-left: 20px; }

div.ita { font-style: italic; } 


p.hbar { background: #f0f0f0; padding: 4px 8px; }
p.hbar a { color: #000; font-weight: bold; font-size: 11px; } 


	
img.icon { vertical-align: middle; margin-right: 4px; }

ul.list li { padding: 1px 0px; }
ul.list a { padding-left: 10px; }
ul.list a:hover {  }


div.searchbox {  float: right; xxclear: right; text-align: center; margin: -5px 10px 0px 10px;
	background: #fff; background: rgba(255, 255, 255, 0.5);
    padding: 2px 2px;
	border-radius: 16px;
    xxborder: 1px solid #65adf0;
	overflow: hidden; }
div.searchbox input { font: 18px arial; vertical-align: middle; color: #fff; margin: 0px; vertical-align: middle; }
div.searchbox input.text { width: 120px; border: 1px solid #fff; padding: 0px 0px 0px 5px; background: transparent; border:none;
	margin-top: -2px; }

input.searchbutton { border: 6px solid transparent; border-width: 6px 4px 4px 4px; background: url('images/search.png') no-repeat;
	width: 28px; height: 28px; 
	border-bottom-width: 0px; }

div.userpanel { color: #def; font-size: 15px; }
div.userpanel a { color: #fff; }
div.userpanel a:hover { color: #f80; }
ul.userpanel {  }
ul.userpanel li { display: inline-block; padding: 0px 0px 0px 0px; margin-right: 3px; }
ul.userpanel li a { display: inline-block; padding: 1px 10px 3px 10px; background: rgba(0, 0, 0, 0.25); }

div.userpanel .avatar { xxborder-radius: 50%; border: none; padding: 1px; margin-right: 4px; background: rgba(0, 0, 0, 0.25); }
div.userpanel .avatar img { width: 24px; height: 24px; xxborder-radius: 50%; }
	
p.msg { font-size: 16px; font-weight: normal; padding: 5px; background: rgba(0, 0, 0, 0.15); }
p.error { color: #600000; background: #ffc0c0; padding-left: 32px;
	background: url('images/error22.png') 5px center no-repeat #ffc0c0; }
p.success { color: #008000; background: #c0ffc0; }
p.warning { color: #545400; background: #ffffc0; } 

div.pagination { clear: both; text-align: center; font-size: 14px; font-weight: bold;
	margin-top: 10px; xxborder-top: 1px solid #f2f2f2; padding: 7px 0px 7px 0px;
	background: rgba(255, 255, 255, 1); width: 100%; border-radius: 2px; }
div.pagination a, div.pagination span { padding: 2px 9px 2px 9px; background: #0052a3;
	xxborder: 1px solid rgba(0, 0, 0, 0.25); margin: 0px 1px;
	border-radius: 1px; color: #fff; font-weight: normal; }
div.pagination a.current { xxborder: 1px solid rgba(0, 0, 0, 0.5); }
div.pagination a:hover { xxborder: 1px solid rgba(0, 0, 0, 0.5); text-decoration: none; color: #ff8000; }
div.pagination span { color: rgba(255, 255, 255, 0.5); }


div.site { clear: both; margin: 10px 0px 30px 0px; }
div.site div.thumbnail { float: left; margin: 0px 5px 5px 0px; }
div.site div.thumbnail img { border: 1px solid #c0c0c0; }
div.site p.name { font-size: 18px; }
div.site div.details { font-size: 11px; }
div.site div.details span.date { font-weight: bold; color: #808080; }
div.site div.details span.toolbar { padding-left: 10px; }
div.site div.content { font-size: 14px; text-align: justify; }

div.comment { margin: 15px 0px; padding: 5px; #f8f8f8; }

div.comment p { margin: 8px 0px; }
div.comment .avatar { float: left; margin: 0px 10px 5px 0px; }
div.comment .avatar img { width: 40px; height: 40px; }
div.comment p.c-header { font-size 11px; margin: 0px 0px 5px 0px; }
div.comment p.c-header a { font-weight: bold; }
div.comment div.c-body { text-align: justify; font-size: 12px; line-height: 125%; }

div.sidecomments {  }
div.sidecomments div.comment { padding: 10px 0px; margin: 0px; clear: left;
	background: none; border-bottom: 1px solid #e0e0e0; }
div.sidecomments div.comment p { margin: 0px; }
div.sidecomments div.comment p.c-header { margin-bottom: 5px; }
div.sidecomments div.comment p.c-avatar { margin: 0px 5px 2px 0px; }

table.data div.comment { margin: 0px; }



form.grey { padding: 5px; background: rgba(255, 255, 255, 0.75); border-radius: 4px; }
form.grey p.floatleft { float: left; margin-right: 20px; }
form.grey label { }
form.grey label span { font-size: 11px; color: #808080; }


table.editfeatures {  }
table.editfeatures td { padding: 0px 10px 5px 0px; }


div.service { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #b6e3f2; }
div.service p.s-header { margin: 0px; padding: 2px; font-size: 14px; }
div.service p.s-features { margin: 0px; font-style: italic; }



.price { color: #00a000; font-size: 120% }

table.data { width: 100%; }
table.data tr.h td { padding: 5px 10px 5px 10px;
	text-align: center; font-size: 11px; font-weight: bold; }
table.data td { background: #f2f2f2; border: 1px solid #ffffff;  padding: 5px 10px 5px 10px;
	text-align: center; border-bottom-width: 5px; }
table.data td.head {  }
table.data td span.small { font-size: 11px; color: #808080; }

table.data table.ratings { }
table.data table td { padding: 1px 5px; border: none; }
table.data table td.right { text-align: right; font-size: 11px; color: #808080; }


div.tabs { font-size: 11px; font-weight: bold; float: right; padding: 17px 5px 0px 0px; }
div.tabs a { display: block; float: left; background: url('images/body-bg.gif') -250px -250px repeat-x;
	margin-left: 10px; padding: 3px 6px; border: 1px solid #73c9e6; }
div.tabs a.current { background: url('images/content-bg.gif') -75px -75px repeat-x #e5f9ff;
	color: #404040; }




div.article { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	border: 1px solid #c0d0e0; background: #f8f8f8; padding: 5px 10px; }
div.article h2 { font: bold 12px arial; background: none; padding: 0px; line-height: 100%; }
div.article h2 a { color: #404040; }

div.sidebar div.article { background: #fff; xpadding: 0px 0px 5px 0px;
	border-bottom: 1px solid #e0e0e0;
	margin: 10px -5px; }
	
ul.relateditems { padding: 0px 0px 10px 0px; }
ul.relateditems li { padding: 3px 0px 3px 5px; border-bottom: 1px solid #f0f0f0; }
ul.relateditems li a { font-family: dosis; font-size: 125%; }

span.asterisk, table.data td span.asterisk { color: #ff0000; font-size: 14px; }

div.hotnote, div.sidebar div.hotnote { background: #ffffa0; padding: 5px 10px; }
div.hotnote a { color: #ff0000; } 

p.question { margin: 20px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #407080; }
p.answer { font-size: 14px; line-height: 125%; text-align: justify; }

@media (max-width: 768px) {
	div.col-left { width: 100%; }
	div.col-right { width: 100%; border: none; }
}

div.ad { margin: 10px auto; text-align: center; }
div.ad img { max-width: 100%; height: auto; }

.highlight { padding: 5px 10px; background: #ffffc0; font-size: 18px; margin-top: 10px; border-radius: 2px; }
.highlight p { display: block; border-bottom: 1px dashed rgba(0, 0, 0, 0.25); padding: 5px 0px; margin: 0px; }
.highlight p:last-child { border-bottom: none; }
.highlight .hot { xxbackground: #ff4020; color: #ff4020; padding: 3px 8px; xxfont-size: 75%; border-radius: 2px; }
.highlight .veryhot { background: #ff4020; color: #ffff00; padding: 3px 8px; font-size: 85%; border-radius: 2px; }

.red { border: 1px solid red; }
.round6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; xxoverflow: hidden; }
.round4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; xxoverflow: hidden; }
.round2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; xxoverflow: hidden; }