/*
Theme Name: SodaBottle Multi-Dimensional Grid
Theme URI: http://www.sodabottle.com
Description: A Multi-Dimensional Slideshow Homepage
Version: 1.0
Author: SEOP Asia Inc.
Author URI: http://www.seop.com
*//* CSS Document */

* { margin: 0; padding: 0;}
html, body{ padding:0; margin: 0}
#page {
	background-image: url(images/bg_bubbles.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}


body {
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;
	background-color: #24022b;
	background-attachment: scroll;
	background-position: top;
	font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;
}

p, h1, h2, h3, h4, #rightcol-inner ul li, #rightcol-inner{
	font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;
	font-weight: normal;
	font-size:14px;
	color: #FFF;

}
select{ vertical-align:middle;}
h1{
	color:#2b2b2b;
	font-size: 20px;
	margin-bottom: 10px;
}

h2{
	color:#FFF;
	height:auto;
	font-size: 14px;
	font-weight: bold;
}

hr {
	color:#ffffff;
	border-top: solid 1px #dedede;
	width:690px;
	
}

.clear{ clear:both;}

/*************** HEAD PART *********************/
#header {
	height: 96px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

img#logo{
	margin-left: 0px;
	margin-top: 8px;
	float:left;
}
#header_container {
	height: 120px;
	width: 100%;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	clear:left;
}
#nav {
	height: 25px;
	width: 500px;
	margin-top: 60px;
	float: right;
}
#nav table {
	width: 100%;
}
#nav table td {
	text-align: center;
}



/*************************************************/
/*           SLIDESHOW                           */
/*************************************************/

#holderTop {
	background-image: url(images/holderTop.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}
#holderBottom {
	background-image: url(images/holderBottom.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#slideshow {
	background-color: #FFF;
	/*height: 642px;*/
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom:6px;
}
#viewport {
	height: 476px;
	width: 948px;
	margin-right: auto;
	margin-left: 15px;
	overflow: hidden;
}
#wrap{
	width:2844px;
}
#wrap ul{
	width:948px;
	height: 476px;
	float:left;
	
}

#slideshow #viewport ul li{
	display:block;
	float: left;
	list-style-type: none;
	position: relative;
}
#slideshow li.whole, #slideshow li.whole img{
	width:948px;
	height:476px;
	float: left;
}

#slideshow li.half, #slideshow li.half img{
	width:473px;
	height:476px;
	float: left;
}


#slideshow li.twothirds, #slideshow li.twothirds img{ width: 632px; height:476px; float:left}
#slideshow li.onethird, #slideshow li.onethird img{ width: 316px; height:476px; float:left}
#slideshow li.onesixth, #slideshow li.onesix img{ width: 316px; height:238px; float:left}
#slideshow li.onetwelve, #slideshow li.onetwelve img{ width: 158px; height:238px; float:left}


#slideshow li.whole img, 
#slideshow li.half img,
#slideshow li.twothirds img,
#slideshow li.onethird img,
#slideshow li.onetwelve img,
#slideshow li.eight img.firstpic{
	top:0;
	left:0px;
	position: absolute;
	display: block;
	z-index: 10;
	}
	
#slideshow .desc_odd, #slideshow .desc_even{ height: 92px;}

#slideshow li.onethird .desc_full,
#slideshow li.twothirds .desc_full{ height:476px; position:absolute; left:0px; top:0px; overflow:hidden;}

#slideshow li.onesix .desc_full,
#slideshow li.onetwelve .desc_full{
	height:238px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

#slideshow .desc_full p{ text-transform:none; margin-left: 20px; margin-right:15px;}
#slideshow .desc_full p.date{ color:#999; font-size:11px;}
#slideshow .desc_full p a{ color:#3bd1ca; text-decoration:none;}
#slideshow .desc_full p.btn img{ width:114px; height:32px; position:relative; margin-top:25px; margin-right:10px;}

#slideshow .desc_odd, #slideshow .desc_even, #slideshow .desc_full{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	z-index: 100;
	position: absolute;
	background-image: url(images/bg_transparent.png);
	background-repeat: repeat;
	font-weight: bold;
	text-transform: uppercase;
	overflow:hidden;
}

