/*  
Theme Name: Yong-Gi 1.0
Theme URI: -
Description: -
Version: 
Author: Jimmy Rosen
Author URI: http://www.angry.se
*/

@import "cforms.css";
@import "guestbook.css";

/* FLOATING TAIL --------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
        background: #c0c1c3 url('images/bg.gif') repeat top left;
}

.wrapper {
        background: white;
 	height: auto !important;
  	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height - but for bug reasons its 0 */
        width: 890px;
}

.wrapper2 {
height:auto !important;
margin:0pt auto;
width:890px;
}

.wrapper3 {
height: 100%;
width: 100%;
background: url('images/splash.png') no-repeat top center;
}

.footer, .push {
	height: 67px; /* .push must be the same height as .footer */
}
.push {
clear:both;
}

.footer {
background:#4A4A49 none repeat scroll 0%;
height:67px;
position:relative;
width:100%;
}


/* TAIL ------------------------------------------------------------------ */

.footInfo {
  width: 846px;
  margin: 0 auto;
}
.copy {
float: left;
margin-top: 26px;
	font-family: Arial, Sans-Serif !important;
	font-size:10px;
	text-decoration:none;
        color: #a4a4a4;
        text-transform: uppercase;
letter-spacing: -1px;
}
.copy a:link, .copy a:visited{
	font-family: Arial, Sans-Serif !important;
	font-size:10px;
	text-decoration:none;
        color: #c0c1c3;
        text-transform: uppercase;
}
.copy a:hover, .copy a:hover:visited{
	font-family: Arial, Sans-Serif !important;
	font-size:10px;
	text-decoration:none;
        color: #e8e8e8;
        text-transform: uppercase;
}

.info {
float: right;
margin-top: 26px;
	font-family: Arial, Sans-Serif !important;
	font-size:10px;
	text-decoration:none;
        color: #a4a4a4;
        text-transform: uppercase;
letter-spacing: -1px;
}
.info a:link, .info a:visited{
	font-family: Arial, Sans-Serif !important;
	font-size:10px;
	text-decoration:none;
        color: #c0c1c3;
        text-transform: uppercase;
}
.info a:hover, .info a:hover:visited{
	font-family: Arial, Sans-Serif !important;
	font-size:10px;
	text-decoration:none;
        color: #e8e8e8;
        text-transform: uppercase;
}


/* HEADER ---------------------------------------------------------------- */



.topSpacer {
height: 86px;
background: #4a4a49 url('images/top1.png') top left no-repeat;
}

.menuContainer {
float:right;
width: 650px;
height: 86px;
}


.header {
background: url('images/top2.png') top left no-repeat;
height: 152px;
background-color: transparent;
}

/* POSTS ----------------------------------------------------------------- */

.postText {
margin-left: 12px;
margin-right: 12px;
clear: both;
}

.postText h1 {
font: 22px Arial, Helvetica, sans-serif;
}

.postText h2 {
font: 18px Arial, Helvetica, sans-serif;
}
.postText h3 {
font: 14px Arial, Helvetica, sans-serif;
line-height: 20px;
}
.postText h4 {
font: 12px Arial, Helvetica, sans-serif;
}

.postText h5 {
font: 9px Arial, Helvetica, sans-serif;
}

.postText ul {
  margin-left: 44px;
  font-family: Arial, Sans-Serif !important;
  font-size: 12px;
}

.postText ol {
  margin-left: 48px;
  font-family: Arial, Sans-Serif !important;
  font-size: 12px;
}

.postText br {
margin-bottom: 8px;
}

blockquote {
padding-left: 15px;
}

.wppostdiv {
margin-bottom: 15px;
}

.postText p {
clear: both;
color: #000000;
line-height: 16px;
  font-family: Arial, Sans-Serif !important;
  font-size: 12px;
  text-align: justify;
margin-top: 10px;
}

.postText a:link, .postText a:visited {
  font-family: Arial, Sans-Serif !important;
 /* font-size: 12px; */
  color: #4A4A49;
  text-decoration: none;
} 
.postText a:hover, .postText a:visited:hover {
  font-family: Arial, Sans-Serif !important;
 /* font-size: 12px; */
  color: #797979;
  text-decoration: underline;
} 

.size-full, .size-thumbnail {
display:block;
float:left;
border:5px solid black;
margin-bottom: 10px;
}

.maincontent {
background: white;
padding-left: 22px;
float:left;
width:608px;
}


.dateClass {
        color: #eeeeee;
padding-left: 12px;
        padding-top: 21px;
        font: bold 10px Arial, Sans-Serif !important;
        /* letter-spacing: -1px; */
        text-transform: uppercase;
	text-decoration:none;
  line-height: 16px;
text-align: justify;
}

.newsContainer {
clear: both;
background: #f55a2e;
height: 67px;
width: 100%;
}

.newsheader {
padding-left: 12px;
        font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 22px;
        letter-spacing: -2px;
        text-transform: uppercase;
	color: white;
	text-decoration:none;
/* line-height: 16px;*/
text-align: justify;
}
.newsheader a:link, .newsheader a:visited {
        font-family: Arial, Sans-Serif !important;
	font-size: 22px;
        letter-spacing: -2px;
        text-transform: uppercase;
	color: white;
	text-decoration:none;
text-align: justify;
}

