/*STYLE  --  Start here*/
body {
	background: #27343C;
	margin: 0px 25px 0px 25px;			/*Top,Right,Bottom,Left*/
	text-align: center;
	font: 1em Arial Narrow;
	color: #000000;
	}

a {
	text-decoration:none;
	}
	
a:hover {
	text-decoration: underline;
}
	
p {
	text-align: justify;
	}
	
li {
	text-align: justify;
	list-style-type: square;
	}
	
h1 {										/*Page Titles*/
	text-align: left;
	font: 1.7em Arial Narrow;
	color: #7f1402
	}
	
.PageDescription {						/*Page Description*/
	padding-bottom: 5px;
	text-align: justified;
	font: 1em Arial Narrow;
	}	
	
h2 {										/*Blog Post Title: Red without bottom dorder*/
	margin: 0 0 -7px 0;					/*Top,Right,Bottom,Left*/
	text-align: left;
	font: 1.2em Arial Narrow;
	color: #7f1402;
	}

h2 a {
    color: #7f1402;
	}

h2 a:hover {
	text-decoration: underline;
}

.BlogPostSub {							/*Blog Post Subtitle*/
	border-bottom: 1px solid #D2D4C9;
	padding-bottom: 5px;
	text-align: left;
	font: italic 0.7em Arial, Helvetica, sans-serif;
	}
	
.ContentSubtitle {						/*Content Subtitle: Red with bottom border*/
	margin: 0;
	border-bottom: 1px solid #D2D4C9;
	padding-bottom: 5px;
	font: 1.2em Arial Narrow;
	text-align: left;
	color: #7f1402;
}

.ContentSubtitle a {
    color: #7f1402;
	}

.ContentSubtitle a:hover {
	text-decoration: underline;
}

.ContentSubtitleNotes {					/*Content Subtitle: Red with bottom border for NOTES*/
	margin: 0;
	border-bottom: 1px solid #D2D4C9;
	padding-bottom: 5px;
	font: 1.1em Arial Narrow;
	text-align: left;
	color: #27343C;
}

.ContentSubtitleNotes a {
    color: #27343C;
	}

.ContentSubtitleNotes a:hover {
	text-decoration: underline;
}
	
.SmallLink {								/*Small Link*/
	padding-bottom: 5px;
	text-align: left;
	font: italic 0.7em Arial, Helvetica, sans-serif;
	}

.PageSubtitle {
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	}

.ContentSubtitleI {
	font-size: 1.7em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}

.TextCenter {
	text-align: center;
	}

.TextRight {
	text-align: right;
	}

.TextLeft {
	text-align: left;
	}

/*LAYOUT  --  Start here*/

/*LOGO*/

#logo {
	width: 1000px;
	padding:10px 0px 0px 0px;			/*Top,Right,Bottom,Left*/
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 0 auto;
	border-bottom:2px solid #FFFFFF;
	background-color: #FFFFFF;
	}

#logo img {
	float: left;
	}
	
#logo .title {
	position: relative;
	top: 10px;
	left: -15px;
	text-align: left;
	font: 55pt Arial Narrow;
	font-weight:bold;
	color: #000000;
	}
	
#logo .subtitle {
	position: relative;
	text-align: left;
	font: 13pt Arial Narrow;
	font-weight:bold;
	font-style:italic;
	color: #000000;
	padding:0px 0px 6px 125px;			/*Top,Right,Bottom,Left*/
	}
	
/*MENU*/
#menucontainer{							/*This is the Background box behind the menu bar*/
	position: relative;
	height: 34px;						/*Box height*/
	background-color: #191919;
	display: block;
	padding: 10px 0px 0px 35px;			/*Top,Right,Bottom,Left*/
	-moz-box-sizing:border-box;box-sizing:border-box;
	}
	
#menu{									/*Menu boxes*/
    position:relative;
	display:block;
	height:25px;
	font: bold 13px Arial,Verdana,Helvitica,sans-serif;
	}
	
#menu ul{
	margin:0px;
	padding:0 0 0px 0;					/*Top,Right,Bottom,Left*/
	list-style-type:none;
	width:auto;
	}
	
#menu ul li{
	display:block;
	float:left;									/*Makes menu boxes start left or right*/
	margin:0px 1px 0 0;							/*Top,Right,Bottom,Left*/
	}
	
#menu ul li a{										/*Mouse OFF*/
	display:block;
    float:left;
	color:#000;
	text-decoration:none;
	padding:5px 5px 0 5px;						/*Top,Right,Bottom,Left*/
	height:19px;
	background:transparent url(http://www.cosmopolitikos.com/menuoff.gif) no-repeat top left;
	}
	
#menu ul li a:hover{								/*Mouse ON*/
	color:#fff;
	background:transparent url(http://www.cosmopolitikos.com/menuover.gif) no-repeat top right;
	}
	
#menu ul li a.current,#foxmenu ul li a.current:hover{
	color:#000;
	background:#fff;
	}
/*World Clock*/
#clock {
	text-align: center;
	font-size: 14px;
	}

/*MAIN FRAME*/
#main {
	width: 1000px;
	padding:10px 0px 0px 0px;					/*Top,Right,Bottom,Left*/
	-moz-box-sizing:border-box;box-sizing:border-box;
	margin: 0 auto;
	background-color: #ffffff;
	}

/*CONTENT*/	
#content {
	float: left;
	width: 760px;
	border-right: 0px solid #000000;
	}
	
#blog {
	float: left;
	width: 751px;
	padding:10px 15px 10px 15px;				/*Top,Right,Bottom,Left*/
	-moz-box-sizing:border-box;box-sizing:border-box;
	border:2px solid #7f1402;
	margin: 2.5px 0 2.5px 5px;
	background-color: #F8F8F8;
	}
	
/*RELATED*/

#related {
	float: right;
	width: 230px;
	background-color: #ffffff;
	text-align: center;
	border-left: 0px solid #000000;
	}
	
#blogrelated {
	float: right;
	width: 221px;
	padding:10px 15px 10px 15px;				/*Top,Right,Bottom,Left*/
	-moz-box-sizing:border-box;box-sizing:border-box;
	border:2px solid #7f1402;
	margin: 2.5px 5px 2.5px 0;
	background-color: #F8F8F8 ;
	}

/*Style Box

Colors
	#DEB887 = BurlyWood
	#D2B48C = Tan
	#FAEBD7 = AntiqueWhite
	#CDAF95 = PeachPuff3
	#CDB79E = Bisque3
	#9E6B33 = Costum brown
	#27343C = Dark Blue
	#191919 = Dark Grey

*/