/*
Theme Name: PocketT
Theme URI: http://www.nyssajbrown.net/pockett/
Description: A simple single column theme. Released under <a href="http://creativecommons.org/licenses/GPL/2.0/">Creative Commons General Public License</a> (GNU GPL). Icons thanks to <a href="http://famfamfam.com/">FAMFAMFAM</a>. Default photography &copy; <a href="http://www.nyssajbrown.net/photoblog/">Nyssa Brown Photography</a>
Version: 1.4
Author: Nyssa Brown Design
Author URI: http://www.nyssajbrown.net/
*/

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Global */

body {
text-align:center;
background: #FFF;
background-position: center;
background-repeat: repeat-y;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 13px;
line-height: 20px;
color: #5e6163;
}

#wrapper {
width:760px;
margin:0 auto;
}

.content {
width:760px;
margin:0 auto;
text-align:left;
}

a {
color: #09c;
text-decoration: none;
}

a:hover {
color: #000;
}

ul, ol {
margin-bottom:10px;
margin-left:20px;
}

ul li {
list-style:square;
}

ol li {
list-style: decimal;
}

dl {
margin-bottom:10px;
}

dt {
font-weight:bold;
}

dd {
padding-left:20px;
font-style:italic;
}

code {
font-size:1em;
font-family:"Courier New", Courier, monospace;
}

strong {
font-weight:bold;
color: #8ECF00;
text-shadow: #fff 1px 1px 1px;
}

em {
font-style:italic;
}

.clear {
clear:both;
}

/* Menu Styling */

#menu {
margin: 5px auto;
font-size: 14px;
padding: 5px 10px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
}

#menu a {
padding: 5px 10px;
margin: 0 5px 0 0;
color: #000;
text-decoration: none;
}

#menu a:hover {
background-color: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
}

#menu .current_page_item a, #menu .current_page_item, #menu .current_page_parent a, #menu .current_page_parent {
background-color: #09c;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
}

#menu a.current_page_item:hover, #menu a.current_page_parent:hover {
background-color: #09c;
cursor: default;
}

#menu a.rssfeedicon:hover {background-color: #ea7c34;}

/* About/Image Styling */

#about {
height: 280px;
background-image:url(http://martinlucas.co.uk/images/headers/home.jpg);
background-repeat: no-repeat;
padding: 0px;
margin: 0 0 10px 0;
}

.logolink {
width: 760px;
height: 280px;
border: none;
}

/* Primary Content */

#primary {
padding: 20px 20px 0px 20px;
background-color: #eaf3f7;
}

/* Articles */

#commentsnumber {
float: right;
background-color: #09c;
font-weight: bold;
color: #fff;
padding: 0 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#commentsnumber a {
color: #eaf3f7;
text-decoration: none;
}

#commentsnumber a:hover {color: #fff;}

.article_title, .article_title a, .page_title, .page_title a, .page_body h1, .archive_title, .archive_title a, .entry h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
text-decoration: none;
font-size: 24px;
font-weight: normal;
letter-spacing: -1px;
margin: 0px 0px 5px 0px;
padding: 0px;
text-shadow: #fff 1px 1px 1px;
text-transform: capitalize;
}

.page_body h2, .entry h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
text-decoration: none;
font-size: 24px;
font-weight: normal;
letter-spacing: -1px;
margin: 0px 0px 5px 0px;
padding: 0px;
text-shadow: #fff 1px 1px 1px;
text-transform: capitalize;
}

.article_title a:hover {
color: #09c;
}

.entry {
margin: 0px;
padding-bottom: 2px;
}

.entry p {
margin: 0px 0px 20px 0px;
color: #5e6163;
}

.postmetadata {
border-bottom: 10px solid #fff;
margin: 20px -20px;
padding: 10px 20px;
font-size: 10px;
color: #8c9294;
}

.postmetadata_entry {
border-bottom: 10px solid #fff;
margin: 20px -20px;
padding: 10px 20px;
font-size: 10px;
color: #8c9294;
}

.page_body {
color: #333;
margin: 0px;
}

