@import url("color/red.css");

@font-face {font-family: Klavika;src: url(../fonts/KlavikaRegular-Plain.otf) format("opentype");}
@font-face {font-family: Klavika;src: url(../fonts/KlavikaLight-Plain.otf) format("opentype");font-weight: lighter;}
@font-face {font-family: Klavika;src: url(../fonts/KlavikaMedium-Plain.otf) format("opentype");font-weight: 500;}
@font-face {font-family: Klavika;src: url(../fonts/KlavikaBoldBold.otf) format("opentype");font-weight: bold;}

body {
	margin: 0; 
	text-align: justify; 
	font-family: Klavika, Lucida Grande, sans-serif; 
	background: url(../images/bg.png) repeat-x; 
	border-top-style: solid;
	border-top-width: 4px;
	height: 100%; 
	font-weight: lighter;
}

a {text-decoration: none;}

p {font-weight: lighter; line-height: 20px;}

strong {font-weight: bold;}

#logo {
	text-shadow: 1px 1px 1px white;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin: -5px 10px 0 0;
	font-family: Klavika, Lucida Grande, sans-serif;
	width: 300px;	
}

#navigation {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Klavika, Lucida Grande, sans-serif;	
	float: right;
	position:relative;
	z-index:100;
	margin: -60px 0 10px 0; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#logo {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 0 0;
	font-family: Klavika, Lucida Grande, sans-serif;
	width: 300px;	
}

#navigation {
	text-shadow: 1px 1px 1px white;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Klavika, Lucida Grande, sans-serif;	
	float: right;
	position:relative;
	z-index:100;
	margin: -55px 0 10px 0; 
}

}

.linkactive {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-bottom: 7px;
	}

#slide {position:absolute; margin-top:15px; height:4px;z-index:10;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#slide {position:absolute; margin-top:27px; height:4px;z-index:10;}
}

#navigation ul {
	list-style: none;
}

#navigation li{
	margin: 0 0 0 25px;
	display: block;
	height: 14px;
	float: left;
}

/* .crnt {border-bottom: 3px solid #d01010;} */

#mid {
	text-shadow: 1px 1px 1px white;
	width: 100%;
	height: 200px;
	margin: 9% 0 12% 0;

}

#ProfileLinks {
	height:200px;
	margin: 30px 0 0 0;
	display:block;
}

		#content ul {margin-left:123px; width:797px; height:90px;}
		#content li {display:inline; margin: -90px 0 0 0; padding: 0; list-style:none; float:left; width:57px;}
		#content ul li img {opacity: 0; margin:0; padding: 0; z-index: -50; width:57px; }

#content a {
  font-size: 1em;
  margin:0;
  text-decoration: none;
  height:90px;
  display: block;
  width: 57px;
  position: relative;
  z-index: 0;
}

#content {
	background: transparent url(../images/ss-1.png) no-repeat;
	height:159px;
	z-index: -50;
	display:block;
}

#content a:hover { text-decoration: underline;}

.ssb {
	background: transparent url(../images/ss-2.png) no-repeat;
	width:797px;
	height:90px;
	z-index: 50;
	position:absolute;
}

a img {
  border: 0;
  float: left;
}

/*
a:hover img {
  margin-left: 10px;
}
*/

#footer {
	text-transform: uppercase; 
	font-size: 12px; 
	height: 20px;
	position: relative;
}

/* columns */

.InnerH {
	text-shadow: 1px 1px 1px white;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	font-size: 15px;
	margin: 0 0 30px 0;
	text-transform:uppercase;
}

.columnl {
	width: 210px;
	float: left;
	margin-bottom: 15px;
	text-align: justify;
}

.columnm {
	width: 210px;
	float: left;
	margin-left: 75px;
	margin-bottom: 15px;
	text-align: justify;
}

.columnr {
	width: 210px;
	float: right;
	margin-left: 40px;
	margin-bottom: 15px;
	text-align: justify;
}


 h3 {
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 15px;
	text-align: center;
}

.mememe {
	text-align: center;
	font-size:60px;
	line-height:65px;
}

/*
h1{color:#AE0B15;text-align:left;letter-spacing:-4px;text-align:center;text-transform:uppercase}
h1{font-size:60px;letter-spacing:-4px;text-transform:none;line-height:65px}
*/

