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

/**********************************************
	Global styles 
***********************************************/
body {	
	margin:0; padding:0;
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	font-size: 13px;
	line-height: 20px;
	background:#ebebeb url('assets/bg.png') 0 0 repeat-x;
	color: #525252;
}

img {
 behavior: url("ipngfix.htc");
}

a { 
	text-decoration: none;
	color: #c01e1e;	
}

a:hover {	
	text-decoration: underline;
}

h1,h2,h3,h4 {
	font-weight: normal;	
	line-height: 1em;	
	color: #525252;
	margin-bottom: 5px;
}

h1 { 
	font-size: 44px;	
	letter-spacing: -1px;
}


h3 {
	font-size: 17px;	
}

h4 {
	font-size: 17px;		
}

h5, h6 { 
	font-size: 12px;
	text-transform:uppercase;
	letter-spacing:2px;	
}

blockquote {
 border-left:3px solid #d1d1d1;
 padding-left:10px;
}

h1,
h3,
h5,
h6,
dl,
ol,
ul,
pre,
table,
address,
fieldset,
object {
	margin-bottom: 10px;
}

p {
	margin: 0 0 20px;	
}


input, textarea {
	font-size: 1em;	
	padding: 3px;
}

:focus {
	outline: none;
}

form label {
	cursor: pointer;
}

option {
	padding: 1px 3px;
}

caption {
    text-align:left;
}

i, u, center, menu, layer, s, strike, font, xmp {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	background: transparent;
	border: none;
	text-decoration: none;
}

font {
	color: #525252;
}

.pagetitle {
 margin-top:0!important;
 margin-bottom:15px;
}

.enjoy {
 clear:both;
 float:left;
 width:100%;
 border-top:1px dotted #d1d1d1;
 padding-top:10px;
}

.enjoy span {
 float:left;
 font-size:16px;
}

.enjoy img {
 border:0!important;
}

.enjoy .enjoy_right {
 float:right;
}

/**********************************************
	Layout 
***********************************************/
#container {	
	margin: 0 auto;
	width: 960px!important;		
}

#header {
	clear:both;
 	float:left;
	width:100%;
	margin-bottom: 30px;
}

#content { 
	float:left;
	width:560px;
}

#sidebar { 
	float:right;
	width:290px;	
}

#footer {	
	clear:both;
	float:left;
	width: 100%;
}

/**********************************************
	Header
***********************************************/	
#header #headerimg {
 clear:left;
 float:left;
 width:500px;
 margin-top:30px;
}

#headerimg h1 a {
 font-size:44px;
 color: #C01E1E;
 /*color:#525252;*/
 font-weight:bold;
 letter-spacing:0;
 line-height:30px;
}

#headerimg h1 a:hover {
 text-decoration:none;
 color:#c01e1e;
}

#headerimg .description {

 font-size:14px;
 font-weight:bold;
}

#header #menu_right {
 float:right;
}

#menu_right ul {
 clear:both;
 float:left;
 list-style-type:none;
 padding:5px;
 margin:0;
 margin-top:8px;
 background:#fff;
 border-bottom:1px solid #d1d1d1;
}

#menu_right ul li {
 float:left;
 display:inline;
 padding-left:10px;
 padding-right:10px;
}

#menu_right ul li a {
 text-transform: capitalize;
 color:#525252;
 font-size:12px;
 font-weight:normal;
}

#header #searchbar {
 clear:both;
 float:right;
 width:259px;
 height:34px;
 background:url('assets/search.gif') 0 0 no-repeat;
 display:inline;
 margin-right:50px;
 behavior: url("ipngfix.htc");
}

#searchbar input.sbar {
 clear:both;
 float:left;
 background:#282828!important;
 display:inline;
 font-size:16px;
 color:#afafaf!important;
 border:0;
 display:inline;
 margin-left:20px;
 padding:6px;
 width:180px;
 text-transform: lowercase;
}

#searchbar input.sub {
 float:right;
 margin:0;
 width:40px;
 height:34px;
 background:url('assets/search_32.png') 4px 5px no-repeat;
behavior: url("iepngfix.htc");
 border:0;
}

#header form {
 margin:0; padding:0;
}

/**********************************************
	Navigation
***********************************************/



