/*

Theme Name: Frittitto Theme
Theme URI: 
Description: 
Version: 0.1
Author: Jin Wang
Author URI: http://www.jin.com.au
Tags:

*/

/*
Colour Palette:

blue: #0083b2
yellow: #fdd649
cream: #fcfcf1
red: #e22744
sky: #bfe2ed
paleyellow: #fcf3d2
footeryellow: #fdd649

*/

/*=== Setup ===*/

/*- Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
.alignleft {float: left;}
.alignright {float: right;}


body {
    font-size: 14px;
    font-family: "Georgia", Times, serif;
    line-height: 24px;
    text-align:center;
    color: #666666;
    padding-bottom: 30px;
	
	background:#bfe2ed url('images/bg.png') repeat-y center top;
}

p {
	margin: 0 0 15px 0;
}
a {
	color: #0083b2;
	text-decoration:none;
}
	a:hover {
	color: #B26565;
	}

ul {
	list-style-type:disc;
	padding:0 40px;
}

.clearer {
    clear: both;
}
#wrapper {
    width: 948px;
    margin: 0px auto;
    text-align: left;
}

#header {
	float: left;
	margin: 10px 0 20px -17px;
    width: 980px; /*960px*/
	background:#bfe2ed url('images/header_bg.jpg') no-repeat;
}
	#header h1 {
		text-indent: -9999px;
	}

#logo {
	position: absolute;
    display:block;
    width: 619px;
    height:97px;
    top:87px;
    background: url('images/logo.png') no-repeat;
    text-indent: -9999px;
}

/*=== =main_navigation ===*/

#main_navigation {
	float:left;
	margin:70px 0 20px 17px;
    line-height: 36px;
}

	#main_navigation ul {
		width: 890px;
		height: 40px;
   		list-style-type:none;
   		padding-left: 20px;
	}

		#main_navigation ul li {
    		display:block;
    		float:left;
		}
			#main_navigation ul li a {
   			 display:block;
    			float:left;
    			line-height: 40px;
    			padding: 0 24px 0 0;
    			font-size: 12px;
			}

				#main_navigation ul li a:hover {

				}
	#main_navigation #pages {
		background-color: #fdd649;
	}
		#main_navigation #pages {
		background-color: #fdd649;
		}
	#main_navigation #categories {
		background-color: #0083b2;
	}
		#main_navigation #categories a{
			color: #fff;
		}

/*=content ===*/


#content {
	margin-top: 20px;
	padding:12px;
	border: 1px solid #fdd649;
	background-color:#fcf3d2;	
}
	#content .article {
		border-top:1px dotted #eaeaea;	
		margin-bottom: 20px;
		padding-top: 10px;
		clear: both;
	}
	#content a:hover {
		color:#B26565;
		text-decoration:underline;
	}
	#content h2 {
		color:#0083B2;
		font-size: 26px;
		line-height: 36px;
		text-decoration:none;
		font-weight: 200;
	}
	#content h2 a {
		color:#0083B2;
		text-decoration:none;
	}
	#content img {
	border: #eaeaea solid thin;
	padding: 5px; 
	}
/*=== =slider ===*/
#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #0083b2;
	background-color: #fff;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	margin-left: 10px;
	position: relative;
}

.scrollContainer div.panel {
    padding: 12px;
    width: 274px;
	height: 318px;/*35*/
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 12px;
	margin-bottom: 8px;
}
	.inside .excerpt {
		line-height: 16px;
	}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

/*=== =Special Features ===*/

#main-content{
	float: left;
	width:632px;
}

#latest-giveaway.special-feature-column{margin-right: 0}

.special-feature-column{
	display: block;
	float:left;
	width:176px;
	min-height:173px;
	margin: 0 14px 0 0;
	padding: 10px;
	background:#F9F9F7;
	border:2px solid #439ebf;/* #fdd649;*/
}
	#content .special-feature-column h2{
		display: block;
		font-size:14px;
		line-height:16px;
		margin:4px 0;
	}
	#content .special-feature-column p{
		font-size:11px;
		line-height: 16px;
		margin-bottom: 0;
	}
	#content .special-feature-column img{
		width:172px;
		height:115px;
		padding:0;
	}

/*=== =columns ===*/

