/*
    Theme Name: Simply Ornate "Twirl II"
    Theme URI: http://www.evaneckard.com/
    Description: Simply Ornate is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.dinpattern.com">DinPattern.com</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/


body {
	margin:0;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

img{
	border: 0 none;
}

#container {
	width:970px;
	padding:44px 0 40px;
	margin:0 auto;
	position:relative;
	z-index:1001;
}

/* pages menu */

#pages {
	width:970px;
	margin:0 auto;
	font-size:10px;
	padding:4px 0 0;
	position:relative;
	z-index:1002;
}
#pages ul {
	float:right;
	margin:0;
	padding:0;
}
#pages li {
	float:left;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
#pages a {
	color:#fff;
	text-decoration:none;
	padding:2px 6px;
	margin-right:3px;
}
#pages a:hover {
	color:#ffe400;
	background:#000;
}
#pages .current_page_item a {
	color:#fff;
	text-decoration:none;
	padding:2px 6px;
	margin-right:3px;
	background:url(images/post-shadow.png) no-repeat;
}
/* Menu navigation*/
#menu-holder {
background:#000000 url(http://www.pixelelement.com/imagesBlog/menu/nav-lines.gif) no-repeat scroll 0 0;
padding:5px 0;
height:52px;width:970px;
z-index:200;
}

#menu {margin:0;padding:;height:52px;width:970px;}
#menu ul {padding: 5px; margin: 0px;} 
#menu ul li { display:block;padding:0; float:left;text-align:left;margin-right:0px; } 


#menu li a { color:#fff;font:bold 12px arial;text-decoration:none;line-height: 1.3em; display:block; 
height: 52px;
width: 100px;}
#menu li a:hover { background:#0D001A;color:#ffc300; }
#menu li span { font:11px arial; color:#666; margin:0; }
#menu li span:hover  {color:#999;}

/* corner shadows */


#upper-left {
	position:absolute;
	top:0;
	left:0;
	width:330px;
	height:330px;
	background:url(images/upper-left.png) no-repeat;
	z-index:100;
}
#upper-right {
	position:absolute;
	top:0;
	right:0;
	width:330px;
	height:330px;
	background:url(images/upper-right.png) no-repeat;
	z-index:100;
}

#logoAndBanner{
width: 100%;
height: auto;
}
/* blog title */

h3.blog-title a {
	background:url(images/title-back.gif) no-repeat left bottom;
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	padding:8px 20px 22px;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	line-height:24px;
}
h3.blog-title a:hover {
	background:url(images/title-back-over.gif) no-repeat left bottom;
	color:#000;
}
.logo-spacer {
	display:block;
	clear:both;
	height:16px;
}

#header_banner {
float:right;
/*padding-top:15px;*/
}

/* main column */

#main-col {
	float:left;
	width:570px;
	padding:0 0 20px 12px;
	font-size:12px;
	color:#fff;
}

#main-col .post {
	background:url(images/stripe.png) no-repeat;
	padding-top:20px;
	clear:both;
}
#main-col h2 {
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:24px;
	line-height:28px;
	width:350px;
	margin:12px 0 8px;
}
#main-col h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	margin:0 0 8px;
}
#main-col h2 a, #main-col h4 a {
	color:#fff;
	text-decoration:none;
}
#main-col h2 a:hover, #main-col h4 a:hover {
	border-bottom:1px solid #fff;
}
#main-col .spacer {
	height:20px;
	display:block;
	clear:both;
}
#main-col .comments, #main-col .date {
	font-family: Georgia, "Times New Roman", Times, serif;
	float:right;
}
#main-col .comments {
	padding:8px;
	border:solid #fff;
	border-width:0 1px;
}
#main-col .date {
	padding:8px 0 8px 8px;
}
#main-col .inner {
	padding:12px 0;
}
#main-col .comments a, #main-col .sm-date a {
	color:#fff;
	text-decoration:none;
}
#main-col .inner a {
	color:#fff;
	text-decoration:none;
}
#main-col .comment-count a:hover, #main-col .sm-date a:hover, #main-col .inner a:hover {
	color:#ffe400;
	text-decoration:none;
}
#main-col .comments .comment-count {
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
#main-col .date .year {
	display:block;
}
#main-col .date .day {
	font-size:18px;
	line-height:8px;
	font-weight:bold;
	font-style:italic;
}
#main-col .excerpt {
	font-size:14px;
	line-height:18px;
	padding:0 0 10px;
}
#main-col .filed {
	width:350px;
	float:left;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:url(images/stripe.gif) repeat-x;
	padding-top:12px;
}
#main-col .filed a {
	font-style:normal;
	font-size:14px;
	text-decoration:none;
}
#main-col .continue a {
	float:right;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	background:url(images/continue-back.png) no-repeat right top;
	padding:18px 12px 8px;
}
#main-col .continue a:hover {
	background:url(images/continue-back-over.gif) no-repeat right top;
	color:#000;
}

