@import "style/css/reset.css";

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
* {border: 0px solid red;}

/* You might find the following useful */
div, ul, li { border-style: none; position:relative } /*  This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/


html, body {
     height: 100%;
 }
 

#wrapper {
	width: 1024px;
	min-height:100%;
	height:auto !important;
	height: 100%;
	margin: 0 auto -250px;
	padding-right: 50px;
}

#push { height: 250px;}


#main-content {
	float:left;
	margin-bottom: 10px;
	margin-top: auto;
	width: 650px;
	padding: 5px;
	overflow: hidden;
}

#sidebar {
	float:right;
	margin-left: 50px;
	width: 300px;
}

#header {
	margin-left: auto;
	margin-bottom: 15px;
	margin-right: auto;
	margin-top: auto;
	overflow: hidden;
}
/*
MENU
*/

#menu-bar {
	width: 1024px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 15px;

}

#main-menu {
	float:left;
}

#searchbar {
	float:right;

}

#search-box { border-style: solid; border-color: black; background-color:#b6a880; border-width: 1px; border-style: solid; border-color:#11151e ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.button { border-style: solid; border-color: black; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color:#b6a880;  color: #212426;}
.button:hover {background-color: #212426; color: #b6a880;}


ul#main-menu	  {float: left; margin: 0 0 0 0 ; }
ul#main-menu li   {display:inline; padding: 0 8px 0 0; }
ul#main-menu li a {text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}


/*
FOOTER
*/

#footer {
	padding-top: 10px;
	background:#212426;
	color:#b6a880 ;
	height: 250px;
}

#footer-inside {
	width: 1024px;
	min-height:100%;
	height:auto !important;
	height: 100%;
	margin: 0 auto;
	padding-right: 50px;
}

#footer-inside ul { float:left; width:350px;}


/*
SOCIAL SIDEBAR
*/
#social {float:right; width: 250px;}

#twitter {  height: 200px; border-width: 1px; border-style: solid; border-color:#11151e ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 40px;}

#twitbird { position: absolute; left: 170px; z-index: auto; top: 120px; }
#tweet {  font-family: serif;  font-style: italic;  font-size: 15px;  padding: 20px;  }

#nettverk {float:right; display: none;}

#nettverk h4 {text-align: center;}
#netbuttons {
	margin: 0;
}



#commentform p {padding-bottom: 3px;}
#comment,#author,#url,#email { border-style: solid; border-color: black;background-color:#b6a880; border-width: 1px; border-style: solid; border-color:#11151e ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#ec_name,#ec_email,#ec_url, #ec_subject, #ec_message {border-style: solid; border-color: black;background-color:#b6a880; border-width: 1px; border-style: solid; border-color:#11151e ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}


.commentlist ol {padding-bottom: 5px;}
.commentlist li { border-style: solid; border-color: black;background-color:#b6a880; border-width: 1px; border-style: solid; border-color:#11151e ; 						  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px;}


/*
POSTER
*/
.datebox {width:40px;float:left;padding:5px; background:#212426 ; color:#b6a880 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; margin: 0 10px 0 0; }

.day {font-size: 30px; font-weight: bold; margin: 0;}
.month {font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0;}
.year {font-size: 10px; font-weight: bold; margin: 0;}




/* TYPOGRAPHY */
/* ----------------------------------------- */

body {font-size: 14px; font-family:Georgia, serif; color: #11151e; background-color: #727564;}

#header p { text-transform: uppercase; margin-left: 70pt; color: #690c07; font-size: 10pt; letter-spacing: 5pt; }

a { color: #11151e; text-decoration: none; }
a:hover { background-color: #212426; color: #b6a880; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


ul#bookmarklist a {letter-spacing: 2px; font-style: italic; font-size: 25px; text-align: left;color: #b6a880; text-decoration: none; }
ul#bookmarklist a:hover {letter-spacing: 2px; font-style: italic; font-size: 25px; text-align: left; background-color:#b6a880 ; color: #212426; text-decoration: none;}

p#footinfo { font-size: 9px; font-style:italic;}
a#footinfo {font-style: italic; font-size: 9px;color: #b6a880; text-decoration: none; }
a#footinfo:hover {font-style: italic; font-size: 9px; background-color:#b6a880 ; color: #212426; text-decoration: none;}

p#post-info {  font-style: italic;  font-size: 10px; margin-bottom: 10px; }

h1 { text-transform: uppercase; text-decoration: none; color: #11151e;font-style: normal; font-weight: normal; font-size: 30pt; letter-spacing: 5pt; margin-bottom: 1px;}

h2 { text-decoration: underline overline; font-size: 25px; text-transform: uppercase; color: #11151e;font-style: italic; letter-spacing: 10px; }

h3 { font-style: normal; text-transform: none; text-decoration: none; color: #11151e; font-weight: normal; font-size: 20px;}

h4 { padding-bottom: 8px; padding-top: 8px; text-decoration: underline overline; font-size: 15px; text-transform: uppercase; color: #11151e;font-style: italic; font-family: Georgia, Times, Times New Roman, serif; letter-spacing: 10px;}

h5 { padding-bottom: 5px;text-transform: none; text-decoration: none; color: #11151e;}

h6 { font-size: 10px; text-transform: uppercase; color: #690c07;font-style: normal; font-weight: normal;}

p.tags,p.tags a { color: #690c07; word-spacing: 1pt; font-size: 10px; font-style: italic; }
p.tags a:hover { background-color: #212426; color: #b6a880; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}

.more-link { color: #690c07; word-spacing: 2px; font-style: italic; }