/*
Theme Name: Creative iphone Magazine
Theme URI: http://test.qualitywordpress.com/?preview_theme=iphonecreative-mag
Description: Creative iphone is a nicely designed wordpress theme featuring many vector elements.
Version: 1.0
Author: qualitywordpress
Author URI: http://qualitywordpress.com
*/



/* General */

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg.jpg) repeat scroll 0 0;
margin:0;
}
h1, h2, h3, h4 {
margin:0;
}
img {
border:0 none;
}
.clear {
clear:both;
height:0;
overflow:hidden;
}
#page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/page.gif) repeat-y scroll 0 0;
margin:0 auto 0;
width:895px;
}
#page-top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/page_top.jpg) no-repeat scroll 0 0;
width:895px;
}
#page-bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/page_bottom.gif) no-repeat scroll left bottom;
min-height:460px;
width:895px;
}
#header {
height:230px;
position:relative;
width:890px;
}
#header #header-info {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/logo.gif) no-repeat scroll 0 0;
height:81px;
left:460px;
padding-left:92px;
position:absolute;
top:70px;
width:325px;
}
#header #header-info h1 {
-x-system-font:none;
color:#A9DA7D;
font-family:"Century Gothic",Century Gothic;
font-size:28px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px 0 5px;
visibility:hidden;
}
#header #header-info h1 a {
color:#A9DA7D;
text-decoration:none;
}
#header #header-info .description {
-x-system-font:none;
color:#FFFFFF;
font-family:"Century Gothic",Century Gothic;
font-size:17px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
visibility:hidden;
}
#header #header-menu {
height:36px;
left:240px;
margin-left:10px;
top:0;
width:640px;
}
#header #header-menu ul {
height:46px;
list-style-type:none;
margin:0;
padding:0;
width:640px;
}
#header #header-menu ul li {
-x-system-font:none;
color:#FFFFFF;
float:left;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:36px;
line-height:39px;
margin-top:-10px;
}
#header #header-menu ul li a {
color:#FFFFFF;
display:block;
padding:0 15px;
text-decoration:none;
}
#header #header-menu ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/header_menu.gif) repeat-x scroll 0 0;
}
#header #header-menu ul li ul {
display:none;
}
#header #header-menu ul li.current_page_item a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/header_menu.gif) repeat-x scroll 0 0;
}
#header #header-search {
height:22px;
left:655px;
position:absolute;
top:195px;
width:217px;
}
#header #header-search #searchform {
height:22px;
margin:0;
padding:0;
width:217px;
}
#header #header-search #s {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#000000;
float:left;
font-family:"Century Gothic",Century Gothic;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:18px;
line-height:normal;
padding:2px 5px;
width:117px;
}
#header #header-search #searchsubmit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
float:right;
height:22px;
padding:0;
width:85px;
}
#header #header-newsletter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/header_newsletter.gif) no-repeat scroll 0 0;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:90px;
left:32px;
line-height:normal;
padding-top:40px;
position:absolute;
top:230px;
width:200px;
}
#header #header-newsletter p {
margin:0;
padding-bottom:7px;
}
#header #header-newsletter form {
margin:0;
padding:0;
}
#header #header-newsletter span {
float:left;
height:18px;
line-height:18px;
width:55px;
}
#header #header-newsletter input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/header_input.gif) no-repeat scroll 0 0;
border:medium none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:18px;
line-height:normal;
padding:0 5px;
width:123px;
}
#header #header-newsletter .submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/header_button.gif) no-repeat scroll 0 0;
height:26px;
margin-left:104px;
width:85px;
}
#header #recent-articles {
height:145px;
left:264px;
position:absolute;
top:223px;
width:305px;
}
#header #recent-articles h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/title_recent_articles.gif) no-repeat scroll 0 0;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
line-height:22px;
padding:0 10px;
width:285px;
}
#header #recent-articles ul {
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}
#header #recent-articles ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/header_articles.gif) no-repeat scroll 0 0;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:28px;
padding-left:8px;
}
#header #recent-articles ul li a {
color:#000000;
text-decoration:none;
}
#header #recent-articles ul li a:hover {
text-decoration:underline;
}
#header #popular-articles {
height:145px;
left:595px;
position:absolute;
top:223px;
width:278px;
}
#header #popular-articles h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/title_popular_articles.gif) no-repeat scroll 0 0;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
line-height:22px;
padding:0 10px;
width:258px;
}
#header #popular-articles ul {
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}
#header #popular-articles ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/header_articles.gif) no-repeat scroll 0 0;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:28px;
padding-left:8px;
}
#header #popular-articles ul li a {
color:#000000;
text-decoration:none;
}
#header #popular-articles ul li a:hover {
text-decoration:underline;
}
#header #header-feed {
height:30px;
left:700px;
position:absolute;
top:195px;
width:30px;
}
#header #header-feed1 {
height:80px;
left:703px;
position:absolute;
top:20px;
width:80px;
}
#header #header-feed2 {
height:30px;
left:670px;
position:absolute;
top:90px;
width:30px;
}
#header #header-feed3 {
height:30px;
left:8px;
position:absolute;
top:195px;
width:30px;
}
#header #header-stu {
height:30px;
left:680px;
position:absolute;
top:210px;
width:30px;
}
#main {
margin:0 auto;
width:889px;
}
#content {
float:left;
padding:10px 17px 0 16px;
width:541px;
}
#content .post {
float:left;
margin-bottom:30px;
width:541px;
}
#content .post .post-title {
-x-system-font:none;
color:#222222;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:59px;
line-height:normal;
width:541px;
}
#content .post .post-title a {
color:#222222;
text-decoration:none;
}
#content .post .post-title a:hover {
text-decoration:underline;
}
#content .post .post-title h2 {
-x-system-font:none;
color:#6A005A;
font-family:"Century Gothic",Century Gothic;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:2px 0;
}
#content .post .post-title h2 a {
color:#6A005A;
text-decoration:none;
}
#content .post .post-title h2 a:hover {
text-decoration:underline;
}
#content .post .post-title .post-date {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/post_date.gif) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-family:"Century Gothic",Century Gothic;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:60px;
letter-spacing:1px;
line-height:normal;
margin-right:18px;
text-align:center;
text-transform:lowercase;
width:59px;
}
#content .post .post-title .post-date span {
display:block;
padding:9px 0 1px;
}
#content .post .post-entry {
-x-system-font:none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
padding:0 10px;
width:521px;
}
#content .post .post-entry a {
color:#000000;
text-decoration:none;
}
#content .post .post-entry a:hover {
text-decoration:underline;
}
#content .post .post-entry a.more-link {
-x-system-font:none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
text-decoration:none;
}
#content .post .post-entry a.more-link:hover {
text-decoration:underline;
}
#content .post .post-entry blockquote {
border-left:10px solid #E6E6E6;
margin:0 30px;
padding-left:15px;
}
#content .post .post-info {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/post_info.gif) no-repeat scroll 0 0;
clear:both;
color:#555555;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:36px;
line-height:36px;
padding:0 15px;
width:511px;
}
#content .post .post-info a {
color:#555555;
text-decoration:none;
}
#content .post .post-info a:hover {
text-decoration:underline;
}
#content .post h3 {
-x-system-font:none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:30px 0 5px;
}
#content .post .comments {
-x-system-font:none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
width:521px;
}
#content .post .comments ol {
margin:10px 0;
padding-left:25px;
}
#content .post .comments ol li {
padding:5px;
}
#content .post .comments ol li a {
color:#000000;
text-decoration:none;
}
#content .post .comments ol li a:hover {
text-decoration:underline;
}
#content .post .comments ol li.alt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E6E6E6 none repeat scroll 0 0;
}
#content .post .comments ol li cite {
color:#000000;
font-style:normal;
font-weight:bold;
}
#content .post .comments ol li cite a {
color:#000000;
text-decoration:none;
}
#content .post .comments ol li cite a:hover {
text-decoration:underline;
}
#content .post .comments ol li .commentmetadata a {
color:#000000;
text-decoration:none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration:underline;
}
#content .post #commentform {
-x-system-font:none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:0;
padding-left:25px;
width:496px;
}
#content .post #commentform a {
color:#000000;
text-decoration:none;
}
#content .post #commentform a:hover {
text-decoration:underline;
}
#content .navigation {
-x-system-font:none;
color:#000000;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:30px;
width:541px;
}
#content .navigation a {
color:#000000;
text-decoration:none;
}
#content .navigation a:hover {
text-decoration:underline;
}
#content .navigation .navigation-previous {
float:left;
}
#content .navigation .navigation-next {
float:right;
}
#sidebar {
-x-system-font:none;
color:#FFFFFF;
float:left;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin-left:9px;
text-indent:8px;
width:295px;
padding-left:3px;
}
#sidebar a {
color:#ededed;
text-decoration:none;
}
#sidebar a:hover {
text-decoration:underline;
}
#sidebar .sidebar-box {
padding-bottom:10px;
width:295px;
}
#sidebar h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/sidebar_title.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:35px;
line-height:35px;
margin-bottom:2px;
padding:0 17px;
text-indent:-8px;
width:270px;
}
#sidebar ul {
list-style-type:none;
margin:0;
padding:0 0 0 15px;
}
#sidebar ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/sidebar_menu.gif) no-repeat scroll 0 0;
color:#EDEDED;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
padding-left:8px;
}
#sidebar ul li a {
color:#ededed;
text-decoration:none;
}
#sidebar ul li a:hover {
text-decoration:underline;
}
#sidebar ul li ul {
padding:0 0 0 10px;
}
#sidebar #searchform {
margin:0;
padding:10px 0;
text-align:center;
width:295px;
}
#sidebar #searchform #s {
width:205px;
}
#sidebar #calendar_wrap {
margin:0 auto;
padding-top:5px;
width:116px;
}
#sidebar #calendar_wrap caption {
font-weight:bold;
}
#sidebar #calendar_wrap tbody {
text-align:right;
}
#sidebar #calendar_wrap tfoot #next {
text-align:right;
}
#sidebar #calendar_wrap #today {
font-weight:bold;
}
#sidebar .textwidget {
padding:0 5px;
}
#sidebar .sidebar-ads {
padding:10px 0 0 15px;
text-indent:0;
}
#sidebar .sidebar-ads-in {
float:left;
padding:0 14px 14px 0;
}
#footer {
-x-system-font:none;
color:#FFFFFF;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:270px;
line-height:normal;
margin:0 auto;
width:869px;
}
#footer a {
color:#FFFFFF;
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}
#footer #footerbar {
height:180px;
padding-top:17px;
width:869px;
}
#footer #footerbar h3 {
-x-system-font:none;
color:#FFFFFF;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-top:-7px;
padding:0 0 25px 15px;
}
#footer #footerbar ul {
list-style-type:none;
margin:0;
padding:0 0 0 15px;
}
#footer #footerbar ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(images/footer_menu.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:"Century Gothic",Century Gothic;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:26px;
padding-left:8px;
}
#footer #footerbar ul li a {
color:#FFFFFF;
text-decoration:none;
}
#footer #footerbar ul li a:hover {
text-decoration:underline;
}
#footer #footerbar #footerbar-left {
float:left;
padding:0 17px 0 10px;
width:249px;
}
#footer #footerbar #footerbar-center {
float:left;
padding:0 14px 0 11px;
width:273px;
}
#footer #footerbar #footerbar-right {
float:left;
padding:0 14px 0 16px;
width:264px;
}
#footer #copyright {
line-height:42px;
text-align:center;
width:869px;
margin-top:73px;

}