/*   
Theme Name: SureweldMobi
Theme URI: http://www.sureweld.com.au
Description: Mobile WordPress theme 
Author: Rowela P Alzona
Author URI: http://www.sureweld.com.au
Version: Smooci 2.1.3	
 
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@charset "utf-8";
html, body {
height: 100%;
}
body
{margin: 0;
padding: 0;

background:url(images/main.jpg) top left repeat-x #e3e3e3;
font-size:62.5%;}

img
{border:0px;
margin:2px 0;

 }

.post img
{padding:0;
 
margin:10px 0;}
	
	table { width:100% !important; height:auto; margin:15px 0;}
	
h1, h2, h3, h4, h5, h6{ margin:8px 0;}	
	
img.centered
{display:block;
margin-left:auto;
margin-right:auto;
width:100%;
height:auto;
}

img.alignright
{padding:0px;
margin:0 0 5px 10px;
display: inline;

 
}

img.alignleft
{padding:0;
margin:0 10px 5px 0;
display:inline;

 
}

.aligncenter{}

.alignleft{float:left;}

.alignright{float:right;}

a:link, a:visited
{text-decoration: none;
color: #007934;}

a:hover
{text-decoration: underline;
color: #00cc00;}

#wrapper
{margin: 0 auto  ;
width: 1000px;
text-align: left;}

#wrapper_mobile
{width: 100%;
text-align: left;}

#header
{margin-top:10px;
margin-bottom:10px;}

#header_mobile
{padding:25px 0;
 
 
 
background:url(images/headerbg2.png) top left repeat-x #e3e3e3;
}

div.titles
{font-family: Arial, Helvetica, Georgia, Sans-serif;
color:#f0f0f0;

width:60%;
	}
div.titles h1 a img{

	display:inherit;
}
.title_link
{ 
 }

.title_link a:link
{text-decoration: none;
color: #f0f0f0;
padding-top:20px;}

.title_link a:visited
{text-decoration: none;
color: #f0f0f0;}

.title_link a:hover
{text-decoration: none;
color: #cccccc;}

div.main_body
{width:1000px;}

div.main_body_mobile
{
/*margin-left:10px;
margin-right:10px;
margin-top:30px;
*/
}

#container
{
	 width:100%;
height:auto;
}

.sidebar
{background:#ffffff;}

#footer
{margin-top:10px;
margin-bottom:10px;}

#footer_mobile
{margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;}

div.footer_content
{padding-left: 10px;
padding-right: 10px;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
text-align: center;
color: #333;}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form
{margin: 0;
padding: 0;}

h1
{font-size: 26px;
font-weight:bold;}

div.subtitle
{font-size: 14px;}

.post
{margin-top:10px;
margin-left:5px;
margin-right:20px;
margin-bottom:10px;}

.post_mobile
{margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;}

.post_the_title
{padding: 0px;
margin: 0px;}

.post_the_date
{padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
color: #555555;}

.post h2
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 18px;}

.post h2 a:link
{text-decoration: none;
color: #000000;}

.post h2 a:visited
{text-decoration: none;
color: #000000;}

.post h2 a:hover
{text-decoration: none;
color: #00cc00;}

.post_mobile h2
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 18px;
line-height:60px;
margin-bottom:-10px;}

.post_mobile h2 a:link
{text-decoration: none;
color: #000000;}

.post_mobile h2 a:visited
{text-decoration: none;
color: #000000;}

.post_mobile h2 a:hover
{text-decoration: none;
color: #00cc00;}

.entry
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #000000;
line-height: 18px;}

.comment_body_author
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
font-weight: bold;}

.comment_body_meta
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;}

.comment_body_text
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;}

p
{padding: 10px 0 0 0;}

p.postmetadata
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 11px;
color: #000000;
border-top: 0px solid #ccc;
margin: 10px 0 0 0;}

.navigation
{margin: 10px 10px 10px 10px;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;}


 
.sidebar ul
{
	list-style-type:none;
	margin:0;
	padding:0;
 
 
	
	
}

.sidebar ul li
{
	font-family:  Arial, Helvetica, Georgia, Sans-serif;
 
	
 }

.sidebar ul li h2
{
	padding-bottom:10px;
	font-family:  Arial, Helvetica, Georgia, Sans-serif;
	font-size: 16px;
	color:#222222;
	font-weight:bold;
}

.sidebar ul ul li
{
	font-family:  Arial, Helvetica, Georgia, Sans-serif;
	font-size: 20px;
	padding: 0 0 0 20px;
	border-bottom-style:none;
 
	 line-height:64px;
	background:url(images/bgmenu1.png)  center right repeat-x;
	vertical-align:middle; 

}
.sidebar ul ul li:hover
{
	background:url(images/bgmenu2.png) center right repeat-x;
	text-decoration:none;
}
table#wp-calendar
{font-family:  Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
padding: 0;
text-align:right;
width:100%;
}

/* Comments Style */

.comments-template
{margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;}

.comments-template ol
{margin: 0;
padding: 0 0 15px;
list-style: none;}

.comments-template ol li
{margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px dashed #ccc;}

.comments-template h2, .comments-template h3
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 16px;}

.commentmetadata
{font-size: 12px;}

.comments-template p.nocomments
{padding: 0;}

.comments-template textarea
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
width:100%;}

.input_text
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
width:100%;}