p.slinks {
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:1px;
display:inline-block;
font-family: Klavika, Lucida Grande, sans-serif;	
font-size:15px;
letter-spacing:3px;
padding:10px 0;
margin: 15px auto;
text-transform:uppercase;
text-align:center;
width: 730px
}

a.slinks {text-decoration:none;letter-spacing:3px;}
.slinks a:hover {letter-spacing:3px;}
.i {text-transform:none;letter-spacing:0px;font-style:italic;}


/* ^^ End of Index Styles ^^ */

#Cquote {
	text-shadow: 1px 1px 1px white;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	text-align: justify;	
	margin-top: 0px;
	margin-bottom: 30px;
}

#Mquote {
	text-shadow: 1px 1px 1px white;
	font-weight: bold;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;	
}

.saidby {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 15px;
}

.wrap {
display: block;
margin: 10px 0 50px 0;
}

#sidebar div.sidebarItem {margin-bottom:0;}
	#sidebar.home div.sidebarItem {margin-bottom:2em;}

	#sidebar .sidebarItem .meta-title {font-size: 1.2em;position:absolute;left:0;}
	* html #sidebar .sidebarItem .meta-title {left:-6.5em;}
		#sidebar .sidebarItem ul.metaList {margin:0;padding:0;list-style-type:none;}
			#sidebar .sidebarItem ul.metaList li {line-height:1.4em;padding:0.3em 0 0.2em 5.416em; position:relative;font-size:13px;}
				#sidebar .sidebarItem ul.metaList li a {text-decoration:none;}
				
			#sidebar .sidebarItem ul.metaList li.ratings {position:relative;font-size:12px;}
				#sidebar .sidebarItem ul.metaList li.ratings .post-ratings {font-size:90%; margin: 0 0 0 130px;}
					#sidebar .sidebarItem ul.metaList li.ratings .post-ratings img {vertical-align:text-bottom;margin-bottom:2px;}
				#sidebar .sidebarItem ul.metaList li.ratings .post-ratings-text{position:absolute;right:0;top:0;visibility:hidden;}

.LeftStitle	{
	margin: 20px 0 0 0;
}		

.starratingalt {
float:right; margin-top:-155px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.starratingalt {
float:right; margin-top:-148px;
}	
}
/* ^^ End of About Styles ^^ */


.nofolio {margin:0 auto 7% auto; width:504px;}

.servererror {margin:0; width:800px;}


/* ^^ End of Projects page ^^ */


input {
	-moz-border-radius: 4px;
	border: 1px solid silver;
	padding: 8px;
	font-family: Arial;
	text-transform: uppercase;
}

textarea {
	-moz-border-radius: 4px;
	border: 1px solid silver;
	padding: 8px;
	font-family: Arial;
}

#RightContact {
	float: right;
	clear: right;
	background: transparent url(../images/contact-left.png) no-repeat;
	width: 225px;
	height: 364px;
	padding: 80px 0 0 15px;
	font-weight: lighter;
}

.notify {
	-moz-border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	margin: 0 0 10px 0;
}

/* ^^ End of Contact page ^^ */



/* Friends Page */ 

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 672px; }

ul#filter { float: left font-size: 16px; list-style: none; margin-left: 11%; }
ul#filter li { 
	border-right-style: solid;
	border-right-width: 1px;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { text-decoration: none; padding-bottom: 1px;}
ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
ul#filter li.current a { border-bottom-style:solid; border-bottom-width: 4px;}

ul#portfolio { float: left; list-style: none; margin-left: 0; }
ul#portfolio li { 
	border-style:solid;
	border-width: 1px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px 5px 2px 5px;
	width: 220px;
}
ul#portfolio a { display: block; width: 100%; line-height: 45px; font-weight: 500;}
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { display: block; width: 40px; height: 40px; margin-right: 5px;}

#SecondLevelNav {
	text-shadow: 1px 1px 1px #fff;
	text-transform:uppercase;
	margin: 40px 0 20px 0;
	padding: 7px;
	border-top-style: solid; border-top-width: 3px;
	border-bottom-style: solid; border-bottom-width: 1px;
	text-align: right;
}

#SecondLevelNav a{
	font-weight: bold;
	font-size: 20px;
}