/* -- START MEET KARINA CSS --

Author: Dustin Gary c/o Push Play Design Studio
Author URI: http://push-play.net
Theme Name: Meet Karina
Theme URI: http://meetkarina.net
Copyright: (c) March 2008



/* THE BODY
==============================================================================*/
body, td, tr, div {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	letter-spacing: 0px;
	line-height: 20px;
	}

body { 
	margin: 0px;
	background: #5b2197 url() top no-repeat;
	text-align: center;
	}

body a {
	color: #fb8215;
	text-decoration: underline;
	border: none;
	}

body a:hover {
	color: #fd0056;
	text-decoration: none;
	border: none;
	background: none;
	}

.hidden { display: none; }

blockquote {
	padding: 1px 10px 1px 10px;
	background-color: #e5e5e5;
	border-left: 3px solid #a9a9a9;
	border-right: 3px solid #a9a9a9;
	text-align: justify;
	color: #444;
}


/* THE BODY
==============================================================================*/
#wrapper {
	width: 1024px;
	margin: 0 auto;
	}

#content {
	width: 600px;
	text-align: left;
	margin: 0 0 0 25px;
	float: left;
	}

#sidebar {
	width: 348px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 10px;
	float: left;
	}


/* THE HEADER
==============================================================================*/
#header {
	width: 1024px;
	height: 573px;
	margin: 0 auto;
	}

#header #head-1 {
	width: 1024px;
	height: 140px;
	background: url(images/header_01.gif);
	}

#header #head-2 {
	width: 1024px;
	height: 140px;
	background: url(images/header_02.gif);
	}

#header #head-3 {
	width: 1024px;
	height: 140px;
	background: url(images/header_03.gif);
	}

#header #head-4 {
	width: 1024px;
	height: 153px;
	background: url(images/header_04.gif);
	}

/* THE NAVIGATION
==============================================================================*/
#nav {
	margin: 0;
	padding: 72px 0 0 33px;
	width: 1000px;
	height: 40px;
	}

#nav span {
	display: none;
	}

#nav ul {
	height: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#nav ul li {
	display: inline;
	}

#nav ul li a {
	margin: 0 40px 0 0;
	height: 40px;
	display: inline;
	float: left;
	}

#nav #home {
	width: 77px;
	height: 40px;
	}

#nav #bio {
	width: 48px;
	height: 40px;
	}

#nav #photos {
	width: 111px;
	height: 40px;
	}

#nav #videos {
	width: 98px;
	height: 40px;
	}

#nav #contact {
	width: 165px;
	height: 40px;
	}

#nav #extras {
	width: 104px;
	height: 40px;
	}

#nav #boards {
	width: 108px;
	height: 40px;
	}

#nav #home:hover {
	width: 77px;
	height: 40px;
	background: url(images/nav_home.gif);
	}

#nav #bio:hover {
	width: 48px;
	height: 40px;
	background: url(images/nav_bio.gif);
	}

#nav #photos:hover {
	width: 111px;
	height: 40px;
	background: url(images/nav_photos.gif);
	}

#nav #videos:hover {
	width: 98px;
	height: 40px;
	background: url(images/nav_videos.gif);
	}

#nav #contact:hover {
	width: 165px;
	height: 40px;
	background: url(images/nav_contact.gif);
	}

#nav #extras:hover {
	width: 104px;
	height: 40px;
	background: url(images/nav_extras.gif);
	}

#nav #boards:hover {
	width: 108px;
	height: 40px;
	background: url(images/nav_fans.gif);
	}


/* THE SIDEBAR
==============================================================================*/
.sideinside {
	width: 348px;
	margin-bottom: 10px;
	}

.sideinside-search {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_search.gif);
	}

.sideinside-categories {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_categories.gif);
	}

.sideinside-links {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_links.gif);
	}

.sideinside-status {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_status.gif);
	}

.sideinside-advertisements {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_advertisements.gif);
	}

.sideinside-music {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_music.gif);
	}

.sideinside-musvideo {
	width: 348px;
	height: 58px;
	background: url(images/sidebar_musvideo.gif);
	}


.sideinside-middle {
	width: 348px;
	background: url(images/sidebar_style_02.gif);
	}

.sideinside-middle p {
	margin: 0 20px 0 20px;
	}

.sideinside-end {
	width: 348px;
	height: 32px;
	background: url(images/sidebar_style_03.gif);
	}

.sideinside:after, #content:after,
.sideinside-middle:after {
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	clear: both;
	}
	
.sideinside ul {
	margin: 0 15px 0 15px;
	padding: 0;
	list-style: none;
	}

.sideinside ul li {
	margin: 0 3px 3px 0;
	padding: 0;
	width: 49%;
	float: left;
	}
	
.sideinside ul li a {
	padding: 5px 5px 5px 8px;
	display: block;
	color: #aaa;
	}

.sideinside ul li a:hover {
	color: #fe2d74;
	background: #111;
	}


/* SEARCH
==============================================================================*/
#searchform #s {
	margin: 0 0 0 15px;
	display: inline;
	float: left;
	border: 1px solid #111;
	background: #222 url(images/search-bg.gif);
	width: 200px;
	height: 17px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #1796fd;
	padding: 7px;
	}

.submitsearch {
	display: inline;
	margin: 0 0 0 5px;
	position: relative;
	top: 0px;
	width: 41px;
	height: 31px;
	background: url(images/search-go.gif) no-repeat;
	}



/* THE POSTS
==============================================================================*/
.post-top {
	width: 600px;
	height: 30px;
	background: #5b2197 url(images/post-bg_01.gif) top center no-repeat;
	}