.label_text
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 11px;
color: #666666;}

/* Search Style */

.search_input
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size:12px;
padding:20px;
width:90%;
}

.icon_margin
{padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;}

blockquote
{padding:20px;
font-style:italic;
font-weight:bold;}









/** Wela **/
#menu{ bottom:0; height:auto;}
#primary{ 
	float:left; 
	position:relative;
	margin: 0 auto;
	width:100%;
	text-align:center;
	background:url(images/menubg.png) center repeat;
 
}
#primary2{ /* for home page only*/
	float:left; 
	position:relative;
	margin: 0 auto;
	width:100%;
	text-align:center;
	background:url(images/menubg.png) center repeat;
	
	 bottom:0;
    position:fixed;
   z-index:9999;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:auto;
 
}
 
#primary  a.nav  img { 
	display:inline;
	position:inherit;
	width:25%;
	height:auto;
	float:left;
	} 
 
#primary2  a   {
	text-align:center;
	width:25%;
	height:auto;
	float:left;position:relative;
	}	
#primary2  a.nav img  {
 	display:inline;
	position:inherit;
	width:90%;
	height:auto;
	float:left;
	}	 	 
#primary  a.nav   img:hover,#primary2  a.nav   img:hover{ background:#333}	


 
	 
.container
{
 
}	 
.m2{ }
 .podbar {
    bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:auto;
}

#logo-wrapper{
	padding:25px 0;
 
 
 
background:url(images/headerbg2.png) top left repeat-x #e3e3e3;
	vertical-align:middle;
	top:20%;
 
    position:fixed;
    z-index:9999;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:auto;
	width:100%;
	text-align:center;
	}
	
	
	
	




 
ul.page-list  
{
	list-style-type:none;
	margin:0;
	color:#333; font-size: 18px;
}
 
  
ul.page-list li 
{
 	font-family:  Arial, Helvetica, Georgia, Sans-serif;
	
 	background:url(images/bgmenu1.png)  top right repeat-x;
	border-bottom-style:none;
 	 line-height:64px;
 	vertical-align:middle; 	
	list-style:none;
	margin:0;
	margin-left:-60px;
	padding-left:20px;
	 
}

ul.page-list ul  li
{
 	font-family:  Arial, Helvetica, Georgia, Sans-serif;
 
 	background:url(images/bgmenu1.png)  top right repeat-x;
	border-bottom-style:none;
 	 line-height:64px;
 	vertical-align:middle; 	
	list-style:none;
	margin:0;
	margin-left:-80px;
	padding-left:50px;
 
}
ul.page-list ul  li a { color:#030}
 

 
ul.page-list li  a:hover 
{
 
	text-decoration:none;
	padding-left:15px;
 
}
ul.page-list ul li a:hover
{
 
	text-decoration:none;
	padding-left:15px;
}


.slideshow{ width:100%; height:auto;}
.slideshow    img { width:inherit; display:block; }















/* table*/
.legendhead {
background-color:#677273;
color:#FFFFFF;
padding:3px;
}
.legendheadlef {
background-color:#677273;
color:#FFFFFF;
padding:3px;
}
.legendheadleft {
	background-color:#677273;
	color:#FFFFFF;
	padding:3px;
	text-align: left;
}
.legendheadctr {
	background-color:#677273;
	color:#FFFFFF;
	padding:3px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7F7F7F;
}
.legenddark {
background-color:#D6D6D6;
border-bottom:1px solid #FFFFFF;
padding:3px;
}
.legendloght {
background-color:#DEDEDE;
border-bottom:1px solid #FFFFFF;
padding:3px;
}
.legenddarkb {
background-color:#D6D6D6;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
padding:3px;
}
.legenddarkbctr {
	background-color:#D6D6D6;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	padding:3px;
	text-align: center;
}
.legendloghtb {
background-color:#DEDEDE;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
padding:3px;
}
.legendloghtbctr {
	background-color:#DEDEDE;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	padding:3px;
	text-align: center;
}
.legendblank {
background-color:#EEEEEE;
border-bottom:1px solid #FFFFFF;
padding:3px;
}









.jcepopup {  float: right; position: relative;  } 
.glassimage { position: absolute; bottom: 0; right: 0; }