/*
Theme Name: Miniml
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A simple theme.  Visit <a href="http://www.themelab.com">Theme Lab</a> for more free WordPress themes and <a href="http://www.nuviotemplates.com/">Nuvio Templates</a> for more free templates.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/

/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
    
    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Layout
        4) Page: Home
        Z) Others
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:10px 0; font:0.8em/1.5 "arial", serif; text-align:center;}

a {text-decoration:none;color:#6A1A0A;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:160%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {font-size:100%;}

h4 {
	font-family: "Georgia", serif;
	font-size: 23px;
	font-weight: normal;
	border: 1px solid #000;
	margin-right: 0px;
	padding: 0px;
	line-height: 30px;
	text-align: center;
	background-color: #FDFBF9;
}

p, table, ul, ol, dl, fieldset {margin:5px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}
li a {border-bottom:none;}

dt {font-weight:bold;letter-spacing: 2px;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;clear:left;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.boxHome {width:600px;float:left;clear:left;}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

hr {display:none;}

    .bigger {font-size:110%;}
    .smaller {font-size:85%;}
    
/* ----------------------------------------------------------------------------------------------------------
3) LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; text-align:left;clear:both;}
    
	#header {position:relative; padding-bottom:1px; border-bottom:0;}
	#header .noUnderline {border-bottom:none;}

        #logo {margin:0; font-weight:normal;}
        
        #slogan {margin:0;}
        
        #search {position:absolute; bottom:15px; right:0; padding:7px;}
        #search #search-input {width:175px; padding:3px;}
        #search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;}

    #nav {clear:both; padding:5px 0; border-left:0 !important; border-right:0 !important;}


    
        #nav ul {margin:0; padding:0; list-style:none; font:100%/1.4 "arial",sans-serif;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; padding:7px 15px; border:0; background:url("images/dot-03.gif") 100% 0 repeat-y;}
        #nav ul li#nav-active a {border:0; font-weight:bold;}

	h4.tji {
		margin-top: 15px;
	}
	#justIn {
		width: 960px;
		float: left;
		border-bottom: 1px solid #c1c1c1;
	}
	#justIn .date {
		float: left;
		width: 200px;
	}
	#justIn .theGuts {
		clear: right;
		float: left;
	}
	#justIn .theGuts p {
		width: 750px;
		font-size: 18px;
	}
	#justIn .theGuts p.thisJustIn {
		font-size: 1em;
	}
	#content {padding:10px 0 30px 0; overflow:hidden;}
	#content h4 span {display:block;}

	#footer {clear:both; font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
4) Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {float:left; width:600px;}

    #topstory-title {padding:15px;}
    #topstory-title h2 {margin:0; margin-bottom:2px;}
    #topstory-title p.date {margin:0; font-size:85%;}
    
    #topstory-perex {display:block; padding:15px; font-size:110%; overflow:hidden;}
    #topstory-perex p {margin:0;}

#aside {float:right; width:300px;margin-top:36px;}

#aside h4 {margin-left:3;}

#aside .halfleft {
	width: 138px;
	padding: 10px 0 0 0;
	margin-left: 0;
	margin-bottom: 20px;
	}
	
#aside .halfright {
	float: right;
	clear: none;
	margin-left: 20px;
	width: 138px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	}

#photos {margin:0; font-size:0; line-height:0;}
#photos a {border:0;}
#photos img {display:block; float:left; width:150px; height:110px; margin-left:8px; border:0;}

.col30 {float:left;width: 280px;clear:none;}
.col30.margin {margin-right: 40px;clear:left;}

    .col30 h2 {background-color:#bfbfbf;margin-bottom:3px;margin-left:8px;margin-right:8px;}
    .col30 h4 {margin-bottom:3px;margin-left:0;}
    .col30 ul {margin:20px 0px 20px 8px !important;}
    .col30 p.date {margin:0; font-size:85%;}
    .col30 p.bb {padding-bottom:20px; background:url("images/dot-02.gif") 0 100% repeat-x;}
    .col30 p img.f-left {margin-right:10px;}
    .col30 p {position:relative;}
    .col30 span {padding: 0 8px 0 0;margin-left: -6px;}
    .col30 ul ul {padding: 0 8px;list-style:none;}
    .col30 li {padding: 0 8px;}

ul.box li span {padding-bottom:15px; }
/* ----------------------------------------------------------------------------------------------------------
5) Page: Article
---------------------------------------------------------------------------------------------------------- */

#page {float:left; width:630px;margin-top:32px;}

    #page-title {padding:15px;}
    #page-title h2 {margin:0; margin-bottom:2px;}
    #page-title p.date {margin:0; font-size:85%;}

    #page-content {display:block; padding:5px 15px; background:#F5F5F5; font-size:110%;}
	  #page #content {padding:10 0 0 0;border-bottom:1px solid #c1c1c1;}
