/*  
 * Theme Name: 		Sinus Hotline
 * Theme URI: 		
 * Description: 	A two column theme.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 */
.pngfixer { /*Transparent PNGs for IE6*/
	behavior:				url("wp-content/themes/sinus/iepngfix.htc");
}
.hidetext{
	display:				block;
	text-indent:			-9999em;
}
@font-face { /* Setting font face */
    font-family: 			Fertigo;
    font-style:				normal;
    font-weight: 			700;
    src: 					url(images/Fertigo.otf);
} 
@font-face { /* Setting font face */
    font-family: 			Helvetica Neue LT Pro Condensed;
    font-style:				normal;
    font-weight: 			100;
    src: 					url(images/HelveticaNeueLTPro-Cn.otf);
} 

* { /* reset margin and padding for all elements */
    margin:					0;
	padding:                0;
}

body, html {
	background-color:		#f4f6f9;
	font-family:			Arial, Helvetica, sans-serif;
}



/*----------------------------- wrapper ------*/
#wrap {
    width:					1100px;
	margin:					0 auto;
	background-image:		url(images/bg.jpg);
	background-repeat:		repeat-y;
	background-position:	top left;
	text-align:				center;
}



/*-------------------------- main divs -------*/
#content {
    width:					895px;
	margin:					0 auto;
	text-align:				left;
}

#header {
    width:					1100px;
    height:					250px;
	background-color:		#fff;
	background-image:		url(images/header.jpg);
	background-repeat:		no-repeat;
	background-position:	-1px 0px;
	text-align:				left;
}
* html #header { /* IE6 */
    height:					226px;
}

#middle { 
	position:				relative;
	width:					600px;
	margin:					0 0 0 -20px;
	text-align:				left;
}


#sidebar {
    width:					261px;
	background-image:		url(images/sidebar_bg.jpg);
	background-repeat:		repeat-y;
	background-position:	top left;
	background-color:		#f4f6f9;
	float:					right;
	margin:					0 31px 0 0;
	text-align:				left;
}
* html #sidebar { /* IE6 */
    margin:					0 16px 0 0;
}
#sidebar .block {
    padding:				0 0 10px 0;
}
#sidebar .block ul {
    margin:					0 0 0 5px;
	list-style-type:		none;
	font-family:			"Helvetica Neue LT Pro Condensed", helvetica, sans-serif;
}
@media all and (min-width:0px) { /* Opera */
  head~body #sidebar .block ul li {
    margin:					0 0 5px 0;
  }
  head~body #sidebar .block ul ul {
    margin:					5px 0 0 10px;
  }
}
#sidebar .options {
    padding:                0 10px 0 25px;
}
#sidebar .secondblock { 
    background-image:		url(images/second_block_bg.png);
	background-repeat:		no-repeat;
	background-position:	bottom left;
	min-height:             130px;
	height:					auto !important;
	height:					130px;
	width:					220px;
	margin:					0 auto;
}

#sidebar #rss {
    margin:                 15px 10px;
}

#sidebar h3 {
    color:					#526c2f;
	font-size:				16px;
	padding:                0 0 0 5px;
}

#sidebar #searchblock {
    background-color:		#031d26;
	height:					40px;
}
#searchblock #searchform input#s {
    width:					150px;
	margin:					12px 5px 12px 10px;
	padding:                1px 0 1px 2px;
	border:					1px solid #000;
	height:					20px;
}
*+html #searchform input.simage { /* IE7 */
    padding:				0 0 6px 0 !important;
}

#sidebar .buyonline { 
    height:					289px;
	width:					228px;
	margin:					0 auto;
	background-image:		url(images/buy_online.png);
	background-repeat:		no-repeat;
	background-color:		transparent;
	background-position:	top left;
	position:				relative;
}
#sidebar .buyonline h3 { 
    color:					#1e343d;
	font-size:				18px;
	font-family:			Fertigo, Georgia, "Palatino Linotype", Palatino, serif;
	text-align:				center;
	padding:                20px 0 10px 0;
}
#sidebar .buyonline p { 
    width:					175px;
	color:					#000;
	font-size:				13px;
	margin:					0 auto;
	text-align:				center;
}
#sidebar #buybutton {
    position:				absolute;
	width:					225px;
	height:					27px;
	top:					245px;
	left:					2px;
	z-index:				110; /*Place buybutton on top of #right in footer to allow user to click the full width of the button*/
}



/*---------------------------- footer --------*/
#foot {
    width:					895px;
	margin:					0 auto;
	position:				relative;
	z-index:				90;
}
#footer { 
    background-image:		url(images/footer.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;
	min-height:             150px;
	height:					auto !important;
	position:				relative;
	margin:                 0 0 0 -21px;
	z-index:				95;
}
#foot #left { 
    position:				absolute;
	top:					-89px;
	left:					-103px;
	z-index:				100;
}
#foot #left img{
	width:					119px;
	height:					277px;
} 
* html #foot #left { /* IE6 */
    left:					-102px;
	top:					-79px;
}
#foot #right { 
    position:				absolute;
	top:					-117px;
	left:					821px;
	z-index:				100;
}
#foot #right img{
	width:					127px;
	height:					305px;
} 
* html #foot #right { /* IE6 */
    top:					-107px;
	left:					821px;
}
@media all and (min-width:0px) { /* Opera */
  head~body #foot #right {
    left:					821px;
	top:     				-117px
  }
}

