/*  
Theme Name: Sia Ea Design
Description: The is the wordpress theme for Sia Ea Design. Cross-browser, XHTML Strict v1.0 and CSS 2.1 valid. Comes with customizable intro text, for information read Instructions.txt. NOTICE: This version contains a few critical bug fixes, so make sure you have the latest version.
Version: 1.0
Author: Sia Ea
Author URI: http://www.siaea.com/
Tags: business, corporate, xhtml, css, simple, clean, clear, white, grey, orange, fixed width, intro, banner, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blueprint, blueprintcss
*/

/*body
{
	background: #666666 url('images/bodybg.jpg') repeat-x 0 0;
	font: 12px/18px Arial, Verdana, Lucida Grande, Geneva, sans-serif; color:#666; font-weight: normal;
}
*/


html, body {

	font: 13px/22px Helvetica, Verdana, Arial, Lucida Grande, Geneva, sans-serif; color:#000; font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;

}

body {
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #666;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	background-image: url(images/css/striped_background.gif);
	text-align: left;
	background-color: #333;
}

#nav {
	width: 900px;
	text-align: right;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
}

.nav-div {float: right;}

div.banner {text-align: center;}

div.clear {clear: both;}

.roundedcornr_box {
   background: #ffffff;
	width: 924px;
	margin-left: auto;
	margin-right: auto;
}
.roundedcornr_top div {
	background: url(images/css/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(images/css/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(images/css/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(images/css/roundedcornr_br.png) no-repeat bottom right;
	clear: both;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 20px; }

#bubble {
	background: url(images/css/bubble.gif) no-repeat;
	width: 942px;
	height: 220px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	
}

#copyright {
	background-image: url(images/css/copyright.gif);
	background-position: left;
	height: 17px;
	background-repeat: no-repeat;
	margin-left: 858px;
	padding-bottom: 15px;
	
}

#footer {
	height: 200px;
}

.active {
	
}
h1, .post .postheader .posttitle h2 {
	
	font-size: 18px;
	color: #000;
	padding-bottom: 5px;
		padding-top: 10px;
		font-weight: normal;
		line-height: 23px;

}

.posttitle h1  {
	
	font-size: 40px;
	color: #000;
	padding-bottom: 5px;
		padding-top: 10px;
		font-weight: normal;
		line-height: 40px;

}



h4 {
	font-weight: bold;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}