#page-title {background:#9F9F9F;}
#page-title h2 {color:#FFF;}
#page-title h2 a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#page-title h2 a:hover {border-bottom:1px solid #FFF;}
#page-title p.date {color:#000;}
#page-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#page-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}

#page-content a {border-bottom:1px solid #AFAFAF; color:#000;}
#page-content a:hover {border-bottom:1px solid #000; color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Z) Others
---------------------------------------------------------------------------------------------------------- */

ul.ul-list {margin:15px 0; padding:0; list-style:none;}
ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}

#aside ul {margin:1px 0; padding:0; list-style:none;}
#aside ul li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}



.hx-style01 {/*clear:both; */ background:url("images/dot.gif") 0 50% repeat-x; font-size:85%; border:1px solid #000;}
.hx-style01 span {margin-left:0px; padding:0 0px; font-weight:bold; text-transform:uppercase;}


a.ico-more {padding:5px 7px; border:0 !important; color:#6A1A0A;}

.alignright {float:right;}
.alignleft {float:left;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

img.avatar {float:left; margin-right:5px;}
/* End Comments */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background:#FFF; color:#1E0800;}

a {border-bottom:1px solid #DFDFDF; color:#6A1A0A;}
a:hover {border-bottom:1px solid #c1c1c1; color:#6A1A0A;}

fieldset {border:1px solid #DFDFDF;}
legend {background:#FFF; color:#000;}

.low {color:#4a4a4a;}
.low a {color:#939393; border-bottom:1px solid #939393;}
.low a:hover {color:#6A1A0A;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#logo {color:#000;}
        
#slogan {color:#C1C1C1;}

#search {background:#EFEFEF;}
#search #search-input {border:1px solid #AFAFAF;}
#search #search-input:focus {border:1px solid #5F5F5F;}
#search #search-submit {border:1px solid #000; background:#000; color:#FFF;}

#nav {border:1px solid #CCC;}
#navCat {border:0px solid #CCC;}
#nav ul li.current_page_item a {background:#6A1A0A; color:#fff;}
#navCat ul li.current_page_item a {background:#6A1A0A; color:#fff;}

#footer {border-top:1px solid #DFDFDF; color:#5F5F5F;}
#footer a {color:#C1C1C1;}
#footer a:hover {color:#6A1A0A;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory-title {border-bottom:1px solid #3F3F3F; background:#9F9F9F;}
#topstory-title h2 a {color:#6A1A0A;}
#topstory-title h2 a:hover {border-bottom:1px solid #C1C1C1;}
#topstory-title p.date {color:#000;}
#topstory-title p.date a {color:#6A1A0A;}
#topstory-title p.date a:hover {border-bottom:1px solid #C1C1C1;}

#topstory-perex {background:#000; color:#AFAFAF;}
#topstory-perex a {color:#6A1A0A;}
#topstory-perex a:hover {border-bottom:1px solid #C1C1C1;}

.col30 h4 a {color:#6A1A0A;}
.col30 h4 a:hover {border-bottom:1px solid #C1C1C1;}
.col30 p.date {color:#C1C1C1;}
.col30 p.date a {color:#6A1A0A;}
.col30 p.date a:hover {border-bottom:1px solid #C1C1C1;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.hx-style01 span {color:#000;}

a.ico-more {color:#6A1A0A;border-bottom:1px solid #c1c1c1;}
a:hover.ico-more {border-bottom:1px solid #939393; color:#6A1A0A;}





/* ----------------------------------------------------------------------------------------------------------
Flyout Menu
---------------------------------------------------------------------------------------------------------- */



/*** ESSENTIAL STYLES ***/

#sfNav {
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float: left;
	width: 100%;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	2em;
	border-right:1px dotted #c1c1c1;
}
.sf-menu ul {
	position:		absolute;
	left:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	height: auto;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li.categories {
	padding: 0 10px;
	border-left:1px dotted #c1c1c1;
}
.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:			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:	0;
}
.sf-menu a {
	padding: 		0px 10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#6A1A0A;
}
.sf-menu li {
	background:		#fff;
}
.sf-menu li li {
	border-left:	1px solid #c1c1c1;
	border-top:		1px solid #b1b1b1;
	background:		#e1e1e1;
}
.sf-menu li li li {
	background:		#e1e1e1;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#d1d1d1;
	outline:		0;
	border-bottom:0;
}

/*** 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;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
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;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* END FLYOUT MENU */




/*** START IE IMG FIX ***/
#ie img {
	margin: 0 0 -3px 0;
}
/*** REMOVE YELLOW FORM FIELD IN IE ***/
input {
	background-color: white ! important
}
/*** END IE IMG FIX ***/
/*** KEEP THIS AT BOTTOM OF CSS ***/
/*** START CLEARFIX ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/*** Hides from IE-mac \***/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*** End hide from IE-mac ***/
/*** END CLEARFIX ***/