#main-col .sm-col-left, #main-col .sm-col-right {
	width:275px;
}
#main-col .sm-col-left .post, #main-col .sm-col-right .post {
	padding:16px;
	background:url(images/post-shadow.png) no-repeat;
	width:243px;
}
#main-col .sm-col-left {
	float:left;
}
#main-col .sm-col-right {
	float:right;
}
#main-col .sm-date {
	font-size:11px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/liner.png) no-repeat;
	padding:5px 0 0;
}
#main-col .sm-col-left .inner, #main-col .sm-col-right .inner {
	padding:0;
}
blockquote {
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:20px;
}
	

/* previous next links */

.post-nav {
	height:20px;
}
.previous a {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:4px 6px;
}
.next a {
	display:block;
	float:right;
	color:#fff;
	text-decoration:none;
	padding:4px 6px;
}
.previous a:hover, .next a:hover {
	color:#ffe400;
	background:#000;
}	
	


/* side column main */

#side-col {
	float:right;
	width:360px;
	padding:0 0 40px;
}
.tags a {
	color:#fff;
	text-decoration:none;
}
.tags a:hover {
	color:#fff;
	text-decoration:underline;
}

/* tabs */

.spacer {
	display:block;
	height:10px;
	font-size:0;
	line-height:0;
}
.liner-up {
	display:block;
	background:url(images/stripe.png) no-repeat;
	height:30px;
	font-size:0;
	line-height:0;
}
.liner {
	display:block;
	background:url(images/stripe-flipped.png) no-repeat;
	height:30px;
	font-size:0;
	line-height:0;
}

ul#tabnav {
	height:40px;
	margin:0;
	padding:0;
	display:block;
}
ul#tabnav li {
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}
ul#tabnav li a {
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	margin:0 3px 0 0;
	padding:8px 12px 18px;
}
ul#tabnav li a:hover, ul#tabnav li a.selected {
	color:#fff;
	background:url(images/title-back.gif) no-repeat left bottom;
}
.panel {
	display:block;
	width:360px;
	overflow:auto;
}


.postList {
	padding:0;
	margin:0;
	overflow:hidden;
	width:359px;
}
.postList li {
	list-style:none;
	margin:0;
	padding:0;
	background:url(images/liner.png) no-repeat;
}
.postList a {
	display:block;
	padding:6px 10px;
	font-size:13px;
	line-height:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
}
.postList a:hover {
	background:url(images/nav-over.png) no-repeat;
}
.postList a .listMeta {
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
.postList li a .quote {
	display:block;
	height:38px;
	overflow:hidden;
}
.postList li a .right {
	float:right;
}

.flickr {
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding:0 0 10px;
}
.flickr a img {
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	margin:6px;
	float:left;
}
.flickr a:hover img {
	border-color:#ffe400;
	color:#ffe400;
}
.search {
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding:21px 0 10px;
}
.search form {
	margin:0;
	padding:8px 0;
	text-align:center;
}
.search input {
	color:#fff;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:none;
	background:url(images/post-shadow.png);
}
.search .txt-field {
	float:left;
	width:286px;
}
.search .btn-search {
	float:right;
}

/*>>>>> Widgets <<<<<*/

#widgets  {
	padding-left: 20px;
}