.post-middle {
	width: 600px;
	background: #5b2197 url(images/post-bg_02.gif) center repeat-y;
	}
	
.post {
	width: 600px;
	background: #5b2197 url(images/post-bg_01.gif) no-repeat;
	margin-bottom: 20px;
	}

.post h1, .entry h1,
#comform h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 10px 0 30px;
	color: #ff7900;
	text-transform: uppercase;
	}

.post h1 a {
	border-bottom: 1px solid #ff7900;
	text-decoration: none;
	padding: 2px;
	color: #ff7900;
	line-height: 32px;
	}

.post h1 a:hover {
	background: #ff7900;
	color: #fff;
	}

.entry {
	width: 540px;
	padding: 0 30px 0 30px;
	}

.entry p {
	margin-bottom: 0;
	}

.post-end {
	width: 600px;
	height: 71px;
	background: #5b2197 url(images/post-bg_03.gif) center no-repeat;
	}

.post-end2 {
	width: 600px;
	height: 32px;
	background: #5b2197 url(images/post-bg_03-2.gif) center no-repeat;
	}

.postmeta {
	color: #1796fd;
	width: 420px;
	font-size: 12px;
	height: 20px;
	margin: 0 0 0 27px;
	padding: 20px 0 0 0;
	float: left;
	text-transform: uppercase;
	}

.postcoms {
	width: 100px;
	float: left;
	padding: 20px 0 0 18px;
	text-align: center;
	}

.postcoms a {
	font-size: 12px;
	text-decoration: none;
	}


/* PAGE NAVIGATION
==============================================================================*/
#pagination {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 15px;
	text-decoration: none;
	clear: both;
	}


#pagination span {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 5px 7px 5px 7px;
	background: #fe2d74;
	border: 1px solid #fff;
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
	}

#pagination span.pages, #pagination span.extend {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 5px 0 5px 0;
	background: none;
	border: none;
	color: #222;
	text-transform: uppercase;
	}

#pagination span.pages { display: none; }

#pagination a {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 5px 7px 5px 7px;
	background: none;
	border: 1px solid #c187fd;
	color: #fbc900; 
	text-decoration: none;
	text-transform: uppercase;
	}

#pagination a:hover {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	padding: 5px 7px 5px 7px;
	background: #fe2d74;
	border: 1px solid #fff;
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
	}


/* THE COMMENTS
==============================================================================*/
#comments {
	height: 20px;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #fce99e;
	border: 1px dashed #ffa902;
	width: 96%;
	}

#comments a {
	color: #ffa902;
	}

.combody-odd {
	width: 96%;
	background: #d7b3fd;
	text-align: left;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px dashed #5b2197;
	}

.combody-even {
	width: 96%;
	background: #b3e0fd;
	text-align: left;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px dashed #0172fe;
	}

.combody-odd a {
	color: #5b2197;
	}

.combody-even a {
	color: #0172fe;
	}

.comvatar {
	width: 60px;
	height: 60px;
	background: #fff;
	float: left;
	margin: 0 10px 10px 0;
	}
	
.comvatar img {
	border: 1px solid #fff;
	}
	
.commeta {
	width: 405px;
	float: left;
	}

.combody-odd .comnum {
	width: 40px;
	float: left;
	font-size: 16px;
	color: #5b2197;
	text-align: right;
	}

.combody-even .comnum {
	width: 40px;
	float: left;
	font-size: 16px;
	color: #0172fe;
	text-align: right;
	}

.combody-odd .commeta big {
	font-size: 16px;
	color: #5b2197;
	}

.combody-even .commeta big {
	font-size: 16px;
	color: #0172fe;
	}

.comtext {
	clear: both;
	padding: 10px 10px 0 10px;
	border: 1px dashed #5b2197;
	background: #fff;
	}

.comtext p {
	margin: 0 0 10px 0;
	}

.comtext a {
	color: #333;
	text-decoration: underline;
	}

.comtext a:hover {
	color: #333;
	text-decoration: none;
	}


/* THE COMMENT FORM
==============================================================================*/
#comform {
	margin: 10px 0 0 0;
	width: 96%;
	background: #fdbbd1;
	border: 1px dashed #ff387d;
	padding: 10px;
	}

#comform h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	color: #ff387d;
	text-transform: uppercase;
	}

#comform label { font-size: 10px; }

#comform #name, #comform #email, #comform #url, 
#comform #response, #comform #subscribe {
	font-size: 12px;
	width: 98%;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	background: #fff;
	border: 1px dashed #444;
	padding: 5px;
	}


#comform #name:hover, #comform #email:hover,
#comform #url:hover, #comform #response:hover,
#comform #subscribe:hover, #comform #name.hover, 
#comform #email.hover, #comform #url.hover,
#comform #response.hover, #comform #subscribe.hover {
	border: 1px solid #444;
	}


#comform #name:focus, #comform #email:focus, 
#comform #url:focus, #comform #response:focus,
#comform #subscribe:focus, #comform #name.focus, 
#comform #email.focus, #comform #url.focus, 
#comform #response.focus, #comform #subscribe.focus {
	border: 1px solid #ff387d;
	}


.submitcom {
	width: 150px;
	height: 35px;
	background: #fff url(images/submit.gif) center no-repeat;
	font-size: 13px;
	color: #333;
	border: 1px solid #555;
	margin: 0 12px 0 0;
	}



/* THE FOOTER
==============================================================================*/
#footer {
	width: 100%;
	height: 100px;
	background: #471877;
	margin: 0;
	clear: both;
	border-top: 3px solid #37135b;
	}

#footer-content p, #footer-content p a,
#footer-content p a:hover {
	color: #c187fd;
	}

/* -- END MEET KARINA CSS -- */