﻿/*
Theme Name: TagVIP
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Tag VIP
Author: WPCoder
Author URI: http://www.wpcoder.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {font:75%/125% Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:20px auto;width:750px}

/* Header */
#header {border-bottom:1px solid #CCC;overflow:hidden;width:100%}
#header #logo {color:#09C;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif}
#header span {display:block;font-style:italic;margin:4px 0 0}
#header ul {float:right;list-style:none;margin:-15px 0 0}
#header ul li {float:left;margin:0 0 0 10px}
#header ul li a {color:#333;float:left;font-weight:bold;padding:5px 10px}
#header ul li a:hover, #header ul li.current_page_item a {background:#CCC}

/* Content*/
#content {float:left;overflow:hidden;padding:0 0 20px;width:550px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
	
	/* Post */
	#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
	.left-col .post .meta {font-size:1.2em; border-bottom:2px #5A1F5B solid; padding:0 0 10px;}
	#content .post h1 {border:0;margin:0}
	#content .sticky {background:#f5efca}

.main-content .left-col .post,.main-content .left-col .page {border-bottom:1px #c0c0c0 solid;margin:0 0 15px;overflow:hidden;padding:0 0 15px;}
.main-content .left-col .post h2 a,.main-content .left-col .post h2 a:visited,.main-content .left-col .post h1, .main-content .left-col .page h2 a,.main-content .left-col .page h2 a:visited,.main-content .left-col .page h1 {color:#5A1F5B;font-size:2.2em;line-height:120%;text-decoration:none;}
.main-content .left-col .post h1 {border-bottom:2px #5A1F5B solid;margin:0 0 10px;padding:0 0 10px;}
.main-content .left-col .post h2 a:hover {text-decoration:underline;}
.entry {color:#58595B;font-size:1.0em;overflow:hidden;}
.entry img {border:5px #fff solid;}
.entry h2,.entry h3,.entry h4 {color:#5A1F5B;font-size:1.8em;line-height:160%;}
.postmetadata {font-size:1.0em;}
.postmetadata a {color:#A438A6;text-decoration:underline;}
.archives-title {background:#fff;padding:5px;text-align:center;}

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:10px 0 20px;width:200px}
#sidebar ul {list-style:none;margin:0 0 1em 18px}
#sidebar ul ul {list-style:disc}

.main-content .right-col {bottom:5px;position:relative;}
.main-content .right-col li {list-style:none;}
.main-content .right-col li h3 {border-bottom:2px #5A1F5B solid;color:#5A1F5B;padding:0 0 7px;}
.main-content .right-col li a {color:#A438A6;}
.main-content .right-col li.widget_recent_entries a , .main-content .right-col li.widget_archive a,.main-content .right-col li.widget_pages a {border-bottom:1px #c0c0c0 dashed;display:block;padding:10px 0 5px;}
.main-content .right-col .widget select {color:#58595B;font:12px Arial;margin:10px 0;padding:5px 3px;width:100%;}

/* Footer */
#footer {border-top:1px solid #CCC;clear:both;height:1%;padding:5px 10px;overflow:hidden}
#footer p {float:left}
#footer ul {float:right;list-style:none}
#footer ul li {display:inline;margin:0 0 0 20px}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .commentmetadata a {color:#130513}
#comments_wrap .comment-author {width:100%;overflow:hidden;padding:0 0 10px;font-size:1.5em;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-style:normal}
#comments_wrap .comment-author cite a,#comments_wrap .comment-author cite a:visited {color:#B968BB;text-decoration:underline;}
#comments_wrap h2,#respond h2 {color:#5A1F5B;font-size:1.8em;padding:5px 0 20px;}
#respond {padding:10px 0 0;}
#respond h2 {padding-bottom:10px;}
.comment-body {background:#fff;border:1px #c0c0c0 solid;padding:20px 20px 20px 70px;position:relative;}
.comment-body p {color:#58595B;line-height:160%;}
.comment-author img {left:20px;position:absolute;top:20px;}
#respond label {color:#58595B;float:left;font-size:1.3em;line-height:28px;padding:0 10px 0 0;text-align:right;width:190px;}
#respond .text-input,#respond textarea {border:1px #c0c0c0 solid;float:left;padding:6px 5px;width:374px;}
#respond textarea {height:86px;}
#respond p {margin:0 0 5px;overflow:hidden;}
#submit {display:block;margin:0 0 0 200px;padding:3px 35px;position:relative;}

/* Captions */
.wp-caption {margin:10px;text-align:center;}
.wp-caption img {border:5px #fff solid;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}