.newsheader a:hover, .newsheader a:visited:hover {
color: #eaeaea;
}

.endSpacer {
        background: #ffffff  url('images/endspacer.gif') repeat-x bottom center;
        height: 14px;
        width: 608px;
clear: both;
}

.alignleft {
margin-right: 5px;
}
.aligncenter {
margin-left: 11px;
margin-right: 11px;
}

.alignright {
margin-left: 5px;
}


/* NEXT / PREVIOUS POST -------------------------------------------------- */


.nextPrev {
  width: 100%;
}
.prev {
  margin-top: 10px;
  float:left;
  text-align: left;
  width: 50%;
color: #000000;
  font-family: Arial, Sans-Serif !important;
  font-size: 12px;
  padding-bottom: 15px;
}

.prev a:link, .prev a:visited {
text-decoration:none;
text-transform: uppercase;
	font-size: 12px;
        text-transform: uppercase;
	color:#000000;
font-weight: bold;
letter-spacing: -1px;
}
.prev a:hover, .prev a:hover:visited {
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
	font-size: 12px;
        text-transform: uppercase;
	color:#8b9f47;
	text-decoration:none;
}

.next {
  margin-top: 10px;
  float: right;
  text-align: right;
  width: 50%;
color: #000000;
  font-family: Arial, Sans-Serif !important;
  font-size: 12px;
  padding-bottom: 15px;
}


.next a:link, .next a:visited{
text-decoration:none;
text-transform: uppercase;
	font-size: 12px;
        text-transform: uppercase;
	color:#000000;
font-weight: bold;
letter-spacing: -1px;
}
.next a:hover, .next a:hover:visited{
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
	font-size: 12px;
        text-transform: uppercase;
	color:#8b9f47;
	text-decoration:none;
}


/* SIDEBAR --------------------------------------------------------------- */

.prePostit {
clear:both;
}

.postit{
 font: bold 18px Arial, Sans-Serif !important;
 letter-spacing: -1px;
 background: #e9e9e9 url('images/postit.gif') bottom left no-repeat;
line-height:16px;
color: #4a4a49;
height: 257px;
width: 186px;
text-align: center;
margin: 20px 0px 20px 0px;
}

.postitText {
padding: 36px 20px 0px 20px;
}

.postitText p {
padding: 10px 0px 0px 0px;
}

.sidebar {
min-height: 100%;
background: white;
	float: right;
	width: 216px;
        padding-left: 22px;
        padding-right: 22px;
	font-family: arial,sans-serif;
        list-style: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
}

.theSearchDiv #s {
 font: 16px Arial, Sans-Serif !important;
width:155px;
}

.infoBox {
 font-family: Arial, Sans-Serif !important;
 letter-spacing: -1px;
 background: #e9e9e9 url('images/side-bg.gif') bottom left no-repeat;
font-size:12px;
line-height:16px;
padding:0px 15px 58px 15px;
color:#4a4a49;
margin:0px 0 10px 0;
}

.infoBox a:link, .infoBox a:visited {
color: #797979;
text-decoration:none;
}

.infoBox a:hover, .infobox a:hover:visited {
color: #333333;
text-decoration: underline;
}

.services ul {
list-style: none;
line-height: 20px;
}

.services a:link, .services a:visited {
color: #ffffff;
text-decoration:none;
text-align: justify;
}

.services a:hover, .services a:hover:visited {
color: #cbe86b;
text-decoration: underline;
text-align: justify;
}

.y1 {
 font: bold 16px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
        padding-top: 3px; 
        padding-bottom: 24px;
        text-align: center;
}

.infoBoxTopic {
        font: bold 12px Arial, Sans-Serif !important;
       text-transform: uppercase;
	color:#4a4a49;
	text-decoration:none;
        margin-bottom: 3px;

}


.infoBoxSplitter {
height: 1px;
width: 100%;
background: #4a4a49;
margin-bottom: 5px;
}

.infoBox p {
line-height: 20px;
}


/* KALENDER  ------------------------------------------------------------- */

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	/*color:#FFF;
	font-size:0.9em;
	background-color:#317082;
	width:430px; */
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	height:20px;
	*/
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
       /*
	border:1px solid #317082;
	background-color:#E2EBED;
	width:400px;
	*/
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */

	padding:1px;
	/* font-size:0.9em; */	
	position:relative;
}


/* KALENDER STYLING------------------------------------------------------- */

.theDescription {
font: bold 12px arial, helvetica, verdana;
}
.theDescription2 {
}
.timeStart {
font: bold 12px arial, helvetica, verdana;
padding-top: 10px;
}
.timeStart2 {
font: 12px arial, helvetica, verdana;
}
.theLocation {
font: bold 12px arial, helvetica, verdana;
padding-top: 10px;
}
.theLocation2 {
font: 12px arial, helvetica, verdana;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #a1a1a1;
}

#events-calendar {

}
#events-calendar ul {

}
#events-calendar li{
list-style: none;
}

.leftCalendar {
padding-left: 10px;
background: url('images/arrow.gif') no-repeat top left;
float: left;
width: 60px;
text-align: left;
font: 12px Arial, Sans-Serif !important;
}
.rightCalendar {
text-align: right;
float: right;
/*width: 116px;*/
font: bold 12px Arial, Sans-Serif !important;
}