h5 {
	color: #CC0000;
		font-weight: bold;
	font-size: 12;
	font-style: italic;
}
h6 {
	color: #CC0000;
		font-weight: normal;
	font-size: 22px;
	text-align: right;
	border-bottom: 1px solid #666;
	margin-top: 60px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

h2 {
	font-size: 14px;
	color: #000;
	padding-bottom: 5px;
		padding-top: 10px;
}

#client {
	width: 218px;
	background-image: url(images/css/client.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 70px;
	margin-bottom: 50px;
	
}

#description {
	width: 218px;
	background-image: url(images/css/description.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 100px;
	margin-bottom: 50px;
}

.divider {
	border-left: 1px solid #CCC;
	height: 50px;
	margin-left: 20px;
	margin-right: 20px;
	width: 1px;
}

html {
		height: 100%;
		
	}
	
	#flashcontent {
		/*height: 100%;*/
	}
	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		font-family:sans-serif;
		font-size:20;
	}
	
	a {		
		font-weight: bold;
		text-decoration: underline;
		color: #333;
	}
	a:hover {
		color: #cc0000;
	}
	
	.red {
		color: #CC0000;
		font-weight: bold;
	}
	
	
	.error {
		color: #CC0000;
		font-weight: bold;
		font-size: 10px;
	}
	
	a.pdf {
	background-image: url(images/css/pdf_16x16.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.popup_link {
	background: url("images/css/launch_new_window.gif") no-repeat 0px 0px; 
	padding-left: 18px; }

#form td, .form_text {
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
}

/*
input, select, textarea {
	border: 1px solid #666;
	
}

input, select {
font-size: 10px;
	font: Arial, Verdana, Lucida Grande, Geneva, sans-serif;
	}

input:hover, textarea:hover, select:hover {
  border: 1px solid #CC0000;
  
}

input:focus, textarea:focus, select:focus {
	border: 2px solid #666;
}
*/

div.edit a {float: right;font-size: 10px;color: #cc0000;/*background-image: url(images/edit.png); background-repeat:no-repeat; background-position: top left;padding-left: 20px;height: 50px;*/margin-top: 20px;text-decoration: none;}
div.work_container {
	width: 640px;
	float: left;
/*	background-color: #f9f9f9;*/
	padding: 5px;
}

div.work_container a {
		color: #cc0000;
		font-weight: bold;
		text-decoration: none;
	}
div.work_container a:hover {
		text-decoration: underline;
	}	

div.work_container h2 {
	border: none;
	font-size: 11;
	font-weight: bold;
}

div.float {
  float: left;
  padding-left: 1px;
  padding-right: 1px;
  	text-align: center;
  }
 div.float a {
	text-decoration: none;
	text-decoration: none;
	color: #333;
	font-size: 9px;
	font-weight: bold;

}

  div.float a img{
border: 2px solid #f9f9f9;  
  }
  div.float a:hover img{
border: 2px solid #CC0000;  
  }  
div.float p {
   text-align: center;
	font-size: 9px;
   }
	
	/*div.thumb_container, div.thumb_container2 {
  width: 124px;
  float: left;
  margin-right: 10px;
  
  }
  */
  #thumb_container {
	display: block;
	  width: 124px;
  float: left;
  margin-right: 10px;
}
  
  #thumb_container2
  {
  	display: none;
	  width: 124px;
  float: left;
  margin-right: 10px;
  }
  
  
  div.item_container {
	width: 500px;
	float: left;
	/*background-color: #f9f9f9;*/
}
  
  div.spacer {
  clear: both;
  }
  
  .numbers {
  	margin-left: 5px;
	text-align: right;
  }
  
  .main{
  
 border: 1px solid #CCC;  
  }
  
  
  /* FLICKR */
.previewF {  width:80px; height:80px; position: relative; margin: 0px 0px 0px 0px; }
.previewF img { border: solid 1px #000000; margin: 0px 4px 4px 0px; padding:0px; }

/* Set Cases around the place */
.Set {
	width: 124px;
	height: 114px;
	text-align: left;
	margin: 0px 8px 18px 0px;
	float: left;
	text-align: center;
	background-image: url(images/css/case.gif);
	background-position: top;
	background-repeat: no-repeat;
}
.Set IMG {margin: 4px 0px 4px 0px}
 
#SetCase { margin-top: 5px; margin-bottom: 5px; padding: 2px 0 0 0px;
color: #333;
text-decoration:none; 
font-size: 9px;
font-weight: bold;  }

#SetCase a {
	color: #333;
}

#SetCase a:hover {
	color: #cc0000;
	text-decoration: none;
	
}

h2, a
{
	color: #525252;
}

a:hover {
		color: #cc0000;
	}

#top
{

	text-align: right;
	height: 15px;

	
}

#top .menu
{
	padding-top: 0px;
	
}

.sidebarbox li {
	padding-bottom: 5px;
}
#top .menu li
{
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}

#top .menu a
{
	text-decoration: none;
	font-size: 9px;
	color: #333;
	font-weight: bold;
}

#top .menu a:hover
{
	color: #cc0000;
}

#contenttop
{
	background: transparent url('images/topbg.png') no-repeat 0 0;
	height: 37px;
}

#contentwrapper
{
	background: transparent url('images/contentbg.png') repeat-y 0 0;

}
#header
{
	height: 100px;
}

#rotator
{
	background: url(../../../rotator/rotator.php) no-repeat bottom right;
	height: 170px;
}