/**********************************************
	Blog Posts
***********************************************/
/* a post */
#content .newpost {

 clear:both;
 float:left;
 width:655px;
 margin-bottom:15px;
}


/* left side 'tickets' */
.newpost .datecom {
 clear:both;
 float:left;
 width:51px;
 padding-top:30px;
}

/* date ticket */
.datecom .date {
 background:url('assets/date.gif') 0 0 no-repeat;
behavior: url("iepngfix.htc");
 width:51px;
 height:59px;
}

.date span.day {
 font-family:Arial,sans-serif;
 font-size:30px;
 color:#fff;
 clear:both;
 float:left;
 width:51px;
 text-align:center;
 padding-top:14px;
}

.date span.month {
 clear:both;
 float:left;
 color:#808080;
 width:51px;
 text-align:center;
 font-size:14px;
 font-weight:normal;
 padding-top:1px;
}

.datecom .comments {
 clear:both;
 float:left;
 margin-top:1px;
 width:51px;
 height:21px;
 background:#c01e1e url('assets/comment.gif') 7px 2px no-repeat;
 behavior: url("ipngfix.htc");
}

.comments a {
 clear:both;
 float:right;
 width:31px;
 color:#fff;
 text-align:center;
 font-weight:bold;
}

.newpost .post {
	float:left;
	width:582px;
	padding:10px;
	background:#fff url('assets/rep.png') 0 0 repeat-x;
	border:1px solid #d1d1d1;
	color:#222!important;
}

.post h2 a {
 clear:both;
 float:left;
 width:582px;
 color:#222;
 line-height:30px;
 font-size:26px;
 font-weight:bold;
 padding-top:0!important;
 margin-bottom:10px;
}

.post .imagine {
 clear:both;
 float:left;
 display:inline;
 margin-right:10px;
}

.imagine img {
 padding:5px;
 background:#fff;
 border:1px solid #eee;
}

.post .metadata {
 clear:both;
 float:left;
 width:582px;
 font-size:11px!important;
}

.metadata span {
 float:right;
}

#page {
 clear:both;
 float:left;
 width:630px;
 background:#fff url('assets/rep.png') 0 0 repeat-x;
 border:1px solid #d1d1d1;
 padding:10px;
}


#page h2 {
 margin-bottom:10px;
}

/**********************************************
	Sidebar 
***********************************************/
#sidebar .widget {
 clear:both;
 float:right;
 width:270px;
 background:#fff url('assets/rep.png') 0 0 repeat-x;
 padding:10px;
 border:1px solid #d1d1d1;
 margin-bottom:15px;
}


/* wp125 */

#sidebar #wp125adwrap_2c { width:100%; }
#sidebar #wp125adwrap_2c a img {border:0!important;}
#sidebar #wp125adwrap_2c .wp125ad { width:125px; float:left; }
#sidebar #wp125adwrap_2c .wp125ad { padding:5px; }
#sidebar #wp125adwrap_2c .even { }



/* Global Widget Styling */
.widget ul {
 padding:0!important;
}

.widget ul {
 padding:0!important;
 margin:0!important;
}

.widget li {
	list-style-type: none;
	padding:0;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}

.widget h2 {
 padding:0!important;
 margin:0!important;
 margin-bottom:5px!important;
}

/**********************************************
	Search 
***********************************************/

/**********************************************
	Footer 
***********************************************/
#footer {
	background:url('assets/footer.png') 0 0 repeat-x;
	height:60px;
	margin-top:20px;
}

#footer .center {
 clear:both;
 float:none;
 width:960px;
 margin:0 auto;
 color:#a7a7a7;
 margin-top:15px;
}

/**********************************************
	Comments
***********************************************/
#commentpage {
 clear:both;
 float:left;
 width:655px;

/* padding:10px;*/
}

#commentpage #respond {
 clear:both;
 float:left;
 width:500px;
 display:inline;
 margin-left:50px;
 padding-top:10px;
}

#respond INPUT {
 clear:both;
 float:left;
 padding:5px;
 background:#fff;
 border:1px solid #d1d1d1;
 width:400px;
 margin-bottom:10px;
 font-size:13px;
}

#respond small {
 clear:both;
 float:left;
 text-transform:uppercase;
}