#slideshow .desc_full{
	background-image: url(images/bg_transparent2.png);
	background-repeat: repeat; 
	display:none;
}

#slideshow li.onesix .desc_odd, #slideshow li.onesix .desc_even{
	position: absolute;
	left: 0px;
	top: 146px;
}
#slideshow li.onetwelve .desc_odd, #slideshow li.onetwelve .desc_even{
	position: absolute;
	left: 0px;
	top: 146px;
	
}
#slideshow li.onetwelve .desc_odd h3, #slideshow li.onetwelve .desc_even h3{ font-size:14px;}
#slideshow .whole .desc_odd,
#slideshow .half .desc_odd,
#slideshow .onethird .desc_odd, 
#slideshow .twothirds .desc_odd,
#slideshow .onesix .desc_odd{
	font-size: 17px;
	left: 0px;
	top: 384px;}
#slideshow .half .desc_even,
#slideshow .onethird .desc_even,
#slideshow .onesix .desc_even{
	font-size: 17px;
	left: 0px;
	top: 252px;}

#slideshow .desc-short, #slideshow .desc-short2{
	height: 72px;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	z-index: 100;
	position: absolute;
	background-image: url(images/bg_transparent.png);
	background-repeat: repeat;
	font-weight: bold;
	text-transform: uppercase;
}


#slideshow .quarter .desc {
	font-size: 17px;
	left: 0px;
	top: 100px;
}

#slideshow .eight .desc-short{
	font-size: 17px;
	left: 0px;
	bottom: 0px;

}

#slideshow .eight .desc-short2{
	font-size: 17px;
	left: 158px;
	top: 95px;

}
#slideshow .title, #slideshow .cat  {
	color: #ffac00;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 10px;
}
#slideshow .desc h3, #slideshow .desc_odd h3, #slideshow .desc_even h3, #slideshow .desc_full h3 {
	font-weight: bold;
	color: #FFF;
	font-size: 20px;
	margin-left: 10px;
	margin-top: 0px;
}
#slideshow .desc-short h3, #slideshow .desc-short2 h3 {
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 0px;
	line-height: 1em;
	
}



div.rounded div {
  height: 1px;
  overflow: hidden;
  width:250px;
}




/*************************************************/
/*           MAINCONTENT                         */
/*************************************************/

#maincontent{ 
	width:980px;
	height:auto;
	background-color:#FFF;
	margin: 0 auto;
	padding-bottom:10px;
}

#leftcol {
	width: 603px;
	float:left;
	margin-left:30px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#leftcol .postdate{font-size:12px; color:#666;margin-bottom:20px;display:block}
#leftcol .postdate a{font-size:12px; color:#666; text-decoration:none; border-bottom:1px solid #BBB}




#leftcol h1{ font-size:20px; margin-bottom:0px; padding-bottom:0px;}
#leftcol #imgslideshow {
	background-color: #f1ecf0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#leftcol #nav_slideshow {
	height: 25px;
	width: 100%;
	font-size: 12px;
	margin-top: 35px;
}
#leftcol #nav_slideshow a {
	text-decoration: none;
	font-weight: bold;
	color: #ec8100;
}
#leftcol #nav_slideshow a:hover {
	color: #fa7001;
}


#leftcol #nav_slideshow #prev, #leftcol #nav_slideshow #next  {
	height: 20px;
	width: 130px;
}
#leftcol #nav_slideshow #prev,
#leftcol #slidethumbs .left{ float:left; cursor:pointer; }
#leftcol #nav_slideshow #next,
#leftcol #slidethumbs .right{float:right;text-align: right;  cursor:pointer;}
#leftcol #nav_slideshow #prev img {
	margin-right: 5px;
}
#leftcol #nav_slideshow #next img {
	margin-left: 5px;
}



#leftcol #imgslideshow img {
	border: 7px solid #666;
	margin-left:auto;
	margin-right:auto;
	display: block;
}

#leftcol #slidethumbs{
	background-color: #d6ced7;
	height: 80px;
	width: 100%;
	margin-top: 10px;
}