#header2
{
	height: 230px;
	background-image: url(images/recipes.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}



#header #title
{
	
}

#header #header2 #title .logo
{
	float: left;
	
}


#header #header2 #title #blogtitle
{
	margin-left: 0px;
}

#header #header2 #title h1
{
	font-size: 24px;
	font-weight: bold;
	color: #525252;
	margin-bottom: 5px;
}

#header #header2 #title h2
{
	font-size: 14px;
	color: #525252;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	color: #525252;
	margin-bottom: 5px;
}

#header #header2 #searchbar
{
	margin-top: 20px;
}

/*
#introcontainer
{
	margin-top: 40px;
}

#intro
{
	
	height: 200px;
	background: url('introbg.jpg') no-repeat 0 0;
	margin-left: 7px;
}


#intro #introtext
{
	float: left;
	height: 165px;
	margin: 20px auto auto 20px;
	overflow: hidden;
}


#intro #introtext h1
{
	font-size: 18px;
	color: #00599d;
	margin-bottom: 16px;
}

#intro #introtext p
{
	font-size: 16px;
}

#intro #introicon
{
	float: right;
	margin: 35px 50px;
}

*/
/*br {
	margin-bottom: 25px;
}
*/

.wrapper {width: 100%;}

div.postcontent {margin-top: 20px;}
.postcontent p {font-size: 13px; line-height: 22px;} 

.post, .allcomments
{
	background: none;
	/* border: solid 1px #eeeeee;*/
	margin: 0px 5px 20px 205px;
	padding: 15px;
	_padding: 7px;
	
}

.post .postheader .commentcount
{
	width: 27px;
	line-height: 12px;
	float: left;
	text-align: center;
	padding-right: 10px;

}

.post .postheader .commentcount a
{
	text-decoration: none;
	color: #4884bc;
}

.post .postheader .posttitle
{
	
	line-height: 20px;
}

/*.post .postheader .posttitle h2
{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
}
*/

.post .postheader h2 a
{
	text-decoration: none;
}

.post .postheader .posttitle .postmeta
{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
}

.post .postcontent
{
	margin-top: 20px;
	line-height: 17px;	
}

.post .postcontent p
{
	
	margin-bottom: 0;
	text-indent: 20px;
	padding-bottom: 5px;
}

.post .posttags, .post .posttags a
{
	color: #959595;
	font-size: 9px;
	margin-top: 20px;
	text-align: right;
}

.commentbox
{
	background: #fff;
	border: solid 1px #eeeeee;
	margin: 10px 5px 20px 5px;
	padding: 15px;
}

.commentmeta .avatar
{
	float: left;
	padding-right: 6px;
}

.commenttext
{
	clear: both;
	margin-top: 10px;
}

.commentform input
{
	padding: 0;
	margin: 0;
	line-height: 0;
}

#commentform .text {
	width: 300px;
    margin: 0 0 15px 0;
}

#commentform textarea
{
    width:450px;
    height:150px;
    margin:0;
    padding:5px;
}

.navlinks
{
	margin: 0px 5px 40px 5px;	
}

.navlinks a
{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

.navlinks img
{
	margin-right: 5px;
}

#sidebar #wrapbox
{
	/*background: #ffffff; 
	border: solid 1px #eeeeee;	*/
	padding: 17px;
	margin: 0px 5px 20px 5px;
}

#sidebar #wrapbox li
{
	font-size: 10px; 
}

#sidebar .sidebarbox, .lpbcArchive
{
	line-height: 15px;
	margin-bottom: 40px;
}

#sidebar .sidebarbox h3, .sidebarbox h3 a
{
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	margin-bottom: 10px;
}

.sidebarbox h3 a:hover {
	text-decoration: underline;
}

#sidebar .sidebarbox a, .lpbcArchive a
{
	text-decoration: none;
}

#sidebar .sidebarbox ul, .lpbcArchive u1
{
	list-style-type: none;
	font-size: 11px;
}

#sidebar .sidebarbox .pages ul
{
	/* text-indent: -3em; */
}

#footer
{
	height: 52px;
	background: url('images/bottombg.png') no-repeat 0 0;
	font-size: 11px;
}



#top .searchbox
{
background: #f1f1f1;
	border: solid 1px #e3e3e3;
	/*float: left;
	width: 120px;
	height: 14px;
	font-size: 11px;*/
}


#top .searchbutton
{
	height: 18px;
	width: 18px;
	margin-left: 0px;
	border: none;
	cursor: pointer;
	background: url('images/searchbutton.jpg') no-repeat 0 0;
}

/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0px 10px 10px;
}

.wp-caption {
   background: #fafafa;
   border: solid 1px #999;
   text-align: center;
   padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}

input, select, textarea {
	border: 1px solid #666;
	
}

input, select {
font-size: 10px;
	font: Arial, Verdana, Lucida Grande, Geneva, sans-serif;
	}

input:hover, textarea:hover, select:hover {
  border: 1px solid #CC0000;
  
}

input:focus, textarea:focus, select:focus {
	border: 2px solid #666;
}