#respond textarea {
 clear:both;
 float:left;
 width:400px;
 height:100px;
 margin-bottom:10px;
 background:#fff;
 border:1px solid #d1d1d1;
 padding:5px;
}


#respond input#submit {
 clear:both;
 float:left;
 width:150px;
 padding:5px;
 background:#333;
 color:#fff;
 font-size:12px;
 border:1px solid #000;
 margin-bottom:30px;
}






h2.pagetitle span {
 color:#c01e1e;
}








ol.commentlist {
	float:right;
	width:605px;
}			
			
.commentlist li {
	clear:both;
	float:none;
	margin: 0 0 15px 0;
	background:#fff url('assets/rep.png') 0 0 repeat-x;	
	border:1px solid #d1d1d1;
	list-style:none;
	padding:10px;
}

.commentlist li p {
 clear:both;
 float:none;
}


ul.children {
	margin-left: 0;
}

.commentlist li.depth-2 {
	border:none;
	background:#eee;
	border-top: 1px dotted #d1d1d1;	

}

.commentlist li.depth-3	 {	
	border:none;
	background:#fff;
	border-top: 1px dotted #d1d1d1;		
}


	
.commentlist code {
	background:#e6e6e6;
	padding:3px;
}

.commentlist .moderation {	
	margin-top: 10px;
	color: #660000;	
}

.comment-author {
	margin-bottom: 10px;
}
	
.avatar {
	margin-right: 10px;
	margin-bottom:10px;
	clear:left;
	float:left;
 	width:50px;
	height:50px;
	padding:2px;
	border:1px solid #ddd;
	background: #fff;	
}

.commentlist .children {
	margin-top:15px;	
}

.reply {
	margin-bottom:0px;

}

.reply a:link, .reply a:visited  {	
	background-color:#666;	
	color:#fff;	
	padding: 3px 8px;		
	text-align:center;		
	text-decoration:none !important;
	text-transform: uppercase;
	font-size:10px;	
}

.reply a:hover {	
	background-color:#c01e1e;
}

#pings {
	margin-bottom:40px;
}
			
cite.fn {
	font: bold 18px Tahoma, Arial, sans-serif;
	float:left;
	display:block;
	padding-top:9px;
}	


.comment-meta {
	float:right;
	display:inline;
}

.says {
 display:none;
}

.comment-meta a {
	color:#525252;
	font-size:10px;
}
 
.comment-date a, .comment-date a:visited {
	
}

#author, #email, #comment, #url, #s {
	background: #FFF !important;
	padding: 4px;
	border: 1px solid #ddd;	
}

#author, #email, #url {
	width:200px;
	margin-right: 10px;
}
		
.button {
	padding: 5px 12px;
	background: #444;
	color: #FFF !important;
	border: none;
}

.button:hover {
	background: #333;
	color: #fff;
	text-decoration:none
}

.button:active {
	background:#000;
}










/**********************************************
	Float clearing Fix
***********************************************/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear:both; 
}


/* pagenavi plugin css */

.pagenavi {
 clear:both;
 float:left;
 width: 650px;
 padding:2px;
}

.pagenavi .pages {
 border:0!important;
 background:transparent!important;
 color:#525252!important;
}

.pagenavi .current {
 color:#525252!important;
}

.pagenavi a, .pagenavi a.page {
 border:1px solid #d1d1d1!important;
 background:#fff!important;
 color:#525252!important;
}

.pagenavi a:hover, .pagenavi a:hover.page {
 border:1px solid #000!important;
}









/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	clear:both;
 	float:left;
	line-height:1.0;
 	width:958px;
	border:1px solid #d1d1d1;
	background:#fff;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 8px 30px;
	text-decoration:none;
	font-size:13px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#222;
}
.sf-menu li {
	

}
.sf-menu li li {
	color:#a7a7a7!important;
	background:		#282828;
	border-bottom:1px solid #252525;
	border-left:1px solid #252525;
	border-right:1px solid #252525;
	padding:0!important;
}


.sf-menu li li a {
	padding:8px 10px!important;
	color:#a7a7a7!important;
}

.sf-menu li li a:hover {
	color:#fff!important;
}
.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#c01e1e;
	outline:		0;
}

.sf-menu li:hover ul li:hover {
 color:#fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
/*	top:			.8em; */
/*	background-position: 0 -100px;  use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}