/*   
Theme Name: WendyPhua
Theme URI: www.wendyphua.com
Description: Theme for wendyphua.com
Author: Angela Chng
Author URI: www.audioreload.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	border:0;
	background-color:#000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:90%;
}

hr {
	border: 0;
	color:#333;
	background-color: #333;
	height: 1px;
	width: 100%;
	text-align: left;
}

.wrapper{
	width:990px;
	text-align:left;
	margin-left: auto;
  margin-right: auto;
	background-color:#000000;
}

.clear{
	float:none;
	clear:both;
}

a{
	color:#fff;
	text-decoration:none;
}

/* social network icons */

.social-wrapper{
	background-color:#272623;
	text-align:center;
	height:45px;
}
#socialnetworks {
	width:240px;
	height:45px;
	background-image: url("images/socialnetworks.png");
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	float:right;
}
#socialnetworks li, #socialnetworks a {
height:45px;
display:block;
}
#socialnetworks li {
float:left;
list-style:none;
display:inline;
}
#social-facebook {width: 48px;}
#social-twitter {width: 48px;}
#social-youtube {width: 48px;}
#social-myspace {width: 48px;}
#social-rss {width: 48px;}
#social-facebook a:hover {background:url("images/socialnetworks.png") 0px -50px no-repeat; border:none; outline:none; }
#social-twitter a:hover {background:url("images/socialnetworks.png") -48px -50px no-repeat; border:none; outline:none; }
#social-myspace a:hover {background:url("images/socialnetworks.png") -96px -50px no-repeat; border:none; outline:none; }
#social-youtube a:hover {background:url("images/socialnetworks.png") -144px -50px no-repeat; border:none; outline:none; }
#social-rss a:hover {background:url("images/socialnetworks.png") -192px -50px no-repeat; border:none; outline:none; }

/* header */
.header{
	padding-top:10px;
	background-color:#000;
}

.twitter-feed-wrapper{
	float:right;
	font-size:85%;
}
.twitter-feed-wrapper a{
	color:#930;
}

.twitter-wendy{
	float:right;
	background-image: url(images/twitter-small.gif);
	background-repeat: no-repeat;
	background-position: left;	
	width:75px;
	padding-left:25px;
	height:23px;
	padding-top:7px;
	margin-top:38px;
}

.twitter-feed-wrapper ul, .twitter-feed-wrapper li{
	margin:0;
	padding:0;
}

.twitter-message{
	display:none;
}

#csc {
  background : #E0DABE url(images/tl.png) no-repeat;
  width : 420px;
  height : 65px;
  position : relative;
  padding : 6px 6px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 5px;
  height : 5px;  /* corner images are 6x6 */
  display : block;
  /*margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(images/tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(images/bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(images/br.png) no-repeat;
  right : 0;
  bottom : 0;
}

/* frontpage slideshow */
#fs-main , #fs-main div , #fs-main ul , #fs-main li { 
-moz-border-radius: 0!important; 
-khtml-border-radius: 0!important; 
-webkit-border-radius: 0!important; 
border-radius: 0!important; 
border:0!important; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size:26px!important;
}
#fs-title{
	margin-left:10px !important;
	padding-top:10px !important;
}
/* frontpage columns */
.left-col{
	width:635px;
}
.right-col{
	width:283px;
	float:right;
	margin:0;
	padding:0;
}
*|*:-moz-any-link img, img[usemap], object[usemap] {
    border: 0;
}
/* media page columns */
.media-left-col{
	width:575px;
	background-color:#AAA691;
	padding:10px;
	margin:0;
}
.media-right-col{
	background-color:#AAA691;
	width:313px;
	float:right;
	margin:0;
	padding:10px;
}
.media-left-col .posts{
	margin:0;
	padding:0;
}
.text{
	padding-left:20px;
	padding-right:20px;
}

/* navigation */
.nav{
	background-color:#000;
}
.nav li{
	float:left;
	width:122px;
	list-style:none;
	height:34px;
	background-color:#000;
	border-right:solid #333333 1px;
	border-top:solid #333333 1px;
	border-bottom:solid #333333 1px;
	padding-top:15px;
	text-align:center;
	font-size:110%;
}
li.last{
	border-right:0;
}
ul.nav{
	padding:0;
	width:100%;
	background-color:#000;
	
}
.nav a{
	text-decoration:none;
}

/* main content */
.main-content{
	width:950px;
	text-align:left;
	margin-left: auto;
  margin-right: auto;
	margin-top:20px;
	background-color:#272623;
	padding:20px;
	min-height:600px;
}

.posts{
	background-color:#AAA691;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:20px;
}

.post h2{
	margin-bottom:0;
	padding-bottom:0;
}

.post h2 a{
	text-decoration:none;
	color:#000;
}
.post h2 a:hover{
	color:#fff;
}
.post{
	border-bottom:solid #fff 1px;
	padding-bottom:10px;
	width:100%;
}
.social-buttons{
	float:right;
	margin-left:10px;
}


/* sidebar */
#sidebar ul{
	margin:0;
	padding:0;
	width:283px;
}
#sidebar li.widget{
	background-color:#AAA691;
	list-style:none;
	width:283px;
	margin-bottom:20px !important;
}
.widgettitle{
	padding-left:20px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
}

.ngg-galleryoverview{
	clear:none !important;
}