/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-size: 13px;
	color: #666666;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #E75C14;
}

h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
	border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	background: #F9F9F9;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #3AA0B9;
}

a:hover {
	text-decoration: none;
}

img {
  max-width: 100%; 
}
/* Header */

/*
#header {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	background: url(images/img02.gif) no-repeat center center;
}
*/
/*
#logo {
	float: left;
	padding: 90px 0 0 0;
}
*/

#logo h1, #logo p {
	margin: 0;
	color: #FFFFFF;
}

#logo a {
	color: #FFFFFF;
	text-decoration: none;
}

/*
#search {
	float: right;
	width: 200px;
	padding: 135px 0 0 0;
}
*/

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset, #search a {
	margin: 0;
	padding: 0;
	border: none;
	color: #fff;
}

#q {
	width: 190px;
	padding: 3px 5px;
	background: #FFFFFF url(images/img03.gif) repeat-x;
	border: 1px solid #FFFFFF;
}

#x {
 	display: none;
}

/* Page */

/*
#page {
	width: 920px;
	margin: 0 auto;
	padding: 20px 0;
}
*/

/* Content */

/*
#content {
	float: right;
	width: 620px;
}
*/

.post {
	padding: 0 0 20px 0;
}

.title {
	margin: 0;
}

.byline {
	margin: 0;
}

.meta {
	padding: 5px 10px;
	border: 1px solid #EFEFEF;
	background: #F9F9F9;
}

.meta .more {
	padding-left: 20px;
	background: url(images/img04.gif) no-repeat left center;
}

.meta .comments {
	padding-left: 20px;
	background: url(images/img05.gif) no-repeat left center;
}

.entry li {
  list-style-type: none;
}

.entry {
  font-size: 130%;
  line-height: 150%;
}
/* Sidebar */


@media (min-width: 276px) { 

  #page {
    /* width: 920px; */
    margin: 0 auto;
    padding: 20px 0;
  }

#sidebar {
    width: 100%;
    font-size: 120%;
    line-height: 150%;
  }
  
  #content {
    width: 100%;
  }
  
  #header {
    width: 100%;
    height: 200px;
    margin: 0 auto;
    /* background: url(images/img02.png) no-repeat center center; */
  }
  
  #logo {
    float: left;
    padding: 10px;
  }
  
  #search {
    float: right;
    width: 100%;
    /*padding: 135px 0 0 0; */
  }
  
}

@media (min-width: 920px) { 
  #page {
    width: 920px; 
    margin: 0 auto;
    padding: 20px 0;
  }

  #sidebar {
    float: left;
    width: 220px;
    font-size: 130%;
    line-height: 150%;
  }
  
  #content {
    float: right;
    width: 660px;
  }

  #header {
    width: 960px;
    height: 200px;
    margin: 0 auto;
    background: url(images/img02.png) no-repeat center center;
  }
  
  #logo {
    float: left;
    padding: 90px 0 0 0;
  }
  
  #search {
    float: right;
    width: 200px;
    padding: 135px 0 0 0;
  }


}



/*
#sidebar {
	float: left;
	width: 220px;
}
*/

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
}

#sidebar li li {
	padding-left: 10px;
	background: url(images/img06.gif) no-repeat left center;
	border-bottom: 1px dotted #CCCCCC;
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	color: #E75C14;
}

/* Footer */

#footer {
	clear: both;
	padding: 30px 0;
	background: url(images/img07.gif) repeat-x;
	text-align: center;
	/*font-size: smaller; */
}