.widget a:link, .widget a:visited  {
		color: #959595;
		text-decoration:none;
}

.widget  {
	/*  the border of the boxes for categories , archives and links*/
	border: 0px solid #dfe0c3;
	width: 360px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.widget .widgetbottom  {
	position: relative;
	z-index: 0;
	height: 29px;
	width: 225px;
	margin-top: -20px;
}

.widget h3  {
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:0 3px 0 0;
	padding-left: 0px;
}

.widget ul {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	margin: 10px 10px 0 25px;
}

.widget ul li {
	list-style: none;
	font-size: 12px;
	color: #fff; /* the color for the count of categories, and archives*/
	margin-bottom: 7px;
}

.widget ul li {
	margin: 7px 0;
	list-style: none;
}

.widget ul li ul  {
	margin: 0 0 0 15px;
}

.widget ul li ul li {
	margin: 5px 0;
	padding: 0 0 0 0px;
	list-style: none;
}

.widget ul li a:link, #sidebar .widget ul li a:visited  {
	color: #959595;
	text-decoration: none;
}

.widget ul li a:hover  {
	color: #959595;
	text-decoration:underline;
}

.widget .textwidget  {
	margin: 0 10px 0 25px;
	padding: 0 0 10px 0;
}

.widget #recentcomments li  {
	padding: 0;
}

.widget #recentcomments li a:link, .widget #recentcomments li a:visited {
	border-bottom: none;
	color: #000;
}

.widget #recentcomments li a:hover  {
}

.widget h3 a.rsswidget  {
	font-weight: normal!important;
	margin-left: 0;
	text-decoration: none;
	
	color: #8a8c6b;
}

.widget h3 a.rsswidget img  {
	display: none;
}

.widget a.rsswidget   {
}

.widget .rss-date  {
	display: block;
}

.widget div.rssSummary  {
	margin: 10px 0 5px 0;
}


/* comment form styles */

.comments-PII, .comments-PII-2 {
	float:left;
}
.comments-PII {
	width:240px;
	margin-right:15px;
}
.comments-PII-2 {
	width:310px;
}
.comments-PII input {
	color:#fff;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:none;
	background:url(images/post-shadow.png);
	width:240px;
}
.comments-PII-2 textarea {
	color:#fff;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:none;
	background:url(images/post-shadow.png);
	width:300px;
	height:180px;
}
.comments-PII-2 input {
	color:#fff;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:none;
	background:url(images/post-shadow.png);
	padding:2px 5px;
}

.note {
	font-size:10px;
}


/* comment list styles */

#comment-list {
	font-size:12px;
	padding:10px 0;
}
#comment-list .bigger {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
}
.comment-left {
	padding:16px 0;
	background:url(images/liner.png) no-repeat;
}
.comment-meta {
	float:left;
	width:120px;
	margin-right:10px;
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
.comment-metadata {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a {
	color:#fff;
	text-decoration:none;
}
.comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover {
	text-decoration:underline;
}
.comment-txt {
	float:left;
	width:440px;
	font-size:12px;
	line-height:18px;
}

/* */
.comment-txt a, .comment-txt a, comments-PII a, comments-PII-2 a {
	color:#959595;
	text-decoration:none;
}
.comment-txt a:hover, .comment-txt a:hover, comments-PII a:hover, comments-PII-2 a:hover {
	text-decoration:underline;
}
/* */

/* ------------------------------randomPost--------------------------------*/
#randomPost {
	color:#fff;
	background:transparent url(images/post-shadow.png) repeat scroll 0 0;
	width: 300px;
	height: 250px;
	padding-top: 16px;
} 

#randomPost h2 {
	margin-top: 0px;
	margin-left: 16px;
	color:#555555;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:24px;
	letter-spacing:-1px;
}

.img-desc {
	margin-left: 8px;
	position: relative;
	display: block;
	width: 260;
	height:160;
}

