/*
Theme Name: Zarina
Theme URI: #
Description: A Premium Personal Theme Developed By Voosh Themes. Please look at the <a href="../wp-content/themes/zarina/instructions/instructions.html">instructions</a> that are included with the file you downloaded <a href="../wp-content/themes/zarina/instructions/instructions.html">(zarina/instructions/instructions.html)</a> for details about how to configure this theme. 
Author: Voosh Themes
Author URI: #
*/

/* Colors -- Red: #CA0015 -- Dark Red: #121621 */

/*------------------------------------------------*/
/*---------------------RESET----------------------*/
/*------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1.5; font-family: arial, sans-serif; }
ol, ul { list-style: none; }

/*------------------------------------------------*/
/*-----------------TOOLS--------------------------*/
/*------------------------------------------------*/
.single-post-divider { border-bottom: 1px dotted #cccccc; margin: 25px 0px 25px 0px; }
.post-divider {	border: none 0px; border-top: 1px dotted #cccccc; margin: 40px 0px 24px 0px; }

/*------------------------------------------------*/
/*-----------------GENERAL STYLES-----------------*/
/*------------------------------------------------*/
body { background: #eeeeee; color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 40px; margin: 20px 0 15px 0; }
h2 { font-size: 26px; margin: 20px 0 15px 0; }
h3 { font-size: 22px; margin: 25px 0 0 0; }
h4 { font-size: 18px; margin: 20px 0 10px 0; }
h5 { font-size: 16px; margin: 20px 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 0 0; }
a {	color: #DF851B;	text-decoration: none; }
a:hover { text-decoration: underline; }
ol li { list-style: decimal; font-size: 12px; color: #555555; margin-left: 23px; padding-bottom: 8px; }
ol li ol li { list-style: lower-roman; }
#circle-list li { font-size: 12px; color: #555555; list-style: circle; margin-left: 18px; padding-bottom: 8px; }

/*------------------------------------------------*/
/*-----------------HEADER-------------------------*/
/*------------------------------------------------*/
#wrap {	width: 1020px; margin: auto; }
#header { height: 156px; width: 1020px;  }
#header-top { background: url("../images/header-top-red.jpg") no-repeat bottom; height: 6px; }
#header-middle { background: url("../images/header-middle-red.jpg") repeat-y; height: 138px; }
#header-bottom { background: url("../images/header-bottom-red.jpg") no-repeat; height: 6px; }
#header h1 { margin: -113px 0 0 65px; float: left; }
#header h1 a { display: block; height: 69px; width: 240px;  }
#header #header-graphics { background: url("../images/subtitle.png"); height: 138px; width: 530px; margin: -144px 30px 0 0; float: right; display:inline; }

/*------------------------------------------------*/
/*-----------------NAVIGATION---------------------*/
/*------------------------------------------------*/
#nav { background: url("../images/nav-bg2.jpg") repeat-y;	height: 40px; padding: 7px 0 0 50px; margin: -6px 0 0 0; }
#nav li { float: left; text-transform: uppercase; padding: 6px 0 0 20px; }
#nav li a { color: #121621; }
#nav li.hover a { color: #ffffff; }
#nav li a:hover { color: #CA0015; text-decoration: none; }
#nav li.current_page_item a { color: #CA0015; }
#nav-bottom { background: url("../images/nav-bg-bottom2.jpg") no-repeat; height: 4px; margin: 10px 0 0 0; }
#nav li span { padding-left: 20px; color: #eee; }
#nav li.current_page_item a { color: #CA0015; }

/*------------------------------------------------*/
/*-----------------MAIN LAYOUT--------------------*/
/*------------------------------------------------*/
#main { float: left; background: url("../images/main-bg2.jpg") repeat-y; width: 1020px; }
#content { float: left; width: 600px; padding: 5px 50px 0 65px; margin: 20px 0 0 0px;}

/*------------------------------------------------*/
/*-----------------POSTS/PAGES--------------------*/
/*------------------------------------------------*/
.post { margin: 0 0 112px 0; height: auto;  }
.post .title { margin: 0px; padding: 0; }
.page-title { margin: 0 0 15px 0; }
.post h2 a { font-size: 26px; text-decoration: none; color: #444444; overflow: hidden; clear: both; font-weight: normal; }
.post h2 a:hover { color: #CA0015; }
.post p { margin: 10px 0 0 0; color: #555; font-size: 12px; line-height: 22px; margin-bottom: 18px; }
.post p.meta { font-size: 20px; margin: 0 0 0 0; color: #aaa; margin: -4px 0 20px 0; }
.post p.meta a { color: #aaa; }
.post a {font-weight: bold;}
.post .post-image { padding: 5px; border: 1px #cccccc solid; float: left; margin-right: 20px; margin-top: 6px; }
.post ol { margin-bottom: 20px; }
.post ol li { list-style:decimal; font-size: 12px; color: #555555; margin-left: 18px; padding-left: 5px;}
.post ul { }
.post ul li { list-style:circle; color: #555555; font-size: 12px; margin-left: 15px; padding-left: 5px; }
.post .more-link { padding: 8px 8px 8px 9px; background-color: #121621; color: #eee; }
.post .more-link:hover { text-decoration: none; background-color: #CA0015; }
.previous-posts, .newer-posts { float: left; margin: 0 0 50px 0; background: url("images/button-bg-brown.png"); }

/* Search/Archive Pages */
.search-result, .archive-result { float: left; margin: 10px 0 20px 0; font-size: 12px; }
.search-link, .archive-link { color: #121621; margin: 0 0 0 0; }
.search-link a:hover, .archive-link a:hover { color: #CA0015; text-decoration: none; }
.search-meta, .archive-meta {  font-size: 14px; color: #888; margin: -4px 0 5px 0; }

/*------------------------------------------------*/
/*-----------------SIDEBAR------------------------*/
/*------------------------------------------------*/
/* set generic sidebar styles */
#sidebar { float: left;	width: 300px; margin: -28px 0 0 0; }
#sidebar h2 { background: url("../images/sidebar-header-bg-red.png") no-repeat; width: 276px; height: 55px; margin: 0 0 0 15px; padding: 22px 0 0 20px; color: #ffffff; font-size: 14px; text-transform: uppercase; font-weight: normal; }
#sidebar img { padding: 5px; border: 1px #cccccc solid; background-color: #fff; margin: 0 0 0 19px; }
#sidebar #aboutme-image { margin-bottom: 8px;  }
#sidebar .aboutme, #sidebar .twitter, #sidebar .sponsors, #sidebar .photos { background: none; border: none; margin-left: 0px; }
#sidebar ul { margin-top: -10px; padding-bottom: 10px; }
#sidebar ul li { width: 232px; padding: 8px 0px; background: url("../images/arrow-orange.png") no-repeat left; margin: 0 0 0 21px; }
#sidebar ul li a  { font-size: 13px; text-decoration: none; color: #121621; padding-left: 25px; }
#sidebar ul li a:hover { color: #CA0015; }
#sidebar .photos { clear: both; }
#sidebar .twitter, #sidebar .photos  { width: 240px; }
#sidebar .twitter .twitter-link, #sidebar .twitter .twitter-user { float: left; margin: 0; padding: 0 5px 0 0; }
#sidebar .twitter .twitter-link { display: none; }
#sidebar .twitter .twitter-timestamp { font-weight: bold; }
#sidebar .twitter p { font-size: 13px; margin: 0 0 0 20px; }
#sidebar .twitter p a { float: left; padding: 0 5px 0 0; color: #e86e14; }
#sidebar .sponsors img { margin: 0 0 10px -4px; }
#sidebar .photos img { margin-left: -4px; float: left; } 
#sidebar .widget { clear: both; padding: 0 0 10px 0; background: none; margin-left: 0px;  }
#sidebar .textwidget, #sidebar #calendar_wrap, #sidebar #searchform { margin: 0 0 0 4px; }
#sidebar .screen-reader-text { display: none; }
#sidebar #s { padding: 6px; border: 1px #ccc solid; margin: 0 10px 0 14px; }
#sidebar .textwidget { font-size: 13px; margin: 0 0 0 21px; }

/*------------------------------------------------*/
/*-----------------COMMENTS-----------------------*/
/*------------------------------------------------*/
#comments { width: 575px; }
/* actual comment styling */
ol.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0px 0 0; list-style: none; }
.commentlist .fn { color: #555555; font-size: 16px; }
.commentlist .url { color: #CA0015; font-size: 16px; font-style: normal; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 5px 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 0 -1px; display: block; color: #eee; padding: 5px 5px 5px 10px; background-color: #CA0015; width: 38px; }

/* respond form */
#respond h3 {}
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 485px; margin: 0 0 0 -4px; }
#commentform input { background: url("../images/textfield-bg.png") no-repeat; border: none; float: left; color: #555555; width: 255px; font-size: 12px; padding: 12px; margin-bottom: 20px; font-family: Arial; }
#commentform textarea { background: url("../images/textarea-bg.png") no-repeat; border: none; color: #555555; width: 468px; height: 238px;  margin: 5px 0 0 2px; font-size: 12px; padding: 10px 10px; font-family: Arial; }
#commentform .submit { background: none; background-color: #121621; margin: 20px 0 40px 5px; cursor: pointer; color: #eee; padding: 0; font-size: 12px; padding: 10px 14px 10px 14px; width: auto; }
#commentform .submit:hover { color: #CA0015; }
#commentform label {  float: left; padding: 10px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 12px; }
#commentform .logged { margin: 0 0 0 5px; }

/*------------------------------------------------*/
/*-----------------FOOTER-------------------------*/
/*------------------------------------------------*/
#footer-top { clear: both; background: url("../images/footer-top.jpg") no-repeat; height: 8px; }
#footer-middle { background: url("../images/footer-middle.jpg") repeat-y; height: 20px; padding-bottom: 20px; }
#footer-middle p { font-size: 12px;	color: #555555; padding: 15px 0px 0px 50px; }
#footer-bottom { background: url("../images/footer-bottom.jpg") no-repeat; height: 38px; margin-bottom: 40px; }

/*------------------------------------------------*/
/*-----------------FLICKR-------------------------*/
/*------------------------------------------------*/
.photo { text-align: center; vertical-align: middle; float: left; padding-bottom: 20px; }
.photo2 { text-align: center; vertical-align: middle; float: left; padding: 2px; border: 1px #ccc solid; margin: 0 15px 15px 0 ; }

/*------------------------------------------------*/
/*-----------------CONTACT FORM-------------------*/
/*------------------------------------------------*/
#contact { margin: 20px 0 0 0; }
#contactform  { width: 500px;  margin: 0 0 30px -4px; }
#contactform input { background: url("../images/textfield-bg.png") no-repeat; color: #555555; border: none; padding: 12px; width: 255px; float: left; margin-bottom: 20px; font-family: Arial; font-size: 12px; }
#contactform textarea { background: url("../images/textarea-bg.png") no-repeat; width: 468px; height: 238px;color: #555555; font-size: 12px; padding: 10px; border: none; font-family: Arial; line-height: 20px; overflow: hidden; margin: 5px 0 0px 1px; }
#contactform label { color: #888888; padding: 7px 0 0 20px; float: left; font-size: 10px; text-transform: uppercase; }
#contactform .submit { background: none; background-color: #121621; margin: 20px 0 40px 5px; cursor: pointer; color: #eee; padding: 0; font-size: 12px; padding: 10px 14px 10px 14px; width: auto; }
#contactform .submit:hover { color: #CA0015; }
.contact_error { background: #eeeeee url("../images/cross.png") no-repeat 10px center; display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; color:#555555; border: 1px solid #cccccc; margin-bottom: 30px; }
#contact #email_sent { background-color: #eeeeee; border: 1px #cccccc solid; padding: 10px; height: 60px; }
#contact #email_sent h3 { background: url("../images/tick.png") left no-repeat; padding-left:22px; margin-top: 4px; }



.custom .wp-table-reloaded
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0 0 20px 0;
	width: 620px;
	text-align: left;
	border-collapse: collapse;
}
.custom .wp-table-reloaded th
{
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	background: #feb9c9 url("../images/table-images/gradhead.png") repeat-x;
	border-left: none;
	border-right: none;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #222;
}
.custom .wp-table-reloaded td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid #fff;
	background: #fee url("../images/table-images/gradback.png") repeat-x;
	vertical-align: middle;
}

.custom .wp-table-reloaded .even td {
	background-color: #fee;
}
.custom .wp-table-reloaded .odd td {
	background-color: #fee;
}

.custom .wp-table-reloaded tfoot tr td
{
	background: #ffe8ed;
	font-size: 12px;
	color: #666;
}

/*
.custom .wp-table-reloaded tbody tr:hover td
{
	background: #fdd0da url("../images/table-images/gradhover.png") repeat-x;
	color: #333;
}
*/
.btn{
	width:162px;
	height:41px;
	background:url("../images/btnDl.png") no-repeat top center;
	display:block;
	text-decoration:none;
}

.btn:hover{
	text-decoration:none;
	background-position:0 -41px;
}

.btn:active{
	text-decoration:none;
	background-position:0 -82px;
}