#leftcol #slidethumbs .left a,#leftcol #slidethumbs .right a{display:block; width:100%; height:80px;}
#leftcol #slidethumbs .left,#leftcol #slidethumbs .right{ width:22px; height:80px;}
#leftcol #slidethumbs .left{
	background-image: url(images/btn_prev.png);
	background-repeat: no-repeat;
	background-position: center 35px;
}
#leftcol #slidethumbs .right{
	background-image: url(images/btn_nxt.png);
	background-repeat: no-repeat;
	background-position: center 35px;
}
#leftcol #slidethumbs #viewport2 {
	height: 80px;
	width: 557px;
	float: left;
	background-color: #f1ecf0;
	overflow: hidden;
}
#slidethumbs #viewport2 ul {
	width: 1024px;
}
#slidethumbs #viewport2 ul li {
	list-style-type: none;
	display: block;
	float: left;
	height: 54px;
	width: 84px;
	margin-top: 10px;
	margin-left: 15px;
}
#slidethumbs #viewport2 li img {
	border: 3px solid #9f9f9f;
}


#leftcol p{
	color:#444;
	font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;
	line-height:1.6em;
	margin-top:15px;
}
#leftcol p a{ color:#333; text-decoration:underline; }
#leftcol .metapost{ color:#C1C1C1;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif; font-size:80%; margin-top:20px;}
#leftcol .metapost a{ color:#cccccc;}

#leftcol .posts{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
#leftcol .posts .readmore a{
	font-weight: bold;
	text-decoration: none;
	color: #f96f00;
	font-size: 12px;
	font-weight:Arial, Helvetica, sans-serif;
}
#leftcol .posts .readmore a:hover{ text-decoration: underline;}

#leftcol .posts p img {
	float: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 5px solid #999;
}



/*************************************************/
/*             COMMENTS SECTION                  */
/*************************************************/
#commentarea{
	background-color: #f1ecf0;
	width: 100%;
	min-height: 255px;
	font-size: 11px;
	color: #666;
}

#commentarea h3{
	color:#452e40;
	font-size:16px;
	margin-top:20px;
	padding: 0px;
	margin-bottom:0px;
}
#commentarea textarea {
	width:308px;
	height:160px;
	border:solid 2px #cccccc;
	background-image: url(images/bg_txtarea.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFF;
}
#commentarea input.txt {width:210px; height:25px; border:solid 2px #cccccc; margin:0 0 6px;}
#commentarea .required{
	font-size: 11px;
	color: #666;
	width: 100px;
	float: right;
}


.comments {
	background-color: #f2edf1;
	background-image: url(images/bg_comments.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 100%;
	height: auto;
	margin-top: 10px;
	font-size:12px;
	color:#666666;
}
.comments table {
	width: 555px;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
}

.comments .avatar img{ border: solid 3px #ffffff;}
.comments td.avatar {width: 75px;}
.comments td.name {width: 101px; color:#ef5777; font-weight: bold; padding-left:10px;}
.comments td.name span{ color:#666666; font-size:11px;}
.comments td.msg{width:363px;}
.comments td.msg p{padding:0;margin:0 !important;font-size:12px;}

/*************************************************/
/*             SIDEBAR                           */
/*************************************************/


#sidebar {
	width:290px;
	float:right;
	background-color: #3C0C36;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#sidebar ul.featured {
	padding-bottom: 35px;}

#sidebar ul.featured li {
	list-style-type: none;
	color: #FFF;
	display: block;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	background-color: #4A0F43;
}

#sidebar ul.featured li a{
	display:block;
	width:100%;
	height:auto;
	background-color: #4A0F43;
	padding-top:5px;
	padding-bottom: 25px;
	text-decoration:none;
	color:#fff;
}
#sidebar .featured li a:hover, #sidebar .featured li a:hover p {
	background-color: #C69;
	color:#350B30;
	/*color:#fff;*/
}

#sidebar .featured li a:visited p {
	color:#fff;
	}


#sidebar .featured p.entrySummary{
	margin-left: 5px;
	margin-right: 5px;
	font-size:11px;
	min-height:50px;
}
#sidebar .featured .entrySummary img{
	width:84px;
	height:54px;
	margin-left: 5px;
	border: 3px solid #E8E8E8;
	margin-right: 8px;
	margin-bottom: 5px;
}
#sidebar .featured h2.post-Title{
	clear:both;
	margin-top:5px;
	margin-left: 5px;
}