#featured h2,
#popular h2 {
	color: #333;
	font-size: 18px;
	line-height: 24px;
}
#popular.column{margin-right: 0}
.column {
	display: block;
	float:left;
	width:282px;
	margin: 10px 15px 0 0;
	padding: 10px;
	background:#F9F9F7;
	border:2px solid #fdd649;/*eaeaea;*/

}
	.column .article {
		border-top:1px dotted #eaeaea;	
		margin-bottom: 20px;
		padding-top: 10px;
		clear: both;
	}
	.column a:hover {
		color:#B26565;
		text-decoration:underline;
	}
	.column img {
		float:left;
		border:1px solid #eaeaea;
		padding:5px;
		margin-right: 10px;
	}
	.column .featured {
		display:block;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
		.column .heading {
		line-height:20px;
		font-size: 14px;
		font-weight:100;
		color:#333;
		}
		.column h3 a {
		line-height:20px;
		font-size: 16px;
		font-weight:100;
		color:#1B6384;
		}
		
	.column p {
		display: block;
		float: right;
		width: 180px;
		/*margin-top: 10px;*/
		font-size: 12px;
		line-height: 16px;
	}
	.column .readmore {
		padding: 0;
		margin-top: -10px;
	}
	.column ul {
	padding: 0;
	}

/*=== = columnshalf ===*/

.column_half {
	display: block;
	float:left;
	width:122px;
	margin: 10px 16px 0 0;
	padding: 10px;
	background:#F9F9F7;
	border:2px solid #fdd649;/*eaeaea;*/

}
	.column_half .article {
		border-top:1px dotted #eaeaea;	
		margin-bottom: 20px;
		padding-top: 10px;
		clear: both;
	}
	.column_half a:hover {
		color:#B26565;
		text-decoration:underline;
	}
	.column_half img {
		float:left;
		border:1px solid #eaeaea;
		padding:5px;
		margin-right: 10px;
	}
	.column_half h2 {
		display:block;
		font-size: 12px;
		margin-bottom: 10px;
	}
		.column_half h3 a {
		line-height:20px;
		font-size: 16px;
		font-weight:100;
		color:#1B6384;
		}
		
	.column_half p {
		display: block;
		float: right;
		width: 180px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 16px;
	}
	.column_half ul {
		color: #fdd649;/*#0083b2;*/
		list-style:square;
		margin-left: 15px;
		line-height: 20px;
		padding: 0;
	
	}
	.column_half ul li{
	
	}

/*=== =page ===*/

#page {
	display: block;
	float:left;
	width:580px;
	margin: 10px 16px 0 0;
	padding: 20px;
	background:#F9F9F7;
	border:2px solid #fdd649;/*eaeaea;*/

}
	#page p {
		float: left;
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	#page grid-img {
		float: left;
		width: 290px;
		border: #eaeaea solid thin;
		padding: 5px; 
	}
	#page ol {
		margin-left: 40px;
	}
	
	#page li {
		margin: 10px 0;
	}
	
/*=== =posts ===*/

#primary {
	display: block;
	float:left;
	width:600px;

}
#post {
	display: block;
	float:left;
	width:580px;
	padding: 20px;
	background:#F9F9F7;
	border:2px solid #fdd649;/*eaeaea;*/

}
	#post p {
		/*float: left;*/
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
	}
		#post p.quote{
			font-size: 26px;
			font-style: italic;
			color: #64b0c8;
			line-height: 36px;
		}
	.imgleft{
		float: left;
		margin-right: 20px;
	}
	.imgright{
	float: right;
	margin-left: 20px;
	}
		
.post_cats_tags {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
	color: #666; 
}
	.post_cats_tags a { 
		text-decoration: none;
	}
		.post_cats_tags a:hover { 
		text-decoration: underline;
	}

.older_entries {
	display: block;
	float: left;
	width:160px;
	height:60px;
	font-size: 16px;
}
	.older_entries a{
		display: block;
		width:140px;
		height:43px;
		padding: 17px 0 0 20px;
		background: url("images/newer-older_entries.png") no-repeat;
}
.newer_entries {
	display: block;
	float: right;
	width:160px;
	height:60px;
	font-size: 16px;

}
	.newer_entries a{
		display: block;
		width:140px;
		height:43px;
		padding: 17px 0 0 20px;
		background: url("images/newer-older_entries.png") no-repeat;
	}



/*=== =comments ===*/
#comments {
	margin-top: 20px;
	float:left;
	width:580px;
	padding: 20px;
	background:#F9F9F7;
	border:2px solid #fdd649;/*eaeaea;*/
}

/*=== =comments custom call back ===*/
.avatar {
	float: right;	
}
.comment_author {
}
.fn {
	color: #333;
}
.commentmetadata {
	display: block;
	margin: 0;
	font-size: 12px; 
	color: #666;
}
	.commentmetadata a {
		color: #666;
		text-decoration: none;
	}
		.commentmetadata p {
		text-decoration: none;
	}
#respond {
	margin-top: 12px;
	color: #666;
}
	#respond h3 {
		font-weight: normal;
	}

