/*
Theme Name: UI Developer
Theme URI: http://www.weaselette.com
Description: Special theme developed by Kristy Sullivan.
Author: Kristy Sullivan
Version: 1.0
Tags: blue, white, two-columns, fixed-width, custom-header, custom-background
*/

/* ----------------- Reset ----------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

/* ----------------- Grid Layout ----------------- */

body {text-align:center; background:#d6eff4 url(images/bgHeader.png) repeat-x 0 0;}

#header {height:165px; width:960px; margin:0 auto;padding:0;position:relative;}
	.logo {position:absolute;top:40px;left:12px;border:0;}
	#header form {position:absolute;top:40px;right:0;}

.wrapper {margin:0 auto; width:960px; background:transparent url(images/bgContent.png) repeat-y 0 0;}

#content {width:600px; float:left; margin:0 0 0 50px; padding:50px 0 15px 0; text-align:left; position:relative;}
	#content .filed {float:left;width:45%; text-align:left; padding-bottom:15px;}
	#content .tagged {float:right;width:45%; text-align:right;padding-bottom:15px;}
	#content .post {position:relative; margin-bottom:50px;}
	
p.print a {float:right; margin:0; padding:0; text-decoration:none; color:#3399CC;}
p.print img {border:0;}

/* Sidebar */
#sidebar {width:285px; float:right; margin:0; padding:30px 0; text-align:left;}
#sidebar .connect, #sidebar .topics, #sidebar .about {display:block; margin:0; padding:20px 0; text-align:left;}
#sidebar .connect {position:relative; padding:0 0 20px 0;}
#sidebar .icons, #sidebar h3, #sidebar p {margin-left:50px;}
#sidebar h3, #sidebar p {margin-right:20px;}
#sidebar .about p {padding-bottom:10px;}
#sidebar .about img {float:right; border:0; margin:0 20px; padding:0;}
#sidebar .icons img {border:0; margin:0 11px 11px 0;}
#sidebar .connect .tweats {position:absolute; top:-25px; right:-15px;}

/* Nav */
.menu {width:960px; overflow:hidden; background-color:#533930; position:absolute; top:123px; left:0; height:42px;}
.menu li {list-style-type:none; display:inline; margin:0; padding:0;}
.menu li a {text-decoration:none; display:block; float:left;height:42px; margin:0; padding:0 25px;}
.menu li a:hover, .menu li a.on {background-color:#6b5249;}

/* Post Navigation */
#navigation {}
#navigation .previous {float:left; width:45%; margin:20px 0;}
#navigation .next {float:right; width:45%; margin:20px 0;}

/* Footer */
#footer {background:#99ccff url(images/bgLine.png) repeat-x 0 0; margin:0 0 -15px 0; padding:30px 0 0 0;}
	.ftrwrapper {width:960px; margin:0 auto; padding:0 0 10px 0;}
		.recentarticles {float:left; width:320px; text-align:left;}
		.filecabinet {float:left; width:320px;text-align:left;}
		.favorites {float:left; width:320px;text-align:left;}
	.copyright {text-align:center; padding:10px 0; background:#fff;}
	.widget-area {width:240px; margin:0;padding:0; float:left; text-align:left;}
	
/*Tag Cloud*/
#second ul li a {float:left;}

/* Comments */
#comments {clear:both; margin-top:10px;}
#comments ol {margin:0; padding:0; list-style:none; text-align:left;}
#comments .commentlist li {background:#e6f5f8; list-style-type:none; margin:0 0 20px 0; padding:0; overflow:hidden; position:relative;}
#comments .avatar {float:right; border:0; margin:0 0 20px 20px;}
#comments .commentmetadata {background-color:#D6EFF4; padding:10px 20px; overflow:hidden; margin-bottom:10px;}
#comments .comment-body {margin:10px 20px 0 20px;}
#comments cite {margin-left:20px;}

/* ----------------- Typography Margins/Paddings ----------------- */

h1, h2, h3, h4, h5, h6 {margin-bottom:15px;}
p {margin-bottom:15px;}

#content h1 {margin-bottom:20px;}
#content h2 {clear:right;}
	
/* ----------------- Tables ----------------- */

/* Main Data Table */
.table {margin-bottom:15px;}
.table, .table td, .table th {border:1px solid #ccc; border-collapse:collapse;}
.table caption {text-align:left; padding-bottom:15px;}
.table th, .table td {padding:3px;}
.table th {background-color:#ccc;}
.table td {text-align:left;}

.alt {background-color:#E4F5F8;}

/* ----------------- Lists ----------------- */

ul, ol {margin:0 0 15px 0; padding:0;}
ul li, ol li {margin-bottom:6px;}
ul li {list-style-type:disc; margin-left:25px;}
ol li {list-style-type:decimal; margin-left:30px;}

dl {margin:15px 0;}
dt {float:left; clear:left; width:100px; text-align:left; padding:1px 0 15px 0;}
dd {text-align:left; padding:0 0 15px 0; margin:0 0 0 120px;}

#footer ul {margin:0; padding:0; list-style:none;}
#footer ul li {list-style-type:none; margin:0; padding:0;}
#footer ul li a {display:block; padding:5px;}
#footer ul li a:hover {background-color:#AFD7FF;}

#footer .recentarticles ul li a {width:250px;}
#footer .filecabinet ul li a {width:150px;}
#footer .favorites ul li a {width:250px;}

/* Twitter */
#twitter_update_list {margin:0 25px 25px 50px; padding:0; list-style:none;}
#twitter_update_list li {margin:0 0 10px 0; padding:0; list-style-type:none;}
#twitter_update_list li a:link, #twitter_update_list li a:visited, #twitter_update_list li a:active {background-color:#3399cc; padding:2px 3px; text-decoration:none; color:#fff; font-size:1em;}
#twitter_update_list li a:hover {background-color:#99CCFF;}

/* Topic */
#sidebar .topics ul {list-style:none; margin:0 25px 20px 50px; padding:5px 0 20px 0;}
#sidebar .topics ul li {list-style-type:none; margin:0 10px 10px 0; padding:0;}
#sidebar .topics ul li a {text-decoration:none;background-color:#3399cc; padding:2px 3px;font-size:1.2em;}
#sidebar .topics ul li a:link, #sidebar .topics ul li a:visited, #sidebar .topics ul li a:active {color:#fff;}
#sidebar .topics ul li a:hover {background-color:#99CCFF;}

/* About */
#sidebar .about p {line-height:1.4em;}
#sidebar .about p a {display:block;margin-top:5px; width:5em;}
#sidebar .about p a:link, #sidebar .about p a:visited, #sidebar .about p a:active {background-color:#3399cc; padding:2px 3px; text-decoration:none; color:#fff; font-size:1em;}
#sidebar .about p a:hover {background-color:#99CCFF;}
#sidebar .topics li.cat-item-14 {display:none;}

/* ----------------- Forms ----------------- */

/* Fieldsets and Legends */
fieldset {border:1px solid #ccc; padding:20px; text-align:left; margin-bottom:15px;}
legend {text-align:left;}

/* Updater Admin Log In */
#loginForm fieldset {width:400px;}

/* Text, Select, Textarea */
input.text, textarea, select {border:0; background-color:#E4F5F8; font:1.4em/100% Tahoma, Geneva, sans-serif;}
input.text {height:30px; line-height:30px; padding:0 5px;}
select, textarea {padding:5px;}

/* Form Buttons */
.btn {cursor:pointer; background:#3399cc url(images/bgBtn.png) repeat-x 50% 50%; border:0; padding:5px; overflow:visible; color:#fff; font:bold 1.6em Georgia, "Times New Roman", Times, serif;}
p a.btnsmall {cursor:pointer; background:#3399cc url(images/bgBtn.png) repeat-x 50% 50%; border:0; padding:5px; overflow:visible; color:#fff; font:1em Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#commentform input.btn {font-size:2.6em;}

/* Form Validation & Spam Reducer */
.required {font-weight:bold;}

#searchform {width:230px; height:50px; background:url(images/bgSearch.png) no-repeat 0 0; text-align:left; white-space:nowrap;}
#searchform .text {border:0; background:transparent; margin-top:18px; margin-left:10px; height:30px; width:165px; padding:0;
	font:1.4em/30px Tahoma, Geneva, sans-serif; color:#533930;}
#searchform #searchsubmit {height:50px; width:50px; padding:0; margin:0; border:0; background:transparent url(images/trans.png) repeat 0 0; cursor:pointer;text-indent:-1000em;}

#commentform input.btn {margin-top:20px;}

/* ----------------- Other Objects ----------------- */

.clear {clear:both;}
hr {border:none 0; border-top:1px solid #99ccff; width:100%; height:1px; margin:20px 0; clear:both;}

/* Callouts */
.text-callout, .text-callout-rev {padding:15px; text-align:center;}
.text-callout {float:right; margin:0 0 15px 15px;}
.text-callout-rev {float:left; margin:0 15px 15px 0;}

/* Content Image Position */
.imgRht {float:right; margin:0 0 15px 15px; border:0;}
.imgLft {float:left; margin:0 15px 15px 0; border:0;}

/* ----------------- Photo Gallery Colorbox ----------------- */

#photogallery {margin:20px 0;}
#photogallery img {border:1px solid #eee; text-decoration:none; padding:5px; margin-bottom:5px;}
#photogallery img:hover {border:1px solid #ccc;}
#photogallery p {float:left; text-align:center; height:140px; width:140px; margin:10px; overflow:hidden;}
#photogallery p a {text-decoration:none;}
#photogallery p .btn {margin-top:5px;}
#photogallery h2 {clear:both; margin:0 0 15px 0;}

/* ----------------- Typography Styles ----------------- */

body {font:62.5%/100% Tahoma, Geneva, sans-serif; color:#533930;}

/* ----------------- Headers ----------------- */

h1,h2,h3,h4,h5,h6 {color:#533930; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:100%;}
h1 {font-size:3em; clear:both;}
h2 {font-size:2.5em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.1em;}

#sidebar h3 {color:#533930;}
#content h1 a, #content h2 a {text-decoration:none;}
#content h1 a:link,#content h1 a:visited, #content h1 a:active,
#content h2 a:link,#content h2 a:visited, #content h2 a:active {color:#533930;}
#content h1 a:hover, #content h2 a:hover {color:#3399CC;}
#comments h2 {font-size:4em;}

/* ----------------- Paragraph and Contextual Elements ----------------- */

p, dt {font-size:1.4em;}
#content p {font-size:1.4em; line-height:1.7em;}
#content li {font-size:1.4em; line-height:1em;}

/* Date for Posts */
#content .date {float:left; width:30px; background-color:#fff; font:1.2em/1.7em Tahoma, Geneva, sans-serif; text-align:center;color:#9e7040;
	margin:0; padding:5px; text-transform:lowercase; position:absolute; top:0; left:-60px;}
#content .date b, #content .date i {display:block;color:#3399cc;}
#content .date b {font-weight:normal;font-size:2.2em;}
#content .date i {font-style:normal; font-size:1.5em;}

/*Comments*/
#comments {font-size:62.5%;}
#comments .commentlist li {color:#533930;}
#comments cite, #comments cite a {font:1.6em/100% Georgia, "Times New Roman", Times, serif; color:#336699; text-decoration:none;}
#comments .says {color:#533930; font-size:1.3em;}
#comments .comment-body {font-size:1.1em; line-height:125%;}
#comments .commentmetadata a {text-decoration:none; font-size:1.3em;}

#sidebar p, #sidebar .connect li {color:#9e7040; font-size:1.1em; line-height:1.5em;}

.filed, .tagged {font-size:1.2em;color:#9e7040; line-height:1.4em;}
.share {float:left; width:45%; margin:-15px 0 0 0; padding:0; text-align:left;}
.comments {float:right; width:45%; margin:-15px 0 0 0; padding:0; text-align:right;}
.share img, .comments img {border:0; vertical-align:middle; margin-right:5px;}
p.share a, p.comments a {text-decoration:none;color:#533930;}

p.copyright {color:#006699; font-size:1.1em;}

abbr, acronym {border-bottom: 1px dotted #666;}
blockquote {border-left:4px solid #B5D8DF; margin:0 30px 0 15px; padding:0 0 0 15px;}

/* ----------------- Links ----------------- */

a:link, a:active, a:visited {color:#3399CC;}
a:hover {text-decoration:none;}

#content a:hover {background-color:#E4F5F8; color:#533930;}
.skip-link {display:none;}

#navigation a {background-color:#3399cc;padding:2px 3px; text-decoration:none; font-size:1.4em;}
#navigation a:link, #navigation a:visited, #navigation a:active {color:#fff;}
#navigation a:hover {background-color:#99CCFF;}

/* ----------------- Forms ----------------- */

/* ----------------- Lists ----------------- */

.menu li a {font:bold 22px/42px "Bookman Old Style", Bookman, Georgia, "Times New Roman", Times, serif;}
.menu li a:link, .menu li a:visited, .menu li a:active {color:#fff;}
.menu li a:hover,.menu li a.on {color:#d6eff4;}

#footer li {color:#006699; font-size:1.1em;}
#footer li a:link, #footer li a:visited, #footer li a:active {color:#006699; text-decoration:none;}
#footer li a:hover {color:#002639;}

#commentform dt, #commentform p {font-size:2.2em;}
#commentform code {display:block; font:1em/125% "Courier New", Courier, monospace;color:#9e7040; margin-top:10px;}

#content li {line-height:1.5em;}

/* Code Demo on Posts */

#code {list-style:none; margin:0 0 20px 0; padding:0; font-family: "Courier New", Courier, monospace;line-height:150%;}
#code li {list-style-type:none; margin:0; padding:3px; font-size:1.2em;}
#code li ul, #code li ul li ul {margin:0 0 0 25px; padding:0;}
#code li li{margin:0; padding:0;font-size:1.2em;}
#code li li li {font-size:1em;}

/* ----------------- Portfolio ----------------- */

#movers-row {margin:0; padding:0; list-style:none;}
#movers-row li {list-style-type:none; float:left; margin:0; padding:0;}
#movers-row li img {border:5px solid #E4F5F8;; margin:0 25px 25px 0; padding:0;}
#movers-row li a:hover {text-decoration:none; background:none;}
#slickbox-1, #slickbox-2, #slickbox-3, #slickbox-4, #slickbox-5, #slickbox-6, #slickbox-7, #slickbox-8, #slickbox-9 {margin-top:25px;}