.img-desc img{
	border: 1px solid #333333;
}
.img-desc:hover img{
	border: 1px solid #01B0F0;
}
	 
.img-desc cite {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;

	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 240px;
	padding: 10px;
	border-top: 1px solid #999;
}
/* --------------------------END randomPost--------------------------------*/

/* ------------------------------randomMiniThumbs--------------------------------*/
#randomMinithumbs{
width:180px;
height:90px;
background: #e4e4e4;
padding:2px;
}

ul.miniThumbs{
width:560px;
height:100px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul.miniThumbs li {
float:left;
padding-right: 2px;
}

.img-desc2 {
	margin-top: 4px;
	margin-left:2px;
	position: relative;
	display: block;
	width: 170;
	height:80;
}

.img-desc2 img{
	border: 1px solid #333333;
}
.img-desc2:hover img{
	border: 1px solid #01B0F0;
}
	 
.img-desc2 cite {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;

	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 2px;
	left: 0px;
	width: 168px;
	padding: 2px;
	border-top: 1px solid #999;
}
/* --------------------------END-randomMiniThumbs--------------------------------*/

/* ------------------------------user news--------------------------------*/
#userNews {
	color:#fff;
	background:transparent url(images/post-shadow.png) repeat scroll 0 0;
	width: 268px;
	height: 100%;
	padding: 16px;
} 

#userNews h2 {
	margin-top: 0px;
	color:#555555;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:24px;
	letter-spacing:-1px;
}

#userNews p {
	margin-top: 4px;
	color:#999999;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:14px;
	line-height:18px;
}

#userNews b {
	margin-top: 0px;
	color:#666666;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}

#userNews a {
	color:#fff;
	text-decoration:none;
}
#userNews a:hover {
	color:#fff;
	text-decoration:underline;
}

#userNewsButtons{
margin: 0px;
padding-bottom: 10px;
}

#userNewsButtons ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px;
padding: 0px;
}

#userNewsButtons li{
float: left;
border:small none;
display:inline;
margin-right:10px;
}

#userNewsButtons a:link, #userNewsButtons  a:visited{
background:#a8a8a8 url(http://www.pixelelement.com/imagesBlog/button_bg.png) repeat-x scroll 0 100%;;
border:1px solid #c0c0c0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
letter-spacing:-0.05em;
text-align:center;
text-decoration:none;
text-transform:uppercase;
color:#000000;
}

#userNewsButtons a:hover{
border:1px solid #6a7a01;
background:#7b7b7b ;
}

#userNewsButtons li a {
display:block;
padding:1px 10px;
}


/* --------------------------END user news--------------------------------*/

/* ------------------------------user alerts--------------------------------*/
#userAlertContainer
{
background:#FFFBB4;
border:1px solid #FDA32A;
color:#666666;
margin-top:10px;
padding:0px;
width:970px;
}

#alertMessage
{
color:#000000;
}

#alertMessage a{
color:#04ab00;
}
/* ------------------------------end user alerts--------------------------------*/

/*------------- Social Bookmaking Container -------------*/
#socialBookmarkingSites {
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:10px;
	width:490px;
	height:110px;
	background:transparent url(images/post-shadow.png)
	
}

#socialBookmarkingSites ul {
	display:inline;
	margin:0px;
	padding:0px;
	
}

#socialBookmarkingSites li {
display:inline;
list-style-type:none;
margin:0px;
padding-left:4px;
padding-top:10px;
float: left;
}

#socialBookmarkingSites p {
	margin:0px;
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
/*------------- End Social Bookmaking Container -------------*/

p.title-sidebar {
	color:#ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

/* footer */

#footer {
	font-size:11px;
	color:#fff;
	padding:12px 0;
	background:url(images/liner.png) no-repeat;
}
#footer .bigger {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer .dinpattern-logo a {
	display:block;
	width:135px;
	height:44px;
	float:right;
	background:url(images/logo-dinpattern.png) no-repeat;
	text-indent:-500px;
	overflow:hidden;
}