/*=== =end comments custom call back ===*/	
	
.comments_replies {
	display: block;
}
	.comments_replies h4 {
	color: #1B6384; 
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
	}
.comments_form {
	height: 30px; 
	font-size: 12px; 
	color: #666; 
	padding: 10px 30px; 
}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 0px 0 10px;
/*	padding: 5px 5px 10px 0;*/
	list-style: none;
	border-bottom: #666 dotted thin;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


/* End Default Comments */


/* Begin Default Form Elements */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	background: #F8F7F6;
	border:1px solid #D6D3D3;
	}
	#commentform input:focus {
	background: #fff;
	}
#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 5px;
	background: #F8F7F6;
	border:1px solid #D6D3D3;
	}
	#commentform textarea:focus {
	background: #fff;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	color: #fff;
	background-color: #0083B2;
	}
/* End Form Elements */
.comment-body{
	margin:15px 0;
}
.comment-author-adelle{
	background:#bfe2ed; 
	margin-left:10px;
	padding:10px;
}

/*=== =category ===*/

/*=== =columns ===*/

#category {
	display: block;
	float:left;
	width:580px;
	margin: 10px 16px 0 0;
	padding: 20px;
	background:#F9F9F7;
	border:2px solid #fdd649;/*eaeaea;*/

}
	#category .article-grid {
		float:left;
		width: 33%;
		height: 350px;	
		margin-bottom:20px;
		padding-top: 10px;
	}
	#category a:hover {
		color:#B26565;
		text-decoration:underline;
	}
	#category img {
		float:left;
		border:1px solid #eaeaea;
		padding:5px;
		margin: 10px 0;
	}
	#category .featured {
		display:block;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
		#category .heading {
		line-height:20px;
		font-size: 14px;
		font-weight:100;
		color:#333;
		}
		#category h2 a {
		line-height:20px;
		font-size: 16px;
		font-weight:100;
		color:#1B6384;
		}
		
	#category .article-grid p {
		display: block;
		float: left;
		width: 160px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 16px;
	}
        #category .article-grid h2 {width:180px;}
	#category .article-grid .readmore {
		padding: 0;
		margin-top: -10px;
	}
	#category .article img {
		margin-bottom: 10px;
	}
	#category ul {
	padding: 0;
	}

/*=== =sidebar ===*/

#sidebar {
    width: 280px;/*271*/
    float:right;
}
	#sidebar h3 {
		font-size: 18px;
		font-weight: normal; 
		color: #e45048;/*da433a*/
		margin-bottom:10px;
	}
		#sidebar h3 a:hover {
			text-decoration:underline;
		}
		
.widget {
	float: left;
	width: 255px;
	line-height: 20px;
	background: #f9f9f7 url("images/widget_bg.png") repeat-y;
	border:2px solid #fdd649;/*eaeaea;*/
	padding:10px;
	font-size: 12px;
	margin-bottom: 20px;
}

	.widget ul {
	margin-left:15px;
	line-height:22px;
	}
		.widget ul li a:hover {
		text-decoration: underline;
		}

#social {
	margin-bottom: 10px;
	text-align: center;
}
	#social img{
		border:none;
		padding: 0;
	}
	#social .facebook {
		float: left;
		width: 106px;
		padding:10px;
		margin-right: 10px;
	}
	#social .twitter {
		float: left;
		width:106px;
		padding:10px;
	}
	
.widget_title {
	height:30px; 
	padding:0px 30px 20px 30px; 
	background: url("images/widget_title.png") no-repeat;
}
.widget_bottom {
	height:30px; 
	padding: 20px 30px; 
	background: url("images/widget_bg_bottom.png") no-repeat;
}

			
/*=== =footer ===*/

#footer {
	display: block;
	float: left;
	width:930px;
	height:300px;
	margin-top:20px;
	padding:0 10px 10px 10px;
	font-size:12px;
	background:url('images/footer-bg.png') no-repeat;	
	clear: both;
}
	#footer .contact{
		width: 261px;
	    margin-top: 10px;
	    float:right;
	    
		padding: 10px;
	}
	#footer .column,
	#footer .column_half {
		background-color: transparent;
		border: none;
	}

#jinandco a {
    display:block;
    float: left;
    margin-top: -20px;
    width: 102px;
    height:26px;
    background: url('images/jinandco_logo.png') no-repeat ;
    text-indent: -9999px;
}
	#jinandco a:hover {
    	background: url('images/jinandco_logo.png') no-repeat -102px;
	}
	
	
/*=== =Shopp custom template ===*/
#shopp .gallery {
	margin:10px 20px 0 0;
}
#shopp .gallery ul.previews li {
	width: 253px;
}