/*

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

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 21, 2011 



@font-face {
    font-family: 'Aller';
    src: url('images/aller_bd-webfont.eot');
    src: url('images/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/aller_bd-webfont.woff') format('woff'),
         url('images/aller_bd-webfont.ttf') format('truetype'),
         url('images/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('images/aller_lt-webfont.eot');
    src: url('images/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/aller_lt-webfont.woff') format('woff'),
         url('images/aller_lt-webfont.ttf') format('truetype'),
         url('images/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('images/aller_ltit-webfont.eot');
    src: url('images/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/aller_ltit-webfont.woff') format('woff'),
         url('images/aller_ltit-webfont.ttf') format('truetype'),
         url('images/aller_ltit-webfont.svg#AllerLightItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

*/

* {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 {font:0.8em/1.5 "Aller", Candara, Helvetica, Arial, sans-serif;}

a {text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}

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

blockquote {
	font-size:120%;
	color: #66a;
	font-style: italic;
	margin: 1em 2em; }
blockquote p:before {
	content: '"'; }
blockquote p:after {
	content: '"'; }

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;}

/* socialize-button classes style */
div.socialize-button {
float:right; margin:5px 0 0 10px;
}
div.socialize-button a {
padding: 0 7px;
display:inline-block;
}

dt {font-weight:bold;}

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;}

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

.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;}

    .bigger {font-size:110%;}

    .smaller {font-size:85%;}

    

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

3) LAYOUT

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



#main {width:960px; margin:0 auto; text-align:left;}

#header {position:relative; padding-bottom:15px;}

#logo {margin:0 0 0 -7px; font-weight:normal;}

#slogan {margin:0;}        

#search {position:absolute; bottom:42px; 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;}

#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;}

#content {position: relative; padding-bottom: 10px; overflow: hidden;}

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



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

4) Page: Home

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

#topstory {float:left; width:630px;}
    #topstory-title {padding:15px;}
    #topstory-title h2 {margin:0;}
    #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;}
	#topstory-perex img {float:left; margin-right:10px;}

#aside {float:right; width:300px;}

	#aside .tagcloud {text-align:justify}
	#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:300px;}
	.col30.margin {margin:0 30px;}
    .col30 h4 {margin-bottom:3px;}
    .col30 ul {margin:20px 0 !important;}
    .col30 ul li a {font-weight: bold;}
    .col30 p.date {margin:0; font-size:85%;}
    .col30 p.bb {background:url("images/dot-02.gif") 0 100% repeat-x;}
    .col30 p img.f-left {margin-right:20px;}
    .col30 p {position:relative;}

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

5) Page: Article

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



#page {float:left; width:630px;}

    #page-title {padding:15px;}
    #page-title {background:#9F9F9F;}
	#page-title h2 {margin:10px 0 10px 0px; line-height:1.2; color:#FFF;}
	#page-title h2 a {color:#FFF;}
	#page-title h2 a:hover {text-decoration:underline #FFF;}
	#page-title p.date {margin:0; font-size:85%; color:#000;}
	#page-title p.date a {color: #5F5F5F;}
	#page-title p.date a:hover {text-decoration:none;}
	#page-title img {margin: -3px 10px 0 0;} 


.entry-content #post-thumbnail {
	float: left;
	border: none;
	margin: 0 15px 10px 0px;
}

#page-content {
	display:block;
	padding:5px 15px;
	background:#F5F5F5;
	font-size:110%;
	}
#page-content img {max-width: 600px; height: auto;}

#page-content a {text-decoration:none; color:#df1943;}

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



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

Z) Others

---------------------------------------------------------------------------------------------------------- */
#related-post ul {
    margin: 0px 0px;
    list-style: none;
    }
#related-post li {
    width: 300px;
    height: 65px;
    padding: 10px 15px 0px 0px;
    display:block;
    float:left;
    border-bottom: dotted 1px #ccc;
}
#related-post li a {
	font-weight: bold;
	}
#related-post img {
    float: left;
    padding: 5px 0 5px 0px;
    margin-right: 10px;
    }
#comments {
    clear:both;
    padding: 5px 0 0 0;
}

ul.ul-list {
	margin:15px 0; 
	padding:0; 
	list-style:none;
	}

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

ul.ul-list li a {font-weight: bold;}

#aside ul {margin:15px 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%;}

.hx-style01 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}

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


.alignright {
	float:right;
	padding:0 0 5px 5px;
	}

.alignleft {
	float:left;
	padding:0 5px 5px 0;
	}
  
#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;}
.commentlist {
	margin-left: 0px !important;
	list-style: none;}
.commentlist li {
	margin: 10px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;}

.commentlist li p {
	margin: 8px 0 5px 50px;}
.commentlist a {
    font-weight:bold;}
img.avatar {float:left; margin-right:10px;}

/* End Comments */
/* ----------------------------------------------------------------------------------------------------------



    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates



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



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

HTML

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



body {background:#FFF; color:#000;}

/* a {color:#000;}
a:hover {color:#D4145A;} */


fieldset {border:1px solid #DFDFDF;}

legend {background:#FFF; color:#D4145A;}



.low, .low a {color:#7F7F7F;}

.low a:hover {color:#000;}



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

Layout

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



#logo {color:#000;}

        

#slogan {color:#7F7F7F;}



#search {background:#EFEFEF;}

#search #search-input {border:1px solid #AFAFAF;}

#search #search-input:focus {border:1px solid #5F5F5F;}

#search #search-submit {border:1px solid #D4145A; background:#D4145A; color:#FFF;}



#nav {border:1px solid #CCC;}

#nav ul li.current_page_item a {background:#D4145A; color:#FFF;}



#footer {border-top:1px solid #DFDFDF; color:#5F5F5F;}

#footer a {color:#5F5F5F;}

#footer a:hover {color:#000;}



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

Page: Home

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



#topstory-title {solid #3F3F3F; background:#9F9F9F;}

#topstory-title h2 a {solid #5F5F5F; color:#FFF;}

#topstory-title h2 a:hover {border-bottom:1px solid #FFF;}

#topstory-title p.date {color:#000;}

#topstory-title p.date a {solid #5F5F5F; color:#000;}

#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}



#topstory-perex {background:#000; color:#AFAFAF;}

#topstory-perex a {solid #5F5F5F; color:#FFF;}

#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}



.col30 h4 a {color:#D4145A;}

.col30 h4 a:hover {color:#000;}

.col30 p.date {color:#7F7F7F;}

.col30 p.date a {color:#7F7F7F;}

.col30 p.date a:hover {color:#000;}



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

Others

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

.commentmetadata a {color: #999;}


.hx-style01 span {background:#FFF; color:#D4145A;}

a.ico-more {background:#F5F5F5; color:#5F5F5F;}

a:hover.ico-more {background:#D4145A; color:#FFF;}