.page_body p {
margin: 0px 0px 20px 0px;
color: #5e6163;
}

/* Custom Archives Page */

.archives_left {
width:45%;
float:left;
}

.archives_right {
width:45%;
float:right;
}

/* Comments/Comment Form */

.comments_title {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
text-decoration: none;
font-size: 24px;
font-weight: normal;
letter-spacing: -1px;
margin: 15px 0px 5px 0px;
padding: 0px;
text-shadow: #fff 1px 1px 1px;
}

ol.commentlist {
margin:20px 0;
background:#eaf3f7;
}

ol.commentlist li {
list-style:none;
font-size: 12px;
padding: 0px 20px 10px 20px;
margin:0 -20px 0 -20px;
color:#5e6163;
background:#eaf3f7
}

ol.commentlist li p {
margin-bottom:10px;
line-height:20px;
color: #5e6163;
}

.alt {
background:#eaf3f7 !important;
}

.comment_meta {
padding: 0;
font-weight: bold;
}

.comment_meta a {
color:#09c;
text-decoration:none;
}

.comment_meta a:hover {
color:#000;
}

.commentno {
color:#5e6163 !important;
text-decoration:none;
}

.login {
font-size: 12px;
color: #5e6163;
}

label {
color:#5e6163;
font-size:12px;
margin-bottom: 5px;
}

input#author, input#email, input#url {
margin-bottom:5px;
padding:5px;
width:48%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fff;
}

textarea#comment {
width:96%;
margin:10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fff;
}

input#submit {
padding: 5px;
margin: 3px 0px 20px 0px;
border: 1px solid #09c;
font-size: 12px;
background-color: #FFF;
width: 125px;
cursor: pointer;
color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input#submit:active {
color: #000
}

input#author:hover, input#author:focus, input#email:hover, input#email:focus, input#url:hover, input#url:focus, textarea#comment:hover, textarea#comment:focus {
border:1px solid #09c;
}

/* Misc / Custom Styles */

img.alignleft {
padding:0 15px 0 0;
}

img.alignright {
padding:0 0 0 15px;
}

blockquote {
padding:0 35px;
font-style:italic;
background:url(images/quote.gif) top left no-repeat;
}

.note {
background:#F2F2F2 url(images/note.gif) top left no-repeat;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
font-size:.9em;
padding:5px 10px 5px 25px;
color:#6b6b6b;
} 

.codebit {
background:#F2F2F2 url(images/code.gif) top left no-repeat;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
font-family:"Courier New", Courier, monospace;
padding:5px 10px 5px 30px;
}

.dl {
background:#F2F2F2 url(images/dl.gif) top left no-repeat;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
padding:5px 10px 5px 30px;
}

.green {
background:#c4d550;
padding:0 5px;
}

.grey {
background:#dddddd;
padding:0 5px;
}

.navigation {
padding: 0px 20px 20px 20px;
background-color: #fff;
}

.alignleft {
float:left;
padding-left:20px;
background:url(images/previous.gif) left no-repeat;
}

.alignright {
float:right;
padding-right:20px;
background:url(images/next.gif) right no-repeat;
}

.alignleft a, .alignright a {
color: #09c;
text-decoration:none;
font-size: 12px;
}

.alignleft a:hover, .alignright a:hover {
color:#000;
}

/* Footer */

#search {
margin: 30px 32px 30px 20px;
}

input#s {
width:100%;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 12px;
padding:5px;
border: 1px solid #ddd;
}

.search_title, .fof_title {
font-family: Georgia, "Times New Roman", Times, serif;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}

#footer {
background:url(images/footerbg.gif) no-repeat;
background-position: bottom;
height: 260px;
padding: 10px 20px 0px 20px;
font-size: 12px;
line-height: 20px;
color: #5e6163;
}

#footer a {
color: #09c;
text-decoration: none;
}

#footer a:hover {
color: #000;
}

#footer strong {
color: #000;
}

#footer ul {
margin: 0px;
list-style: none;
float: left;
}

#footer li {
list-style: none;
margin-left: 10px;
}