#footer #sinushotline { 
    background-image:		url(images/sinus_hotline.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	height:					75px;
	margin:					10px auto 20px auto;
	width:					696px;
}
* html #footer #sinushotline { /* IE6 */
    background-image:		url(images/sinus_hotline.gif);
}
#footer p {
    font-size:				12px;
	color:					#034246;
	padding:                25px 0 25px 0;
	background-color:		#f4f6f9;
}
#footer p span {
    font-size:				10px;
    line-height:			3.0em;
}




/*------------------------------ menu --------*/
#menubox {
	height:					59px;
    width:					895px;
	margin-left:			101px;
	margin-top:5px 
}
* html #menubox,  { /* IE6 */
	margin-left:			-44px;
}
*+html #menubox{  /* IE7 - keep separate from IE6 declaration above! */
	margin-left:			-44px;
}
#navcontainer {
	margin-left:			-21px;
	margin-top:				-24px;
}
* html #navcontainer { /* IE6 */
    margin-top:				0 !important;
}
*+html #navcontainer { /* IE7 */
    margin:					-24px 0 0 0 !important;
}
#navcontainer ul {padding:0 0 0 10px}

#navcontainer ul li {
    list-style-type: 		none;
    display: 				block;
	height:					59px;
    float: 					left;
}
#navcontainer ul li#home-link { 
    background:				url(images/menu.png) no-repeat top left;
	width:					69px;
}
#navcontainer ul li#productrange { 
    background:				url(images/menu.png) no-repeat -69px top;
	width:					76px;
}
#navcontainer ul li#theindredients { 
    background:				url(images/menu.png) no-repeat -145px top;
	width:					112px;
}
#navcontainer ul li#aboutsinushotline { 
    background:				url(images/menu.png) no-repeat -257px top;
	width:					73px;
}
#navcontainer ul li#sinussymptoms { 
    background:				url(images/menu.png) no-repeat -330px top;
	width:					114px;
}
#navcontainer ul li#shop { 
    background:				url(images/menu.png) no-repeat -444px top;
	width:					47px;
}
#navcontainer ul li#community { 
    background:				url(images/menu.png) no-repeat -491px top;
	width:					84px;
}
#navcontainer ul li#testimonials { 
    background:				url(images/menu.png) no-repeat -575px top;
	width:					96px;
}
#navcontainer ul li#international { 
    background:				url(images/menu.png) no-repeat -671px top;
	width:					102px;
}
#navcontainer ul li#contact { 
    background:				url(images/menu.png) no-repeat top right;
	width:					103px;
}

#navcontainer a {
    color: 					#000;
    text-decoration: 		none;
    display: 				block;
	height:					59px;
}





/*----------------------------- post ---------*/
.post, .section {
	text-align:				left;
	width:					540px;
	margin:					0 auto;
}
.post {
    margin-top:				25px;
}
.post-content {
	line-height:			1.4em;
}

.post-content ul, .post-content ol, .post-content dl { 
    margin:					5px 10px 5px 25px;
}