.wp-end
{
	background-image: url('images/css/finis.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 100%;
	margin-bottom: 50px;
	/*margin-left: 70px;*/
}

.divider
{
	background-image: url('images/css/finis2.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 100px;
	margin-bottom: 50px;
}

/*------------------------------------------------*/
/*------------------[THUMBNAILS]------------------*/
/*------------------------------------------------*/
.thumbnail-wrap { float: left; margin: 0px 20px 30px 20px; width: 254px; height: 219px; }
.thumbnail-div { float: left; padding: 0px; width: 252px; border: 1px solid #000;text-align: center;background-color: #000;}
.thumbnail-div:hover { border: 1px solid #CC0000;background-color: #000;}
.thumbnail-info { float: left; padding: 5px; text-align: left;}
.thumbnail-info a {text-decoration: none; font-weight: normal;}
.thumbnail-info {text-decoration: none; font-weight: normal;color: #999;}
.thumbnail-info a.title {color: #fff; font-size: 13px;}
.thumbnail-info a {color: #999; font-size: 10px; text-decoration: none;font-weight: normal;}
.thumbnail-div .sections-overlay, .thumbnail-div .thumbnail-new { width: 252px; height: 181px; margin-top: -33px; float: left;}
.thumbnail-div .thumbnail-new { background-image: url(images/new.png); background-repeat: no-repeat; background-position:bottom right;}
.thumbnail-shadow { width: 100%; float: left; height: 33px; }
.thumbnail-div .sections-overlay .zoom { margin: 155px 0px 0px 190px; }
.thumbnail-bottom { margin: 5px 0px 0px -5px; }
.thumbnail-single { /*border: 1px solid #ccc;*/ width: 606px; height: 364px; }
.blogthumbnail { border: 1px solid #ccc; display: inline; float: left; margin-right: 15px; }


/*------------------------------------------------*/
/*------------------[WORKS PAGE]------------------*/
/*------------------------------------------------*/

.work-wrapper {}
.mobile-div {background-image: url(images/iphone.jpg); background-repeat:no-repeat;width: 417px; min-height: 803px; float: left;margin-right: 30px; margin-bottom: 20px;}

.mobile-div .carousel-gallery {left: 43px;top: 120px;margin-right: 50px;}

.mobile-div .carousel-controls {margin-top: 150px;}

.jcarousel-list li, .jcarousel-item {width: 320px;}

.web-div {background-image: url(images/monitor.jpg); background-repeat:no-repeat;width: 589px; min-height: 507px; float: left;margin-right: 50px;}

.web-div .carousel-gallery {left: 27px;top: 31px;margin-right: 20px;}

.jcarousel-list li, .jcarousel-item {width: 320px;}

.print-div {width: 400px; min-height: 350px; float: left;margin-right: 50px;}

.print-div .carousel-gallery {margin-right: 20px;}

span.work-type {background-color: #ccc;-moz-border-radius:11px 11px 11px 11px;
-moz-box-sizing:content-box;color: #fff; font-size: 16px; font-weight: normal; padding: 5px 15px 5px 15px; float: right;margin-top: -30px;margin-bottom: 30px;}

.mobile-div .jcarousel-item {
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 320px;
		
	}
.mobile-div	.jcarousel-skin-neat .jcarousel-clip-horizontal {
		width: 320px;
	}
	
	.web-div .jcarousel-item {
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 533px;
		
	}
.web-div	.jcarousel-skin-neat .jcarousel-clip-horizontal {
		width: 533px;
	}
	
	.print-div .jcarousel-item {
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 400px;
		/*height: 350px;*/
		
	}
.print-div	.jcarousel-skin-neat .jcarousel-clip-horizontal {
		width: 400px;
		/*height: 350px;*/
	}
	
	div.next, div.previous  {margin-top: 100px;}
	div.next a p {font-size: 20px;color: #cc0000;background-image: url(images/icon-next1.png); background-repeat:no-repeat; background-position: top left;padding-left: 40px;padding-top: 5px;height: 50px;}
	div.next a:hover p {background-image: url(images/icon-next2.png);}
	div.previous a p {font-size: 20px;color: #cc0000;background-image: url(images/icon-prev1.png); background-repeat:no-repeat; background-position: top right;padding-right: 40px;padding-top: 5px;height: 50px;}
	div.previous a:hover p {background-image: url(images/icon-prev2.png);}
	div.return {margin-top: 20px;}
	div.return a p {font-size: 20px;color: #cc0000;background-image: url(images/icon-return1.png); background-repeat:no-repeat; background-position: top left;padding-left: 40px;padding-top: 5px;height: 50px;}
	div.return a:hover p {background-image: url(images/icon-return2.png);}

	div.next img {border: 3px solid #ccc;margin-left: 40px;}
	 div.previous img {border: 3px solid #ccc;margin-right: 40px;}
	div.next, div.return {float: right;}
	div.previous {float: left;}