#secondfooter {
clear: both;
background-color: #000;
padding: 15px 15px 20px 30px;
font-size: 12px;
color: #FFF;
}

.secondfootertitle {
margin-right: 10px;
}

#secondfooterheader ul {
margin: 0px;
padding: 0px;
list-style: none;
} 

#secondfooterheader li {
margin: 0px;
padding: 0px;
list-style: none;
display: block;
float: left;
} 

#secondfooterheader a {
background-color: #000;
display: block;
}

#secondfooterheader a:hover {
background-color: #09c;
}

#secondfooter #tweets {
clear: both;
margin-bottom: 10px;
padding-right: 15px;
}

#secondfooter #tweets li {
list-style: none;
margin: 0px 0px 0px -20px;
padding: 0px;
}

#secondfooter #tweets a:hover {
color: #FFF;
}

.footericon {
margin: 0px 5px 0px 0px;
padding: 1px 0px 0px 0px;
list-style: none;
float: left;
}

#lastfmrecords {
clear: both;
padding: 0px;
margin: 0px;
}

#lastfmrecords img {
float: left;
margin: 5px 12px 20px 0px;
padding: 1px;
background-color: #FFF;
width: 75px;
height: 75px;
}

/* Flickr Badge */

#flickr_badge_wrapper {clear: both;}

#flickr_badge_wrapper img {
float: left;
margin: 5px 12px 20px 0px;
padding: 1px;
background-color: #FFF;
}

#flickr_badge_wrapper a {
background-color: #FFF;
}

#flickr_badge_wrapper a:hover {
background-color: #09c;
}

/* Hide WordPress stats image */

img#wpstats {
display:none;
}

/* Blog images */

.imagemiddle {
margin: 0px;
padding: 10px;
background-color: #fff;
}

.imageright {
margin: 5px 0px 10px 20px;
padding: 10px;
background-color: #fff;
float: right;
}

.imageleft {
margin: 5px 20px 10px 0px;
padding: 10px;
background-color: #fff;
float: left;
}

/* Pages */

#portfolioholder {
float: left;
margin: 0px 0px 25px 0px;
font-size: 12px;
text-align: center;
width: 225px;
}

.portfoliomiddleholder {
margin: 0px 20px 25px 20px !important;
}

#portfolioholder strong {
font-size: 13px !important;
}

.portfoliothumb {
margin: 5px 0px;
border: none;
}

#homeservices ul {
margin: 0px;
padding: 0px;
}

#homeservices li {
list-style-image: url(images/tickbox.jpg);
margin: 0px;
padding: 0px;
color: #5e6163;
}

#untickedlist ul {
margin: 0px;
padding: 0px;
}

#untickedlist li {
list-style-image: url(images/untickbox.gif);
margin: 0px;
padding: 0px;
color: #5e6163;
}

hr {
height: 0;
border-top: 1px solid #bbc2c6;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
margin: 0px 0px 20px 0px;
clear: both;
}

#contactform {
margin: 0px;
padding: 0px;
color: #8ECF00;
}

#contactform ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#contactform li {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
width: 125px;
font-weight: bold;
text-shadow: #fff 1px 1px 1px;
}

.textbox {
padding: 5px;
margin: 5px;
font-size: 12px;
background-color: #FFF;
width: 225px;
color: #5e6163;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}

.textbigbox {
padding: 5px;
margin: 5px;
background-color: #FFF;
width: 525px;
max-width: 525px;
height: 150px;
max-height: 250px;
color: #5e6163;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}

.textboxcap {
padding: 2px;
margin: 3px 103px 3px 3px;
border: 1px solid #09c;
font-size: 12px;
background-color: #FFF;
width: 125px;
color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}

.conbutton {
padding: 5px;
margin: 3px 0px 3px 130px;
border: 1px solid #09c;
font-size: 12px;
background-color: #FFF;
width: 125px;
cursor: pointer;
color: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.avatar-48 {
float: left;
margin: 0px 10px 10px 0px;
padding: 5px;
background-color: #fff;
}