.post-bookmarks {
    background-image:		url(images/title_bg3.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	height:					35px;
	max-height:				35px;
}
.post-bookmarks .bookmark-one, .post-bookmarks .bookmark-two {
    width:					125px;
	height:					16px;
	float:					left;
	margin: 				10px 15px 0 15px;
}
.bookmark-one { }

.post-top {
    margin-bottom:			20px;
}
.post-bottom {
    padding:                0 0 50px 0;
	margin:					25px 0 25px 0;
}
.post-bottom, .post-info {
    text-align:				left;
}

.posted-by {
	color:					#066;
	font-size:				10px;
	padding:                0 0 2px 0;
}

.post-title, .section .section_title {
    height:					35px;
    background-image:		url(images/title_bg2.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom right;
	margin:					0 0 15px 0;
}
.post-title {
    margin-bottom:			5px !important;
}
.post-title h2 {
    font-family:			Fertigo, Georgia, serif;
	font-size:				16px;
}
.section img.image { 
    float:					left;
	padding:                1px;
	border:					1px solid #ccc;
	margin:					0 10px 10px 0;	
}
.section p, .post-content {
    line-height:			1.6em;
	font-size:				14px;
}

.section .area { 
    background-image:		url(images/comment_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	min-height:             81px;
	height:					auto !important;
	height:					81px;
	padding:                8px;
	margin:					0 0 15px 0;
}
.section .area p, .section .area cite {
    font-size:				13px;
}
.section .area p { 
    padding:                0 0 5px 0;
}
.section .area cite, .comments-middle span { 
    font-style:				italic;
	color:					#693;
	padding:                2px 0;
}

#commentsdiv h4 {
	font-family:			"Rotis Semi Serif", Rotis, Georgia, "Times New Roman", Times, serif;
}


/*-------------------------- comments --------*/
#commentsdiv {
	margin:					0 5px;
}
.comments {
    background-color:		#fff;
	background-image:		url(images/comment_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	padding:                5px 10px;
	margin:					5px 0 25px 30px;
    position:				relative;
	min-height:             81px;
    height:					auto !important;
	height:					81px;
}
.comments-middle {
	color:					#000;
	text-align:				left;
}
.comments-middle p {
    padding:				0 0 15px 0;
}

.comments-inputs input {
    margin:					0 0 3px 0;
	padding:                1px;
	border:					1px solid #42768d;
}

.comment_options {
    margin:					0 auto;
	width:					450px;
}
.comment_options h4 {
    color:					#5c6541;
	font-size:				16px;
	font-family:			Arial, Helvetica, sans-serif !important;
}
.comment_options h5 { 
    font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	padding:                0 0 10px 0;
}
.comment_options label {
    width:					100px;
	float:					left;
	color:					#42768d;
	font-weight:			bold;
}
.comment_options textarea {
    width:					100%;
	margin:                 0 0 25px 0;
	border:					1px solid #42768d;
}
.comment_options input#submit {
	border:					1px solid #ccc;
	float:					right;
}


/*----------------------------- links --------*/
h1 a:link, h1 a:visited {
    color:					#fff;
	text-decoration:		none;
}
h1 a:hover {
    color:					#eee;
}

h2 a, h2 a:visited {
    color:					#111;
	text-decoration:		none;
	font-size:				20px;
}
h2 a:hover {
    color:					#000;
}

.post-content a, .post-content a:visited, .comment_options a:link, .comment_options a:visited {
	color:					#3cc;
	font-weight:			bold;
	text-decoration:		none;
}
.post-content a:hover, comment_options a:hover {
    color:					#000;
}

.posted-by a, #footer #right a, #footer #right a:visited {
    color:					#836b4b;
	text-decoration:		underline;
}
.posted-by a:hover, #footer #right a:hover {
    color:					#000;
}

.post-info a:link, .post-info a:visited {
    text-decoration:		none;
	color:					#000;
	font-weight:			100;
	font-size:				12px;
}
.post-info a:hover {
    color:					#066;
}

.comments a:link, .comments a:visited, .comment_options h5 a:link, .comment_options h5 a:visited {
    color:					#5c6541;
}
.comments a:hover, .comment_options h5 a:hover {
    color:					#000;
}

.navigation a:link, .navigation a:visited {
    color:					#836b4b;
}
.navigation a:hover {
    color:					#000;
}

#footer {
    color:					#000;
}
#footer ul a, #footer ul a:visited {
    color:					#000;
}
#footer ul a:hover {
    color:					#c00;
}

#sidebar ul a {
    font-size:				12px;
	color:					#000;
	text-decoration:		none;
	font-family:			Fertigo, sans-serif;
}

ul.recentposts a:link, ul.recentposts a:visited {
    color:					#000;
	text-decoration:		none;
}
ul.recentposts a:hover {
    color:					#3cc;
}



/*----------------------------- misc ---------*/
ul.recentposts { 
    text-align:				left;
	list-style-type:		none !important;
}
ul.recentposts li {
    background-color:		#fff;
	background-image:		url(images/comment_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	padding:                5px 10px;
	margin:					5px 0 5px 0px;
    position:				relative;
	min-height:             81px;
    height:					auto !important;
	height:					81px;
}
h2 {
    font-size:				18px;
	font-family:			Fertigo, Arial, sans-serif;
	color:					#213942;
}
/* Hidden button for homepage title link- also some SEO benefits over BG image*/
h2.homepage{
	margin-left:			110px;
	width:					315px;
	height:					140px;
}
h2.homepage a{
	display:				block;
	cursor:					pointer;
}
h2.homepage a span{ 
	display:				block;
	width:					315px;
	height:					140px;
}
/*end*/
.spacer {
    clear:					both;
}
.justify {
    text-align:				justify;
}
.navigation {
    text-align:				center;
}
.small {
    font-size:				87%;
}
.uppercase {
    text-transform:			uppercase;
}
.centered {
    text-align:				center;
	margin:					0 auto;
}
.align-left {
    margin:					0 0 0 10px;
	float:					left;
}
.align-right {
    margin:					0 10px 0 0;
	float:					right;
}
.tleft {
    text-align:				left;
}
img {
    border:					0;
}
.post p {
    padding:                5px 0;
}
blockquote {
	border-left:			3px solid #eee;
	margin:					5px 15px;
	padding:                0 0 0 5px;
}