/*************************************************/
/*           RIVERFEED                           */
/*************************************************/


#riverfeed {
	width: 971px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	margin-top: 20px;
	padding-top: 0px;
	line-height: 2.9em;
	text-decoration: none;
	padding-left: 15px;
}
#riverfeed h2 a,{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}


#riverfeed h2 {
	color: #FFF;
	display: inline;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	padding: 10px;
}
#riverfeed span {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

#riverfeed table {
	float: left;
	margin-right:20px;
	margin-bottom:2px;
}
#riverfeed td.left, #riverfeed td.right, #riverfeed td.content { height:40px; vertical-align:top; overflow:hidden}
#riverfeed td.left, #riverfeed td.right{width:6px; background-repeat: no-repeat;}

#riverfeed #feed1 td.left {	background-image: url(images/feed1_L.png);} 
#riverfeed #feed1 td.right {	background-image: url(images/feed1_R.png);}
#riverfeed #feed1 td.content div.feedholder { background-color:#ff6609; height:40px;}

#riverfeed #feed2 td.left {	background-image: url(images/feed2_L.png);}
#riverfeed #feed2 td.right { background-image: url(images/feed2_R.png);}
#riverfeed #feed2 td.content div.feedholder { background-color:#154a47; height:40px;}

#riverfeed #feed3 td.left {	background-image: url(images/feed3_L.png);}
#riverfeed #feed3 td.right {background-image: url(images/feed3_R.png);}
#riverfeed #feed3 td.content div.feedholder { background-color:#8f1327; height:40px;}

#riverfeed #feed4 td.left {	background-image: url(images/feed4_L.png);}
#riverfeed #feed4 td.right {background-image: url(images/feed4_R.png);}
#riverfeed #feed4 td.content div.feedholder { background-color:#d4240e; height:40px;}

#riverfeed #feed5 td.left {	background-image: url(images/feed5_L.png);}
#riverfeed #feed5 td.right {background-image: url(images/feed5_R.png);}
#riverfeed #feed5 td.content div.feedholder { background-color:#2952a1; height:40px;}

#riverfeed #feed6 td.left {	background-image: url(images/feed6_L.png);}
#riverfeed #feed6 td.right {background-image: url(images/feed6_R.png);}
#riverfeed #feed6 td.content div.feedholder { background-color:#6f1b80; height:40px;}
#riverfeed .content h2{position:relative; top:7px;}

	

/*************************************************/
/*           FOOTER PART                         */
/*************************************************/

input.txt{
	background-image: url(images/form_txtbox.png);
	float: left;
	height: 26px;
	width: 165px;
	background-repeat: no-repeat;
	padding-top: 3px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footerLine{
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 980px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
}
#footer {
	background-image: url(images/bg_footer.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 20px;
}


#footer_container  {
	height: 85px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 1.7em;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	padding-left: 40px;
}

#footer_container .floater{float:left; width:180px}
#footer_container .floater_wide{
	float:left;
	width:330px
}
#footer_container h2{
	color:#FFF;
	font-size:14px;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f0b64f;
	margin-bottom: 5px;
	width: 165px;
}
#footer_container h2.noborder{ border-bottom:none;}
#footer_container h2.cat,
#footer_container ul.cat{
	width: 320px;
}
#footer_container ul {
	list-style-type: none;
	width: 160px;
	display: block;
	height: 200px;
}

#footer_container ul li {
	padding-left: 0px;
	font-size: 12px;
	padding-right: 10px;
	float: left;
}
#footer_container li.none{
	padding-left:0px;
	margin-left:0px;
	border-left-style: none;
}
#footer_container a, #footer_container li a{
	color:#FFF;
	text-decoration:none;
	font-size: 11px;}
	
#footer_container li a{
	width: 150px;
	display: block;
	float: left;
}
#footer_container li a:hover, #footer_container a:hover{
	color:#ffeb83;
}
#copyright{
	text-align: left;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-left: 40px;
}
p#copyright img{
	vertical-align: bottom;
	padding-right: 10px;
}
#copyright a{ color:#af817d;}